/* CSS Document */



body {background:#87CFF7 url(/img/bg.gif) repeat-x; margin: 0; padding: 0; color:#000000; font: 82% Arial, Helvetica, sans-serif; min-width:760px; font-size:12px;}





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



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



a:link, a:active, a:visited {color:#BF0505; text-decoration:none;}

a:hover {text-decoration:underline;}



h1 {
	color: #304596;
	font-size: 18px;
	font-family:Arial, Helvetica, sans-serif;
}



#wrap {margin:0 auto; width:736px; background:url(/img/mainbg.gif) repeat-y; border:1px solid #233886; border-top:0px;}



#main {}



.cleaner {clear:both;}



/*########################

HEADER

########################*/



#header {}

#header .topmenu {background:url(/img/topmenubg.gif) repeat-x; height:30px; font-size:10px; font-weight:bold; color:#FFFFFF;}

#header .topmenu a:link, .topmenu a:active, .topmenu a:visited {color:#FFFFFF;}

#header .tools {float:left; padding:10px 5px 0px 5px;}

#header .languages { float:right; padding:10px 5px 0px 0px;}

#header .languages ul {margin:0; padding:0;}

#header .languages ul li {padding: 5px 10px 5px 20px; list-style:none; display:inline;}

#header .languages .sp {background: url(/img/spanish.gif) no-repeat 0 6px;}

#header .languages .en {background: url(/img/english.gif) no-repeat 0 6px;}

#header .languages .fr {background: url(/img/fr.gif) no-repeat 0 6px;}

#header .languages .de {background: url(/img/de.gif) no-repeat 0 6px;}





#header .collage {}





/*########################

LEFT SIDE BAR

########################*/



#left-sidebar {float:left; width:137px; background:url(/img/leftsidebartop.gif) no-repeat top; padding-left:15px; padding-top:25px; padding-right:3px; padding-bottom:10px;}

*html #left-sidebar {  height:1%; }



#main_menu h2 {padding: 0px 5px 5px 18px; list-style: none; background: url(/img/flag.gif) no-repeat 0 0px; font-size:12px; min-height:14px; color:#006399; border-bottom:1px solid #08460C; margin-bottom:5px;}

#main_menu h2 a:link, #main_menu h2 a:active, #main_menu h2 a:visited {color:#006399; text-decoration:none; font-weight:bold;}

#main_menu h2 a:hover {background:none;}



#main_menu a:link, #main_menu a:active, #main_menu a:visited {color:#000000; text-decoration:none; font-weight:normal;}

#main_menu a:hover {background:#FFDC4C; display:block;}



#main_menu ul {margin:0; padding:0; padding-left:10px; padding-bottom:15px;}

#main_menu li {padding: 5px 0px 3px 13px; list-style: none; background: url(/img/menubullet.gif) no-repeat 0 7px; font-size:11px;  /*border-bottom:1px solid #08460C;*/ margin-right:5px;}





/*########################

MAIN CONTENT PART

########################*/



#right-sidebar {float:left; width:580px;}

*html #right-sidebar {  height:1%; }





#content-topbar {background:#3B51A3 url(/img/addressbarbg.gif) repeat-x top; width:561px; padding:10px; border-bottom:1px solid #233886;}

#content-topbar h1 {color:#E5CD00; font-size:16px;}

#content-topbar .addressbar {color:#FFFFFF; font-size:10px; padding-top:5px}

#content-topbar .addressbar a:link, .addressbar a:active, .addressbar a:visited {color:#FFFFFF; text-decoration:none;}

#content-topbar .addressbar a:hover {text-decoration:underline;}



#tabs {background:url(/img/tabsbg.gif) no-repeat; height:33px; width:577px; padding-left:4px;}

#tabs .active-left {float:left; background:url(/img/activetableft.gif) no-repeat; width:9px; height:33px;}

#tabs .active-center{ background:url(/img/activetabbg.gif) repeat-x; height:20px; float:left; padding-top: 13px; font-size:11px; font-weight:bold; color:#BF0505;}

#tabs .active-center a:link, .active-center a:active, .active-center a:visited {color: #BF0505; text-decoration:none;}

#tabs .active-right {float:left; background:url(/img/activetabright.gif) no-repeat; width:9px; height:33px; margin-right:3px;}



#tabs .left {float:left; background:url(/img/tableft.gif) no-repeat; width:9px; height:33px;}

#tabs .center{ background:url(/img/tabbg.gif) repeat-x; height:20px; float:left; padding-top: 13px; font-size:11px; font-weight:bold; color:#BF0505;}

#tabs .center a:link, .center a:active, .center a:visited {color: #233886; text-decoration:none;}

#tabs .right {float:left; background:url(/img/tabright.gif) no-repeat; width:9px; height:33px; margin-right:3px;}







/*--Content--*/

#content-container {width:551px; margin:0 auto;}



#content {float:left; width:398px; padding:10px 10px 0px 0px; text-align:justify;}
#content-dinamico {float:left; width:398px; padding:10px 10px 0px 0px; text-align:justify;}


#content h2 {color:#1F3175; font-size:12px; background:url(/img/h2bg.gif) no-repeat left; height:16px; margin-bottom:10px;}

*html #content {  height:1%; }



#content ul li {padding: 0px 0px 0px 13px; list-style: none; background: url(/img/bullet.gif) no-repeat 0 5px;}



/*--ads bar--*/

#ads {float:left; width:143px; padding:10px 0px 0px 0px; font-size:10px; text-align:center;}

*html #ads {  height:1%; }



#ads .top {background:url(/img/adstop.gif) repeat-y; width:143px; height:18px;}

#ads .midle {background:#FFE475 url(/img/adsbg.gif) repeat-y; width:133px; padding:5px;}

#ads .bottom {background:url(/img/adsbottom.gif) repeat-y; width:143px; height:18px;}







/*########################

FOOTER

########################*/



#footer {clear:both; height:47px; color:#FFFFFF; text-align:center; padding:12px 0px 12px 0px; background:#3A50A1; border-top:2px solid #233886;}

#footer a:link, #footer a:active, #footer a:visited {color:#FFCC00;}

.ads{ margin-botton:10px;}

/* Text chamber of commerce - footer */
#sponsored{text-align:center; font-size:9px; color:#333333; letter-spacing:1px;  }

/*########################

TABLAS

########################*/

.tabla {
	background-color: #FFFFCC;
	border-right-width: thin;
	border-bottom-width: 1px;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #233886;
	border-right-color: #233886;
	border-bottom-color: #233886;
	border-left-color: #233886;
	border-top-width: thin;
}



#tabla .menu {
	border-top-width: 2px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFCE07;
	border-right-color: #233886;
	border-bottom-color: #FFCE07;
	border-left-color: #FFCE07;
	border-right-width: 2px;
}
#tabla .font {
	color:#FFFFFF;
	font-weight: bold;
}
.raya {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #233886;
	border-right-color: #233886;
	border-bottom-color: #233886;
	border-left-color: #233886;
}

