/***********************************************/ 
/*              CSS EXPOVENTA 2009             */
/* CSS2 style sheet  ++++  XHTML tag styles    */
/*          Edited with HTML Kit               */
/*    Hugo Enrique Flores González             */
/*           lenox21@gmail.com                 */
/***********************************************/ 
/* HTML tag styles                             */
/***********************************************/




/*@charset "UTF-8";*/

html{
height: 100%;
}

body {
	font: 12px/1.2em Arial,Helvetica, Verdana,  sans-serif;
	background:#2B2B2B url(../images/fondo.jpg) repeat-x center top;
	padding:0px;
	margin:0px;
	width: 10240px;

}
h1{
	font:bold 18px/1em Arial,Helvetica, Verdana,  sans-serif;
  color:#E7E7E7;
	clear:both;
}

img{border: 0px;}
strong{font-weight:bold;  color:#18ACF4; font:bold 12px/1em Arial,Helvetica, Verdana,  sans-serif;}
em{font-style:italic;}
a:link {
	color:#c5c5c5;
	text-decoration: none;

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

}
a:hover {
	color:#c5c5c5;
	text-decoration: underline;
}
#pagina{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width: 10240px;
	text-align: left;
	float:left;
}
.pagecontainer{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width: 840px;
	text-align: left;
	float:left;
}
.separacion1,.separacion2,.separacion3,.separacion4,.separacion5{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width: 1024px;
	height:1100px;
	text-align: left;
	float:left;
}
.separacion1{
	background: url(../images/ladoderecho1.jpg) no-repeat left top;
}
.separacion2{
	background: url(../images/ladoderecho2.jpg) no-repeat left top;
}
.separacion3{
	background: url(../images/ladoderecho3.jpg) no-repeat left top;
}
.separacion4{
	background: url(../images/ladoderecho4.jpg) no-repeat left top;
}
.separacion5{
	background: url(../images/ladoderecho5.jpg) no-repeat left top;
}

.segment0 {
	width:840px;
	height:17px;
  color:#c5c5c5;
	padding:3px 0px 0px 0px;
	margin:0px;
	overflow:hidden;
	float:left;
	clear:both;
	text-align:center;
	font: 12px/1em Arial,Helvetica, Verdana,  sans-serif;
}
.segment1 {
	width:840px;
	height:435px;
  color:#c5c5c5;
	padding:0px 0px 22px 0px;
	margin:0px;
	overflow:hidden;
	float:left;
	clear:both;
	background: url(../images/linea.jpg) no-repeat left bottom;
}
				#welcome{
						float: left;
						margin: 0px 0px 0px 0px;
						padding: 39px 0px 0px 15px;
						width:315px;
						height:291px;
						overflow:hidden;
						background: url(../images/home_bienvenidos.jpg) no-repeat 13px top;
						text-align:justify;
						color:#F3F3F3;
	      }			
				#text_welcome{
						float: left;
						margin: 0px 0px 0px 0px;
						padding: 0px 0px 0px 0px;
						width:315px;
						height:270px;
						overflow:hidden;
						clear:both;
	      }							
				#welcome2{
						float: left;
						margin: 0px 0px 0px 0px;
						padding: 0px 0px 0px 55px;
						width:435px;
						height:330px;
						overflow:hidden;
						background: url(../images/lineavertical.jpg) no-repeat 25px top;
						color:#F3F3F3;
	      }						
				#expoventaexpositores{
						float: left;
						margin: 0px 0px 0px 0px;
						padding: 50px 185px 0px 0px;
						width:250px;
						height:66px;
						overflow:hidden;
						background: url(../images/expoventaexpositores.jpg) no-repeat left top;
						text-align:left;
						color:#F3F3F3;
	      }						
				#infostand{
						float: left;
						margin: 0px 0px 0px 0px;
						padding: 39px 0px 0px 15px;
						width:315px;
						height:291px;
						overflow:hidden;
						background: url(../images/home_bienvenidos.jpg) no-repeat 13px top;
						text-align:justify;
						color:#F3F3F3;
	      }						
				.columna1{
						float: left;
						margin: 0px 0px 0px 0px;
						padding: 0px 0px 0px 0px;
						width:222px;
						height:422px;
	      }				
				.columna2{
						float: left;
						margin: 0px 0px 0px 0px;
						padding: 307px 0px 15px 5px;
						width:595px;
						height:100px;
						background: url(../images/foto_banner_1.jpg) no-repeat left top;
				}
				.img_direccion{
						float: left;
						margin: 0px -5px 0px 0px;
						padding: 0px 34px 0px 5px;
						width:380px;
						height:100px;
						overflow:hidden;
						position:relative;
				}				
				.patrocinadores{
						float: left;
						margin:0px 0px 0 0!important;
						padding:0 !important;
						width:165px;
						height:100px;
						overflow:hidden;
						background: url(../images/fondopatrocinio.jpg) no-repeat left top;
				}				
				#inicio .columna2{
						background: url(../images/foto_banner_1_.jpg) no-repeat left top;
				}				
				#sede .columna2{
						background: url(../images/foto_banner_2_.jpg) no-repeat left top;
				}				
				#expoventa2009 .columna2{
						background: url(../images/foto_banner_3_.jpg) no-repeat left top;
				}				
				#galeria .columna2{
						background: url(../images/foto_banner_4_.jpg) no-repeat left top;
				}				
				#contacto .columna2{
						background: url(../images/foto_banner_5_.jpg) no-repeat left top;
				}				
				
				
