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

@import url("reset.css");

@font-face {
    font-family: 'news_gothic_mtregular';
    src: url('../fonts/nwgthc-webfont.eot');
    src: url('../fonts/nwgthc-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nwgthc-webfont.woff') format('woff'),
         url('../fonts/nwgthc-webfont.ttf') format('truetype'),
         url('../fonts/nwgthc-webfont.svg#news_gothic_mtregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	font-family: 'news_gothic_mtregular'
}

p{
	font-family: Arial, Verdana, Georgia !important;
}
a.btn {
    display: block; width: 350px; height: 30px;
    padding: 400px 1024px 0 0; margin: 0 auto;
}
.centrar{
	width: 995px;
	height: auto;
	margin: 0 auto !important;
}

.centrar p{
	color: white;
	margin-top: 20px;
	text-align: center;
	font-size: 10pt;
	line-height: 13pt;
}

.centrar p span{
	font-weight: bold;
}

header{
	background: white;
	border-bottom: 7px solid #a8cf45;
	height: 150px;
	width: 100%;	
	position: fixed;
	z-index: 7 !important;
}

header h1, footer h1{
	display: block;
	float: left;
	background: url(../images/logo.png) center center no-repeat ;
	color: transparent;
	margin-top: 20px;
	height: 105px;
	width: 341px;
}

header nav{
	float: right;
	margin-top: 90px;
	width: 560px;
	height: auto;
}

header ul{
	float: right;
	width: 100%;
	height: 25px;
	padding: 5px;
}

header ul li{
	display: inline-block;
	padding: 0 7px 0 5px;
	border-right: 1px solid black;
	font-size: 11pt;
	cursor: pointer;
}

header ul li:last-child{
	border-right: 0 solid white !important;
}

header ul li:hover{
	text-decoration: underline;
}

section.banner_principal{
	padding-top: 150px;
	background: rgb(247,247,247);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-ms-behavior: url(../js/backgroundsize.min.htc);
	image-rendering: optimizeQuality;          /* Firefox */
	image-rendering:   -o-crisp-edges;         /* Opera */
	image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: bicubic;
	border-bottom: 7px solid #a8cf45;
	height: 425px;
	width: 100%;
}

section.banner_principal .li_slider #banner, section.banner_principal .li_slider #banner1{
	width: 100%;
	height: 425px !important;
	position: relative;
	background: url(../images/banner_principal1.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-ms-behavior: url(js/backgroundsize.min.htc);
	image-rendering: optimizeQuality;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: bicubic;
}
section.banner_principal .li_slider #banner2{
	width: 100%;
	height: 425px !important;
	position: relative;
	background: url(../images/banner_principal2.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-ms-behavior: url(js/backgroundsize.min.htc);
	image-rendering: optimizeQuality;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: bicubic;
}
section.banner_principal .li_slider #banner3{
	width: 100%;
	height: 425px !important;
	position: relative;
	background: url(../images/banner_principal3.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-ms-behavior: url(js/backgroundsize.min.htc);
	image-rendering: optimizeQuality;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: bicubic;
}
section.banner_principal .li_slider #banner4{
	width: 100%;
	height: 425px !important;
	position: relative;
	background: url(../images/banner_principal4.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-ms-behavior: url(js/backgroundsize.min.htc);
	image-rendering: optimizeQuality;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: bicubic;
}
section.banner_principal .li_slider #banner5{
	width: 100%;
	height: 425px !important;
	position: relative;
	background: url(../images/banner_principal5.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-ms-behavior: url(js/backgroundsize.min.htc);
	image-rendering: optimizeQuality;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: bicubic;
}
section.banner_principal .li_slider #banner6{
	width: 100%;
	height: 425px !important;
	position: relative;
	background: url(../images/banner_principal6.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-ms-behavior: url(js/backgroundsize.min.htc);
	image-rendering: optimizeQuality;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: bicubic;
}
section.banner_principal .li_slider{
	height: 425px !important;
}

section.quienes_somos{
	background: #0b7b94;
	height: 1930px;
	width: 100%;
}

span.hoja{
	background: url(../images/hoja_titulo.png) center center no-repeat !important;
	height: 25px !important;
	width: 25px !important;
	text-align: center;
}

h3.electrimapiri{
	color: #a8cf45;
	padding-top: 60px;
	margin-bottom: 10px;
	margin-left: 300px !important;
	font-size: 16pt;
}

h2{
	color: #a8cf45;
	text-align: center;
	font-size: 30pt;
	font-weight: bold;
}

h2.sub{
	color: #a8cf45;
	text-align: center;
	font-size: 25pt;
	font-weight: bold;
}

hr{
	background: #a8cf45;
	border: 0;
	color: #a8cf45;
	margin: 21px auto 50px auto;
	height: 1px;
	width: 430px;
}

hr.sub{
	margin: 20px auto 30px auto !important;
	width: 350px !important;
}

article.texto{
	padding-top: 25px !important;
	height: 345px !important;
}

article.texto, article.imagen{
	float: left;
	height: 370px;
	margin-bottom: 60px;
	width: 50%
}
article.imagen img{
	display: block;
	float: none;
	margin: 5px auto;
}

section.informacion_cliente{
	background: #a8cf45;
	height: 1100px;
	width: 100%;
}

hr.azul{
	background: #0b7b94;
	border: 0;
	color: #0b7b94;
	margin: 0 0 5px 17px;
	height: 1px;
	float:left;
}

hr.azul_titulo{
	background: #0b7b94;
	border: 0;
	color: #0b7b94;
	margin: 5px 0px;
	height: 1px;
}

h2.azul{
	color: #0b7b94 !important;
	padding: 60px 0 0 15px;
	text-align: left;
	font-size: 18pt;
	font-weight: bold;
	width: auto;
	background:url(../images/rayo_titulo.png) top left no-repeat;
}

h2.azul.titulo {
	font-size: 28pt !important;
	background:none !important;
	padding-left:0 !important;
}

article.servicios{
	float: left;
	height: 245px;
	margin: 25px 2% 75px!important;
	width: 46%;
}
.h2_height{
	height: 57px;
	width:100%;
	float:left;
}
.h2_height .toph2{
	margin-top:26px;
}
article.servicios.ahorrar{
	float: none !important;
	height: 245px !important;
	margin: 65px auto !important;
	width: 46% !important;
	display: block !important;
}

article.servicios.cartilla{
	margin-top: -13px !important;
	margin-bottom: 130px !important;
}

article.servicios h2{
	padding-top: 0 !important;
	width:100%;
	float:left;
}

.h2_height img{
	display:block;
	width:11px !important;
	margin:0px !important;
}
article.servicios h2 span{
	font-size: 11pt;
}

article.servicios article.texto, article.servicios article.imagen{
	text-align: justify;
	float: left;
	height: 147px !important;
	width: 43%
}

article.servicios article.imagen img{
	display: block;
	float: none;
	margin: 20px auto;
}

article.servicios article.texto p, article.servicios article.imagen p{
	color: #333333;
	margin-top: 0px !important;
	font-size: 10pt;
	height: 100px;
	text-align: justify;
}

article.servicios article.texto a{
	display: block;
	color: #0b7b94;
	margin-top: 20px;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
}

article.servicios article.texto a:hover{
	color: black;
}

section.preguntas_frecuentes{
	background: #0b7b94;
	height: auto;
	width: 100%;
	padding-bottom: 80px;
}

.accordion{
	width: 100%;
	margin-top: 20px;
	min-height: 200px;
	max-height: 755px;

} 

.accordion p.tab{
	padding-left: 20px;
}

.accordion section{
	border-bottom: 1px solid white;
	padding-top: 10px;
	width: 100%;
	height: 50px;
	overflow: hidden;
	-webkit-transition: all ease-out 1s;
    -moz-transition: all ease-out 1s;
    -o-transition: all ease-out 1s;
    transition: all ease-out 1s;

}

.accordion_active{
	height: 300px !important;
	padding-bottom: 20px !important;
	border-bottom: 1px solid white !important;
	padding-top: 10px !important;
	width: 100% !important;
	overflow-y: scroll;
	-webkit-transition: all ease-out 1s;
    -moz-transition: all ease-out 1s;
    -o-transition: all ease-out 1s;
    transition: all ease-out 1s;
}

.accordion_img_active {
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-webkit-transform:rotate(180deg); 
}

.accordion section h2{
	border: 0 !important;
	color: white;
	font-size: 13.5pt;
	text-decoration: none;
	margin-top: 5px !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	width: 100% !important;
	cursor: pointer;
	height: 55px;
}

.accordion section h2 img{
	float: right !important;
	margin-top: 10px !important;
	margin-right: 15px !important;
}
.accordion .content_accordion p{
	text-align: left !important;
}

section.preguntas_frecuentes h2{
	border-bottom: 1px solid #a8cf45;
	height: 50px;
	padding-top: 60px;
	text-align: left;
	width: 60%;
}

section.preguntas_frecuentes .accordion h2{
	height: 30px !important;
}

section.electrimapiri_en_imagenes{
	background: #bcbec0;
	height: 460px;
	width: 100%;
	border-bottom: 7px solid #a8cf45;
}


.carousel_imagenes{
	margin-top: 50px !important;
	height: 400px !important;
	float: none;
	margin: 0 auto;
	width: 94% !important;
}

footer{
	background: #fff;
	height: 325px;
	width: 100%;
}
footer section.logos{
	float: left;
	width: 341px;
	height: auto;
}
footer .logosins{
	float: left;
	width: 995px;
	height: auto;
	margin-top:20px;
	padding-top:20px;
	border-top:#CCC solid 1px;
}
footer h1{
	display: block;
	float: left;
	background: url(../images/logo.png) center center no-repeat ;
	background-size: 272px 90px;
	color: transparent;
	margin: 20px 0;
	height: 105px;
	width: 341px;
}

footer section.info{
	float: right;
	margin-top: 40px;
	width: 385px;
	height: auto;
}

footer section.info p{
	color: #0b7b94 !important;
	text-align: right;
	margin: 5px 0 !important;
}

footer section.info p span{
	color: #0b7b94 !important;
	text-align: right;
	font-weight: bold;
}

footer section.info article.direccion{
	display: block;
	float: left;
	margin: 30px 0 15px 0;
	width: 50%;
}

footer section.info article#central h3{
	color: #a8cf45 !important;
	font-weight: bold !important;
}

footer section.info article#central p{
	color: #a8cf45 !important;
	margin-top: 5px !important;
	text-align: left !important;
	font-weight: normal !important; 
}


footer section.info article#oficina h3{
	color: #a8cf45 !important;
	font-weight: bold !important;
	text-align: right !important;
}

footer section.info article#oficina p{
	color: #a8cf45 !important;
	margin-top: 5px !important;
	text-align: right !important;
	font-weight: normal !important; 
}

footer section.info p#ubicacion{
	color: #a8cf45 !important;
	font-weight: bold !important;
	margin-bottom: 20px !important;
}


footer section.info p#mail a{
	text-decoration: none;
	color: #0b7b94 !important;
	font-weight: normal !important;
	margin-bottom: 15px !important;
}

footer p#legal a{
	text-decoration: none;
	text-align: center;
	color: #777;
	font-weight: bold;
}



