/*-------------------------------------------------------------
   Feria Avanza / Feria Avanza - Leadersearch S. A. CEET 
   ------------------------------------------------------------
   Description:  CSS styles file for Feria Avanza web project.
   Filename:     screen.css
   -------------------------------------------------------------*/

/* ========================================================================//
   Index of selectors used in specific elements and components for the
   project within this file.

   1. COMMON: class or id selectors used through the whole project
   2. HEADER: class or id selectors used only for header
   3. FOOTER: class or id selectors used onlye for footer
   4. HOME: class or id selectors used onlye for the home page
   5. SECTION1: class or id selectors used onlye for section 1 page
   6. SECTION2: class or id selectors used onlye for section 2 page
   7. SECTION3: class or id selectors used onlye for section 3 page
   8. SECTION4: class or id selectors used onlye for section 4 page
   9. SECTION5: class or id selectors used onlye for section 5 page
   10. PREHOME: class or id selectors used onlye for section 5 page
  

 /*  ========================================================================//



/* ========================================================================//
   1. COMMON
   ========================================================================//
*/

body{
	margin: 0;
	background: #081b2b url(../images/fdo_general.png) repeat-x top;
	}

h1, h2, h3{
	margin: 0;
	padding: 0;
}



#marca_agua{
	background: url(../images/marca_agua.png) no-repeat;
	height: 174px;
	width: 387px;
	z-index: 0;
	position: absolute;
	}

#contenedor{
	width: 965px;
	margin: 0 auto;
	position:relative;
	z-index: 10;
	}

#contenedor2{
	width: 965px;
	position:relative;
	z-index: 10;
	height: 700px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}

#caja_contenido{
	margin-top: 20px;
	overflow:hidden;
	width: 959px;
	background-color:#FFF
	
	}


#caja_derecha{
	background: url(../img/top_caja_der.png) right top no-repeat #ffffff;
	left: 660px;
	top: 0px;
	position: relative;
	padding: 10px 0px 35px 70px;
	width: 230px;
	z-index: 2;
	}
	
	#caja_derecha2b{
	background: url(../img/top_caja_der.png) right top no-repeat #ffffff;
	left: 660px;
	top: 0px;
	position: relative;
	width: 230px;
	z-index: 2;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 35px;
	padding-left: 70px;
	}
	
	
#caja_derecha2a{
	background: url(../img/top_caja_der.png) right top no-repeat #ffffff;
	left: 660px;
	top: 0px;
	position: relative;
	width: 230px;
	z-index: 2;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 70px;
	}	
#caja_derecha_ubic{
	background: url(../img/top_caja_der.png) right top no-repeat #ffffff;
	left: 660px;
	height:880px;
	top: 20px;
	position: relative;
	padding: 10px 0px 35px 70px;
	width: 230px;
	z-index: 2;
	}


#caja_izquierda{
	background: url(../img/sombra_1.png) right top no-repeat;
	height: auto;
	position: absolute;
	width: 733px;
	z-index: 3;
	overflow: hidden;
	left: 0px;
	top: 199px;
	*top: 210px;
	}
	
#caja_izquierda_int{
	background: url(../img/top_caja_izq.png) right top no-repeat #ffffff;
	height: auto;
	padding: 4px;
	width: 706px;
	z-index: 4;
	overflow: hidden;
	margin-bottom: 20px;
	}
	#caja_izquierda2{
	background: url(../img/sombra_1.png) right top no-repeat;
	height: auto;
	position: absolute;
	width: 733px;
	z-index: 3;
	overflow: hidden;
	left: 0px;
	top: 111px;


	*top: 120px;
	}
	#caja_izquierda_int2{
	background: url(../img/top_caja_izq.png) right top no-repeat #ffffff;
	height: auto;
	padding: 10px;
	width: 706px;
	z-index: 4;
	overflow: hidden;
	margin-bottom: 30px;
	}

#caja_sponsors{
	background: url(../img/fdo_sponsors.png) repeat-y;
	width: 229px;
	margin-top:10px;
	}

