/*

Title:      Forocio master styles for screen media

Author:     jandropoch, CW

Updated:    July 19 2006

*/



body {

	margin: auto;

	padding: 0;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 0.8em;

}

h1{

	float: left;

	margin: 0;

}

h2{	float:left;

	margin:0;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 2.7em;

	color:#FFF;

	background:#DE0018;

	padding:0 3px 0 3px;

	line-height:1.3em;
	width:100%;

}

h3 {

	font-family: Arial, Helvetica, sans-serif;

	margin: 4px;

	font-size: 13px;

}

h3 a{

	color: #FFFFFF;

	background-color: #DE0018;

	padding: 0 3px 0 3px;

}

h4 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1.5em;

	letter-spacing: -1px;

	color: #F9C206;

	margin: 5px;

}

h6 {

	float: left;

	width: 325px;

	height: 200px;

	margin: 0;

	padding: 0;

}

a {

	color: #000000;

	text-decoration: none;

}

p {

	font-size: 85%;

}

p.academias {

	font-size: 75%;

}

hr {

	display: none;

}

strong {

	color: #DE0018;

}

table {

	float:left;

	font-size: 85%;

}

.table-int {

	border-bottom: 1px #DE0018 solid;

	margin: 10px 10px 30px 10px;

	text-align: center;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 0.8em;

}

.table-aca {

 	background-color: #FFCC33;

 	margin-bottom: 5px;

	width: 100%;

}

.table-aca tr{

	background-color: #FFCC33;

	color: #DE0018;

	text-transform: uppercase;

	font-size: 1em;

}



.table-aca td{

	height: 2px;

}



.table-aca-destacada {

 	background-color: #de0018;

 	margin-bottom: 5px;

	width: 100%;

}

.table-aca-destacada tr{

	background-color: #de0018;

	color: #ffcc33;

	font-size: 1.5em;

	font-weight: bold;

}



.table-aca-destacada td{

	height: 2px;

}



.table-aca-destacada a{

	font-weight: bold;

	color: #FFFFFF;

	font-size: 1.2em;

}



.table-aca-destacada a:hover{

 	text-decoration: underline;

	color: #ffcc33;

}



.table-int a{

	font-weight: bold;

	color: #DE0018;

	font-size: 1.2em;

}

.table-int th {

	font-size: 1.4em;

	height: 20px;

	background-color: #DE0018;

	color: #FFFFFF;

}

.color-tr {

	background-color: #FFCC33;

	color: #DE0018;

	height: 20px;

	text-transform: uppercase;

	font-size: 1em;

}



#forocio {

	width: 775px;

	margin: auto;

}

/*

header

*/

#header {float:left;width:775px;/* height:80px; */margin-bottom:7px;border-top:10px solid #000;background: #F9C206;}

	#header a {text-decoration:none;}

		#header a:hover {text-decoration:underline;}

	#header img {float:left;border:none;}

	#header p{float:left;margin-top:55px;}

	#header ul {float:left;margin:5px 0 0 0;padding: 0 0 0 10px;font-size: 0.8em;}

	#header li {float:left;font-size:0.8em;display:inline;}

	#header h3{float:left;margin:10px 0 0 0;/* background: url(../images/detalle.gif) no-repeat; *//* padding-left:50px; */font-size:2em;line-height:1em;letter-spacing:-1px;}



	#header-left{float:left;width:302px;margin:6px 0 0 6px;}

		#header-left li {margin:10px 8px 0 0;padding:0 0 2px 0;}

		#header-left li img {margin:0 2px 0 0;}



	#header-right{float:right;width:232px;margin-right: 5px;text-align: right;font-size: 1.1em;}





/*

menu

*/

#menu {

	background: url(../images/background-menu.gif) repeat-x;

	clear: both;

	height: 35px;

	font-size: 85%;

	margin-bottom: 7px;

}

#menu a{

	color: #FFFFFF;

	text-decoration: none;

	border-right: #FFFFFF 1px solid;

	padding: 11px 8px 11px 8px;

}

#menu a:hover{

	background-color: #F9C206;

}

#menu ul{

	margin: 0 0 0 20px;

	padding: 0;

	clear: both;

	list-style-type: none;

}

#menu li{

	float: left;

	padding: 11px 0 11px 0;

}

/*

anylink

*/