.logo {
	width:223px;
	height:125px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
	overflow:hidden;
}	
.init_ul{
	margin:0;
	padding:0px;
	list-style:none;
	width: 435px;
	height:134px;
	overflow:hidden;	
	float:left;
}
.init_ul li{
	list-style: none;
	height:auto;
	width: 435px;
	padding:0px 0px 0px 0px;
	clear:both;
	cursor:pointer;
}
.menu {
	width:223px;
	height:180px;
	padding:0px 0px 91px 0px;
	margin:0px 0px 0px 0px;
	float:left;
	overflow:hidden;
	background: url(../images/logo_camaradecomercio.jpg) no-repeat 35px 170px;
}
.menu ul{
	margin:0;
	padding:0px;
	list-style:none;
	width: 223px;
	height:180px;
	overflow:hidden;	
	float:left;
}
.menu ul li{
	list-style: none;
	height:auto;
	width: 216px;
	padding:0px 0px 0px 7px;
	clear:both;
}
.menu ul li a{
	padding:0px 0px 0px 0px;
	display:block;
	color:#FFDF3C;
}
.menu ul li a.link_inicio{
  width:216px;
	height:33px;
	background: url(../images/btn_inicio1.jpg) no-repeat left top;
}
.menu ul li a.link_sede{
  width:216px;
	height:31px;
	background: url(../images/btn_sede1.jpg) no-repeat left top;
}
.menu ul li a.link_expoventa2009{
  width:216px;
	height:33px;
	background: url(../images/btn_expoventa1.jpg) no-repeat left top;
}
.menu ul li a.link_galeria{
  width:216px;
	height:33px;
	background: url(../images/btn_galeria1.jpg) no-repeat left top;
}
.menu ul li a.link_contacto{
  width:216px;
	height:29px;
	background: url(../images/btn_contacto1.jpg) no-repeat left top;
}
.menu ul li a.link_inicio:hover{
  width:216px;
	height:33px;
	background: url(../images/btn_inicio1.jpg) no-repeat left bottom;
}
.menu ul li a.link_sede:hover{
  width:216px;
	height:31px;
	background: url(../images/btn_sede1.jpg) no-repeat left bottom;
}
.menu ul li a.link_expoventa2009:hover{
  width:216px;
	height:33px;
	background: url(../images/btn_expoventa1.jpg) no-repeat left bottom;
}
.menu ul li a.link_galeria:hover{
  width:216px;
	height:33px;
	background: url(../images/btn_galeria1.jpg) no-repeat left bottom;
}
.menu ul li a.link_contacto:hover{
  width:216px;
	height:29px;
	background: url(../images/btn_contacto1.jpg) no-repeat left bottom;
}
.end {
	width:100%;
	height: 1px;
	clear:both;
}	

/******************************************************************************/
ul.menu_left{
	margin:0;
	padding:0px;
	list-style:none;
	width: 223px;
	height:357px;
	overflow:hidden;	
	float:left;
	font: 12px/1.2em Arial,Helvetica, Verdana,  sans-serif;
}
ul.menu_left li{
	list-style: none;
	height:20px;
	width: 223px;
	padding:5px 0px 5px 0px;
	clear:both;
	cursor:pointer;
	background: url(../images/linea2.jpg) no-repeat 15px bottom;	
}
ul.menu_left li a{
	padding:0px 0px 0px 28px;
	display:block;
	color:#FFF;
  width:195px;
	height:20px;
	background: url(../images/flecha1.jpg) no-repeat 15px 5px;
}
ul.menu_left li a:hover{
	background: url(../images/flecha2.jpg) no-repeat 15px 5px;
	color:#D9E021;
	text-decoration:none;
}

/******************************************************************************/
.cajas{
	width: 305px;
	height:auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}
.stnegro{
	font: 16px/1em Arial,Helvetica, Verdana,  sans-serif;
	color:#bbb;
	clear:both;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 0px;	
	height:22px;
}
.cajas2{
	width: 75px;
	height:auto;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}
.note{
  color:#FBB03B;
}
.cajas3{
	width: 223px;
	height:auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}
/* Segment Two */
.segment2 {
  clear:both;
	display: block;
	width:840px;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#CCC;
  overflow:hidden;
	height:auto;
}
#inicio .segment2 {
	height:350px;
}

.leftcolumn{
	width: 230px;
	height:537px;
	margin: 0px 0px 0px 0px;
	padding: 0px 16px 0px 0px;
	float: left;
	background: url(../images/lineavertical2.jpg) no-repeat 230px -22px;
}