#caja_sponsors .top{
	background: url(../img/fdo_organiza.png) no-repeat;
	color: #FFFFFF;
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 33px;
	padding: 15px  0 0 0;
	text-align: center;
	width: 229px;
	}

#caja_sponsors .btm{
	background: url(../img/btm_sponsors.png) no-repeat;
	height: 6px;
	width: 229px;
	}
	
#caja_sponsors .mid{
	height: auto;
	margin: 0 4px 0 3px;
	width: 222px;
	}

#caja_sponsors .mid .banner{
	border-bottom: 1px #CCCCCC dashed;
	clear: both; 
	height: 48px;
	overflow: hidden;
	padding: 0px 0;
	text-align: center;
	width: 222px;
	} 
.banner_alianza{
	border-bottom: 1px #CCCCCC dashed;
	clear: both; 
	height: 90px;
	overflow: hidden;
	padding: 0px 0;
	padding-bottom:5px;
	text-align: center;
	width: 222px;
	} 


.franja1{
	background: url(../img/fdo_franja_1.png) repeat-x;
	clear:both;
	height: 7px;
	margin: 3px 0;
	overflow: hidden;
	width: 704px;
	}

.titulos{
	font: 18px Arial, Helvetica, sans-serif;
	float: left;
	margin-bottom: 15px;
	width: 215px;
	color: #0f3a5f;
	}
.titulos2{
	font: 18px Arial, Helvetica, sans-serif;
	float: left;
	margin-bottom: 15px;
	width: 215px;
	color: #0f3a5f;
	}

.clear{
	clear: both;
		}
.clear2{
	clear: both;
	text-align: center;
	}

#tooltip {
	color: #ffffff;
	font: 12px Arial, Helvetica, sans-serif;
}

#tooltip a{
	text-decoration:none;
	color:#ffffff;
}

#tooltip a:visited{
	text-decoration:none;
	color:#F36C20;
}

#tooltip2 {
	color: #ffffff;
	font: 12px Arial, Helvetica, sans-serif;
}

#tooltip2 a{
	text-decoration:none;
	color:#ffffff;
}

#tooltip2 a:visited{
	text-decoration:none;
	color:#F36C20;
}
.arialblanco12{
	color: #ffffff;
	font: 11px Arial, Helvetica, sans-serif;
	}
	
.arialblanco14{
	color: #ffffff;
	font: 14px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	}
	
.arialazul12{
	color: #0f3a5f;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
	
.arialazul12_1{
	color: #2f7abf;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
	
.arialazul14{
	color: #2f7abf;
	font: 14px Arial, Helvetica, sans-serif;
	}

.arialazul14_1{
	color: #0f3a5f;
	font: 14px Arial, Helvetica, sans-serif;
	}
.arialazul14_1 a{
	color: #0f3a5f;
	font: 14px Arial, Helvetica, sans-serif;
	text-decoration:none;
	}

.arialazul13b{
	color: #0f3a5f;
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align:center;
	}
	
.arialnaranja14{
	color: #f36c20;
	font: 14px Arial, Helvetica, sans-serif;
	}
	
.arialazul24{
	color: #0f3a5f;
	font: 24px Arial, Helvetica, sans-serif;
	}


.arialsub{
	background: #f36c20;
	color: #ffffff;
	font: 14px Arial, Helvetica, sans-serif;
	padding: 2px 3px;
	margin: 2px 2px 0 0;
	}
	
.arialsub24{
	background: #f36c20;
	color: #ffffff;
	font: 24px Arial, Helvetica, sans-serif;
	padding: 2px 3px;
	margin: 2px 2px 0 0;
	text-decoration: none;
	}

.arialsub24 a:hover {
	background: #f36c20;
	color: #ffffff;
	}


.arialazul11{
	color:  #0f3a5f;
	font: 11px Arial, Helvetica, sans-serif;
	}
	
.arialazul11 a{
	color:  #0f3a5f;
	font: 11px Arial, Helvetica, sans-serif;
	}

.pauta_2{
	background: url(../img/t_publicidad.png) left bottom #CCCCCC no-repeat;
	width: 210px;
	height: 150px;
	margin: 10px 5px 0 0;
	}

.pauta_2 .banner{
	color: #FFFFFF;
	float: right;
	font: 11px Arial, Helvetica, sans-serif;
	width: 182px;
	}

/* ========================================================================//
   2. HEADER
   ========================================================================//
*/

#header, #header_content{
	clear: both;
	height: auto;
	width: 965px;
	overflow: hidden;
	padding: 0;
	}

#header{
	margin-top: 15px;
	}

