@charset "UTF-8";
/* CSS Document */
body{background:url(img/bg.png) repeat-x #FFF; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333;}
#cabecera{height:120px; position:relative;}#logo{position:absolute; top:30px; left:30px;}
#contenedor{width:940px; margin:0 auto;}
#contenido{margin-bottom:30px; margin-top:15px; overflow:hidden;}
#pie{font-size:11px; color:#999; background:url(img/bg-pie.png) center top no-repeat; padding-top:10px; clear:both;}
#flash{width:940px; height:381px;display:block;}
#izquierda{float:left; width:260px; margin-right:40px;}
#izquierda h3{background:url(img/h3.png); width:230px; height:55px; color:#FFF; font-size:21px; line-height:55px; padding:0 15px; font-weight:normal;}
#derecha{float:left; width:640px; padding-top:20px;}
#derecha h2{color:#B20B07;}
#derecha p{line-height:1.7em; margin-bottom:30px;}
#menu{position:absolute; right:0px; top:40px;}
#menu ul{margin:0; padding:0; list-style:none;}
#menu ul li{float:left; margin-right:2px;}
#menu ul li a{ background-image:url(img/menu.png); height:36px;display:block;}
#menu ul li a span{display:none;}
#menu ul li a.inicio{background-position:0 0; width:63px; }
#menu ul li a.empresa{background-position:-65px 0; width:86px;}
#menu ul li a.servicios{background-position:-153px 0; width:86px;}
#menu ul li a.cobertura{background-position:-241px 0; width:83px;}
#menu ul li a.contacto{background-position:-326px 0; width:84px;}
#menu ul li a.portafolio{background-position:-412px 0; width:83px;}
/*#menu ul li a.distribuidores{background-position:-503px 0; width:86px;}*/
#menu ul li a.inicio:hover{background-position:0 bottom; width:63px; }
#menu ul li a.empresa:hover{background-position:-65px bottom; width:86px;}
#menu ul li a.servicios:hover{background-position:-153px bottom; width:86px;}
#menu ul li a.cobertura:hover{background-position:-241px bottom; width:83px;}
#menu ul li a.contacto:hover{background-position:-326px bottom; width:84px;}
#menu ul li a.portafolio:hover{background-position:-412px bottom; width:83px;}
/*#menu ul li a.distribuidores:hover{background-position:-503px bottom; width:86px;}*/

#menu2{position:absolute; right:0px; top:40px;}
#menu2 ul{margin:0; padding:0; list-style:none;}
#menu2 ul li{float:left; margin-right:2px;}
#menu2 ul li a{ background-image:url(img/menu.png); height:36px;display:block;}
#menu2 ul li a span{display:none;}
#menu2 ul li a.inicio{background-position:0 0; width:63px; }
#menu2 ul li a.empresa{background-position:-65px 0; width:86px;}
#menu2 ul li a.servicios{background-position:-153px 0; width:86px;}
#menu2 ul li a.cobertura{background-position:-241px 0; width:83px;}
#menu2 ul li a.contacto{background-position:-326px 0; width:84px;}
#menu2 ul li a.portafolio{background-position:-412px 0; width:83px;}
#menu2 ul li a.galeria{background-position:-495px 0; width:86px;}
#menu2 ul li a.inicio:hover{background-position:0 bottom; width:63px; }
#menu2 ul li a.empresa:hover{background-position:-65px bottom; width:86px;}
#menu2 ul li a.servicios:hover{background-position:-153px bottom; width:86px;}
#menu2 ul li a.cobertura:hover{background-position:-241px bottom; width:83px;}
#menu2 ul li a.contacto:hover{background-position:-326px bottom; width:84px;}
#menu2 ul li a.portafolio:hover{background-position:-412px bottom; width:83px;}
#menu2 ul li a.galeria:hover{background-position:-495px bottom; width:86px;}

#izquierda .caja{background:url(img/red1.png) 0 0 no-repeat; padding-bottom:15px; position:relative; padding-top:15px;}
#izquierda .caja .cerrar{background:url(img/red2.png) left bottom; display:block; width:260px; height:15px; bottom:0; left:0; position:absolute;}
#izquierda .caja h4{margin:0 15px;}
.gris{width: 550px; height:48px; display:block; margin:0 auto; font-size:16px;color:#B20B07; background:url(img/gris.jpg); padding:20px 30px; text-align:center}
.btn{width:192px; height:48px; display:block; background:url(img/btn.png); position:absolute; top:350px; right:250px;}
.btn span{display:none;}
.more{border:1px dotted #ccc; border-left:none; border-right:none; display:block; clear:both; padding:10px; text-align:right; margin-bottom:30px; margin-right:15px; }
.more a{text-decoration:none; color:#B20B07; padding:5px;}
.more a:hover{background:#B20B07; color:#FFF;}

.more2{border:1px dotted #ccc; border-left:none; border-right:none; border-top:none; display:block; clear:both; padding:10px; text-align:center; margin-bottom:0px; margin-right:15px; }
.more2 a{text-decoration:none; color:#B20B07; padding:5px;}
.more2 a:hover{background:#B20B07; color:#FFF;}

#camion{text-align:center; background:url(img/camion.jpg) left bottom no-repeat; width:615px; height:150px; padding-top:200px; color:#FFF; margin-bottom:15px;}
#follow{ position:absolute; right:10px; top:10px; width:420px;}
#follow ul{ list-style:none; margin:0; padding:0;}
#follow ul li{float:left; padding-left:5px;}
#follow span{float:left; line-height:16px; font-size:9px;}

/*       MIOS         */
.good,.error,.tip{border:1px solid #000;padding:15px 15px 15px 40px;background:15px 15px no-repeat;margin-top:10px;}

.good{border-color:#BBE280;background-color:#E8FFC8;background-image:url(img/good.png);}

.error{border-color:#FF9980;background-color:#FFDCD3;background-image:url(img/error.png);}

.tip{border-color:#FFE580;background-color:#FFFFE0;background-image:url(img/tip.png);}



.tip p{font-size:11px;}