/* Text chamber of commerce - footer */
#sponsored{text-align:center; font-size:9px}

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


#showcase {width:358px; margin:0;  padding:0 20px;}
#showcase img {padding:3px 3px 3px 3px; border:1px solid #CCCCCC; margin-top:10px;}
#showcase div {  text-align:center; width:160px;}
#showcase a { font-size:1.1em; font-weight:bold;}
#showcase a:hover { text-decoration:none;}


/*######### FORMS #########*/

#switch-tools {font-size:16px; font-weight:bold; margin-bottom:10px; text-align:center; }


#xform {width:100%;}
#xform ol {margin:0 auto; padding:10px 0px 10px 0px; margin-bottom:10px; width:100%;}
#xform li {list-style: none; padding: 5px; margin: 0px; clear:both;}
#xform .label {float:left; width:150px; text-align:left; display:inline-block; color:#333333; font-weight:bold; padding-right:5px;}
#xform .label-fail {float: left; width:150px; text-align:left; display:inline-block; color:red; font-weight:bold;}
#xform .field {/*float:left;*/}
#xform .note {font-size:11px;}
#xform strong {color:#FF0000; font-size:14px;}
#xform h3 {color:#34488F;}
#xform .input { width:185px; border:solid 1px #7696B3; }
#xform .paises { width:190px; font-size:12px; }
#xform select { border:solid 1px #7696B3; }
#xform .textarea-form textarea  { width:185px; height:80px; border:solid 1px #7696B3; } 
#xform ol {margin:0 auto; padding:10px 0px 10px 0px; margin-bottom:10px; background:url(/img/forms-bg.gif) repeat-x top;}

