@import url(normalize.css);
@import url(fonts.css);

* { margin: 0; padding: 0; outline: 0; }
body, html { height: 100%; }

body{
	margin:0;
	background: #fff; font-family: 'Lato-Light'; font-size:13px; padding:0;
	color: #494949;
	
}

::selection 	 	{background: #202020; color: #fff; }
::-moz-selection 	{background: #202020; color: #fff; }

img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}


.cl { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }


body a{
	text-decoration: none;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

img{ border:0;}

p{ margin-bottom:15px; line-height: 22px;}

strong{ font-weight:bolder;}

h1,h2,h3,h4,h5,h6{

	font-weight: 700;
	/*font-family: 'PT Sans', sans-serif;*/
	

}
ul{ list-style:none; margin:0; padding:0;}
	

h2{
	font-size: 22px;
    color: #105c94;
    display: block;
    margin: 15px 0 8px;
    /* font-family: 'Montserrat', sans-serif; */
	}
	
	.b_linea{
    border-bottom: 1px dotted #93c0e2;
    padding-bottom: 10px;
	}
	
		.b_linea2{
    padding-bottom: 10px;
    color: #50504f;
	}
h3{ font-size: 25px;  color:#4b4a4a; margin:8px 0; font-weight:100; letter-spacing:1px; font-family: 'D3MouldismR';}
	.sep{
		background: url(../images/icons/line-separtor.png) 0 0px repeat-x;
    min-height: 70px;
    text-align: center;
		}
	.sep h3{padding:0 20px; display: inline-block; background:#FFF;}
h4{ font-size: 16px;  color:#1773BD; margin:8px 0; font-weight:400;}
h5{ font-size: 20px; color:#1569ab; font-weight:700; margin:10px 0;}
h6{ font-size: 14px; }
	.purple{ color:#1569ab;}

.relative{ position:relative;}

.left{ float:left;}
.right{ float:right;}

.padd10{ padding:0 20px;}
.padd15{ padding:15px;}
.padd40{ padding:40px 150px 40px 0;}

.contenedor{ width:1200px; margin:0 auto;}
	.col1{ width:10%;}
	.col2{ width:30%;}
	.col3{ width:50%;}
	.col4{ width:70%;}

.col4b {
       width: 65%;
    border-left: 1px solid #e4e4e4;
    padding: 0 0 0 50px;
}
	
	
	.col5{ width:100%;}
	
	
/*SLIDER MARCAS*/
#slider_marcas{
	width:1200px;
	margin:25px auto 20px;
	padding:15px 0 24px 0;
	clear:both;
}

#cont_slider_marcas{
    width: 1150px;
    height: 100px;
    margin: -12px auto 37px;
}	

/* HEADER */
#submen{ position:relative;}
#submen #sub{ position:absolute; bottom:-90px; left:0; padding:20px; background:#0f6aac; color:#FFF; z-index:999999 !important; width:150px;}

/* BANNER */
#banner{ height:400px;}
#banner2{ height:400px;}
	.img{ width:100%; /*height:240px;*/ height:394px; position: relative;}
#banner2 .padd15 p {
    display:inline-block; 
    vertical-align: top; 
    position: absolute; 
    z-index: 300; 
    text-align: center; 
    width: 98%; 
    color:#FFF; 
    font-size: 2em;
    line-height: 1.2em;
    font-weight: 400;
    text-shadow: 0 2px 5px rgba(0,0,0,0.6);
    font-family: 'Play', sans-serif;}

		.bg1{ background:url(../images/bg-nosotros.jpg) no-repeat;
		      background-size: cover;
          padding:6% 0;
          font-size: 10px;
		}
    .bg2{ background:url(../images/bg-proyectos.jpg) no-repeat center center;
          background-size: cover;
          padding:6% 0;
    }
    .bg3{ background:url(../images/bg-noticias.jpg) no-repeat center center;
          background-size: cover;
          padding:6% 0;
    }
    .bg4{ background:url(../images/bg1.jpg) no-repeat;
          background-size: cover;
          font-size: 1em;
          -webkit-font-smoothing: subpixel-antialiased;
          text-shadow: 0 0 1px rgba(0,0,0,0.3);
          -webkit-text-stroke: 1px transparent;
    }
	.info{ width:25%; background:#292929 url(../images/icons/sombra1.png) no-repeat left 68%; color:#FFF; min-height:394px;  }
	.info p{ line-height:inherit; font-size:1.8em; }
/* MAINS */
#mains { padding:40px 0;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+69,f4f4f4+100 */
background: #ffffff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #ffffff 69%, #f4f4f4 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #ffffff 69%,#f4f4f4 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #ffffff 69%,#f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.lista1{}
.lista1 li{ background:url(../images/icons/arrow1.gif)  3px 6px no-repeat; padding-left:25px; margin-bottom:10px;}


#te-llamamos{ position:fixed; top:60%; right:0; z-index:9;}

#clientess {display:inline-block; vertical-align:top; width: 100%; height:auto; box-sizing: border-box; text-align: center;}
#clientess li {display:inline-block; vertical-align:top; background-color:#f4f5f9; width:180px; height:90px; margin: 12px 16px; box-sizing: border-box; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

/* NOTICIAS */
.noticias{ text-align:center; margin:20px 0;}
.noticias li{ display:inline-block; 
    text-align:center;
    vertical-align: top;
    margin: 15px 20px 10px 0;
    transition: all 0.6s ease;
    padding: 15px 15px 25px;
    box-sizing: border-box;}
.noticias li:hover { border-bottom: #50aff4 3px solid;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* NOTICIAS */
.noticias2{ text-align:left; margin:20px 0;}
.noticias2 li{ /*border: #e5e5e5 1px solid;*/
    display: inline-block;
    /*border-bottom: #CCC 3px solid;*/
    text-align: center;
    vertical-align: top;
    margin: 15px 20px 10px 0;
    transition: all 0.6s ease;
    padding: 15px 15px 25px;
    box-sizing: border-box;}
.noticias2 li:hover { border-bottom: #50aff4 3px solid;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
	
	
	/* NOTICIAS */
.noticias3{ text-align:left; margin:20px 0;}
.noticias3 p {text-align: center;}
.noticias3 li{
    display: inline-block;
    vertical-align: top;
    margin: 15px 20px 0 0;
    transition: all 0.6s ease;
    padding: 15px 15px 0;
    text-align: center;
    width: 316px;
    box-sizing: border-box;}
.noticias3 li:hover { border-bottom: #50aff4 3px solid;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.more1{
    background: #1569ab;
    color: #FFF;
    padding: 10px 25px 10px;
    margin: 12px auto 0;
    display: block;
    width: 60%;
    font-size: 14px;
	}
.more1:hover{ background:#2787d2; color:#FFF;}

/* NOTICIAS */
.noticias4{ text-align:left; margin:20px 0;}
.noticias4 li{
    display: inline-block;
    transition: all 0.6s ease;
    text-align: center;
    vertical-align: top;
    width: 286px;
    box-sizing: border-box;
    margin: 15px 20px 10px 0;}
.noticias4 li:hover { border-bottom: #50aff4 3px solid;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.noticias4 li a.limite{ display: inline-block; vertical-align: top; overflow: hidden; height: 190px; width: 100%;}
.noticias4 p {text-align: center;}
.ambos {width:100%; height: 100%; background-size: cover; background-position: 50%;}
.ambos img {width: 0; height: 0;}
.pro-saci-01 {background-image: url(../images/proyectos/saci/01.jpg);}
.pro-saci-02 {background-image: url(../images/proyectos/saci/02.jpg);}
.pro-saci-03 {background-image: url(../images/proyectos/saci/03.jpg);}
.pro-saci-04 {background-image: url(../images/proyectos/saci/04.jpg);}
.pro-saci-05 {background-image: url(../images/proyectos/saci/05.jpg);}
.pro-saci-06 {background-image: url(../images/proyectos/saci/06.jpg);}
.pro-saci-07 {background-image: url(../images/proyectos/saci/07.jpg);}
.pro-saci-08 {background-image: url(../images/proyectos/saci/08.jpg);}
.pro-saci-09 {background-image: url(../images/proyectos/saci/09.jpg);}
.pro-saci-10 {background-image: url(../images/proyectos/saci/10.jpg);}

.pro-cctv-01 {background-image: url(../images/proyectos/cctv/01.jpg);}
.pro-cctv-02 {background-image: url(../images/proyectos/cctv/02.jpg);}
.pro-cctv-03 {background-image: url(../images/proyectos/cctv/03.jpg);}
.pro-cctv-04 {background-image: url(../images/proyectos/cctv/04.jpg);}

.pro-ele-01 {background-image: url(../images/proyectos/electrico/01.jpg);}
.pro-ele-02 {background-image: url(../images/proyectos/electrico/02.jpg);}
.pro-ele-03 {background-image: url(../images/proyectos/electrico/03.jpg);}
.pro-ele-04 {background-image: url(../images/proyectos/electrico/04.jpg);}
.pro-ele-05 {background-image: url(../images/proyectos/electrico/05.jpg);}

.pro-pci-01 {background-image: url(../images/proyectos/pci/01.jpg);}
.pro-pci-02 {background-image: url(../images/proyectos/pci/02.jpg);}
.pro-pci-03 {background-image: url(../images/proyectos/pci/03.jpg);}
.pro-pci-04 {background-image: url(../images/proyectos/pci/04.jpg);}
.pro-pci-05 {background-image: url(../images/proyectos/pci/05.jpg);}
.pro-pci-06 {background-image: url(../images/proyectos/pci/06.jpg);}
.pro-pci-07 {background-image: url(../images/proyectos/pci/07.jpg);}
.pro-pci-08 {background-image: url(../images/proyectos/pci/08.jpg);}
.pro-pci-09 {background-image: url(../images/proyectos/pci/09.jpg);}
.pro-pci-10 {background-image: url(../images/proyectos/pci/10.jpg);}
.pro-pci-11 {background-image: url(../images/proyectos/pci/11.jpg);}
.pro-pci-12 {background-image: url(../images/proyectos/pci/12.jpg);}


/* PRODUCTOS */
#products{ padding:40px 0; text-align:center; position:absolute; width:100%; z-index:9;}
#products li{ margin:0; display:inline-block; max-width:16%; vertical-align: top;}
#products li a{color:#5f5f5f; font-size:0.8em; font-weight:600;}
#products li div.hov{opacity:0; max-width: 100%; transition: opacity ease .6s;}
li div.uno {background: url(../images/hover/p1.png) no-repeat center center; background-size: cover;} 
li div.dos {background: url(../images/hover/p2.png) no-repeat center center; background-size: cover;} 
li div.tres {background: url(../images/hover/p3.png) no-repeat center center; background-size: cover;} 
li div.cuatro {background: url(../images/hover/p4.png) no-repeat center center; background-size: cover;} 
li div.cinco {background: url(../images/hover/p6.png) no-repeat center center; background-size: cover;} 
li div.seis {background: url(../images/hover/p5.png) no-repeat center center; background-size: cover;} 
#products li img{display:block; max-width: 100%; transition: all ease .1s;}
/*#products li img.grande{ max-height: 180px;}
#products li img.peque{max-height: 158px;}*/
#products li span{ color:#1383d9;  display:block; font-size:1em !important; }
.icon-a {background:url(../images/hover/p1.png) no-repeat center center; visibility: none;}
.icon-b {background:url(../images/hover/p2.png) no-repeat center center; visibility: none;}
.icon-c {background:url(../images/hover/p3.png) no-repeat center center; visibility: none;}
.icon-d {background:url(../images/hover/p4.png) no-repeat center center; visibility: none;}
.icon-e {background:url(../images/hover/p5.png) no-repeat center center; visibility: none;}
.icon-f {background:url(../images/hover/p6.png) no-repeat center center; visibility: none;}
#products li a:hover { visibility: visible;}
#products li a:hover img{ display: none;}
#products li a:hover div.hov{opacity:1; height:154px; width: 192px;}

/* PRODUCTOS INT */
#products_int{ padding:40px 0; text-align:center; width:100%; z-index:9;}
#products_int li{ margin:0 16px 40px; display:inline-block; vertical-align: top; width: 24%; }
#products_int li div.hov{opacity:0; max-width: 100%; transition: opacity ease .6s;}

#proimg li div.hov2{opacity:0; max-width: 100%; transition: opacity ease .6s;}
li div.a {background: url(../images/hover/01_sacih.jpg) no-repeat center center; background-size: cover;}
li div.b {background: url(../images/hover/02_pcih.jpg) no-repeat center center; background-size: cover;}
li div.c {background: url(../images/hover/03_cctvh.jpg) no-repeat center center; background-size: cover;}
li div.d {background: url(../images/hover/04_accesoh.jpg) no-repeat center center; background-size: cover;}
li div.e {background: url(../images/hover/05_intrusionh.jpg) no-repeat center center; background-size: cover;}
li div.f {background: url(../images/hover/06_electricoh.jpg) no-repeat center center; background-size: cover;}
#proimg li a:hover div.hov2{opacity:1; height:230px; width: 288px;}

#products_int li a{color:#5f5f5f; font-size:0.8em; font-weight:600; text-transform:uppercase}
#products_int li a:hover img{ display: none;}
#products_int li a:hover div.hov{opacity:1; height:230px; width: 288px;}
#products_int li a p{
	    color: #5f5f5f;
    font-size: 15px;
    font-weight: normal;
    text-transform: none;
    line-height: 18px;
    margin: 8px 0;
}
	
#products_int li img{  display:inline-block; vertical-align: top; max-width:100%; transition: all ease .1s;}
/*#products_int li img.grande { max-height: 190px;}
#products_int li img.peque { max-height: 170px;}*/
#products_int li span{     
color: #1383d9;
    display: block;
    font-size: 1.2em !important;
    font-weight: 700 !important;
    line-height: 22px;
}

/* PRODUCTOS INT */
#products_int2{ padding:40px 0; text-align:center; width:100%; z-index:9;}
#products_int2 li{ margin:0 40px; display:inline-block; width:255px; }
#products_int2 li div{color:#5f5f5f; font-size:0.8em; font-weight:600; text-transform:uppercase;margin-left: 8px;}
#products_int2 li a p{
	    color: #5f5f5f;
    font-size: 15px;
    font-weight: normal;
    text-transform: none;
    line-height: 18px;
    margin: 8px 0;
}
	
#products_int2 li img{  display:block; max-width: 100%;}
#products_int2 li span{     
color: #1383d9;
    display: block;
    font-size: 1.2em !important;
    font-weight: 700 !important;
    line-height: 22px;
}

.ruta{
	    padding: 20px 0;
    font-size: 14px;
}

.ruta a{
	    color: #0e6aad;
}


.vermas{
    font-family: 'Play', sans-serif;
    font-weight: 700;
    color: #fff;
    background: #0e6aad;
    border-radius: 2px;
    display: block;
    padding: 10px;
    width: 80%;
    margin: 15px auto 5px;
	font-size:12px;
	text-transform:uppercase;
}

.vermas:hover{
    background: #50504f;
    border-radius: 2px;

}

.frase{
    font-family: 'Play', sans-serif;
    font-weight: bold;
    font-size: 22px;
    color: #fff;
}

.frase_sec{
    background: #50504f;
    padding: 6px 0;
}

.prod{
	background:url(../images/nosotros.jpg) no-repeat center center;
	background-attachment: fixed;
  background-size: contain;
  padding:6% 0;
  /*max-width: 100%;*/
}
.titulos{
    text-align: center;
    font-size: 22px;
    color: #FFF;
    font-family: 'Play', sans-serif;
    padding: 53px 0 0;
    text-shadow: 0 2px 5px rgba(0,0,0,0.6);
}

.a_left{
	text-align:left;
}

.iso_b{
	width:50px;
	display:block;
	margin:0 auto 10px;
}

.det_prod {
    padding: 40px 0;
    text-align: center;
    width: 100%;
    z-index: 9;
}
/* ELEGRINOS*/
#elegirnos{ background:#0065b5 url(../images/bg-eleg.jpg) left top no-repeat; color:#FFF; padding:20px 0;}
#elegirnos .sep{ position:absolute; width:100%; top:-90px}
#elegirnos li{ margin:15px 0; background-image:url(../images/icons/sprite-elegir.png); background-repeat:no-repeat; padding-left:55px; padding-top:2px; min-height:40px;}
	.man{ background:url(../images/epps.png) no-repeat; width:300px; height:441px; position:absolute; bottom:-20px; left:190px; }
	.ic1{ background-position:0 0;}
	.ic2{ background-position:0 -67px;}
	.ic3{ background-position:0 -127px}
	.ic4{ background-position:0 -182px}
	.ic5{ background-position:0 -237px}
	.ic6{ background-position:0 -294px}
#elegirnos li#ic7{ background-image:url(../images/icons/diploma.png); background-repeat:no-repeat; min-height:40px;}



/* ACCESOS */
#accesos{ padding:40px 0;  text-align:center; background:url(../images/bg-accesos.jpg) center  bottom   no-repeat; min-height:200px; background-attachment:fixed; background-size: cover;}
#accesos li{display:inline-block; margin:0 40px;}
#accesos a{ display: block;   padding:19px 8px 26px 8px; width:150px; }
#accesos span{ text-align:center; display:block; font-size:3em; margin:5px 0 15px 0;}
#accesos .ft1{ font-size:1.2em !important; display: block;}
#accesos a:hover { color:#567bd6; }

/* ENLACES */
#enlaces{ padding:10px 0;}

/* NOSOTROS */
#nosotros{ padding: 0; }
 .escudo{ background:url(../images/isotipo.png)   no-repeat; position:absolute; top:140px; left:40.9%; z-index:9; width:220px; height:281px;}
 
/* contact */
.datoss li{ margin-bottom:15px;}
	.rt .campo{ border:#c3c3c3 1px solid !important;}
	.rt .enviar{ background:#4572b6; color:#FFF; padding:15px 35px; border:0; border-radius:4px;}

.datoss li.cambio{ color:#e4e4e4; text-shadow:1px 1px 1px #000000, 1px 1px 1px #5f5f5f, -1px -1px 2px #5f5f5f;}
.col3 p.cambio{ color:#e4e4e4; text-shadow:1px 1px 1px #000000, 1px 1px 1px #5f5f5f, -1px -1px 2px #5f5f5f;}
 
/* FOOTER */

#footer{ background: url(../images/pie.jpg) no-repeat top center  #252525;  color:#f6f6f6; padding:55px 0; min-height:250px; background-size: cover;}
#footer stronger{ font-weight:bolder;}
#footer h3{ color:#CCC;}
#footer a{ transition:all .4s;}
#footer a:hover{ color: #F30;}
	.datos{ margin-top:20px;}
	.datos li{ padding-left:25px; margin-bottom:15px;  border-bottom:#3a3a3a 1px solid; padding-bottom:15px; margin-right:40px;}
	.datos .map{ background:url(../images/icons/map.png) no-repeat; }
	.datos .phone{ background:url(../images/icons/phone.png) no-repeat; }
	.datos .cell{ background:url(../images/icons/cell.png) no-repeat; }
	.datos .email{ background:url(../images/icons/email.png) no-repeat; }
	.formulario{}
	.formulario .campo{ display:block; background:#fff; padding:10px 10px; border:0; border-radius:4px; margin-bottom:10px; width:95%;}
#footer .enviar{ border:#1569ab 2px solid; padding:8px 45px; color:#4572b6; font-size:16px; background:none; cursor:pointer; font-weight:bolder; transition:background .4s; border-radius:3px;}
#footer .enviar:hover{ background:#1569ab; color:#FFF;}
/* COPY */
#copy{ background:#1569ab; padding:20px 0 20px 0; color:#b8cbf9; font-size:0.9em !important;}
#copy .log{ border-right:#7b93d2 1px solid; margin-right:40px;}

/* effect fade */
.home-right {
  background: url(../images/m2.jpg)no-repeat;
  min-height: 520px;
  background-size: cover;
}
.front {
  background-size: cover;
  -webkit-animation: fading 3s infinite;
  animation: fading 3s infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  font-size: 1em;
  -webkit-font-smoothing: subpixel-antialiased;
  text-shadow: 0 0 1px rgba(0,0,0,0.3);
  -webkit-text-stroke: 1px transparent;

}

@-webkit-keyframes fading {
  0%, 35%   { background-image: url('../images/m2.jpg'); }
  65%, 100%  { background-image: url('../images/m2a.jpg'); }
}

@keyframes fading {
    0%, 35%   { background-image: url('../images/m2.jpg'); }
  65%, 100%  { background-image: url('../images/m2a.jpg'); }

@-moz-keyframes fading {
   0%, 35%   { background-image: url('../images/m2.jpg'); }
  65%, 100%  { background-image: url('../images/m2a.jpg'); }
}

#cuadro {font-size:1.4em;}
#cuadro p {margin-top: 32px; text-align: center;}