.anylinkcss{

	position:absolute;

	visibility: hidden;

	border:1px solid white;

	border-bottom-width: 0;

	border-right-width: 0;

	z-index: 100;

	background-color: #DE0018;

	width: 130px;

}

.anylinkcss a{

	display: block;

	border-bottom: 1px solid white;

	text-decoration: none;

}

/*

content

*/

#content {

	padding-top: 85px;

	margin-bottom: 5px;

}

#implementaciones {

	width: 700px;

	margin: 20px 0 0 30px;

	float: left;

}

#content-left {

	width: 400px;

	margin: 20px 0 0 30px;

	padding-right: 20px;

	float: left;

}

#content-left ul {float:left;//float:none;}



#content-left a{

	text-decoration: underline;

}

#content-left hr{

   padding: 0;

   height: 1px;

}

#content-right {

	width: 200px;

	margin: 20px 0 0 0;

	float: left;

	border-left: #000000 1px dotted;

	padding-left: 40px;

}

#content-right p{

	margin: 5px;

}

#content-right h3{

	margin-top: 15px;

	font-size: 2em;

	letter-spacing: -1px;

	border: none;

}

#content-right ul{

	float:left;

	list-style-type: none;

	margin: 0;

	padding: 0;

}

#content-right li {

	clear:both;

	font-family: Arial, Helvetica, sans-serif;

	margin: 4px;

	font-size: 1.2em;

}

#content-right li a{

	color: #FFFFFF;

	background-color: #DE0018;

	padding: 0 3px 0 3px;

	font-style: normal;

	font-weight: bold;

}

#content img {



	margin: 5px 20px 5px 20px;

}

#content li {

	font-style: italic;

	margin-bottom: 3px;

}

#content a {

	text-decoration: underline;

}

.breadcrumb {

	color: #DE0018;

	padding-bottom: 10px;
	margin-bottom:10px;
	width:100%;
	height:25px;

	font-size: 0.8em;

}

.ourservices {

	background: url(../images/detalle1.jpg) no-repeat;

}

.toursandtrips {

	background: url(../images/detalle3.jpg) no-repeat;

}

.tripplanner {

	background: url(../images/detalle4.jpg) no-repeat;

}

.spain {

	background: url(../images/detalle5.jpg) no-repeat;

}

.europe {

	background: url(../images/detalle6.jpg) no-repeat;

}

.education {

	background: url(../images/detalle7.jpg) no-repeat;

}

.selectionhotels {

	background: url(../images/detalle8.jpg) no-repeat;

}

.international {

	background: url(../images/detalle2.jpg) no-repeat;

}

.mexican {

	background: url(../images/detalle9.jpg) no-repeat;

}

.shuttle {

	background: url(../images/shuttle.jpg) no-repeat;

}

.partybus {

	background: url(../images/detalle10.jpg) no-repeat;

}

.isic {

	background: url(../images/detalle11.jpg) no-repeat;

}

.who {

	background: url(../images/detalle14.jpg) no-repeat;

}

.clients {

	background: url(../images/detalle15.jpg) no-repeat;

}

.testimonials {

	background: url(../images/detalle16.jpg) no-repeat;

}

.quality {

	background: url(../images/detalle17.jpg) no-repeat;

}

.benefits {

	background: url(../images/detalle18.jpg) no-repeat;

}

.example1 {

	background: url(../images/detalle21.jpg) no-repeat;

}

.example2 {

	background: url(../images/detalle22.jpg) no-repeat;

}

.example3 {

	background: url(../images/detalle19.jpg) no-repeat;

}

.example4 {

	background: url(../images/detalle23.jpg) no-repeat;

}

.trip {

	background: url(../images/detalle24.jpg) no-repeat;

}

.hostel {

	background: url(../images/background-GOMIO.gif) no-repeat;

}

.hotel {

	background: url(../images/background-transhotel.gif) no-repeat;

}

.car {

	background: url(../images/background-AVIS.gif) no-repeat;

}

.tours {

	background: url(../images/detalle20.jpg) no-repeat;

}

.tours h3{

	padding-top: 10px;

}

.contact {

	background: url(../images/detalle13.jpg) no-repeat;

}

.contact p{

	clear: both;

	float: none;

}

.contact2 strong{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1.5em;

	color: #FFFFFF;

	background-color: #DE0018;

	display: inline;

	padding: 0 3px 0 3px;

	line-height: 1.3em;

}