.content{
	width: 590px;
	min-height:380px;
/*	height:expression(document.body.clientHeight < 380? "380px": "auto" );*/
	height:auto;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	color:#f5f5f5;
	text-align:justify;
}
#contacto .segment2 .leftcolumn{
	width: 230px;
	height:380px;
}
.content ul{
	margin:0;
	padding:0px 0px 15px 0px;
	list-style:none;
	width: 590px;
	height:auto;
	overflow:hidden;	
	float:left;
	font: 12px/1.2em Arial,Helvetica, Verdana,  sans-serif;
}
.content ul li{
	list-style: none;
	width: 520px;
	height:auto;
	padding:3px 0px 3px 70px;
	clear:both;
	cursor:pointer;
	background: url(../images/dottt.jpg) no-repeat 40px 8px;	
}
#formulario{
	width: 500px;
	min-height:380px;
/*	height:expression(document.body.clientHeight < 380? "380px": "auto" );*/	
	height:auto;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	color:#c5c5c5;
	text-align:justify;
}
.border{
	border:4px solid #F3F3F3;
	margin:0px 30px 30px 0px;
}
.div_border img{
	border:4px solid #F3F3F3;
	margin:6px 0px 0px 6px;
}		
		
.border img{
	border:4px solid #F3F3F3;
	margin:6px 0px 0px 6px;
}				
		
/************* #siteInfo styles ***************/
.siteinfo{
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color: #C0C0C0;
	width:840px;
	height: auto;
	position:relative;
	z-index:1;
	float:left;
	overflow:hidden;
	clear:both;	
}
.address{
	padding:60px 10px 0px 26px;
	margin:0px 0px 0px 0px;
	width:800px;
	height:39px;
	float:left;
	text-align:left;
	background: url(../images/contacto2.jpg) no-repeat left top;
  font: 11px/1.2em Arial Helvetica, Verdana, sans-serif;
	color:#CCC;
	overflow:hidden;
}		
.c1{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:167px;
	height:38px;
	float:left;
	text-align:left;
	overflow:hidden;
}	
.c2{
	padding:0px 0px 0px 16px;
	margin:0px 0px 0px 0px;
	width:224px;
	height:38px;
	float:left;
	text-align:left;
	overflow:hidden;
}	
.c3{
	padding:0px 0px 0px 36px;
	margin:0px 0px 0px 0px;
	width:343px;
	height:38px;
	float:left;
	text-align:right;
	overflow:hidden;
}	
 .address .c3 a{
	color:#FFF;
	display:block;
	text-align:right;
}		
#inicio .address{
	padding:50px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	width:370px;
	height:220px;
	float:left;
	text-align:left;
	background: url(../images/home_titulocontacto.jpg) no-repeat left top;
  font: 14px/1.2em Arial Helvetica, Verdana, sans-serif;
	color:#CCC;
}		
#inicio .address .smartt a{
  font: 14px/1.2em Arial Helvetica, Verdana, sans-serif;
}		
.address a{
	color:#FFF;
	display:block;
	text-align:center;
}		
.highslide-gallery img{
	border:5px solid #FFF;
	margin:0px 0px 7px 7px;
}		

.highslide-gallery{
	padding:65px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:230px;
	height:144px;
	float:left;
	text-align:center;
	background: url(../images/visita.jpg) no-repeat left top;
}		
#inicio .highslide-gallery{
	padding:65px 40px 0px 0px;
	margin:0px 0px 0px 0px;
	width:372px;
	height:200px;
	float:left;
	text-align:right;
	background: url(../images/visitanuestragaleria.jpg) no-repeat left top;
}		
#galeria .highslide-gallery{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:820px;
	height:auto;
	float:left;
	text-align:left;
	background-image:none;
}		
#galeria .highslide-gallery img{
	border:5px solid #FFF;
	margin:0px 0px 7px 10px;
}	
#expoventa2009 .segment2 .content .highslide-gallery{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:590px;
	height:auto;
	float:left;
	text-align:left;
	background-image:none;
}		
#expoventa2009 .segment2 .content .highslide-gallery img{
	border:0px solid #FFF;
	margin:0px 0px 0px 0px;
}	
.copyright{
     color: #C0C0C0;
	 	 padding: 0px 0px 0px 0px;
     float:right;
 		 text-align: right;		 
	 	 margin: 0px 0px 0px 0px;
     width:310px;
		 height:50px;
		 overflow:hidden;	
		 font: 11px/1em Arial,Helvetica, Verdana,  sans-serif;
	}
.smartt{
     color: #FFF;
 		 text-align: right;		 
		 clear:both;
		 font: 11px/1em Arial,Helvetica, Verdana,  sans-serif;
	}	
	.smartt a{
     color: #FFF;
 		 text-align: right;		 
		 clear:both;
		 width:100%;
		 font: 11px/1em Arial,Helvetica, Verdana,  sans-serif;
	}	

/************** Custom Classes ***********************************/
input, select, textarea { border:1px solid #F3F3F3; font-size: 11px; margin: 1px;}