#header_content{
	margin-top: 10px;
	}

#pauta_1{
	color: #ffffff;
	height: 90px;
	font: 11px Arial, Helvetica, sans-serif;
	width: 939px;
	margin: 0 auto;
	clear:both;
	overflow: hidden;
	text-align: center;
	}

#header_content .logo{
	
	padding-top: 0px;
	margin-bottom: 0px;
	height: 120px;
	width: 285px;
	float: left;
	text-align: center;
	}
	
	#header_content .logo1{
	
	
	}

#header_content .menu{
	background: url(../img/fdo_menu.png) no-repeat right top;
	height: 50px;
	width: 650px; 
	*width: 620px; 
	margin: 30px 0 0 0;
	padding-top: 3px;
	float: right;
	text-align: left;
	}
	
#header_content .menu ul{
	margin: 0;
	*margin: 0 0 0 10px;
	}
	
#header_content .menu ul li{
	float: left;
	list-style: none; 
	margin: 0;
	padding-bottom: 10px;
	}

#header_content .menu ul li a{
	color: #ffffff;
	font: 10px  Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-left: 3px;
	padding-bottom: 2px;
	text-decoration: none;
	}
	
#header_content .menu ul li a:hover{
	color: #ffffff;
	border-bottom: 4px #f36c20 solid;
	text-decoration: none;
	}
	
#tooltip{
	background:url(../img/fdo_msj.png) no-repeat;
	display:none;
	position:absolute;
	padding: 15px 5px 5px 5px;
	width: 312px;
	z-index:99;
	}
	
#tooltip2{
	background:url(../img/fdo_msj.png) no-repeat;
	display:none;
	position:absolute;
	padding: 15px 5px 5px 5px;
	width: 312px;
	z-index:99;
	}

/* ========================================================================//
   3. FOOTER
   ========================================================================//
*/

#footer_fondo{
	background: url(../img/fdo_footer.png);
	clear: both;
	padding: 0px 0;
	width: 100%;
	overflow: hidden;
	position:relative;
	z-index: 1000;
	}

#footer{
	clear: both;
	margin: 0 auto;
	padding-left: 0px;
	width: 968px;
	*width: 967px;
	
	}
#footer_logo{
	clear: both;
	margin: 0 auto;
	width: 960px;
	margin-left:1px;
	margin-right:3px;
	*width: 960px;
	
	}

#footer .box{
	background: #323337;
	color: #ffffff;
	float:left;
	font: 11px Arial, Helvetica, sans-serif;
	height: 150px;
	margin-left: 1px;
	padding: 10px 15px;
	width: 290px;
}

#footer .box a{
	color: #ffffff;
	text-align: left;
	text-decoration: none;
	}
	
#footer .box a:hover{
	color: #ffffff;
	text-align: left;
	text-decoration: underline;
	}

#footer .menu{
	height: 50px;
	width: 620px; 
	margin: 10px 0 0 0;
	float: left;
	text-align: center;
	}
	
#footer .menu ul{
	margin: 0;
	*margin: 0 0 0 10px;
	}
	
#footer .menu ul li{
	float: left;
	list-style: none; 
	margin: 0;
	padding-bottom: 10px;
	}

#footer .menu ul li a{
	color: #ffffff;
	font: 11px  Arial, Helvetica, sans-serif;
	margin-left: 3px;
	padding-bottom: 2px;
	text-decoration: none;
	}
	
#footer .menu ul li a:hover{
	color: #2f7abf;
	text-decoration: none;
	}

