body{ background-attachment:fixed;}
#yog{ width:800px; height:150px; position:absolute;top:0px ;z-index:0;}


#cast{ width:250px; height:15px; right:0px; position:absolute;top:7px ;}
#cast img{float:left;}
/* barralateral */
#shamash{background-image:url(patron.jpg); background-repeat:repeat;
position:absolute;left:0px;top:0px;
width:200px;height:850px;
box-shadow:gray 1px 1px 10px; 
}
#nebo{
width:165px; height:45px; 
position:relative; top:10px; left:0px; 
z-index:2;
}

a #mobiliariomenu{position:absolute;width:150px;height:300px;background:black;left:180px;top:-700px;z-index:-300; 
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease;
transition-delay: 0s;}

a:hover #mobiliariomenu{position:absolute;width:150px;height:300px;background:black;left:180px;top:-7px; z-index:10; overflow:hidden;

transition-property: all;
transition-duration: 0.5s;
transition-timing-function: ease;
transition-delay: 0s;}


#sillon{position:absolute; top:-5px; left:-15px;color:white;font-size:15px;
}
#mobiliariomenu div{position:absolute;bottom:0px; width:150px; height:160px; background-image:url(mobiliario.jpg);}

a #camasmenu{position:absolute;width:150px;height:300px;background:black;left:180px;top:-700px;z-index:-300; 
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease;
transition-delay: 0s;}

a:hover #camasmenu{position:absolute;width:150px;height:300px;background:black;left:180px;top:-7px; z-index:10; overflow:hidden;

transition-property: all;
transition-duration: 0.5s;
transition-timing-function: ease;
transition-delay: 0s;}

#camasmenu div{position:absolute;bottom:0px; width:150px; height:200px; background-image:url(camasmenu.jpg);border-top:#090 solid 2px;}


a #videomenu{position:absolute;width:150px;height:300px;background:black;left:180px;top:-700px;z-index:-300; 
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease;
transition-delay: 0s;}

a:hover #videomenu{position:absolute;width:150px;height:300px;background:black;left:180px;top:-7px; z-index:10; overflow:hidden;

transition-property: all;
transition-duration: 0.5s;
transition-timing-function: ease;
transition-delay: 0s;}

#videomenu div{position:absolute;top:0px; width:150px; height:195px; background-image:url(videomonitoreo.jpg);border-bottom:#090 solid 2px;}
#sillonvideo{position:absolute; bottom:-10px; left:-15px;color:white;font-size:15px;}


a #motormenu{position:absolute;width:150px;height:300px;background:black;left:180px;top:-700px;z-index:-300; 
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease;
transition-delay: 0s;}

a:hover #motormenu{position:absolute;width:150px;height:300px;background:black;left:180px;top:-7px; z-index:10; overflow:hidden;

transition-property: all;
transition-duration: 0.5s;
transition-timing-function: ease;
transition-delay: 0s;}

#motormenu div{position:absolute;top:0px; width:150px; height:195px; background-image:url(motoresmenu.jpg);border-bottom:#090 solid 2px;}


a #balonmenu{position:absolute;width:150px;height:300px;background:black;left:180px;top:-700px;z-index:-300; 
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease;
transition-delay: 0s;}

a:hover #balonmenu{position:absolute;width:150px;height:300px;background:black;left:180px;top:-7px; z-index:10; overflow:hidden;

transition-property: all;
transition-duration: 0.5s;
transition-timing-function: ease;
transition-delay: 0s;}

#balonmenu div{position:absolute;top:0px; width:150px; height:190px; background-image:url(balonmenumenu.jpg);border-bottom:#090 solid 2px;}




#redes{position:absolute; width:199px; height:120px;top:500px; border-top: dashed 2px #aaa;}
#face span{position:absolute;width:40px; height:40px;left:22px;top:5px; font-family:Tahoma, Geneva, sans-serif; font-size:40px; color:#999; font-weight:500;}
#face{position:absolute;width:60px; height:60px; border-radius:30px; border: 1px dashed #aaa; top:50px;}
#google{position:absolute;width:60px; height:60px; border-radius:30px; border: 1px dashed #aaa;left:68px;top:50px;}
#google span{position:absolute;width:40px; height:40px;left:5px;top:5px; font-family:Tahoma, Geneva, sans-serif; font-size:40px; color:#999; }
#twit{position:absolute;width:60px; height:60px; border-radius:30px; border: 1px dashed #aaa;left:135px;top:50px;}
#twit span{position:absolute;width:40px; height:40px;left:18px;top:5px; font-family:gothambold1; font-size:40px; color:#999;}
#correolab{position:absolute;top:800px; left:50px; font-family:trajan pro; font-size:9px; color:#444;}
/* botones */
#cont_btn{
width:170px; 
height:500px; 
position:absolute;
top:170px; 
left:20px; 

}
a{text-decoration:none;  
}
a .btn{
line-height:20px;
text-align:right;
background-image:url(conector_btn.png);
width:170px; 
height:30px; 
font:"Trajan Pro"; 
color:#060; 
font-size:12px;
transition-property: all;
transition-duration: 1s;
transition-timing-function: ease;
transition-delay: 0s;
 }