.photoalbum {

	background: url(../images/detalle12.jpg) no-repeat;

}

.photoalbum h3{

	margin-top: 20px;

	font-size: 2em;

	clear: both;

	border-top: 1px solid #000000;

}

.photoalbum h4{

	color: #DE0018;

	margin-top: 20px;

}

.photoalbum img{

	border: 4px #FFCC33 solid;

}

/*

bloque1

*/

#bloque1 {

	background-color: #F9C206;

	margin-bottom: 7px;

}

#bloque1 p{

	margin: 0;

}

#bloque3 {

	float: left;

	text-align: right;

	background: url(../images/background-bloque1.gif) no-repeat;

	width: 440px;

	height: 180px;

	padding: 10px 10px 10px 0;

}

#bloque4 {

	float: left;

	width: 175px;

}

#bloque4 p{

	margin: 0;

	font-weight: bold;

	position: relative;

	top: 110px;

}

#bloque6 {

	float: right;

	width: 255px;

}

#bloque6 p{

	margin: 6px;

}

.buttom1 {

	background: url(../images/backgound-buttom.gif) no-repeat #F9C206;

	width: 87px;

	height: 23px;

	display: block;

	color: #FFFFFF;

	margin: 15px 0 0 0;

	padding: 7px 10px 5px 5px;

	text-align: right;

	font-weight: bold;

	position: relative;

	top: -10px;

}

.buttom1 a{

	color: #FFFFFF;

	text-decoration: underline;

}

.buttom2 {

	background: url(../images/backgound-buttom-2.gif) no-repeat #F9C206;

	width: 87px;

	height: 23px;

	display: block;

	color: #FFFFFF;

	margin: 5px 5px 0 0;

	padding: 7px 10px 5px 5px;

	text-align: right;

	font-weight: bold;

	float: right;

}

.buttom2 a{

	color: #FFFFFF;

	text-decoration: underline;

}

/*

bloque2

*/

.bloque2 {

	background: url(../images/background-bloque2-mid.gif);

	float: left;

	width: 775px;

}

.bloque2 a:hover{

	color: #FFFFFF;

}

.bloque2 p{float:left;width:100%;margin: 15px 0 5px 0;}

.bloque2-h3{

	margin: 10px;

	font-family:Arial, Helvetica, sans-serif;

}

.bloque2-top {
	background: url(../images/background-bloque2-sup.gif) no-repeat;
	height: 14px;
	width: 775px;
	float: left;
}

.bloque2-bottom {

	background: url(../images/background-bloque2-bot.gif);

	height: 16px;

	width: 775px;

	float: left;

}

.bloque2-a {float:left;width:250px;margin-left:20px;}
	.bloque2-a ul{float:left;margin:30px 0 0 0;padding:0;list-style-type:none;font-weight:bold;font-size:0.9em;}
	.bloque2-a li{float:left;height: 25px;border-bottom: 1px #000000 solid;}
	.bloque2-a img{float:right;}
	.bloque2-a h2{font-size:25px}

.bloque2-b {float:left;width:300px;margin-left:20px;}
	.bloque2-b iframe {float:left;margin:0 0 0 20px;}

.hotels {

	float: left;

	background: url(../images/background-hotels.gif) no-repeat;

	padding: 5px 0 0 40px;

	height: 23px;

}

.car-rental {

	float: left;

	background: url(../images/background-cars.gif) no-repeat;

	padding: 5px 0 0 40px;

	height: 23px;

}

.hostels {

	float: left;

	background: url(../images/background-hostels.gif) no-repeat;

	padding: 5px 0 0 40px;

	height: 23px;

}

.flights {

	float: left;

	background: url(../images/background-flights.gif) no-repeat;

	padding: 5px 0 0 40px;

	height: 23px;

}

.bloque2-c {

	border-right: #000000 1px solid;

	float: left;

	width: 250px;

	margin-left: 20px;

	margin-top: 10px;

}

.bloque2-c p{

	width:240px;

	margin: 5px;

}

.bloque2-d {

	float: right;

	width: 450px;

	margin: 0 0px 10px 10px;

	color: #FFFFFF;

}

.bloque5 {

	background: url(../images/background-bloque5-mid.gif);

	float: left;

	width: 207px;

	margin: 7px;

	text-align: center;

}

.bloque5 p{

	margin: 5px;

	font-size: 0.8em;

}

.bloque5-top {

	background: url(../images/background-bloque5-sup.gif) no-repeat;

	height: 12px;

	width: 207px;

	float: left;

}

.bloque5-bottom {

	background: url(../images/background-bloque5-bot.gif);

	height: 13px;

	width: 207px;

	float: left;

}

.bloque5-bis {

	float: left;

	background: url(../images/background-bloque5-bis.gif) no-repeat;

	width: 207px;

	height: 267px;

	margin: 7px;

	text-align: center;

}

.bloque5-bis p{

	margin:4px 0 4px 0;

	font-size: 0.8em;

}

.bloque5-bis2 {

	padding:9px;

}

/*

form

*/

select {

	font-size: 1em;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	border: #DE0018 1px solid;

}

textarea {

	font-size: 1em;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	border: #DE0018 1px solid;

}

input {

	font-size: 1em;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	border: #DE0018 1px solid;

}

label {

	float: left;

	width: 150px;

}

/*

footer

*/

#footer {

	background-color: #000000;

	color: #FFFFFF;

	text-align: center;

	padding: 5px;

	float: left;

	width: 765px;

}