#footer .menu ul li a.active{
	color: #2f7abf;
	text-decoration: none;
	}

/* ========================================================================//
   4. HOME
   ========================================================================//
*/

#caja_desc{
	background:url(../img/fdo_desc2.png) no-repeat;
	clear:both;
	height: 201px;
	width: 700px;
	overflow: hidden;
	}

#caja_desc .img{
	height: 186px;
	margin: 5px 0 0 10px;
	width: 186px;
	float: left;
	}

#caja_desc .texto{
	float: right;
	margin: 5px 15px 0 0;
	width: 380px;
	}
	

#columna_izq{
	float: left;
	width: 230px;
	margin: 20px 30px 0 0;
		}

#columna_izq ul{
	font: 14px Arial, Helvetica, sans-serif;
	color: #0f3a5f;
	}
	
#columna_izq ul li{
	font: 14px Arial, Helvetica, sans-serif;
	color: #0f3a5f;
	list-style: url(../img/bullet.png);
	}

#columna_der{
	float: left;
	width: 412px;
	margin: 20px 0 0 0;
	}

/* ========================================================================//
   5. SECTION 1
   ========================================================================//
*/

#caja_desc_2{
	
	clear:both;
	height: 201px;
	width: 706px;
	overflow: hidden;
	}

#caja_desc_2 .texto{
	float: left;
	margin: 5px 15px 0 10px;
	width: 650px;
	}

.caja_textos{
	clear: both;
	height: auto;
	margin: 5px 0 0 15px;
	overflow:hidden;
	width: 670px;
	}

/* ========================================================================//
   6. SECTION 2
   ========================================================================//
*/

#caja_desc_3{
	background: url(../img/fdo_desc_3.png) right top no-repeat;
	clear:both;
	height: 336px;
	width: 706px;
	overflow: hidden;
	}
	
#caja_desc_3b{
	background: url(../img/fdo_desc_3b.png) right top no-repeat;
	clear:both;
	width: 660px;
	overflow: hidden;
	padding-left: 25px;
	}
#caja_desc_4b{
	background: url(../img/fdo_desc_3bmed.png) right top no-repeat;
	clear:both;
	width: 660px;
	overflow: hidden;
	padding-left: 25px;
	}
	
#caja_desc_3a{
	clear:both;
	width: 706px;
	overflow: hidden;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: right top;
	}

#caja_desc_3 .texto{
	float: left;
	margin: 5px 15px 0 10px;
	width: 650px;
	}

#columna_izq_2{
	float: right;
	width: 245px;
	margin: 20px 10px 0 10px;
	padding-right:30px;
		}
		
#columna_der_2{
	float: left;
	width: 400px;
	margin: 20px 0 0 0;
	}
	
#columna_der_2a{
	float: left;
	width: 350px;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 30px;
	}
/* ========================================================================//
   7. SECTION 3
   ========================================================================//
*/

#caja_desc_4{
	clear:both;
	color: #ffffff;
	font: 18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	height: 50px;
	width: 706px;
	overflow: hidden;
	}

#t_videos{
	background: url(../img/ico_video.png) left top no-repeat;
	float: right;
	width: 75px;
	clear: left;
	margin: 5px 10px 10px 0 ;
	text-align: right;
	}

#caja_videos{
	clear:both;
	width: 640px;
	margin: 10px 0 0 10px;
	}

#columna_tn{
	float: left;
	width: 160px;
	}

#columna_tn .thumb{
	clear: both;
	height: auto;
	width: 150px;
	margin-bottom: 8px;
	}

#columna_tn .thumb .img{
	border: 1px #CCCCCC double;
	clear: both;
	height: 72;
	padding: 1px;
	width: 150px;
	margin-bottom: 1px;
	}
	
#columna_tn .thumb .desc{
	color: #0f3a5f;
	font: 12px Arial, Helvetica, sans-serif;
	clear: both;
	height: auto;
	width: 150px;
	}


#video{
	float: right;
	width: 422px;
	}

#video .box{
	background: #000000;
	clear: both;
	height:340px;
	width: 450px;
	}

