@charset "utf-8";
*{
	border: 0;
	margin: 0;
	padding: 0;
}

article,figcaption,figure,footer,header,nav,section {
	display: block;
}

@font-face {
	font-family: 'Rockwell';
    src: url('.../fonts/original_ROCK.eot?#iefix') format('embedded-opentype'), 
         url('.../fonts/original_ROCK.woff') format('woff'),
         url('.../fonts/original_ROCK.ttf') format('truetype'),
         url('.../fonts/original_ROCK.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
body{
	color: #000;
	font-family: Arial;
	font-size: 16px;
}
a{
	color: #000;
	text-decoration: none;
}
/************************* CABECERA *************************/
#c-azul{
	max-width: 100%;
	min-height:40px;
	display:block;
	background: #2d5196;
}
.in-princ{
	margin:0 auto;
	width:80%;
	text-align: center;
}
.in-correo{
	display:inline-block;
	margin-top:8px;
	padding:5px;
}
.in-correo p{
	color:#fff;
	font-size:13px;
	font-family: verdana, arial;
}
.in-correo a{
	color:#fff;
	font-size:13px;
	font-family: verdana, arial;
}
.in-correo .icon-mensaje, .in-correo .icon-facebook2{
	color:#fff;
	margin-right:5px;
	font-size:16px;
}
.icon-telf{
	color:#2d5196;
	margin-right:5px;
	font-size:26px;
}
.head-icon img{
	width:80%;
	max-width:25px;
	margin-right:10px;
}
#cab-1 img{
	width:100%;
	max-width:350px;
	text-align:center;
}
header, footer {
	display:block;
	margin: 0px auto;
	max-width: 100%;
	min-height: 100px;
	text-align: center;
}
header{
	background: #fff;
}
#logo, #cabecera {
	display: inline-block;
	padding-top:10px;
	vertical-align: middle;
	text-align:right;
}
#logo{
	padding-right:25px;
	width: 35%;
}
#logo a img{
	width: 100%;
}
#cabecera{
	width:60%;
}
#cab-1, #cab-2{
	display:inline-block;
	max-width:55%;
	vertical-align:top;
	padding:4px 10px;
}

#banco{
	padding-top:12px;
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
	line-height:24px;
	text-align: justify;
}
#delivery{
	font-family:verdana;
	font-size:20px;
	color:#cc3333;
	text-align:left;
	padding-bottom:3px;
}
.head-icon{
	text-align:left;
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
	padding-top:5px;
}
.icon-telefono, .icon-cel, .icon-facebook2{
	font-size:18px;
	color:#cc3333;
	padding-right:10px;
}
#cab-2 a{
	text-align:left;
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
	padding-right:35px;
}
.logo-1{
	display:none;
}
/* *************************** */
/* *************************** */
/* *************************** */
.social {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	right: 30px; /* Establecemos la barra en la izquierda */
	bottom: 40px; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 1500; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
	
}
 
	.social ul {
		list-style: none;
	}
 
	.social ul li a {
		display: inline-block;
		color:#fff;
		font-size:45px;
		
		padding: 15px 15px;
		border-radius:60px;
		text-decoration: none;
		-webkit-transition:all 800ms ease;
		-o-transition:all 800ms ease;
		transition:all 800ms ease; /* Establecemos una transición a todas las propiedades */
	}
 
	.social ul li .icon-whatsapp {
		background:#56b040; /* Establecemos los colores de cada red social, aprovechando su class */
	} 

 
	.social ul li a:hover {
		padding: 15px 15px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
		font-size:55px;
	}



/* *************************** */
/* *************************** */
/* *************************** */




/************************* NAVEGACION *************************/
.menu_bar{
	display: none;
}
.nav-princ{
	max-width:85%;
	text-align:right;
}
.nav-ul, .nav-ul-1{
	list-style: none;
}
.nav-ul li, .nav-ul-1 li{
	display: inline-block;
	vertical-align: middle;
	position: relative;
}
.nav1{
	cursor: pointer;
	color: #000;
	display: block;
	font-family: verdana;
	font-size: 16px;
	padding: 8px 15px;
}
.nav1:hover{
	border-radius:10px 10px 0 0;
	background:#00A551;
	color:#fff;
}
.nav1-on{
	padding: 16px 15px;
	border-radius:10px 10px 0 0;
	background:#00A551;
	color:#fff;
}
.line{
	width:100%;
	min-height:15px;
	background:#00A551;
}

/*responsive nav*/


header h1, nav.abi {
	display: inline-block;
	max-width: 80%;
	vertical-align: middle;
}

header h1{
	max-width: 35%;
	height: 90px;
}

header h1 a img{
	max-width: 100%;
}

nav.abi{
	text-align: right;
	width: 60%;
	z-index: 3000;
}

nav.abi ul{
	list-style: none;
}

nav.abi li{
	display: inline-block;
	vertical-align: top;
}

nav.abi a {
	color: #575756;
	display: block;
	font-size: 16px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 55px;

}
nav.abi a:hover {
	background-color : #575756;
	color: #FFF
}
.seleccion{
	display: none;
}






