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

h1 { float:left; padding-top: 10px; height:98px; text-align:right; width: 100%; font-size:13px; font-family:"Century Gothic";}
h2 { font-size:30px; font-family:"Century Gothic"; color:#FFF; text-align:center; }
h3 { font-size:15px; font-family:"Century Gothic"; color:#FFF; margin-top:5px; padding:13px 10px 0 20px; text-align:lefct;}
h4 { font-size:18px; text-align:center; font-family:"Century Gothic"; color:#D80000;}

.borrar{ clear:both;}

body { background:#F6F9FC;}

.limite { width:960px; margin:0 auto}

.center{ text-align:center}


#cabeza{ background: #DE0000; color:#FFFFFF;}
#cabezauno{ height:98px; margin: 0 auto; overflow:hidden; min-width:960px;}

.logo{ height:88px;   float:left; background:#F6F9FC; width: 25%; padding-left: 25%; padding-top: 10px;  }
.telefono{  float:left; padding-top: 20px; height:98px; text-align:right; background: url(../img/cuadrorojo.jpg) no-repeat; width: 25%; padding-right:25%; font-size:20px;}



/* menu */

#contenedormenu{  width:100%; background:url(../img/menu.jpg); height:41px; margin-top:0; font-family:"Century Gothic"; font-size:12px; border-bottom:solid 1px #E6E6E6; border-top:solid 1px #E6E6E6; text-decoration:none; ;}
#contenedormenu2{ width:960px;  margin: 0 auto; color:FFF }
#desplegable {text-align:center; font-family:"Century Gothic"; font-size:12px;  position:relative; z-index:199999; float:left;  color:FFF}

#desplegable ul#nav>li { list-style:none; text-align:center; float:left; position:relative; height:26px; padding-top: 13px; }

#desplegable ul#nav>li:hover  {
	background-color: #D80000;

	 }

#desplegable ul#nav>li:hover a {
	background-color: #D80000;
	color: #FFFFFF;
	 }



ul#nav>li>a {display : block; margin:0 35px; }
li ul.sub {position:absolute; width:170px; color:#FFF; padding-top:0; left:50%; margin-left:-85px; font-weight:normal; z-index:-1;
    opacity: 0;
	visibility:hidden;
    -webkit-transition: all linear 0.5s;
    -moz-transition: all linear 0.5s;
    -o-transition: all linear 0.5s;
    -ms-transition: all linear 0.5s;
    transition: all linear 0.5s; }

ul.sub { list-style:none; margin-top:13px;}
ul#nav li ul.sub li a {padding:5px 10px; background-color: rgba(173, 173, 178, 8); color:#FFF; width: 150px; text-align:center; margin-top:1px; display:block}
ul#nav li ul.sub li a:hover { background-color: rgba(212, 29, 45, 0.8); text-align:center; color:#FFF;}
ul#nav li:hover ul.sub, li.over ul {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
	visibility:visible;
    -webkit-transition: all ease-out 0.6s 0.1s;
    -moz-transition: all ease-out 0.6s 0.1s;
    -o-transition: all ease-out 0.6s 0.1s;
    -ms-transition: all ease-out 0.6s 0.1s;
    transition: all ease-out 0.6s 0.1s;
	}

#slider { width:100%; min-width:960px;}

.limite { width:960px; margin:0 auto}

#indexz { position:absolute; z-index:1000; top:500px; width:960px; overflow:hidden;}

#cuadros {width:960px; overflow:hidden; margin-top:17px; z-index:1000; position:relative}
.cuadro {width:310px; height:150px; background:#CB0000; margin: 0 5px;text-align:center; float:left;}
.cuadro img{ margin:20px 0}
.cuadro p {text-align:center; padding-bottom:14px; font-size:13px; color:#FFF; font-family:"Century Gothic"}

.cuadro a{ text-decoration:none; color:#FFF; padding: 10px; display:block;}
.cuadro a:hover{ background-color:#2E3138;}

#bgblanco { background-color:#FFF; background-size:100%; height:120px; margin:0 auto;}

#bggris { background-color:#EEEEEE; background-size:100%; height:247; margin-top:34px; border-bottom:solid 1px #E6E6E6; border-top:solid 1px #E6E6E6;}

.titulo2 { font-size:30px; text-align:left; font-family:"Century Gothic"; color:#D80000;}
.tituloa { width:960px; padding:250px 10px 0 250px; text-align:left;}

#doscol {width:960px; overflow:hidden; margin:0 auto;}
.doscol {width:480px; float:left;}
.doscol p{font-size:13px; font-family:"Century Gothic"; color:#000000; padding:15px 10px 14px 5px; text-align:left;}
.doscol img { width:480px; height:247px; margin:auto;}

#bgrojo { width:100%; margin:0 auto;}
.bgrojo1 { width:49%; background-color:#DE0000; height:48px; float:left; }
.bgrojo2 { width:49%; background-color:#DE0000; height:48px; float:right; }

.bgrojo1 p { font-size:18px; font-family:"Century Gothic"; color:#FFF; padding:14px 10px 0 20px; text-align:right; }
.bgrojo2 p { font-size:18px; font-family:"Century Gothic"; color:#FFF; padding:14px 10px 0 20px; text-align:left;}


#empresa { width:960px; overflow:hidden; margin-top:70px; }
.empresa {width:480px; float:left;}
.titulo{font-size:18px; font-family:"Century Gothic"; color:#FFF; padding:0 10px 0 20px; text-align:left; }
.empresa p { font-size:13px; font-family:"Century Gothic"; color:#000000; padding:25px 12px 14px 12px; text-align:left; }
.empresa img { width:480px; height:247px; margin:0 auto;}

#clientes { width:960px; overflow:hidden; margin-top:150px; }
.clientes {width:360px; float:left; background:#2E3138;  height:90px; list-style-position:inside; -webkit-box-shadow:  0px 0px 4px 1px rgba(0, 0, 0, .2); box-shadow:  0px 0px 4px 1px rgba(0, 0, 0, .4); margin:0 30px 10px 70px}
.clientes p { font-size:15px; color:#FFF; text-align:center; font-family:"Century Gothic"; padding-top:20px }

#servicios { width:960px; overflow:hidden; margin-top:150px; }
.servicios {width:360px; float:left; background:#2E3138;  height:90px; list-style-position:inside; -webkit-box-shadow:  0px 0px 4px 1px rgba(0, 0, 0, .2); box-shadow:  0px 0px 4px 1px rgba(0, 0, 0, .4); margin:0 30px 10px 70px}
.servicios p { font-size:15px; color:#FFF; text-align:center; font-family:"Century Gothic"; padding-top:25px }
.servicios img { padding: 15px 0 0 15px; }

.servicios a { text-decoration:none;}
.servicios a:hover { color:#DD1919;}

.dosm { width:960px; overflow:hidden; margin-top:150px; }
.dosc {width:480px; float:left;}
.dosc p { font-size:13px; font-family:"Century Gothic"; color:#000000; padding:25px 12px 14px 12px; text-align:left; }
.dosc img { margin:auto;}


#contacto { width:960px; overflow:hidden; margin-top:110px; }
.contacto {width:480px; float:left;}
.contacto p { font-size:13px; font-family:"Century Gothic"; color:#000000; padding:25px 12px 14px 12px; text-align:left; }
.contacto img { width:480px; margin:auto;}


.tablas { width:960px; overflow:hidden; margin-top:60px; }
.dostab {width:480px; float:left;}
.dostab p { font-size:13px; font-family:"Century Gothic"; color:#000000; padding:25px 12px 14px 12px; text-align:left; }
.dostab img { width:480px; margin:auto;}

#banner1 { width:100%; min-width:960px; height:389px; background:url(../img/plantas-emergencia.jpg) no-repeat; background-size:100%}
#banner2 { width:100%; min-width:960px; height:389px; background:url(../img/plantas-luz-diesel.jpg) no-repeat; background-size:100%}
#banner3 { width:100%; min-width:960px; height:389px; background:url(../img/apartarrayos.jpg) no-repeat;background-size:100%}
#banner4 { width:100%; min-width:960px; height:389px; background:url(../img/mantenimiento-subestaciones-electricas.jpg) no-repeat;background-size:100%}
#banner5 { width:100%; min-width:960px; height:389px; background:url(../img/distribuidora-electrica.jpg) no-repeat;background-size:100%}
#banner6 { width:100%; min-width:960px; height:389px; background: url(../img/mantenimiento-subestaciones.jpg) no-repeat;background-size:100%}
#banner7 { width:100%; min-width:960px; height:389px; background: url(../img/servicios-electricos.jpg) no-repeat;background-size:100%}
#banner8 { width:100%; min-width:960px; height:389px; background:url(../img/gestoria_cfe.jpg) no-repeat;background-size:100%}
#banner9 { width:100%; min-width:960px; height:389px; background: url(../img/instalacion-lineas-electricas.jpg) no-repeat;background-size:100%}
#banner10 { width:100%; min-width:960px; height:389px; background:url(../img/corriente-electrica.jpg) no-repeat;background-size:100%}
#banner11 { width:100%; min-width:960px; height:389px; background:url(../img/levantamiento-electrico.jpg) no-repeat;background-size:100%}
#banner12 { width:100%; min-width:960px; height:389px; background: url(../img/distribuidora-electrica.jpg) no-repeat;background-size:100%}
#banner13 { width:100%; min-width:960px; height:389px; background: url(../img/servicios.jpg) no-repeat;background-size:100%}
#banner14 { width:100%; min-width:960px; height:389px; background: url(../img/codigo_de-red.jpg) no-repeat;background-size:100%}


#indexz {
	position: absolute;
	z-index: 1000;
	top: 500px;
	margin: 0 auto;
	min-width: 960px;

}

#cuadror1 {width:960px; height:80px; background-color: rgba(212, 29, 45, 0.9); text-align:center; font-size:13px; color:#FFF; font-family:"Century Gothic"; padding-top:10px}
#cuadror1 p { text-align:center; font-size:13px; color:#FFF; font-family:"Century Gothic"; padding-top:20px; padding:18px 20px 0 20px;}

#cuadror2 {width:960px; height:100px; background-color: rgba(212, 29, 45, 0.9); text-align:center; font-size:13px; color:#FFF; font-family:"Century Gothic"; padding-top:10px}
#cuadror2 p { text-align:center; font-size:13px; color:#FFF; font-family:"Century Gothic"; padding-top:20px; padding:18px 20px 0 20px;}

.linea {border-bottom:1px solid #DD1919; width:960px; margin-top:20px;}

.rojo {width:480px; background:#DD1616; height:39px; margin-top:0;}
.rojo2 {width:960px; background:#DD1616; height:39px; margin-top:0;}
.rojo3 {width:960px; background:#DD1616; height:80px; margin-top:0;}

.listaint {font-size:13px; color:#FFF;  margin: 0 5px 0 6px; font-family:"Century Gothic";}
.listaint li { background:#2E3138 url(../img/bullet.png) no-repeat center left; margin-bottom:8px; border-bottom:1px solid #DD1919; padding:10px 8px 8px 40px;
-webkit-box-shadow:  0px 0px 4px 1px rgba(0, 0, 0, .2); box-shadow:  0px 0px 4px 1px rgba(0, 0, 0, .2);}

.listadescarga {font-size:13px; color:#FFF;  margin: 0 5px 0 6px; font-family:"Century Gothic";}
.listadescarga li { background:#2E3138 url(../img/bullet.png) no-repeat center left; margin-bottom:8px; border-bottom:1px solid #DD1919; padding:10px 8px 8px 40px;
-webkit-box-shadow:  0px 0px 4px 1px rgba(0, 0, 0, .2); box-shadow:  0px 0px 4px 1px rgba(0, 0, 0, .2);}
.listadescarga li a { color: #FFF; 
}
.listadescarga li a:hover{ color: #F00; 
}

.lista {font-size:18px; color:#DD1919;  margin: 10px 5px 0 6px; font-family:"Century Gothic"; }
.lista li {  border-bottom:#DD1919 solid 1px; width:250px; list-style-position:inside; padding-bottom:2px; margin:10px;}


.numeros {font-size:13px; color:#333;  margin: 0 5px 0 6px; font-family:"Century Gothic";}
.numeros li {  border-bottom:#DD1919 solid 1px; list-style-position:inside; padding-bottom:10px; margin:10px;}


 { font-size:18px; font-family:"Century Gothic"; color:#FFF; margin-top:5px; padding:13px 10px 0 20px; text-align:left;}

#productos {width:960px; overflow:hidden; margin-top:17px;}
.productos {width:320px; height:230px; text-align:center; float:left;}
.productos img{ margin:25px 0}

.txt { font-size:13px; font-family:"Century Gothic"; color:#000000; padding:25px 12px 14px 12px; text-align:left; }

.txt2 { font-size:14px; font-family:"Century Gothic"; color:#DD1919; text-align:center;}

.txt3 { font-size:20px; font-family:"Century Gothic"; color:#DD1919; text-align:center;}

.txt4 { font-size:13px; font-family:"Century Gothic"; color:#000000; padding:0 12px 0 12px; text-align:left; margin-top:1px; }

#bgredes { background-color:#EEEEEE; background-size:100%; height:60px; margin-top: 100px;  -webkit-box-shadow: 0 0 5px 0 #050505; box-shadow: 0 0 5px 0 #050505;  border-top:solid 1px #E6E6E6; }

 #formulario { width:480; margin:0 10px 0 10px; font-size:13px; color:#DD1919;}
     #formulario td { text-align:right; vertical-align:top;}
     #formulario td+td { text-align:left;}
	 #formulario label { font-size:13px; font-family: "Century Gothic"; padding-right:20px;}
	 #formulario input[type="text"], #formulario input[type="email"] { width:300px; padding: 0 2%; height:26px; margin-bottom:20px; background:#E3E8ED; border-top:#DD1919 1px solid;}
	 #formulario textarea { width:300px; padding:5px 2%; height:110px; margin-bottom:20px; background:#E3E8ED; border-top:#DD1919 1px solid; }
	 #formulario input[type="submit"] { font-size:13px; font-family:"Century Gothic";  padding:4px 20px; background:#DD1919; color:#FFF }

#datos { width:960px; overflow:hidden; margin-top:50px; }
.datos {width:480px; float:left;}
.datos img { margin:auto;}

#redes { width:960px; text-align:center; margin-top:10px; min-width:960px;}
.facebook { background:url(../img/face.jpg); width: 141px; height: 43px; display:inline-block; }
.facebook:hover { background:url(../img/face2.jpg) }
.twitter { background:url(../img/twitter.jpg); width: 138px; height: 42px; display:inline-block;}
.twitter:hover { background:url(../img/twitter2.jpg);}
.google { background:url(../img/google1.png); width: 138px; height: 42px; display:inline-block;}
.google:hover { background:url(../img/google2.png);}


#footer { background-color:#2E3138; background-size:100%; height:61px; min-width:960px;  overflow:hidden; text-align:center; font-family:"Century Gothic"; font-size:12px; padding-top:0; border-top:solid 1px #E6E6E6; color:#FFFF;}

.footer { width:320px; float:left; margin: 25px auto}
.footer p { color:#FFF;}
.footer a { text-decoration:none; color:#FFF}
.footer a:hover { color:#DD1919;}

#bgfinal { background-color:#EEEEEE; background-size:100%; height:130px; min-width:960px; border-top:solid 1px #E6E6E6; }

/* slider */

.ei-title{
	position: absolute;
	left: 50%;
	top: 30%;
}
.ei-title h2, .ei-title h3{
	text-align: left;
}
.ei-title h2{
	font-size: 44px;
	font-family: "Helvetica";
	color: #FFF;
	font-weight:lighter;
}
.ei-title h3{
	font-size: 13px;
	font-family: "Century Gothic";
	color:#FFF;
	font-weight:lighter;
}



@media only screen and (max-width: 320px) {
}

@media only screen and (max-width: 480px) {
}

@media only screen and (max-width: 767px) {
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
}