/* CSS Document */

/*................. GENERAL  ...............*/
#contenedor {
    width: 900px;
	height: auto;
	margin:0 auto 0 auto;
	text-align: center;
	}


#cabecera {
	width: 900px;
	height: 370px;
	text-align: center;
	background-image: url(imagenes/cabecera.gif);
	background-repeat:no-repeat;
	}

#logo {
	width: 178px;
	height: 57px;
	text-align:left;
	margin:10px 0px 0px 52px;
	float:left;
	}
	
#bienvenida {
	width: 782px;
	height: 234px;
	text-align:left;
	margin:15px auto 0px auto;
	background-image: url(imagenes/back_bienvenidos.jpg);
	background-repeat:no-repeat;
	border-bottom-color:#FFFFFF;
	border-bottom-width:10px;
	border-bottom-style:solid;
	}
	
.titulos {
    width: 730px;
	float:left;
	margin:20px 0px 20px 35px; 
	}
	
#contacto {
	width: 782px;
	height: 460px;
	text-align:left;
	margin:0px auto 0px auto;
	background-position:bottom;
	background-repeat:repeat;
	background-color:#1c273d;
	border-top-color:#666666;
	border-top-width:5px;
	border-top-style:solid;
	}
#formulario {
    float:left;
	width: 100px;
	height: auto;
	margin: 0px 150px 0px 34px;
	}
	
	
#boton_enviar {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
width: 70px;
height: 15px;
background:#3C4A86;
border: 1px Solid #333333;
marginp:4px 0px 20px 0px;
}

#text {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
width: 220px;
height: 15px;
background:#FFFFFF;
border: 1px Solid #7A743F;
vertical-align:text-top;
margin:2px 0px 10px 0px;
}

#textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#333333;
width: 220px;
height: 100px;
background: #FFFFFF;
border: 1px Solid #7A743F;
text-align:left;
vertical-align:text-top;
margin-bottom:10px;
}

.h4 {font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
	color:#666666;
	line-height: 12px;
	text-align:left;
}

.h5 {font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
	color:#3C4A86;
	line-height: 20px;
	text-align:left;
	font-weight:800;
}



.info_contacto {
    float:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
	color:#E0EFF8;
	line-height: 16px;
	text-align:left;
}
/*................. INICIO  ...............*/
#contenido_data_inicio {
	width: 782px;
	height: 330px;
	text-align:left;
	margin:30px auto 0px auto;
	background-color:#FFFFFF;
	background-repeat:repeat;
	border-top-color:#003366;
	border-top-width:2px;
	border-top-style:dotted;
	border-bottom-color:#FFFFFF;
	border-bottom-width:10px;
	border-bottom-style:solid;
	}

#promocion {
	width: 782px;
	height: 330px;
	text-align:left;
	margin:0px auto 20px auto;
	background-color:#FFFFFF;
	background-repeat:repeat;
	border-top-color:#CCCCCC;
	border-top-width:2px;
	border-top-style:dotted;
	border-bottom-color:#FFFFFF;
	border-bottom-width:10px;
	border-bottom-style:solid;
	}
	
#contenedor_1 {
    width: 740px;
	height: 180px;
	margin:0px 0px 0px 32px;	
	}	

#columna {
    float:left !important;
    width: auto;
	height: auto;
	padding:0px 0px 15px 0px;	
	}
	
	
.promo_columna {
    width: auto;
	height: auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    text-align:left;
    color:#666666;
    line-height:14px;
	margin-right:30px;
	}	
	
.separador_promo {
    width: 24px;
	height: 160px;
	float:left;
	background-image:url(imagenes/separa_promo.jpg);
	background-repeat:no-repeat;
	}	
	
/*..................... EXPO  ..................*/
	
#contenido_expo {
	width: 782px;
	height: 500px;;
	text-align:left;	
	}
	
.foto_expo {
    float:left;
    width: auto;
	height: auto;
	margin:0px 4px 0px 4px;	
	}
	
#data_expo {
    clear:both;
    width:720px; 
	height:510px;
	padding-top:10px;
	margin:0px 0px 20px 34px; 
	}
	
	
#contenido_data_expo {
	width: 782px;
	height: 800px !important;
	text-align:left;
	margin:30px auto 0px auto;
	background-color:#FFFFFF;
	background-repeat:repeat;
	border-top-color:#003366;
	border-top-width:2px;
	border-top-style:dotted;
	border-bottom-color:#FFFFFF;
	border-bottom-width:10px;
	border-bottom-style:solid;
	}
	
	