.nav-sec .nav-ul-1 li a .caret{
	position: relative;
	top: 3px;
	margin-left: 10px;
	margin-right: 0px;
}


.nav-sec .nav-ul-1 li:hover .children{
	display: block;
}

.nav-sec .nav-ul-1 li .children li {
	border-bottom: 1px solid rgba(255,255,255,0.5);
	display: block;
	overflow: hidden;
	text-align: left;
}

.nav-sec .nav-ul-1 li .children li a{
	display:block;
	border-bottom: 0px solid #4a72b1;
	color: #fff;
	font-size: 16px;
	padding: 10px;
}

.nav-sec .nav-ul-1 li .children li a:hover{
	color: #F8E12E;
}
/*responsive nav*/

/* ********************** cont-inicio ********************** */

div#contenido{
	margin: 20px auto;
	max-width: 100%;
	min-height: 20px;
	text-align: center;
}
.item-inicio{
	margin: 0 auto;
	max-width: 80%;
	min-height: 200px;
	text-align: center;
}
.item-inicio h1, .item-inicio h3{
	font-family:'Rockwell', arial;
	font-size:30px;
	color:#cc3333;
	text-align: left;
	margin-bottom:50px;
}
.item-inicio h3{
	margin-top:50px;
	margin-bottom:50px;
}
#cont-p1{
	margin: 0 auto;
	max-width: 100%;
	text-align: center;
	margin-top:20px;
}
section.i-com{
	display:inline-block;
	width:15%;
	padding-left:8px;
	padding-right:8px;
	vertical-align:middle;
}
.i-com img{
	width:100%;
	max-width:250px;
	max-height:250px;
}

#in-logos{
	width:100%;
	margin:auto;
	overflow:hidden;
}
.slide-infinito{
	width:7000px;
	height:100px;
	
	background-image:url(../img/logos-infinito.jpg);
	background-size:100% 100%;
	
	animation:slider 70s infinite linear;
	
}

@keyframes slider{
	to{
		background-position:7000px;
	}
}


/* ********************** NOSOTROS  ********************** */
#cont-ns-blue{
	width:100%;
	margin:0 auto;
	text-align:center;
	background:#2d5196;
	min-height:200px;
	margin-top:20px;
}
.contenedor{
	width:80%;
	margin:0 auto;
	text-align:center;
}
.ns-nosotros, .ns-imgs{
	display:inline-block;
	vertical-align:top;
	margin-top:50px;
	margin-bottom:50px;
}
.ns-nosotros{
	width:55%;
}
.ns-imgs{
	width:35%;
}
.ns-imgs img{
	width:75%;
}
.ns-nosotros h1{
	font-family:'Rockwell';
	font-size:30px;
	color:#fff;
	text-align:left;
}

.ns-nosotros p{
	font-size:16px;
	color:#fff;
	text-align:left;
	padding-top:30px;
	padding-right:15px;
	line-height:22px;
}

.ns-text{
	color:#1D71B8;
}
#cont-ns-green{
	width:100%;
	margin:0 auto;
	text-align:center;
	background:#00A551;
	min-height:200px;
}
.ns-iconos{
	display:inline-block;
	vertical-align:top;
	width:25%;
	padding:20px;
	margin-top:30px;
	margin-bottom:30px;
	min-height:200px;
}
.ns-circle{
	max-width:200px;
	height:200px;
	border-radius:100px;
	background:#fff;
	margin:0 auto;
}
.ns-circle .icon-mision, .ns-circle .icon-vision, .ns-circle .icon-objetivos{
	color:#00A551;
	font-size:105px;
	line-height:200px;
}
.ns-iconos h3{
	font-family:'rockwell';
	font-size:22px;
	color:#fff;
	margin-top:20px;
}
.ns-iconos p{
	font-family:verdana;
	font-size:16px;
	color:#fff;
	margin-top:10px;
}
.contenedor-1{
	width:80%;
	margin:0 auto;
	text-align:center;
	margin-top:20px;
}
.contenedor-1 h2{
	font-family:'Rockwell', arial;
	font-size:30px;
	color:#cc3333;
	text-align: left;
	margin-bottom:20px;
	text-align:center;
}
.ns-img{
	display:inline-block;
	vertical-align:top;
	width:25%;
	margin:10px;
}
.ns-img img{
	max-width:350px;
	width:100%;
	margin:10px;
}
.box-work img, .box-work p{
	display:inline-block;
	vertical-align:top;
}
.box-work img{
	width:40%;
}
.box-work p{
	width:35%;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
}


/************************* PRODUCTOS *************************/
.titulo1{
	font-family:'Rockwell', arial;
	font-size:20px;
	color:#cc3333;
}
.pr-banner{
	display:inline-block;
	vertical-align:top;
	width:18%;
	padding:10px;
}
.pr-banner img{
	max-width:350px;
	width:100%;
	margin:10px;
}

/**************************************************/

/************************* SERVICIOS *************************/
.serv-banner{
	width:100%;
	text-align:center;
}
.serv-banner img{
	width:100%;
	max-width:1370px;
}
.serv-inst-text{
	font-size:16px;
	font-family:arial;
	color:#878787;
	line-height:1.5;
}