#video .texto{
	margin: 10px 0 0 0;
	color:  #0f3a5f;
	font: 11px Arial, Helvetica, sans-serif;
	}

/* ========================================================================//
   8. SECTION 4
   ========================================================================//
*/

#t_fotos{
	background: url(../img/ico_fotos.png) left top no-repeat;
	float: right;
	width: 75px;
	clear: left;
	margin: 5px 10px 10px 0 ;
	text-align: right;
	}

#caja_galeria{
	clear:both;
	width: 645px;
	margin: 10px 0 0 10px;
	}

#caja_galeria .datos{
	clear: both;
	height: 20px;
	margin: 0 auto;
	width: 452px;
	}

#caja_galeria .foto{
	clear: both;
	height: 340px;
	margin: 0 auto;
	width: 452px;
	}

#caja_galeria #franja{
	clear: both;
	height: 78px;
	margin-top: 35px;
	width: 645px;
	}

#caja_galeria #franja .btn1{
	height:23px;
	float: left;
	width: 23px;
	margin: 20px 0 0 0;
	}

#caja_galeria #franja .btn2{
	height:23px;
	float: right;
	width: 23px;
	margin: 20px 0 0 0;
	}

#caja_galeria #franja ul{
	float: left;
	width: 580px;
	padding: 0;
	margin: 0;
	}
	
#caja_galeria #franja ul li{
	float: left;
	list-style: none;
	margin-left: 10px;
	}

#caja_galeria #franja ul li a{
	height: 78px;
	width: 104px;
	}
	
	

/* ========================================================================//
   9. SECTION 5
   ========================================================================//
*/

#caja_contacto{
	width: 600px;
	clear: both;
	margin: 0 auto;
	}

#caja_contacto .col1{
	width: 220px;
	float: left; 
	margin-left: 10px;
	}

#caja_contacto .col2{
	width: 370px;
	float: left; 
	}
	

.campo1{
	clear: both;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #0f3a5f;;
	margin: 3px;
	text-align: left;
	}
	
.campo2{
	clear: both;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #0f3a5f;;
	margin: 3px;
	text-align: left;
	width: 220px;
	}

.t_field1{
	background: #CCCCCC;
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
	border: none;
	width: 215px;
	}

.t_field2{
	background: #CCCCCC;
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
	border: none;
	width: 370px;
	}

.btn_enviar{
	background: url(../img/btn_enviar.jpg) no-repeat;
	border: none;
	cursor:pointer;
	height: 30px;
	width: 106px;
	}

/* ========================================================================//
   10. PREHOME
   ========================================================================//
*/

#caja_prehome{
	background: url(../img_prehome2.jpg) left top no-repeat;
	height: 494px;
	margin: 0 auto;
	top: 95px;
	position: relative;
	padding: 10px 0px 35px 70px;
	width: 905px;
	z-index: 2;
	}
#caja_prehome2 {
	background: url(../images/img_finalizacion.jpg) left top no-repeat;
	height: 494px;
	margin: 0 auto;
	top: 95px;
	position: relative;
	padding: 10px 0px 35px 70px;
	width: 905px;
	z-index: 2;
	}
	
#caja_prehome_med{
	background: url(../img/img_prehome3.jpg) left top no-repeat;
	height: 494px;
	margin: 0 auto;
	top: 95px;
	position: relative;
	padding: 10px 0px 35px 70px;
	width: 905px;
	z-index: 2;
	}

#caja_logo{
	padding-top: 0px;
	margin-bottom: 5px;
	height: 300px;
	position: absolute;
	width: 323px;
	z-index: 3;
	overflow: hidden;
	text-align: left;
	top: 47px;
	left: 60px;
	}
#caja_logo2 {
	padding-top: 0px;
	margin-bottom: 5px;
	height: 350px;
	position: absolute;
	width: 550px;
	z-index: 3;
	overflow: hidden;
	text-align: left;
	top: 47px;
	left: 60px;
	}