/*..................... PORQUE  ..................*/

#data_porque {
    clear:both;
    width:720px; 
	height:250px;
	padding-top:10px;
	margin:0px 0px 20px 34px; 
	}

#contenido_data_porque {
	width: 782px;
	height: 530px !important;
	text-align:left;
	margin:30px auto 0px auto;
	background-color:#FFFFFF;
	background-repeat:repeat;
	border-top-color:#003366;
	border-top-width:2px;
	border-top-style:dotted;
	border-bottom-color:#FFFFFF;
	border-bottom-width:10px;
	border-bottom-style:solid;
	}


/*..................... STANDS  ..................*/

#data_stands {
    clear:both;
    width:720px; 
	height:30px;
	padding-top:10px;
	margin:0px 0px 0px 34px; 
	}

#contenido_data_stands {
	width: 782px;
	height: 1080px !important;
	text-align:left;
	margin:30px auto 0px auto;
	background-color:#FFFFFF;
	background-repeat:repeat;
	border-top-color:#003366;
	border-top-width:2px;
	border-top-style:dotted;
	border-bottom-color:#FFFFFF;
	border-bottom-width:10px;
	border-bottom-style:solid;
	}

.contenedor_fotos_stand {
    width: 740px;
	height: 180px;
	margin:0px 0px 0px 32px;	
	}
	
	
/*..................... PLANO  ..................*/

#data_plano {
    clear:both;
    width:720px; 
	height:868px;
	padding-top:10px;
	margin:0px 0px 0px 34px; 
	}

#contenido_data_plano {
	width: 782px;
	height: 1000px !important;
	text-align:left;
	margin:30px auto 0px auto;
	background-color:#FFFFFF;
	background-repeat:repeat;
	border-top-color:#003366;
	border-top-width:2px;
	border-top-style:dotted;
	border-bottom-color:#FFFFFF;
	border-bottom-width:10px;
	border-bottom-style:solid;
	}
	
	
/*..................... CATALOGO  ..................*/

.foto_catalogo {
    float:left;
    width: auto;
	height: auto;
	padding:20px 8px 20px 2px;	
	}
#data_catalogo {
    clear:both;
    width:720px; 
	height:30px;
	padding-top:10px;
	margin:0px 0px 0px 34px; 
	}

#contenido_data_catalogo {
	width: 782px;
	height: 800px !important;
	text-align:left;
	margin:30px auto 0px auto;
	background-color:#FFFFFF;
	background-repeat:repeat;
	border-top-color:#003366;
	border-top-width:2px;
	border-top-style:dotted;
	border-bottom-color:#FFFFFF;
	border-bottom-width:10px;
	border-bottom-style:solid;
	}
/*................. TIPOGRAFIAS  ...............*/

ul li {
margin-bottom:10px;
}

.h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
color:#666666;
line-height:14px;
}

.h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:left;
color:#E0EFF8;
line-height:18px;
}

.h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
color:#E0EFF8;
line-height:14px;
}

	
/*............. BOTONERA PRINCIPAL  ............*/

A:link {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
color:#666666;
line-height:14px;
}

A:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
color:#666666;
line-height:14px;
}
A:active {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
color:#666666;
line-height:14px;
}

A:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
color:#000000;
line-height:14px;
}


#botones {
height:35px;
width:900px;
padding:312px 0px 0px 26px;
.padding:262px 0px 0px 26px;
}
#botones ul {
height:35px;
}

#botones li {
float:left;
list-style-type:none;
}
#botones li a {
background-position:center top; 
display:block;
background-repeat: no-repeat;
text-decoration:none;
}
#botones li a span {
visibility:hidden;
}

#botones li a.inicio {
background: url('imagenes/bt_inicio.png');
height:35px;
width:94px;
}
#botones li a.expo {
background: url('imagenes/bt_expo.png');
height:35px;
width:116px;
}
#botones li a.porque  {
background: url('imagenes/bt_porque.png');
height:35px;
width:169px;
}
#botones li a.stands {
background: url('imagenes/bt_stands.png');
height:35px;
width:149px;
}
#botones li a.plano {
background: url('imagenes/bt_plano.png');
height:35px;
width:133px;
}
#botones li a.catalogo {
background: url('imagenes/bt_catalogo.png');
height:35px;
width:107px;
}
#botones li a.activo { 
background-position: center bottom;
cursor:default;
}
#botones li a:hover { background-position: center;}
#botones li a:hover.activo { 
cursor:default;
background-position: center bottom;