/* ---------------------------
SEDES Fixes 2008
---------------------------*/

body {
	margin: 0;
	padding: 0;
	
	background-color: #0E51B6;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	
	text-align: center;
}
	
	
	
body#home { 
	background-image:url(../images/background_home.jpg);
}
	
	
	

	
	
#container {
	width: 830px;
	
	margin: 0 auto;
	padding: 0;
	
	text-align: left;
}
	


	
	
	
	
	






/*=Header
---------------------------*/

#header {
	width: 830px;
	/*height: 173px;  Es reescrito por las reglas de abajo */
	/*height:127px;  El height original */
	height: 172px; 
	
	margin:0;
	padding:0;
	
    background-repeat:no-repeat;
	
	text-align: left;
}



#header h1 {
	margin: 0;
 	padding: 0;
}

#header h1 a {
 	width: 212px;
 	height: 81px;
	
 	margin: 0;
 	padding: 0;
 	
	background-image: url(../images/logo_sedes_interno.gif);
 	background-repeat: no-repeat;
 	
	display: block;
}

#header h1 span {
  	display: none;
}


body#home #header h1 { display: none; }





/*=Header Fotos EN
---------------------------*/
body#home .home {
	height: 282px; /*El header en el home es mas grande. Es el mismo para ingles y espanol */
	
    background-image:url(../images/seccion-foto-home.jpg);
}

body#about-us .about-us {
	background-image:url(../images/seccion-foto-about-us-en.jpg);
}

body#about-panama .about-panama {
	background-image:url(../images/seccion-foto-about-panama-en.jpg);
}
	
body#services .services {
	background-image:url(../images/seccion-foto-services-en.jpg);
}
	
body#why-sedes .why-sedes {
	background-image:url(../images/seccion-foto-why-sedes-en.jpg);
}
	
body#contact-us .contact-us {
	background-image:url(../images/seccion-foto-contact-us-en.jpg);
}
	
	
	
	
/*=Header Fotos ES
---------------------------*/
body#acerca-sedes .acerca-sedes {
	background-image:url(../images/seccion-foto-about-us-es.jpg);
}
	
body#acerca-panama .acerca-panama {
	background-image:url(../images/seccion-foto-about-panama-es.jpg);
}
	
body#servicios .servicios {
	background-image:url(../images/seccion-foto-services-es.jpg);
}
	
body#porque-sedes .porque-sedes {
	background-image:url(../images/seccion-foto-why-sedes-es.jpg);
}
	
body#contactenos .contactenos {
	background-image:url(../images/seccion-foto-contact-us-es.jpg);
}








/*=Language
---------------------------*/

#language {
	width:815px;
	height:46px;
	
	margin: 0;
	padding: 0;

	background-image: url(../images/lang_bg.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	
	text-align: right;
	
	float: left;
	display: block;
}
	
body#home #language {
    height:237px;
}
	


#language .margin {
	margin: 27px 15px 0  0;
}
	
body#home #language .margin {
	margin: 220px 15px 0  0;
}
		





#language ul {
	margin: 0;
	padding: 0;
	
	font-weight:bold;
	
	list-style: none;
}
	
	
#language ul li {
	color:#0E51B6;
	
	display:inline;
}


#language ul li a {
	color:#000;
	
	font-weight:bold;
}









/*=Navigation
---------------------------*/
#navigation {
	width:830px;
	height:45px;
	
	margin:0;
	padding:0;
	
	clear: both;
}

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

#navigation li {
	margin: 0;
	padding: 0;
	
	background-image: none;
	
	line-height: normal;
	text-indent: 0;
	
	float: left;
}

#navigation img {
	border:0;
}























/*=Contenido
---------------------------*/	
#contenido {
	width: 830px;
	
	margin: 0;
	padding: 0;
	
	clear: both;
}




/* Columna Izquierda */	
#colMain {
	width:620px;
	
	margin: 0;
	padding: 20px 0 0 0;
	
	float: left;
}


#colMain .margin {
	margin: 15px;
}




/* Columna derecha */
#colSupport {
	width: 209px;
	
	margin: 0;
	padding: 20px 0 0 0;
    border-left: 1px dotted #0cf;
	
	float: left;
}

#colSupport .margin {
	margin: 0 10px 15px 14px;
}














/*=Footer
---------------------------*/
#footer {
	width:830px;
	height:50px;
	
	margin:0;
	padding:0;
	
	background-image:url(../images/footer_bg.gif);
	background-repeat:no-repeat;
	
	text-align:left;
	
	clear: both;
	float:left;
}
	
	
#copyright {
	margin:28px 0 0 15px;
	
	color:#0cf;
	
	font-size:0.7em;
}
	
	
	
	
	
	
	
	
	
	
	
	


/*Fonts
---------------------------*/

* { font-family: arial, helvetica, sans-serif;  }



#colMain h2 {
	color:#FFF;
	font-family: "Georgia", Times, serif;
	font-weight:100;
	}


#colMain p {
	color:#6EBBE3;
	line-height:1.4em;
	font-size:0.9em;
	}



#colSupport h4 {
	color:#FFF;
	}
	
#colSupport p, ul, li {
	color:#6EBBE3;
	line-height:1.4em;
	font-size:0.8em;
	}

#colSupport ul {
	padding:0;
	margin:0 0 0 20px;

	}

#colMain p strong, #colSupport p strong {
	color:#fff;
	}


#colSupport a,
#colMain p a {
	color:#fff;
	text-decoration:underline;
	}





/*boxes ---------------------*/
	
.box3Col {
	width: 590px;
	font-size: 0.8em;
	background-color: #414678;
}
#colMain .box3Col .margin {
	margin: 10px;
}

.box3Col .col {
	width: 195px;
}
.col {
	float: left;
}
.clearfix {
	clear:both;
	}
