@charset "utf-8";
/* CSS inrapartes */

#body{
	background-image:url(../images/fondo_02.jpg);
	background-repeat:repeat-x;
	margin:0 0 0 0;
}
#barra{
height:20px;
background-color:#000000;
width:100%;
}
/*width:65px;width:380px;width:550px;*/
#barra_gris{
width:7%;
height:95px;
background-image:url(../images/gris_03.jpg);
background-position:bottom;
background-repeat:repeat-x;
float:left;
}
#logo{
width:30%;
height:95px;
float:left;
background-image:url(../images/logo_03.jpg);
background-position:bottom;
background-repeat:no-repeat;
}

#esqq{
	width:27px;
	height:25px;
	float:left;
	background-image:url(../images/me_088.jpg);
	}
#total{
		        position: absolute;
		        left: 50%;
		        top: 125px;
				width:972px;
				min-height:100px;
				height:auto;
	        	margin-left: -486px;
				z-index:0;
			
				
}
#servicio{
margin-top:10px;
margin-left:13px;
padding-bottom:10px;
width:310px;
float:left;
min-height:190px;
height:auto;
background-image:url(../images/men_22.jpg);
background-repeat:repeat-x;
}
#servicio_esquina_left{
background-image:url(../images/esquina_14.jpg);
background-repeat:repeat;
background-color:#828182;
width:15px;
float:left;
min-height:25px;
height:auto;
}
#servicio_esquina_center{
float:left;
background:#828182 url(../images/men_17.jpg) right no-repeat;
width:280px;
float:left;
min-height:20px;
height:auto;
color:#ffa900;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-top:5px;
font-size:14px;
}
#servicio_esquina_right{
	background-image:url(../images/esquina_16.jpg);
	background-repeat: no-repeat;
	background-position:right;
	background-color:#828182;
	width:15px;
	float:right;
	min-height:25px;
	height:auto;
}
#serv_e{
width:320px;
height:140px;
background-image:url(../images/serv_05.gif);
}
#serv_f{
width:85px;
height:110px;
background-image:url(../images/serv_05.gif);
text-align:center;
padding-top:10px;
float:left;
}
#serv_g{
	width:210px;
	min-height:110px;
	height:auto;
	background-image:url(../images/serv_05.gif);
	text-align:left;
	padding-top:10px;
	padding-left:10px;
	float:left;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.ver a{
	display:block;
	background-image:url(../images/men_25.jpg);
	background-repeat:no-repeat;
	padding-left:15px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
.ver a:hover{
	display:block;
	background-image:url(../images/men_26.jpg);
	background-repeat:no-repeat;
	padding-left:15px;
	color:#999999;
	text-decoration:none;
	font-weight:bold;
}

#navi {  
	list-style:none;
	margin:0;
	padding:0;
}
#navi li {
	margin:2px;
	padding:2px;
	border-right:1px solid #CCCCCC;
	padding-left:5px;
	padding-right:15px;
	float:left; //para eliminar el comportamiento de elemento de bloque(salto de linea)
}
#navi li a {
	display:block;
	padding:0px 10;
	text-decoration:none;
	text-align:left;
	font-size:11px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:capitalize;
	}
#navi li a:hover {
	color:#999999;
}

/* interna */
#product_left{
width:260px;
padding-top:30px;
min-height:500px;
height:auto;
text-align:center;
float:left;
}
#product_left_p{
width:50px;
height:50px;
text-align:center;
float: left;
border: #333333 0.25px solid;
background-image:
}
#product_left_p2{
width:50px;
height:50px;
text-align:center;
clear:both;
float: left;
border: #333333 0.25px solid;
}
#product_right{
padding-top:30px;
width:670px;
text-align:center;
float:left;
padding-left:20px;
}
#product_right_der{
background-image:url(../images/foto_g_03.jpg);
background-repeat:no-repeat;
width:382px;
height:280px;
float:left;
text-align:left;
padding-left:10px;
padding-top:5px;
z-index:0;
}
#product_right_izq{
float:left;
min-height: 200px;
height:auto;
text-align:left;
padding-left:15px;
width:250px;
z-index:1;
}
.product_texto{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
display:block;
border-bottom:#999999 1px solid;
width:250px;
padding-top:5px;
min-height:25px;
height:auto;
}
#compra{
	width:600px;
	height:auto;
	clear:both;
	text-align:left;
	padding-top:10px;
}
.compra_t{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	display:block;
	border-bottom:#999999 1px solid;
	width:500px;
	padding-top:5px;
	min-height:21px;
	height:auto;
	float:left;
}
#fboton{
float:left;}
.boton{
float:right;
width:86px;

}
/* fin interna */


#copy{
clear:both;
position:relative;
width:90%;
min-height:40px;
margin-right:10px;
height:auto;
text-align: left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#666666;
border-left:#ffa900 solid 2px;
padding-left:3%;
}
#copy a{
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	text-decoration:none;
}
#copy a:hover{
text-align: left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#666666;
text-decoration:none;
}
/* men */
#menu_h{
	width:60%;
	padding-top:65px;
	height:30px;
	float:right;
	background-image:url(../images/gris_03.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	z-index:4;
}