#xform .readonly  { margin-left:5px; font-size:12px; width:355px; }


.cleaner {clear:both;}
.cleaner-left {clear:left;}


.adobe {border:1px solid #CCCCCC; margin-bottom:10px; padding:5px; background:#FFF;}
.adobe .icon {float:left; margin-bottom:0px; padding:0px 0px 0px 0px; margin-right:5px;}
.adobe .text {font-size:11px; text-align:left; padding:0px 0px 0px 0px;}

/* Validate error style */
	div.error {
	margin-top:5px;
	margin-left:155px;
	width:175px;
	background:#FFC7C7;
	color:#AF0000;
	padding:3px 5px 3px 5px;
	font-weight:bold;
	border:1px solid #E16666;
	clear:both;
	text-align:left;
	}

	.agreefix {padding:0px 0 5px 0;}
	.agreefix .error {
	margin-left:5px;
	margin-right:100px;
	width:260px;
	}

/*--404 ERROR--*/
.lang-404 {  font-size:10px; font-weight:bold; padding: 0 0 15px 0; border-bottom:solid 1px #080651; margin-bottom:10px;}

#block-404 {width:548px; /*background:url(/img/404-block-bg.png) repeat-y ;*/ padding:0 0 0 0 ;}  
#block-404  table {padding-top:5px;}  
.block-404-title {height:15px; color:#FFFFFF; font:bold 14px  Arial, Helvetica, sans-serif; padding: 2px 15px 2px 20px; /*background: url(/img/404-block-header.png) no-repeat top; */ background:#293F8D;}

.block-404-content {/*background:url(/img/404-block-enfocamp.png) no-repeat bottom; */padding: 0 10px 0 5px;  width: 551px;  }
.block-404-content ul {padding: 0px 0px 0px 10px; margin:0; }
.block-404-content ul li {padding: 0px 0px 3px 13px; list-style: none; background: url(/img/bullet.gif) no-repeat 0 5px;}
/*.block-404-content img  { float:left; padding:0 0 0 0 ; border:solid 3px #FFFFFF;  }*/
.block-404-links {height:10px; }
/*#block-404-links {height:10px; background:url(/img/404-block-bottom.png) no-repeat top #FFFFFF ;  width: 551px;}*/
#block-404-links a { font-weight:bold;  padding: 0 10px 0 10px ;  }

.middle { height:27px;  background:url(/img/404-block-link.png) repeat-x top; padding: 0px 0px 0px 0px ; }
.first { width:10px;  background:url(/img/404-block-link-first.png) no-repeat left top ;  padding: 0px 5px 0px 5px ;   }
.last { width:10px;  background: url(/img/404-block-link-last.png) no-repeat right top  ; padding: 0px 5px 0px 5px ;    }


/* Enchaned banners */
/* Brochure */
#brochurebanner {margin-bottom:10px;}
#brochurebanner a:hover {text-decoration:none;}

#brochurebanner .top {height:31px; background:url(/img/btop.gif) no-repeat; font-weight:bold; font-style:italic; text-align:center;} 

#brochurebanner .top div.en {font-size:1.5em; padding:5px 0 0 0;}
#brochurebanner .top div.fr {font-size:1.5em; padding:5px 0 0 0;}
#brochurebanner .top div.es {font-size:1.5em; padding:5px 0 0 0;}

#brochurebanner .collage {width:143px; height:96px;}

#brochurebanner .text { background:url(/img/btext.jpg) no-repeat top; padding:5px;
 font-family:"Trebuchet MS"; line-height:normal; font-size:12px; line-height:14px;}

#brochurebanner .bold {font-size:16px; font-weight:bold; color:#2960C3; line-height:16px;}
#brochurebanner .bold a {color:#2960C3;}
#brochurebanner .bold a:hover { color:#BC0000;}

#brochurebanner .bold.fr {font-size:14px;}

#brochurebanner .more {height:48px; background:url(/img/bmore.jpg) no-repeat top; font-size:1.2em; font-weight:bold; color:#BC0000;}

#brochurebanner .btn {padding:25px 0 0 45px;}



/*  enfocamp club banner */
#banner-club{ color: #33499A; padding:0; margin:10px 0; font-size:11px; font-weight:bold; text-align:center;    }
#banner-club p { padding:0; margin:0; }
#banner-club p.big { padding:0; margin:0; font-size:14px; }
#banner-club img {border:none; padding:0; margin:0; }




/* Booking */
#bookingbanner {margin-bottom:10px;}
#bookingbanner a {color:#fff;}
#bookingbanner a:hover { text-decoration:none;}
#bookingbanner .top {height:37px; background:url(/img/bookingtop.gif) no-repeat; text-align:center; overflow:hidden; font-weight:bold;} 
#bookingbanner .collage {width:143px; height:69px;}
#bookingbanner .bot {height:34px; background:url(/img/bookingsend.gif) no-repeat; text-align:center; overflow:hidden; font-weight:bold; text-transform:uppercase;}
#bookingbanner .bot.promo {background:url(/img/promosend.gif) no-repeat;}

#bookingbanner .top div.en {font-size:1.7em; padding:8px 0 0 0;}
#bookingbanner .top div.fr {font-size:1.7em; padding:8px 0 0 0;}
#bookingbanner .top div.es {font-size:1.7em; padding:9px 0 0 0;}

#bookingbanner .bot div.en {font-size:1.7em; padding:5px 0 0 0;}
#bookingbanner .bot div.fr {font-size:1.7em; padding:5px 0 0 0;}
#bookingbanner .bot div.es {font-size:1.7em; padding:5px 0 0 0;}

/* Videos gallery */
	#videos {width:398px; overflow:hidden;}
	#videos .vthumb {float:left; width:120px; margin-left:5px; margin-right:5px; margin-bottom:10px; background:#000 url(/img/vthumbtop.jpg) no-repeat top;}
	#videos .spacer {padding:15px 0 15px 0; background:url(/img/vthumbbot.jpg) no-repeat bottom;}
	#videos .vhide {display:none;}
	#videos .title {color:#000; font-size:11px; text-align:center; background:#ddd url(/img/vthumbtitlebg.jpg) repeat-x bottom; padding:3px; border-top:2px solid #fff;}
	#videos .title a {color:#000;}
	#videos div.play {position:absolute; font-size:2.5em; display:none; margin-left:30px; margin-top:25px;}
	img {border:none;}
	.clr {clear:both;}
	
	#header .film {position:absolute; width:266px; height:208px; z-index:2; margin-left:465px; margin-top:35px;}


.dnone {display:none;}
.videoup {display:none;}


/* misc */
.fltl {float:left;}
.fltr { float:right;}

/*SITEMAP*/
#sitemap{}
#sitemap ul{font-size:13px;font-weight:bold;}
#sitemap ul ul li{font-size:12px;font-weight:normal; background: transparent url(/img/bullet2.gif) no-repeat scroll 0 5px;}
#sitemap ul ul ul li{font-size:11px;font-weight:normal;}