html {margin:0; width:100%; height:100%;}

body {width:100%; height:100%; font-family:  'Lato', sans-serif; font-size:14px; color: #5f5f5f; margin:0 auto; position:relative; overflow-x: hidden; }

h1,h2 {font-size:1.7em; color:#EB1666; margin:5px; padding:0; font-weight:700;}

h3 {text-transform:uppercase; font-size:1.3em; padding:0; text-align:center; color:#0E2A6B; font-weight:normal;}

a {transition: all 0.5s ease 0s;}

a:focus {outline: 0;}

a:active, a:hover {	outline: 0;}

img {display: block;}



/*****Header****/

header { width:100%; max-width:1200px; margin:0 auto; padding:20px 0 0; overflow:hidden; position:relative; z-index:1001}

#logo { width:230px; float:left;}

#logo img { width:100%;}

.cont-top1 { width:50%; overflow:hidden; float:right;}

.cont-top1 ul { list-style:none; padding:0; overflow:hidden; margin:0; color:#fff;}

.cont-top1 ul li { float:left; height:40px;}

.cont-top1 ul li a { display:block; width:100%; height:100%; color:#fff; text-decoration:none;}

.cont-top1 ul li:nth-child(1) { width:25px; margin-right:10px;}

.cont-top1 ul li:nth-child(2) { width:25px; margin-right:10px;}

.cont-top1 ul li:nth-child(3) { width:25px; margin-right:10px;}

.cont-top1 ul li:nth-child(4) { width:25px; margin-right:10px;}

.cont-top1 ul li:nth-child(5) { width:25px; margin-right:10px;}

.cont-top1 ul li:nth-child(6) { width:7px; margin-right:10px;}

.cont-top1 ul li:nth-child(7) { width:180px; padding:10px 0 0 25px; box-sizing:border-box;}

.cont-top1 ul li:nth-child(8) { width:7px; margin-right:10px;}

.cont-top1 ul li:nth-child(9) { width:210px; padding:10px 0 0 30px; box-sizing:border-box;}

.ico-1 { background:url(../img/redes1/face.png) no-repeat scroll center center;}

.ico-2 { background:url(../img/redes1/twitter.png) no-repeat scroll center center;}

.ico-3 { background:url(../img/redes1/linkedin.png) no-repeat scroll center center;}

.ico-4 { background:url(../img/redes1/flickr.png) no-repeat scroll center center;}

.ico-5 { background:url(../img/redes1/youtube.png) no-repeat scroll center center;}

.ico-6 { background:url(../img/redes1/sep-menu.png) no-repeat;}

.ico-7 { background:url(../img/redes1/tel.png) no-repeat scroll 0 center;}

.ico-8 { background:url(../img/redes1/email.png) no-repeat scroll 0 center;}

.cont-top2 { width:100%; float:right; overflow:hidden}

.cont-top2 ul { list-style:none; padding:0; overflow:hidden; width:27%; float:right; margin:30px 0 0;}

.cont-top2 ul li { float:left; margin-right:15px; text-transform:uppercase; text-align:right;}

.cont-top2 ul li:nth-child(3) { margin-right:0;}

.cont-top2 ul li a {color:#fff; text-decoration:none;}

.cont-top2 ul li a:hover {color:#EB1666; text-decoration:none;}

/*****Nav Movil*****/

.navmovil {}

.navmovil ul { list-style:none; padding:0; overflow:hidden; width:100%; margin:70px 0 0;}

.navmovil ul li { margin:15px; text-transform:uppercase; text-align:left; cursor:pointer; font-size:1.5em;}

.navmovil ul li a {color:#fff; text-decoration:none;}

.navmovil ul li a:hover {color:#00abf2; text-decoration:none;}

.menu-mov { width:100%; margin:0px auto 0; height:51px; padding-top:0px; background:#606060; display:none; position:fixed; z-index:10001;}

.btn-menumov { cursor:pointer; margin: 0 20px 0 0; width: 50px; float:right;}

.btn-menumov img { width:100%;}

.btn-cerrarmov { cursor: pointer; position: absolute; right: 10px; top: 1%;}

#menudesk { display:block}

/******Slider****/

.cont-slide { width:100%; overflow:visible; max-width:1900px; margin:-220px 0 0;}

.txt-slide {font-size:4em; color:#EB1666; margin:0; padding:0; font-weight:700;}

.txt2-slide {color:#fff; margin:0; padding:0; font-weight:300;}

.cont-txtsl {overflow:hidden; font-weight:300; font-size:1.2em; height:130px;}

.txt3-slide {color:#EB1666; font-weight:700; font-size:1.3em;}

.cont-bmas  img { width:85%;}

#layerslidermov { display:none}

#layerslidermov img { width:100%;}

/*****Line Blue***/

.lineblueslide { width:100%; overflow:hidden; padding:10px 0; background:#EB1666; height:80px; display:block;}

.contblue { max-width:700px; margin:0 auto; overflow:hidden;}

.contblue ul {padding:0; list-style:none}

.contblue ul li {color:#fff; font-weight:300; font-size:1.5em; float:left; text-transform:uppercase;}

.contblue ul li:nth-child(1) { padding:7px 0; margin-right:20px;}

.contblue ul li:nth-child(2) { padding:7px 0; margin-right:20px;}

/***Box1*****/

#box1 { width:100%; max-width:1600px; overflow:hidden; margin:0 auto; padding:20px; box-sizing:border-box;}

#box1 h1 {font-size:4em; color:#EB1666; margin:5px; padding:0; font-weight:700;}

.inner50 { width:50%; overflow:hidden; float:left;}

#box1 .inner50 img {width: 100%; margin:0 auto; max-width:480px;}

#box2 .inner50 img {width: 100%; margin:0 auto; max-width:560px;}

/***Box2*****/

#box2 { width:100%; max-width:1200px; overflow:hidden; margin:0 auto; padding:0; box-sizing:border-box;}

/***Box3*****/

#box3 { width:100%; max-width:1900px; overflow:hidden; margin:80px auto 0; background:#EB1666; color:#fff; padding:0; box-sizing:border-box;}

.box3 {width:100%; max-width:1200px; overflow:hidden; margin:0 auto;}

.box3 h1 {font-size:4em; color:#fff; margin:5px; padding:0; font-weight:700;}

.line-title { background:#fff; width:100px; height:3px;}

.txt-tel { font-size:2em; font-weight:300;}

.txt-frase {font-size:1.5em; font-weight:300;}

.txtform { background:none; border:1px solid #fff; padding:5px 10px; height:35px; width:90%; margin:0 0 10px; color:#fff; font-size:1em; border-radius:5px;}

.txtareaform { background: none; border: 1px solid #fff; padding: 5px 10px; height: 100px; width: 90%; margin: 0 0 10px; color: #fff; font-size: 1.1em; border-radius: 5px; font-family: 'Lato', sans-serif; font-weight: lighter;}

.cont-btn { width:150px; margin:0 auto; overflow:hidden;}

.btnenviar { width:150px; height:35px; background:#fff;color:#EB1666; text-align:center; font-weight:700; border-radius:15px; border:1px solid #fff; cursor:pointer;}

.btnenviar:hover { background:#EB1666; color:#fff;}

.inner50 form { margin-top:30px;}

.rede-cont { padding:0; overflow:hidden; list-style:none;}

.rede-cont li { width:55px; height:55px; margin-right:20px; float:left;}

.rede-cont li a {display: block; height: 100%; width: 100%;}

.icored-1 { background:url(../img/redes2/face.png) no-repeat;}

.icored-2 { background:url(../img/redes2/twitter.png) no-repeat;}

.icored-3 { background:url(../img/redes2/linkedin.png) no-repeat;}

.icored-4 { background:url(../img/redes2/flickr.png) no-repeat;}

.icored-5 { background:url(../img/redes2/youtube.png) no-repeat;}

.icored-1:hover { background:url(../img/redes2/face-over.png) no-repeat;}

.icored-2:hover { background:url(../img/redes2/twitter-over.png) no-repeat;}

.icored-3:hover { background:url(../img/redes2/linkedin-over.png) no-repeat;}

.icored-4:hover { background:url(../img/redes2/flickr-over.png) no-repeat;}

.icored-5:hover { background:url(../img/redes2/youtube-over.png) no-repeat;}



/***Iconos accordion*****/

.ico-serv1 { background:url(../img/be-geek-sistemas-telefonicos.jpg) no-repeat; height:95px;}

.ico-serv2 { background:url(../img/be-geek-camaras-de-vigilancia.jpg) no-repeat; height:95px;}

.ico-serv3 { background:url(../img/be-geek-cableado-estructurado.jpg) no-repeat; height:95px;}

.ico-serv4 { background:url(../img/be-geek-alarmas.jpg) no-repeat; height:95px;}

.ico-serv5 { background:url(../img/controles-de-acceso.jpg) no-repeat; height:95px;}

.ico-serv6 { background:url(../img/be-geek-apps.jpg) no-repeat; height:95px;}

.ico-serv7 { background:url(../img/be-geek-programacion.jpg) no-repeat; height:95px;}

.ico-serv8 { background:url(../img/be-geek-videos.jpg) no-repeat; height:95px;}



#box2 .btn-cmas { width:150px;}

#box2 .btn-cmas img { width:98%;}

#box2 .btn-cmas:hover img { width:100%;}



/******footer****/

footer { width:100%; overflow:hidden; margin:0; padding:20px 0; border-bottom:20px solid #EB1666}

.contfoot { width:100%; max-width:1200px; overflow:hidden; margin:0 auto;}

.contfoot ul { overflow:hidden; padding:0; margin:0 auto; list-style:none; width:65%;}

.contfoot ul li { float:left; font-size:1.2em; font-weight:700; color:#D7D7D7;}

.contfoot ul li a { color:#D7D7D7; text-decoration:none;}

.contfoot ul li:nth-child(1) { margin-right:90px;}

.contfoot ul li:nth-child(2) { margin-right:90px;}

.contfoot ul li:nth-child(3) { margin-right:20px; padding:20px 0 0;}

.contfoot ul li:nth-child(4) { margin-right:20px; padding:20px 0 0;}

.contfoot ul li:nth-child(5) { margin-right:0; padding:20px 0 0;}



.contcuadricula{ width:90%; max-width:1100px; margin:50px auto; position:relative; overflow:hidden;}

.contcuadricula div{ width:25%; float:left;}

.contcuadricula div img{ display:block; width:95%; margin:-40px auto 0;}

#box4 {

    width: 100%;

    max-width: 1200px;

    overflow: hidden;

    margin: 0 auto;

    padding: 0;

    box-sizing: border-box;

}

#box4 h2 {

    font-size: 4em;

    color: #EB1666;

    margin: 5px;

    padding: 0;

    font-weight: 700;

}



/* all */

::-webkit-input-placeholder { font-family: 'Lato', sans-serif; font-weight:lighter; }

::-moz-placeholder { font-family: 'Lato', sans-serif; font-weight:lighter; font-size:14px;} /* firefox 19+ */

:-ms-input-placeholder { font-family: 'Lato', sans-serif; font-weight:lighter; font-size:14px; } /* ie */

input:-moz-placeholder { font-family: 'Lato', sans-serif; font-weight:lighter; font-size:14px; }

.backnosotros{background:url(../img/img-somos.png) no-repeat 170% top; background-size:auto contain;}



.contsomos{ float:left; width:52%; overflow:hidden; padding:30px 30px 30px 5%; font-size:1.2em;}



.titulorosa{ font-size:2em; color:rgb(235, 22, 102); text-align:left; margin-bottom:0px;}



.titulogris{font-size:4.2em; text-align:left; margin:0;}



.separador{ width:120px; height:2px; background:#5f5f5f; margin:20px 0;}



.margintop100{ margin-top:80px;}



.contservicios{ margin-top:80px;}



.contservicios .titulorosa{ text-align:center;}



.contservicios .titulogris{ text-align:center;}



.contservicios .separador{ text-align:center; margin:20px auto;}



.cuadrogrande{width:66%; float:left; overflow:hidden; position:relative;}



.cuadrogrande img{width:100%; height:auto;}



.cuadrochico{ width:34%; float:left; overflow:hidden; height:auto; text-align:center; padding-top:16%; font-size:2em; font-weight:bold;}



.contcuadros{ position:relative; overflow:hidden;}



.backrosa{ color:#FFFFFF; background:#eb1666;}



.backnegro{ color:#FFFFFF; background:#000000;}



.clear{ clear:both;}



.cont-slide{ display:block;}

.cont-slidemov{ display:none;}
.cuadrofondonegro{width: 80%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, .9); z-index: 1000; color: #FFF; text-align: center; padding: 17% 10%; font-size:1.1em; line-height:20px; display:none;}








@media (min-width: 1200px){

}

/* Tablets en horizonal y escritorios normales

   ------------------------------------------------------------------------- */

@media (min-width: 1025px) and (max-width: 1199px) { 

.cont-slide {margin: -220px 0 0; max-width: 1900px; width: 100%;}



.backnosotros{background:url(../img/img-somos.png) no-repeat 370% top; background-size:auto contain;}



}



@media (min-width: 769px) and (max-width: 1024px) {

/******Header********/	



header {



    width: 100%;



    max-width: 1200px;



    margin: 0 auto;



    padding: 60px 0 0;



    overflow: hidden;



    position: relative;



    z-index: 1001;



}



.cont-slide {margin: -110px 0 0; width: 100%;}

.cont-top1 {width: 65%;}

.cont-top2 {display:none;}



.cont-top2 ul {width: 30%;}

#menudesk { display:none}

.navmovil { display:none}

.menu-mov { display:block;}



#logo {



    	width: 100px;



		margin: 7px 0 0 15px;



}/*****box1*****/

#box1 {box-sizing: border-box; margin: 0 auto; max-width: 980px; overflow: hidden; padding: 20px; width: 100%;}

.inner50 img {width: 100%; margin:0 auto}

/*****box2*****/

#box2 {box-sizing: border-box; margin: 0 auto;max-width: 980px; overflow: hidden; padding: 20px; width: 100%;}



/******Footer****/



.contfoot ul li:nth-child(1) { margin-right: 40px;}

.contfoot ul li:nth-child(2) { margin-right: 40px;}

}



@media (max-width: 768px) {

/******Header********/



header {



    width: 100%;



    max-width: 1200px;



    margin: 0 auto;



    padding: 60px 0 0;



    overflow: hidden;



    position: relative;



    z-index: 1001;



}



.cont-top1 {float: right; overflow: hidden; width: 80%;}

#logo {float: left; width: 100px; margin: 7px 0 0 20px;}



.cont-top2 {display:none;}



.cont-top2 ul { width: 35%; }

.navmovil { display:block}

.menu-mov { display:block;}

/******Slider***********/

.cont-slide { margin: -110px 0 0;width: 100%;}



/*******box1*****/

.inner50 {float: none; overflow: hidden;  width: 90%; margin: 0 auto;}

.inner50 img { width:60%; margin: 0 auto;}



/*****Box2***********/

#box2 {box-sizing: border-box; margin: -130px auto 0; overflow: hidden; padding: 0 20px 20px; width: 100%;}



/*****Footer************/

.contfoot {margin: 0 auto;width: 85%;}

.contfoot ul {  width: 95%;}

.contfoot ul li:nth-child(1) {margin-right: 50px;}

.contfoot ul li:nth-child(2) {margin-right: 0;}

.cuadrogrande{width:50%; float:left; overflow:hidden;}



.cuadrogrande img{width:100%; height:auto;}



.cuadrochico{ width: 50%; float: left; overflow: hidden; height: auto; text-align: center; padding-top: 10%; font-size: 1.5em; font-weight: bold;}

.backnosotros {



    background: none;



    background-size: auto contain;



}



.contsomos {



    float: left;



    width: 90%;



    overflow: hidden;



    padding: 30px 30px 30px 5%;



    font-size: 1.2em;



}



#box3 {

    width: 100%;

    max-width: 1900px;

    overflow: hidden;

    margin: 80px auto 0;

    background: #EB1666;

    color: #fff;

    padding: 0 0 20px 0;

    box-sizing: border-box;

}



}

@media (max-width: 480px) { 

header { width:100%; max-width:480px; margin:0 auto; padding:60px 0 0; overflow:hidden; position:relative; z-index:1001}

#logo { width: 100px; margin: 7px 0 0 15px;}



.cont-top2 {display:none;}



.cont-top2 ul {float: right; list-style: outside none none; margin: 25px 0 0; overflow: hidden; padding: 0; width: 64%;}

.cont-top2 ul li {float: left; margin-right: 15px; text-align: center; text-transform: uppercase; font-size:.9em;}

.cont-top1 {float: none; margin: 10px auto 0; overflow: hidden; width: 90%;}

.cont-top1 ul li {float: left; height: 30px; color:#EB1666; font-size:.9em;}

.cont-top1 ul li a {color:#EB1666;}

.cont-top1 ul li:nth-child(1) {margin-right: 5px; width: 23px;}

.cont-top1 ul li:nth-child(2) {margin-right: 5px; width: 23px;}

.cont-top1 ul li:nth-child(3) {margin-right: 5px; width: 23px;}

.cont-top1 ul li:nth-child(4) {margin-right: 5px; width: 23px;}

.cont-top1 ul li:nth-child(5) {margin-right: 5px; width: 23px;}

.cont-top1 ul li:nth-child(6) {display:none;}

.cont-top1 ul li:nth-child(7) {box-sizing: border-box; padding:7px 0 0 23px; width: 140px; float:right;}

.cont-top1 ul li:nth-child(8) { display:none;}

.cont-top1 ul li:nth-child(9) {box-sizing: border-box; padding: 6px 0 0 25px; width: 185px; float:right;}

#menudesk { display:none}

.navmovil { display:block}

.menu-mov { display:block;}

/****slider***/

.cont-slide {margin: -145px 0 0; max-width: 360px; overflow: hidden; width: 100%;}

#layerslidermov { display:block}

#layerslider { display:none;}

.cont-txtsl {overflow:hidden; font-weight:300; font-size:.8em; height:130px;}

.txt3-slide {color:#EB1666; font-weight:700; font-size:1.1em;}

.cont-bmas  img { width:50%;}

/****Line blue****/

.contblue {margin: 0 auto; max-width: 310px; overflow: hidden;}

.contblue ul li {text-align:center; width:100%; font-size:1.3em;}

.contblue ul li:nth-child(1) {margin-right: 0; padding: 7px 0; }

.contblue ul li:nth-child(2) { display:none;}

.contblue ul li:nth-child(3) a img { margin:0 auto;}



/****Box1***/

#box1 { padding: 20px 20px 0; width: 100%;}

#box1 h1 {font-size: 3em;}

/****Box2***/

#box2 { padding: 0 20px; width: 100%; margin:-120px 0 30px;}

.inner50 {float:none; overflow: hidden; width: 90%;}

.inner50 img { width:100%;}

/****Box3***/

.txt-tel {font-size: 1.5em; font-weight: 300;}

.rede-cont li { margin-right: 5px;}



/****Box4***/

#box4 h2 { font-size: 3em; color: #EB1666;margin: 5px; padding: 0; font-weight: 700;}

.contcuadricula { width: 100%; max-width: 480px; margin: 50px auto; position: relative; overflow: hidden;}

.contcuadricula div { width: 50%; float: left;}



/******Footer********/

.contfoot { margin: 0 auto; max-width: 480px; overflow: hidden; width: 90%;}

.contfoot ul li {margin-bottom: 20px;}

.contfoot ul li:nth-child(1) {margin-right:50px;}

.contfoot ul li:nth-child(2) {margin-right: 0;}

.cont-bmas{ display:none;}.cuadrogrande{width:100%; float:none; overflow:hidden; display:none;}



.cuadrogrande img{width:100%; height:auto;}



.cuadrochico{ width: 100%; float: none; overflow: hidden; height: auto; text-align: center; padding-top: 5%; font-size: 1.5em; font-weight: bold; padding-bottom: 5%;}

.margintop100 { margin-top: 25px; margin-bottom: 80px;}



.contsomos { float: left; width: 90%; overflow: hidden; padding: 30px 30px 30px 5%; font-size: 1.2em;}



.titulorosa { font-size: 1.5em; color: rgb(235, 22, 102); text-align: left; margin-bottom: 0px;}



.titulogris {font-size: 2.5em; text-align: left; margin: 0;}



.cont-slide{ display:none;}

.cont-slidemov{ display:block; margin-top:-79px;}

.lineblueslide { display:none;}



.contfoot ul li:nth-child(1) {

    margin-right: 0px;

}

.contfoot {

    margin: 0 auto;

    max-width: 480px;

    overflow: hidden;

    width: 90%;

    font-size: 12px;

}

}



@media (max-width: 320px) { 

.cont-slide {margin: -145px 0 0; max-width: 360px; overflow: hidden; width: 100%;}

#logo {margin: 7px 0 0 7px; width: 90px;}



.cont-top2 {display:none;}



.cont-top2 ul li {font-size: 0.8em; text-align:center;}

.cont-top2 ul {float: right; list-style: outside none none; margin: 15px 0 0; overflow: hidden; padding: 0; width: 64%;}



#box1 {padding: 20px 10px 0; width: 100%;}

#box2 { margin: -120px 0 30px; padding: 0 10px; width: 100%;}

/******Box3***/

.rede-cont li { margin-right: 0;}



.contfoot { margin: 0 auto; max-width: 480px; overflow: hidden; width: 100%;}

}