ul {
padding-top:10px;
padding-bottom: 3px;
margin: 0;
list-style: none;
z-index:3;
  }
  li {
  float: left;
  position: relative;
  padding-right:10px;
  min-height:20px;
  height:auto;
  z-index:9;
  padding-left:10px;
  }
  li a {
  color:#FFFFFF;
  text-decoration:none;
  padding-right:5px;
  }
  #lineam {
  
  }
  #lineam a:hover {
  border-bottom:#FF9900 2px solid;
  display:block;
   width:30px;
  }
  #lineam_d a:hover {
  border-bottom:#FF9900 2px solid;
  display:block;
   width:70px;
  }
  #lineamemp a:hover {
  
  display:block;
   width:70px;
  }
  #lineamserv a:hover {
  border-bottom:#FF9900 2px solid;
  display:block;
  
  width:50px;
  }
  li ul {
  display: none;
  position: absolute; 
  left: 0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  top:17px;
  z-index:5;
  margin-left:10px;
  min-width:150px;
  width:auto;
 }
  
li:hover ul, li.over ul{
float:left;
display: block;
background-color:#CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
z-index:7;
left:0;
margin-left:-10px;
min-width:280px;
width:auto;
min-height:230px;
height:auto;
}
 li ul a{ 
display: block;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
text-decoration:none;
padding-top:5px;
z-index:8;
}
#submenu{
float:left;
padding-left:-30px;
width:130px;
}
  li ul a:hover{
	color:#FFCC00;
	text-decoration:none;
	padding-top:5px;
	z-index:8;
	font-weight:bold;
 }
 .subt{
 font-weight:bold;
 margin-left:-7px;
 }
/* fin men */

/*compania*/
#cabezote_compania{
min-width:972px;
width:auto;
min-height:150px;
height:auto;
border-bottom:#FFCC00 solid 2px;
}
#foto_compania{
width:250px;
min-height:310px;
padding-left:10px;
padding-top:10px;
padding-right:10px;
float:left;
height:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
border:#999999 1px solid;
margin-top:15px;
}
#texto_compania{
min-height:200px;
width:680px;
float:left;
padding-left:10px;
height:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
padding-top:15px;
}
.title_interna{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align:justify;
	color:#000000;
	font-weight:bold;
	background-image:url(../images/title.gif);
	background-repeat:no-repeat;
	padding-left:20px;
}
#texto_contacto1{
min-height:150px;
height:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
float:left;
width:250px;
}
#texto_contacto2{
min-height:200px;
height:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
float:right;
width:600px;
}
#texto_contacto3{
min-height:20px;
height:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
float:left;
width:100px;
}
/*fin compania*/

/*men*/
#lists {padding:0; margin:10px 0 10px 0px; list-style:none; position:relative; height:25px; float:left; background:url(line.gif) no-repeat 100% 4px;  z-index:500;} /* margins for this demonstration only */
#lists li {display:inline; float:left; min-height:25px; height:auto; background:url(line.gif); text-align:left;}
#lists li a.tl { height:25px; text-decoration:none; line-height:20px; font-size:12px; font-weight:bold; text-indent:0px; font-weight:normal; color:#fff; background:url(white_arrow.gif) no-repeat 5px;}

#lists div {display:none;}

#lists li a:hover {
	text-decoration:none;
	white-space:normal;
	font-weight:bold;
	color:#ffcc00;
	}
#lists li:hover > a {text-decoration:underline; white-space:normal; background-position:130px 15px; font-weight:bold;}

#lists :hover div
{display:block; width:598px; background:#faebd7; position:absolute; left:0; top:25px; border:1px solid #888; padding-bottom:10px;}
#lists :hover div.pos2 {background:#f0f5ee;}

#lists .two:hover {position:relative;}
#lists .single:hover {position:relative;}

#lists .two:hover div.pos3 {background:#f5eef0; width:300px;}
#lists .single:hover div.pos4 {background:#c7c7c7; width:380px;}

#lists :hover div dl {display:inline; padding:0; margin:0 0px 0px 0px; float:left; width:110px;}
#lists :hover div dl dt {width:179px; background:#888; text-indent:10px; margin:5px 0 10px 0; text-decoration:none; min-height:20px; height:auto; line-height:20px;}

#lists .two:hover div {left:-150px;}
#lists .two:hover div dl {width:100px;}
#lists .two:hover div dl dt {width:160px;}

#lists .single:hover div dl {width:170px;}
#lists .single:hover div dl dt {width:160px;}

#lists :hover div dl dd {padding:0; margin:0;}

#lists :hover div dt a {text-decoration:none; cursor:default; font-weight:normal; color:#fff;}
#lists :hover div dd a {display:block; text-decoration:none; font-weight:normal; font-size:11px; color:#000; text-indent:10px; line-height:15px;}
#lists :hover div dd a:hover {text-decoration:underline;}

#lists .clear {clear:both;}
/*fin men*/