#caja_ciudad{
	height: 100px;
	position: absolute;
	width: 260px;
	z-index: 4;
	overflow: hidden;
	top: 198px;
	margin-left: 40px;
	left: 71px;
		}
#caja_ciudad2 {
	height: 140px;
	position: absolute;
	width: 370px;
	z-index: 4;
	overflow: hidden;
	top: 166px;
	margin-left: 0px;
	left: 75px;
		}
#texto_sugerencia {
	height: 60px;
	position: absolute;
	width: 480px;
	z-index: 4;
	overflow: hidden;
	top: 320px;
	margin-left: 0px;
	left: 71px;
		}

.texto-azulf {
	font-family:Arial, Helvetica, sans-serif;
	color:#0F3A5F;
	font-size:27px;
	padding-bottom:8px;
	font-weight: normal;
}
.texto-blanco {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:20px;
	font-weight:normal;
}
.texto-blanco a:link {
	color:#FFF;
	text-decoration:none;
}
.texto-blanco a:visited {
	color:#FFF;
	text-decoration:none;
}
.texto-blanco a:hover {
	color:#EF4B11;
	text-decoration:none;
}


/* ========================================================================//
   11. NUEVOS ESTILOS
   ========================================================================//
*/
.arialblanco_hm{
	color: #0F3A5F;
	font: 12px Arial, Helvetica, sans-serif;
	}
.titulos_hm{
	font: 22px Arial, Helvetica, sans-serif;
	float: left;
	margin-bottom: 15px;
	width: 600px;
	padding-left:30px;
	padding-top:20px;
	color:#F36C20;
	}
#columna_izq_hm{
	float: left;
	width: 670px;
	margin: 20px 30px 0 0;
		}

#columna_izq_hm ul{
	font: 12px Arial, Helvetica, sans-serif;
	color: #0f3a5f;
	}
	
#columna_izq_hm ul li{
	font: 12px Arial, Helvetica, sans-serif;
	color: #0f3a5f;
	list-style: url(../img/bullet.png);
	}
	
#columna_der_hm{
	float: left;
	width: 680px;
	margin: 0px 0 0 0;
	}
#caja_desc_info{
	
	clear:both;
	height: auto;
	width: 620px;
	overflow: hidden;
	}

#caja_desc_info .texto{
	float: left;
	margin: 5px 0px 0 10px;
	width: 570px;
	padding-left:30px;
	}

.img_agenda{
	width:700px;
	float:right;
	}
.resultados_fa{
	float: left;
	width:600px;
	
		}
	
.tit_resultado{
	font: 18px Arial, Helvetica, sans-serif;
	float: left;
	width:600px;
	padding-left:20px;
	padding-top:0px;
	color:#0F3A5F;
	}
.caja_contacto2{
	background-image: url(../../medellin/img/caja_contacto2.jpg);
	float: left;
	margin: 5px 15px 0 30px;
	width: 650px;
	height:280px;
		}
	
.letra_contacto{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:5px;
	padding-right:5px;
	color:#ffffff;
		}
.titulos_hm2{
	font: 22px Arial, Helvetica, sans-serif;
	float: left;
	margin-bottom:0px;
	width: 600px;
	padding-left:30px;
	padding-top:20px;
	color:#F36C20;
	}
.caja_textos2{
	clear: both;
	height: auto;
	margin: 5px 0 0 15px;
	overflow:hidden;
	width: 600px;
	}
.arialblanco_rs{
	color: #0F3A5F;
	font: 12px Arial, Helvetica, sans-serif;
	padding-left:5px;
	}
.bullet{
	padding-top:15px;
	*padding-top:0p;
	}
	
.participantes{
	background:url(../img/participantes.jpg) no-repeat;
	margin-left:10px;
	float: left;
	width: 670px;
	height:710px;
	padding-left:20px;
	}
.arialpart{
	color: #0f3a5f;
	font: 11px Arial, Helvetica, sans-serif;
	padding-left:5px;
	height:20px;
	}
#caja_part{
	
	clear:both;
	height: 670px;
	width: 620px;
	overflow: hidden;
	}