a .btn:hover{ 
background-image:url(conector_btn-.png);
width:170px; 
height:30px; 
font:"Trajan Pro"; 
color:#090;
font-weight:500;
font-size:12px;
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: ease;
transition-delay: 0s;
}
a .btn span{
position:relative; width:110px; top:2px; right:10px;
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease;
transition-delay: 0s;
}
a .btn:hover span{position:relative; width:110px; top:2px;;right:0px;
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: ease;
transition-delay: 0s;
}
  

/* fin botones */

/* fin barra lateral*/

#barra{position:absolute;width:99%; height:50px; 
left:0.5%;top:100px; border-radius: 10px 10px 10px 10px; color:#FFF;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #029429),
	color-stop(1, #31A651)
);
background-image: -o-linear-gradient(bottom, #029429 0%, #31A651 100%);
background-image: -moz-linear-gradient(bottom, #029429 0%, #31A651 100%);
background-image: -webkit-linear-gradient(bottom, #029429 0%, #31A651 100%);
background-image: -ms-linear-gradient(bottom, #029429 0%, #31A651 100%);
background-image: linear-gradient(to bottom, #029429 0%, #31A651 100%);
box-shadow:#444 1px 2px 6px;}


/*centrado de barras */
#panel{background:red;z-index:-113;}
#resto{text-align:center}
/* fin centrado de barras */

/* barras completas dentro de tablas  */
#contin{ height:200px; width:99%; }
#centromas{width:810px;height:200px;margin:auto}
table{margin-top:170px}
/* fin barras completas dentro de tablas  */




/* presentacion servicio tecnico     */ 

#presentST{margin-top:150px;}
#bang{background:#f00;position:relative;left:0px;top:0px; width:810px;height:100px;text-align:left; }
#descbalon{position:absolute; left:1px; top:0px;  width:810px; height:600px; z-index:0; box-shadow:#333 2px 2px 1px; background:#FFF }
#contacto1{ background-image:url(electronic%20lab.png); background-size:contain; width:260px; height:69px; position:absolute; top:15px; right:45px; }
#nombre{position:absolute; left:0px; width:450px; font-family:"Times New Roman", Times, serif; font-weight:100px; font-size:79px; color:#ccc; border-bottom:#ccc solid 2px}

#contactdat{position:absolute; left:0px;width:811px;height:600px;left:0px; top:-50px;}
#titulorama{font-family:"Times New Roman", Times, serif; font-weight:100px; font-size:26px; color:#777;}
#resultadorama{font-family:"Times New Roman", Times, serif; font-weight:100px; font-size:20px; color:#555;}

#colmenaserv{position:absolute; z-index:99; top:20px;top:300px; background-image:url(CONCATATOLLAMAME.jpg); background-size:contain; width:400px; height:270px;}
#formulario{position:absolute; right:0px; top:110px; z-index:8; width:300px; height:450px;  }

#contacto{ background:#FF0}
/* Fin presentacion servicio tecnico     */ 




/*COSITA DE LOS BALONES*/

#busca{position:absolute; top:1px; left:0px; width:300px; height:60px; font-family:"Trajan Pro"; font-weight:300px; font-size:13px; border-bottom: solid #090 1px; color:#090;}
#busca p{margin-left:55px;}
#fono{
height:50px;width:50px;background-image:url(serv.tecnico.png);
position:absolute; top:0px; left:1px;
}
#fonoventas{position:absolute; top:37px; left:60px;font-family:"Trajan Pro"; font-weight:300; font-size:12px; color:#030;}
#numeroventas{position:absolute; top:35px; left:160px;font-family:"Trajan Pro"; font-weight:300px; font-size:14px;color:#444;}

/* FIN COSITA DE LOS BALONES*/

#hola{position:absolute;right:5%;width:1000px;height:47px;z-index:4}
#chup{position:absolute; top:-172px; font-family: "Trajan Pro"; font-size:13px;color:#fff;}
#chup td{border-left:#FFF solid 1px; height:47px; width:147px; overflow:hidden;
-webkit-transition:all 0.4s ease 0s;
}
#chup td:Hover{color:#fff;
-webkit-transition:all 0.4s ease 0s; background:#fff;}
#chup td a {color:white;
-webkit-transition:all 0.4s ease 0s;
 }
#chup td:hover a {color:black;
-webkit-transition:all 0.4s ease 0s;
 }

/* resumen st productos*/
#image{margin-top:110px;}
#abajo{position:relative; left:0px; top:0px; width:200px; height:200px; background:#fff;}
#shile{position:absolute; top:2px; left:2px; width:170px; height:50px; font-family:"trajan pro"; font-size:12px; color:#000; text-align:left; }
#lapor{position:absolute; top:2px; left:200px; width:190px; height:190px; font-family:"trajan pro"; font-size:10px; color:#000; text-align:left; background-image:url(laportada.jpg);border:solid #090 1px;}
#castro{position:absolute; top:2px; left:410px; width:190px; height:190px; font-family:"trajan pro"; font-size:10px; color:#000; text-align:left; background-image:url(castro.jpg);border:solid #090 1px;}
#punta{position:absolute; top:2px; left:620px; width:190px; height:190px; font-family:"trajan pro"; font-size:10px; color:#000; text-align:left; background-image:url(punta.jpg);border:solid #090 1px;}
/* fin resumen st productos*/





#pie{position:absolute;width:100%; height:20px; top:830px; background:black;}