.titulo{
	font-family:'Rockwell', arial;
	font-size:30px;
	color:#cc3333;
	text-align: left;
	margin-bottom:20px;
	margin-left:20px;
	margin-top:30px;
}
.serv-box{
	display:inline-block;
	vertical-align:top;
	width:45%;
	padding:5px;
	margin:15px;
}
.serv-iconos, .serv-texto{
	display:inline-block;
	vertical-align:top;
	width:45%;
	padding:5px;
	margin:15px;
}
.serv-iconos {
	width:130px;
	height:130px;
	border-radius:70px;
	background:#00A551;
}
.serv-iconos .icon-llama, .serv-iconos .icon-camara, .serv-iconos .icon-tierra, .serv-iconos .icon-enchufe, .serv-iconos .icon-estructura{
	color:#fff;
	font-size:65px;
	line-height:130px;
}
.serv-texto h2{
	font-family:'Rockwell', arial;
	font-size:20px;
	color:#cc3333;
	text-align: left;
}
.serv-texto p{
	font-family:arial;
	font-size:16px;
	color:#706F6F;
	text-align: left;
	margin-top:10px;
	margin-bottom:20px;
}
.serv-boton{
	padding:10px 50px;
	background:#2d5196;
	color:#fff;
	border-radius:5px;
}
.serv-boton:hover{
	background:#003366;
}

/************************* CONTACTO *************************/
.enviado{
	margin:20px auto;
	display:block;
	padding:20px 40px;
	background:#2d5196;
	width:40%;
	border-radius:15px;
}
.enviado p{
	text-align:center;
	color:#fff;
	font-size: 18px;
	font-family: arial, verdana;
	font-weight:bold;
}

#contacto-info{
	margin: 25px auto;
	min-height: 250px;
	width: 100%;
	text-align: center;
}
article#contactenos, section#mapa-mensaje{
	display: inline-block;
	margin: 0 auto;
	min-height: 350px;
	padding: 5px;
	vertical-align: top;
	width: 40%;
}
article#contactenos{
	text-align: left;
	width: 40%;
}
aside#mapa{
	width: 100%;
}
aside#mapa iframe{
	width: 100%;
}
#ventana-mensaje{
	background:#ffcc00;
	border-radius: 5px;
	width: 100%;
	margin-top:25px;
	padding:8px 0px;
}
.mensaje-envio{
	color:#000;
	font-size: 15px;
	font-family: arial, verdana;
	font-weight:bold;
	padding:25px;
}

.contacto-text-blue{
	color: #004F9E;
	font-size: 20px;
	font-family: arial, verdana;
}

.contacto-text{
	color: #000;
	font-size: 15px;
	font-family: arial, verdana;
}

input, textarea{
	background: #FFF;
	border-radius: .5em;
	font-size: 14px;
	padding: .25em;
}
textarea{width:95%;}
input[type="text"], [type="email"], [type="submit"]{
	width: 95%;
}

input[type="text"], [type="email"], textarea{
	border: 1px solid #004F9E;
}

label{
	color: #000;
	font-size: 15px;
}
textarea{
	resize: none;
}
input:focus, textarea:focus{
	background: #E9EEF9;

}
input[type="submit"]{
	background: #C6C6C6;
	Color: #000;
	font-size: 15px;
	padding: .3em;
}
input[type="submit"]:hover{
	background: #004F9E;
	Color: #FFF;
	cursor: pointer;
}

input[type="checkbox"]:hover{
	cursor: pointer;
}
legend{
	color: #004F9E;
	font-size: 20px;
	font-family: arial, verdana;
	font-weight: bold;
}


/************************* Footer *************************/
footer{
	margin: 0 auto;
	max-width: 100%;
	min-height: 80px;
	background:#00A551;
	margin-top:20px;
}
.fo-enlaces, .fo-contacto{
	display:inline-block;
	vertical-align:middle;
}
.fo-enlaces{
	width:35%;
	padding-left:40px;
}
.fo-navegar, .fo-navegar1{
	display:inline-block;
	vertical-align:top;
	width:40%;
	list-style: none;
}
.fo-navegar a, .fo-navegar1 a {
	cursor: pointer;
	color: #fff;
	display: block;
	font-family: verdana;
	font-size: 15px;
	text-align:left;
	padding:5px;
}
.fo-navegar a:hover, .fo-navegar1 a:hover {
	color: #660000;
}
.fo-contacto{
	width:35%;
	color:#fff;
}
.redes-footer a span.icon-facebook2{
	color:#fff;
	font-size:25px;
}
.redes-footer a span.icon-facebook2:hover{
	color:#660000;
}
.redes-footer p, .contacto-footer p{
	font-family:verdana;
	font-size:15px;
	padding:10px;
}
#cierre{
	background:#2d5196;
	color:#fff;
}
#cierre p{
	padding:20px;
	width: 55%;
	text-align: left;
}
#cierre p, #webmaster{
	display:inline-block;
}
#webmaster{
	color:#fff;
	width: 25%;
	font-size: 13px;
	padding-bottom:15px;
}
#webmaster a img{
	max-width: 100%;
}
/*  *****************************  */