﻿/* 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;
}

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



#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;}

/* OLD STYLES 
#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;} */

/* Drop down nav. */

#header .languages {float:right; padding:8px 0px 3px 0px;}
#header .languages img.flg {border:none; float:left; margin-right:8px;}
#header a.slct {font-weight:bold; font-size:11px; background: url(/enfocamp/img/slctbg.gif) no-repeat top left;}

#header .folleto {float:left; background:#2A659F url(/img/pide.gif) repeat-x; padding:0 10px 0 7px; margin-left:0px; margin-top:8px; border:1px solid #76A9D6; font-weight:bold; font-size:12px;}
#header .folleto a { background:url(/img/brochure-ico.gif) no-repeat; padding:0 0 0 18px;}
#header .folleto a:hover {text-decoration:none; color:#FFCB06;}


#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
/*	width: 20em; */
}

#nav li {
	float: left;
	width: 18em;	
}

#nav li ul {
	position: absolute;
	width: 18em;
	left: -999em;
	background:#4F67C0;
	padding:5px 0 0 0px;
	border-bottom:4px solid #233886;
}

#nav li ul li {border-top:1px solid #6B86EC;}
#nav a.en {background: url(/enfocamp/img/english.gif) no-repeat 155px 4px; padding:2px 10px 5px 8px; border:none;}
#nav a.es {background: url(/enfocamp/img/spanish.gif) no-repeat 155px 4px; padding:2px 10px 5px 8px; border:none;}
#nav a.fr {background: url(/enfocamp/img/fr.gif) no-repeat 155px 4px; padding:2px 10px 5px 8px; border:none;}
#nav a.de {background: url(/enfocamp/img/de.gif) no-repeat 155px 4px; padding:2px 10px 5px 8px; border:none;}
#nav a.nl {background: url(/enfocamp/img/nl.gif) no-repeat 155px 4px; padding:2px 10px 5px 8px; border:none;}
#nav a.pt {background: url(/enfocamp/img/pt.gif) no-repeat 155px 4px; padding:2px 10px 5px 8px; border:none;}
#nav a.it {background: url(/enfocamp/img/it.gif) no-repeat 155px 4px; padding:2px 10px 5px 8px; border:none;}
#nav a.jp {background: url(/enfocamp/img/jp.gif) no-repeat 155px 4px; padding:2px 10px 5px 8px; border:none;}
#nav a.cn {background: url(/enfocamp/img/cn.gif) no-repeat 155px 4px; padding:2px 10px 5px 8px; border:none;}
#nav a.cz {background: url(/enfocamp/img/cz.gif) no-repeat 155px 4px; padding:2px 10px 5px 8px; border:none;}

#nav li:hover ul {
	left: auto;
}

/* ie fix */
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

/* end drop down */






#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:url(/img/contenttopbar.gif) no-repeat; width:561px; height:42px; padding:10px 10px 0px 10px;}

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

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

#content-topbar .addressbar a {
	background: url(/enfocamp/img/adressbullet.gif) no-repeat 0 3px;
	padding: 0 0 0 15px;
	margin: 0 7px 0 0;
}

#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;}

*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;}

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

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;
}


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

.adobe {border:1px solid #CCCCCC; margin-bottom:10px; padding:5px;}


.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;}





#brochure-form {width:250px; margin:0 auto;}


#brochure-form label {display:block; font-size:11px; margin-bottom:5px;}


#brochure-form form input, #brochure-form form textarea {width:250px; display:block;}

/*######### FORMS #########*/
#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 .enfocamp-fail {}
#xform .error-line {display:none;}
#xform .enfocamp-fail .error-line{display:block; color:red; font-weight:bold; border:#993300 1px solid; background:#FFCCCC; padding:5px;}
#xform .field {/*float:left;*/}
#xform .note {font-size:11px;}
#xform strong {color:#FF0000; font-size:14px;}
#xform h3 {color:#34488F;}
#xform select { border:solid 1px #7696B3;}
#xform .input { width:225px; border:solid 1px #7696B3;}
#xform .select {width:230px; }
#xform .input-half {width:115px; border:solid 1px #7696B3;}

#xform .full-size {width:385px; border:solid 1px #7696B3;}
#xform .textarea textarea {width:385px; border:solid 1px #7696B3;}
/* Text chamber of commerce - footer */
#sponsored{text-align:center; font-size:9px}


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

#brochurebanner .top {height:31px; background:url(/enfocamp/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(/enfocamp/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(/enfocamp/img/bmore.jpg) no-repeat top; font-size:1.2em; font-weight:bold; color:#BC0000;}

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

/* Booking */
#bookingbanner {margin-bottom:10px;}
#bookingbanner a {color:#fff;}
#bookingbanner a:hover { text-decoration:none;}
#bookingbanner .top {height:37px; background:url(/enfocamp/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(/enfocamp/img/bookingsend.gif) no-repeat; text-align:center; overflow:hidden; font-weight:bold; text-transform:uppercase;}
#bookingbanner .bot.promo {background:url(/enfocamp/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;}



.dnone {display:none;}

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

	.agreefix {padding:0px 0 5px 0;}
	.agreefix .error {}

