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

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 STYLE LANGUAGES #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:left; padding:8px 0px 3px 0px; margin-left:18px;}
#header .languages img.flg {border:none; float:left; margin-right:8px;}

#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: 16.5em;	
}

#nav li ul {
	position: absolute;
	width: 16.5em;
	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(/img/english.gif) no-repeat 140px 4px; padding:2px 10px 5px 8px; border:none;}
#nav a.es {background: url(/img/spanish.gif) no-repeat 140px 4px; padding:2px 10px 5px 8px; border:none;}
#nav a.fr {background: url(/img/fr.gif) no-repeat 140px 4px; padding:2px 10px 5px 8px; border:none;}
#nav a.de {background: url(/img/de.gif) no-repeat 140px 4px; padding:2px 10px 5px 8px; border:none;}
#nav a.nl {background: url(/img/nl.gif) no-repeat 140px 4px; padding:2px 10px 5px 8px; border:none;}
#nav a.pt {background: url(/img/pt.gif) no-repeat 140px 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 h1 {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 h1 a:link, #main_menu h1 a:active, #main_menu h1 a:visited {color:#006399; text-decoration:none; font-weight:bold;}

#main_menu h1 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: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;}








/*--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:550px; background:url(/img/404-block-bg.png) repeat-y ; padding:0 0 0 0 ;}  
#block-404  table {padding-top:5px;}  
.block-404-title {height:20px; color:#FFFFFF; font:bold 14px  Arial, Helvetica, sans-serif; padding: 10px 15px 10px 50px; background: url(/img/404-block-header.png) no-repeat top;  }

.block-404-content {background:url(/img/404-block-enfocamp.png) no-repeat bottom; padding: 0 15px 0 25px;    }
.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:25px; background:url(/img/404-block-bottom.png) no-repeat top #FFFFFF ;   }
#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 ;    }
 
 
 
 
 
 
/*--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;}

*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:right; width:143px; padding:10px 0px 0px 0px; font-size:10px; text-align:center; overflow:hidden;}

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

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


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