/* CSS Document */

body {background: #ffffff; margin: 0; padding: 0; color:#000000; font: 82% Arial, Helvetica, sans-serif; color:#333333; font-size:12px;}

h1,h2,h3,h4,h5,h6,form,fieldset,ul {margin: 0; padding: 0;}

p {margin:0; padding-bottom:15px; text-align:justify;}

a:link, a:active, a:visited {color:#CC0033; text-decoration:none;}
a:hover {text-decoration:underline;}

img {border:none;}
	
#wrap {width:818px; margin:0 auto;}

.cleaner {clear:both;}

/*########################
HEADER
########################*/

#header {height:113px; background:#D40827;}

#header .logo {width:493px; float:left;}

#header .toplinks {float:left; padding:8px 0px 0px 0px;}
#header .toplinks ul {/*margin:0px; padding:0px;*/}
#header .toplinks ul li {color:#ffffff; list-style: none; margin-left:0px; padding:4px 0px 4px 0px; font-weight:bold;}
#header .toplinks ul li a:link, #header .toplinks ul li a:active, #header .toplinks ul li a:visited {color:#ffffff; font-weight:bold; font-size:11px; background:url(/img/toplinksbl.gif) no-repeat 0 1px; padding-left:20px; margin-left:8px; text-decoration:none;}
#header .toplinks ul li a:hover {color:#ffffff; text-decoration: underline;}
#header .column {float:left; margin:0px; padding:0px;}
#header .column2 {float:left; margin:0px 0px 0px 10px; padding:0px;}

/*########################
Top Bar
########################*/

#topbar {background:url(/img/topbarbg.gif) repeat-x; height:21px; margin-top:5px; padding:5px 10px 0px 10px; position:relative; margin-bottom:10px;}
#topbar .address {font-size:11px; color:#000000; float:left;}
#topbar .address a:link, #topbar .address a:active, #topbar .address a:visited {color: #000000;}

#topbar .date {color:#CC0033; font-size:10px; float:right;}
#topbar .date label.title {float:left; margin-right:10px;}
#topbar .date a {outline:none;}
#topbar .date a:hover {text-decoration:none;}

.side-content {padding:3px;}

/*########################
Left side
########################*/

#left-side {float:left; width:279px; margin-right:10px; position:relative;}
#left-side ul {margin:0px; padding:0px; list-style:none;}
#left-side ul li {background:url(/img/bulletred.gif) no-repeat 0 3px; padding:0px 0px 0px 13px; margin:0px;}

/*index block 1*/
.ind-block-top {background:url(/img/learn-spanish.gif) no-repeat; width:279px; height:175px;}
.ind-block-title {background:url(/img/learn-spanish-title.gif) no-repeat; width:269px; height:32px; padding:0px 0px 10px 10px;}
.ind-block-title h2 {color:#FFFFFF; font-size:14px; line-height:14px; background:url(/img/bulletind.gif) no-repeat 0 6px; padding:1px 0px 0px 35px; }
.ind-block-title a:hover {text-decoration:none;}

/*index block 2*/
.ind-block-top-2 {background:url(/img/about-spanish.gif) no-repeat; width:279px; height:175px;}
.ind-block-title-2 {background:url(/img/about-spanish-title.gif) no-repeat; width:269px; height:32px; padding:0px 0px 10px 10px;}
.ind-block-title-2 h2 {color:#FFFFFF; font-size:14px; line-height:14px; background:url(/img/bulletind2.gif) no-repeat 0 6px; padding:1px 0px 0px 35px; }
.ind-block-title-2 a:hover {text-decoration:none;}

.h2discount {background:url(/img/h2discount.gif) no-repeat; height:19px; font-size:14px; color:#FFFFFF; padding:3px 0px 0px 36px; margin-bottom:10px;}
.h2discount a:link, .h2discount a:active, .h2discount a:visited {color:#FFFFFF;}
.h2discount a:hover {text-decoration:none;}

.h2extra {background:url(/img/h2extra.gif) no-repeat; height:19px; font-size:14px; color:#FFFFFF; padding:3px 0px 0px 36px; margin-bottom:10px;}
.h2extra a:link, .h2discount a:active, .h2discount a:visited {color:#FFFFFF;}
.h2extra a:hover {text-decoration:none;}

#discount {width:270px; margin:0 auto; padding:0px 0px 0px 0px;}
#discount .thumb {float:left; width:80px; padding-bottom:10px;}
#discount .desc {float:left; padding-bottom:10px; padding-left:10px;}
#discount img {border:1px solid #999999; padding:2px;}

/*########################
Midle part
########################*/

#midle {float:left; width:279px; margin-right:10px; position:relative;}
#midle a:link, #midle a:active, #midle a:visited {color:#FF6600;}

#midle ul {margin:0px; padding:0px; list-style:none; margin-top:10px;}
#midle ul li {background:url(/img/bulletyellow.gif) no-repeat 0 3px; padding:0px 0px 0px 13px; margin:0px; font-weight:bold;}

/*--Photo tour style--*/
#photos {width:95%; margin:0 auto; text-align:left;}
#photos img {padding:3px 3px 3px 3px; border:1px solid #CCCCCC;}

/*########################
Right part
########################*/
#right-side {float:left; width:240px; text-align:center;}
#right-side h2 {font-size:14px;}

#right-side ul {margin:0px; padding:0px; list-style:none; margin-top:10px; text-align:left; margin-left:10px;}
#right-side ul li {background:url(/img/bulletred.gif) no-repeat 0 3px; padding:0px 0px 0px 13px; margin:0px;}

#right-side .member {width:120px; margin:0 auto; margin-top:20px;}

.banner {width:230px; height:82px; background:url(/img/bannerbg.gif) repeat-x; font-size:11px; color:#FFFFFF; text-align:justify;margin-bottom:10px; padding:3px 5px 3px 5px; line-height:13px;}
.banner h1 {font-size:14px; margin:0; padding:0; color:#FFFFFF;}


/*########################
Footer
########################*/

#footer { margin-top:20px; text-align:center; padding:10px 0px 10px 0px; background:url(/img/footerbg.gif) no-repeat; height:67px;}

/*
 * Misc.
 */

.clr {clear:both;}


/* Update 
---------------------------------------- */
hr.thin-line {
	border: solid #ddd;
	border-width: 1px 0 0;
	clear: both;
	margin: 18px 0;
	height: 0;
	display:block;
}
.btn_action {
	display: block;
	text-align: left;
	margin-bottom: 18px;
	border: 1px solid #d1d1d1;
	color: #444 !important;
	font-size: 18px;
	font-weight: bold;
	font-family: "Trebuchet MS";
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: inset 0px 1px 0px 0px #fff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #fff;
	box-shadow: inset 0px 1px 0px 0px #fff;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #F5F5F5),
	color-stop(1, #E2E2E2)
	);
	background-image: -o-linear-gradient(bottom, #F5F5F5 0%, #E2E2E2 100%);
	background-image: -moz-linear-gradient(bottom, #F5F5F5 0%, #E2E2E2 100%);
	background-image: -webkit-linear-gradient(bottom, #F5F5F5 0%, #E2E2E2 100%);
	background-image: -ms-linear-gradient(bottom, #F5F5F5 0%, #E2E2E2 100%);
	background-image: linear-gradient(to bottom, #F5F5F5 0%, #E2E2E2 100%);
}
.btn_action span {
	padding: 20px 18px 20px 78px;
	display: block;
}
.btn_action.book-icon span {
	background: url(/img/book-icon.png) no-repeat 17px center;
}
.btn_action.download-icon span {
	background: url(/img/download-icon.png) no-repeat 17px center;
}

/* Floting button */
.fl_button {
	position: fixed;
	bottom: 0;
	right: 20px;
	z-index: 1000;
	width:auto;
}
.fl_button img {
	vertical-align: middle;
	display: inline-block;
	margin-left: 10px;
}
.fl_button a {
	display: block;
	padding:10px 16px 7px 16px;
	font-size: 18px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	-webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
}
.fl_button.red a {

	border: 2px solid #740f1b;
	-moz-box-shadow: inset 0px 1px 0px 0px #f68f9d;
	-webkit-box-shadow: inset 0px 1px 0px 0px #f68f9d;
	box-shadow: inset 0px 1px 0px 0px #f68f9d;
	background: #740f1b;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #C31C33),
	color-stop(1, #730F1B)
	);
	background-image: -o-linear-gradient(bottom, #C31C33 0%, #730F1B 100%);
	background-image: -moz-linear-gradient(bottom, #C31C33 0%, #730F1B 100%);
	background-image: -webkit-linear-gradient(bottom, #C31C33 0%, #730F1B 100%);
	background-image: -ms-linear-gradient(bottom, #C31C33 0%, #730F1B 100%);
	background-image: linear-gradient(to bottom, #C31C33 0%, #730F1B 100%);
}

.fl_button.orange a {
	text-shadow: #ca4111 1px 1px 0px;
	border: 2px solid #ee7000;
	-moz-box-shadow: inset 0px 1px 0px 0px #ffd8a9;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffd8a9;
	box-shadow: inset 0px 1px 0px 0px #ffd8a9;
	background: #ee7000;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #F9A749),
	color-stop(1, #EE6F00)
	);
	background-image: -o-linear-gradient(bottom, #F9A749 0%, #EE6F00 100%);
	background-image: -moz-linear-gradient(bottom, #F9A749 0%, #EE6F00 100%);
	background-image: -webkit-linear-gradient(bottom, #F9A749 0%, #EE6F00 100%);
	background-image: -ms-linear-gradient(bottom, #F9A749 0%, #EE6F00 100%);
	background-image: linear-gradient(to bottom, #F9A749 0%, #EE6F00 100%);
}

.intro {
	height:auto !important;
	padding:18px !important;
}