#footer p{

	margin: 0;

}

#footer a{

	color: #FFFFFF;

}





/*

lightbox

*/

#lightbox{

	position: absolute;

	top: 40px;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

	}



#lightbox a img{ border: none; }



#outerImageContainer{

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

	}



#imageContainer{

	padding: 10px;

	}



#loading{

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

	}

#hoverNav{

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

	}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{

	width: 49%;

	height: 100%;

	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */

	display: block;

	}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }





#imageDataContainer{

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	}



#imageData{

	padding:0 10px;

	}

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}

#overlay{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	background-color: #F9C206;

	filter:alpha(opacity=60);

	-moz-opacity: 0.6;

	opacity: 0.6;

	}

.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

	}



* html>body .clearfix {

	display: inline-block;

	width: 100%;

	}



* html .clearfix {

	/* Hides from IE-mac \*/

	height: 1%;

	/* End hide from IE-mac */

	}

.disponible {

	color: #009900;

}

.nodisponible {

	color: #FF0000;

}





.white {

	color: #FFFFFF;

}

.float-left {

	float: left;

}

.display-none {

	display: none;

}

.maintitle {

	padding: 0;

	width: 325px;

	height: 200px;

}

.includes {

	float: left;

	margin: 0 10px 0 0;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	width: 170px;

	padding: 10px 0 10px 10px;

	background-color: #FFCC33;

}

.includes ul{

	font-size: 0.9em;

	margin:  0px 0px 0px 0px;

	padding:  0px 0px 0px 15px;

}

.idiomas {

	height: 20px;

	text-decoration: none;

}

.idiomas a {

	font-size: 0.7em;

	text-decoration: none;

}

.idiomas a:hover {

	text-decoration: none;

}

.idiomas img {

	vertical-align: middle;

	margin-left: 2px;

}

.noborde {

	border: 0;

}

.mayusculas {

	text-transform: uppercase;

}

.precio {

	font-weight: bold;

	font-size: 1.3em;

	background-color: #DE0018;

	color: #FFFFFF;

}

#photo-card {

	width: 100%;

	text-align: center;

}

#photo-card p{

	text-align: left;

	padding-left: 40px;

}

#photo-card img {

	padding: 1px;

	border: 1px #000000 solid;

	margin: 5px;

}

.calendar {

	text-align: center;

	border-bottom: 1px #DE0018 solid;

}

.calendar_head {

	background-color: #DE0018;

	color: #FFFFFF;

	text-align: center;

}

.calendar_nofechas {

	color: #CCCCCC;

}

.calendar_fechas {

	background-color: #DE0018;

}

.ids {

	background-color: #FF6600;

	padding: 3px;

	font-size: 0.9em;

	font-weight: bold;

	color: #FFFFFF;

	margin: 2px;

	font-family: Geneva, Arial, Helvetica, sans-serif;

}

.borde { border:1px solid #000000; }



.hidden {display:none;}



.dcha { float: right; margin:0 0 0 5px; }



.izda { float: left; margin:0 5px 0 0; }



.cntr { margin:10px auto 0 auto; float:none; clear:both; display:block; }