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

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body{
	text-align:center;
	margin-right:0px;
}

header {
  width: 100%;
  height:153px; 
  text-align:center; 
}

.rebordeamarillo{
  width: 100%;  
  height:15px;
  background:#FEE557;
  text-align:center;
  display:inline-block;		
	}

.formulaenviar{
	
background: #FFF;
font-size:14px;
font-family: "Arial";
color: #666;
height:auto;
border:1px #CCCCCC solid;
padding:5px;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
	}	
	
.formulaenviar:hover {
color: #000;
background: #FEE557; 
cursor: pointer; }	

.formula{
	
background: #FFF;
font-size:12px;
font-family: "Arial";
color: #666;
height:auto;
border:1px #CCCCCC solid;
padding:5px;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
	}

.logo{	
  width: 850px;
  height:90px;
  background: #FFF;
  text-align:center;
  display:inline-block;			
	}
	
.contlogo{
	margin-top:10px;
	width: 500px;
 	height:75px;
 	float:left;
	text-align:left;
}
	
.iconos{
	margin-top:15px;
	width: 100px;
 	height:75px;
 	float:right;
	text-align:right;
	}			


.botonera{
width:100%;
height:25px;
text-align:center;
background: #FFF;
display:inline-block;
}

.contbotonera{
	text-align:center;
	width:917px;
	display:inline-block;
	}


li.opcion{   
margin:0px 6px;	
float:left;
width:117px;
border:1px #bcbdc0 solid;
}

a.opcion
{
   	font-size: 14px;
	font-family: "Arial Narrow";
	text-decoration:none;
	color: #666;	
   display:block;
   padding:10px; 
}

a.opcion:hover
{
   border-top:4px #FEE557 solid;
   padding:8px;
   color: #000; 

}

li.opcion2{   
margin:0px 0px 4px 0px;	
width:200px;
border:1px #bcbdc0 solid;
}

li.opcion4{   
margin:0px 0px 8px 0px;	
width:201px;
border:1px #bcbdc0 solid;
font-size: 16px;
font-family: "Arial Narrow";
text-decoration:none;
display:block;
padding:9px; 
border-left:7px #FEE557 solid;
color: #000; 
}


a.opcion2
{
   	font-size: 16px;
	font-family: "Arial Narrow";
	text-decoration:none;
	color: #999;	
   display:block;
   padding:9px; 
}

a.opcion2:hover
{
   border-left:7px #FEE557 solid;
   padding:9px;
   color: #000; 

}

a.opcion3
{
   	font-size: 14px;
	font-family: "Arial Narrow";
	text-decoration:none;
	color: #666;	
   display:block;
   padding:7px; 
}

a.opcion3:hover
{
   border-top:4px #FEE557 solid;
   padding:5px;
   color: #000; 

}


li.opcion3{   
margin:0px 0px 4px 25px;	
width:200px;
border:1px #bcbdc0 solid;
}		

.lineacontenedor{
width:100%;
height:1px;
text-align:center;
display:inline-block;

}

.contenido {
	margin-top:10px;
  width: 915px;
  display:inline-block; 
  text-align:center;
  height:auto; 
}

.categorias{
	float:left;
	width:230px;
	height:auto;
	
	}
.telefono{
	float:left;
	width:202px;
}



.cartelera{
	float:right;
	width:652px;
	}

.saltoproducto{
float:left;
	width:100%;
	height:20px;
}	
	
	
.producto{
	float:left;
	width:188px;
	height:245px;
	margin-right:28px;
	padding:4px;
border:1px #CCCCCC solid;
	}
	

.producto3{
	float:right;
	width:188px;
	height:245px;
	padding:4px;
	border:1px #CCCCCC solid;

}


.imagen{
	width:188px;
	height:140px;
	text-align:center;
}

.info{
	width:188px;
	height:100px;
	text-align:left;
}

.lineainfo{
	width:188px;
	height:1px;
	background: #CCC;
	margin-bottom:3px;
}

.titproducto {
	font-size: 14px;
	font-family: "Arial Narrow";
	color: #4D4B4F;
	font-weight:800;	
}
.marca {
	font-family: "Arial Narrow";
	font-size:12px;
	color: #4D4B4F;
	font-weight:400;
	
}
.codigo {
	font-family: "Arial Narrow";
	font-size:12px;
	color: #A1A3A7;
}

.descripcion {
	font-family: "Arial Narrow";
	font-size:12px;
	color: #666;
}

.imageninst{
	float:left;
	width:220px;
	text-align:left;
	height:300px;
	display:inline-block;
	}

.lineavertical{
	width:4px;
	margin-right:20px;
	text-align:left;
	height:280px;
	background: #FEE557;
	display:inline-block;
	float:left

	}
	
.institucional{
	font-family: "Arial Narrow";
	font-size:16px;
	width:400px;
	text-align:left;
	height:300px;
	float:left	
	}
	
.titamarillo {
	font-weight:500;
	font-size:18px;
	color: #FEE557;
}

.ubicacion{
		font-family: "Arial Narrow";
	font-size:16px;
	float:left;
	width:620px;
	height:465px;
	text-align:center;
	padding:10px;
	border:1px #CCCCCC solid;
}				

.video{
		font-family: "Arial Narrow";
	font-size:16px;
	float:left;
	width:640px;
	height:450px;
	text-align:left;
}			
					

footer{
	width:100%;
	height:110px;
	background-color:#FEE557;
	box-shadow: 0px -2px 5px #999;
}

.pie{
	font-size: 14px;
	font-family: "Arial";
	text-decoration:none;
	color: #666;
	margin-top:20px;
	display:inline-block;
	width:650px;	
	}
	
.serviciosiconos{
	margin-top:12px;
	float:right;
	display:inline-block;
	width:222px;
	}		

.profesionales{
	float:left;
	text-align:left;	
	}
.realestate{
	float:right;
	text-align:right;
	}	
	
.institucional a{
	color:#666;
	text-decoration: none;
}

.institucional a:hover {
	color: #000;
	text-decoration: none;
}

.institucional a:active {
	color: #000;
	text-decoration: none;
}

.pie a{
	color:#666;
	text-decoration: none;
}

.pie a:hover {
	color: #000;
	text-decoration: none;
}

.pie a:active {
	color: #000;
	text-decoration: none;
}