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

@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,600i,700,700i&display=swap');

nav{ height:130px !important; display:block; float:right;}
.slide h3{color: #fff; font-size: 70px; text-shadow: 2px 2px 5px #3E3E3D;}
.slide p{font-size: 30px; text-shadow: 2px 2px 5px #3E3E3D;}
.slide .item{width: 100%; height: 800px; margin-top: 80px;}
.slide .banner1{background: url("../images/banner/banner_1.jpg") no-repeat center 0}
.slide .banner2{background: url("../images/banner/banner_2.jpg") no-repeat center 0}
.slide .banner3{background: url("../images/banner/banner_3.jpg") no-repeat center 0}
.slide .banner4{background: url("../images/banner/banner_4.jpg") no-repeat center 0}

body{
	width:100%;
	height:auto;
	margin:0;
	padding:0 !important;
	background: #0F2D82;
}
.color1,
.color2,
.color3{border-radius: 20px;}
.color1{
	background: #0F2D82;
    margin: 10px;
	padding: 10px;
	
}
.color1 h3{color: #f9004d;}
.color1 ol li,
.color2 ol li{color: aliceblue}
.color2{
	background: #f9004d;
    margin: 10px;
	padding: 10px;
}
.color2 h3{color: #0F2D82}
.color3{
	background: #e7e7e7;
    margin: 10px;
	padding: 10px;
}
.color3 ol li{}

h1{color: #FFFFFF; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 45px;}
h2{color: #0F2D82; text-align: center; padding-bottom: 50px; font-family: 'Montserrat', sans-serif; font-size: 35px;font-weight: 800;}
h3{color: #0F2D82; font-family: 'Montserrat', sans-serif; font-weight: 700; padding: 10px 30px;}
p{
    color: #0F2D82;
    font: 17px 'Open Sans', sans-serif;
    font-weight: 400;
	line-height: 30px !important;
	hyphens: auto;
	text-align: justify;
	padding: 10px 30px;
	
}
.border img{    box-shadow: 2px 2px 5px #999;
    border-radius: 20px;}
.container {
    width: 100%;
	padding: 0;
}
span.linea{
	margin-left: 30px;
    height: 1px;
    border-top: 2px solid #fbcf00;
    display: block;
    position: relative;
    top: 1px;
	width: 80px;
}

.bannerdetelecomunicaciones{
	background: url(../images/banner_telecomunicaciones_contratistas_generales.jpg) no-repeat center 0;
	background-position: bottom;
	background-size: cover;
	padding: 350px 20px;
}
body.web-en-construccion{
	background: url("../images/web-en-construccion.jpg") no-repeat center;
	background-position: top;
	background-size: cover;
}
body.web-en-construccion .bannerdetelecomunicaciones{background: none; padding: 150px 20px;}
body.web-en-construccion .bannerdetelecomunicaciones .margen {border: 0
}
body{
	background: url("../images/web-en-construccion.jpg") no-repeat center;
	background-position: top;
	background-size: cover;
}
.web-en-construccion .imagenconstruccion{ width: 250px; height: 250px;  display: block; border-radius: 100%; background: hsla(0,100%,99%,1.00); margin: 100px auto 0 auto; }
.web-en-construccion img{width: 230px; display: block; padding-top: 85px; margin: auto;}


.bannernosotros{
	background: url(../images/nosotros.jpg) no-repeat center 0;
	background-position: bottom;
	background-size: cover;
	padding: 150px 20px;
}

.margen{ margin: 0 auto; border: 10px solid #FFFBFB;}
.coloazul h3,
.coloazul p{color: #fff}
.coloazul p{}
.uno{background: url(../images/1.jpg) no-repeat center 0;}
.dos{background: url("../images/ventilacion-forzada04.jpg") no-repeat center 0;}
.tres{background: url("../images/3.jpg") no-repeat center 0;}
.amarillo{background: #F9004D; padding: 50px 100px;}
.amarillo h3{color:#fff; font-weight: 200; padding: 0;font-size: 60px}

.amarillo h3 strong{color:#FFF; font-weight: 700; }

.modal-footer button{
	color:#FFF;
/*	font-weight: 700;*/
	font-size: 18px;
	background: #f9004d;
	border: 1px #f9004d solid;
}

.modal-footer button:hover {
	color: #f9004d;
	background: rgba(235,43,87,0);
	text-decoration: none;
	border: 1px #f9004d solid;
}

.am a,
.amarillo a{
	display: block;
	color:#FFF;
/*	font-weight: 700;*/
	font-size: 20px;
	background: #f9004d;
	text-align: center;
	margin: 20px 0;
	padding: 20px 30px;
	border-radius: 10px;
	float: left;
	border: 1px #f9004d solid;
	 -webkit-transition: width 1s, background .5s, margin 55s;
    -moz-transition: width 1s, background .5s, margin .5s;
    -o-transition: width 1s, background .5s, margin .5s;
    transition: width 1s, background .5s, margin .5s;
}
.am a{padding: 10px 15px; margin-left: 30px; font-size: 18px;}

.am a:hover,
.amarillo a:hover {
	color: #f9004d;
	background: rgba(235,43,87,0);
	text-decoration: none;
	margin: 15px 0 25px 0;
	border: 1px #f9004d solid;
}
.am a:hover{margin-left: 30px}

.uno,
.dos,
.tres{padding: 120px 70px; background-size: 110%;}
.contorno{padding: 40px}
.contorno img{width: 100px}

.bannerdetelecomunicaciones h1,
.bannerdetelecomunicaciones h3{
	text-align: center; 
	color: #FFFFFF; 
	font-size: 70px; 
	font-family: 'Montserrat', sans-serif; 
	font-weight: 700;
}

.bannerdetelecomunicaciones h3{
	-moz-hyphens:auto;
	 -ms-hyphens:auto;
	 -webkit-hyphens:auto;
	 -o-hyphens:auto;
	 hyphens:auto;
	/* otros valores: auto & none */
	 word-wrap:break-word; 

	 text-align: center;
}
.serviciomatriz ol {
    display: block;
    padding-left: 60px;
    /* color: #0f2d82; */
}
.bannerdetelecomunicaciones h3{ color: #FFE500; font-size: 25px; font-weight: 300;}
.colordd{color: #F9004D !important;}

.container ul{display:block; padding-left: 18px;}
.container ul li{/*display:block; list-style:none;*/}

.container ul li a,
.container ul li button{
	display:block;
	/*text-transform: uppercase;*/
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	text-decoration: none;
	color: #0F2D82;
	/*font-weight:500;*/
	padding:5px 25px;
	/*margin: 0 10px;*/ 
	border-radius: 50px;
	
	-webkit-transition: color 0.4s, border 0.4s, background 0.4s;
	-moz-transition: color 0.4s, border 0.4s, background 0.4s;
	-o-transition: color 0.4s, border 0.4s, background 0.4s;
	transition: color 0.4s, border 0.4s, background 0.4s;
 }

.container ul li button{color: #fff !important; background:#ff484d; border: 0;padding:32px 22px;}
 
.container ul li a:hover,
.container ul li button:hover{
	color: #e61e51;
	/*background-color: #3D4284 !important;*/
	/*text-decoration: none;*/
 }

.header ul li.sfHover a {
	border-top-color: #ff904c;
	border-left-color: #ff904c;
	background: rgba(255,50,0,0.9);
	color: #fff;
 }

.submenu li a:hover{background:#e61e51; color: #ffffff !important; }

.container .top{display:block; padding-left: 0;}
.container .top a{
	font-size: 17px;
	padding:15px;
	margin:0; 
	border-radius:0!important;
	color: #ffffff;
	border-bottom: 1px #e61e51 solid;
}
#contactanos{
	background:#f7f7f7 url("../images/contactenos.png") no-repeat center 0;
	background-position: -50px bottom;
	background-size: 20%;
	padding: 50px 0 ;
}
.contacto{
	width: 900px;
	display: block;
	margin: 0 auto;
}

.anchocontacto{padding: 0 0 0 100px}
.anchocontacto p{padding: 0;}

.telefono{color: #EB2B57; font-size: 40px; font-weight: 800}






.social_bar li a img{width: 18px;}
.social_bar_top li a img{width: 25px; display: block;}
/*Scroll*/
::-webkit-scrollbar {
    width: 10px;
	height:10px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
   -webkit-border-radius: 10px;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(235,43,87,1.00); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(24,63,24,0.4); 
}
::selection {
	background:#003D7D;
	color:#FFF;
}
::-webkit-selection {
	background:#003D7D;
	color:#FFF;
}
::-o-selection {
	background:#003D7D;
	color:#FFF;
}
::-moz-selection {
	background:#003D7D;
	color:#FFF;
}






/** {margin: 0; padding: 0; border: 0 none;}*/
#enviar-email,
.contenedor_sec a h1,
.pie_pagina .convenios .redes_sociales a,
.scrollup,
#enviar-email_contactenos,
.anima,
button,
a,
img{
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
}
a{text-decoration:none; display:block;}




.container .logo{ width:auto; display:block; float:left; position:relative; top:0; left:10px}
.container .logo img {
    width:320px;
	height:auto;
	display:block;
   /* padding:10px;*/
    overflow:hidden;
    position:relative;
}
ul.navbar-nav {
    top: 20px;
}


#main_menu li h3{ display: block; margin: 5px; color: #469B46; }
.sb-slidebar h3{padding: 0 10px !important}

a{margin: 0 auto;text-align: center;}
.coloruno{background: #F5F5F5;}
.colordos{background: #EBEBEB;}

.coloruno,
.colordos{padding: 100px 220px 50px 220px; height: 500px;}

#cabecera{
	width:100%;
	height:90px !important;
	margin:0 auto; 
	position:fixed !important;
	top:0;
	z-index:12;
	background:#ffffff !important;
	padding:10px;
	border-bottom: 1px solid rgb(255, 29, 29) !important;
	
	-webkit-box-shadow: 0px 13px 50px -8px rgba(0,0,0,0.42);
	-moz-box-shadow: 0px 13px 50px -8px rgba(0,0,0,0.42);
	box-shadow: 0px 13px 50px -8px rgba(0,0,0,0.42);
}


#inicio,
#contactenos{
	display:block;
	margin:0 auto;
	padding:0;
}


/* inicio */
#inicio {
	background: url(../images/banner.jpg) no-repeat center 0;
	background-size: 100%;
	padding:100px 100px 100px 100px;
}
#inicio  h1{padding: 30px 0}
#inicio p{text-align: center; font-family: 'FS-Joey-Medium_0'; font-size: 20px; letter-spacing: 2px; padding: 30px 20px; border: 2px solid #FFFFFF; }
.row {
    margin:0;
}
.boton_consultanos,
.boton_consultanos_azul,
.boton_consultanos_azuldos{
	width: 200px;
	display: block;
	padding: 10px 40px;
	margin: 50px auto 0 auto;
	font-size: 18px;
	font-weight: 600;
	
	text-align: center; 
	background: #F1ECEC;
	color: #469B46;
	border-radius: 100px 0 100px 0;
	border: 0;
	text-decoration: none;
}
.boton_consultanos_azul,
.boton_consultanos_azuldos{background:#469b46;  color: #FFFFFF}
.boton_consultanos_azuldos:hover{
	background: #303B7C;
	color: #F1ECEC;
	
}

.boton_consultanos:hover{
	background: #469B46;
	color: #F1ECEC;
}
.boton_consultanos_azul:hover{
	background: #FFFFFF;	
	color: #303B7C;
}

.boton_consultanos:hover,
.boton_consultanos_azul:hover,
.boton_consultanos_azuldos:hover{width: 250px; padding: 10px 40px; text-decoration: none;}

.boton_consultanos:focus{color: #469B46; background: #F1ECEC;}
.boton_consultanos_azul:focus,
.boton_consultanos_azuldos:focus{color: #FFFFFF; background: #303B7C;}


#descripcion{padding: 0;
}
#descripcion h2{padding-bottom: 20px}
#descripcion p,
#descripcion li{color: #3E3E3D; font-size: 16px; font-weight: 400; text-align: justify;}
#descripcion li{padding: 10px 0;}

.contenido{width: 500px; margin: 0 auto;}

.servicios .cont{
	padding: 100px 20px; 
	background: url(../images/background01.svg) no-repeat; 
	background-position:center;
	 background-size: cover;
}
.background02 {
	padding: 80px 20px; 
	/*background: url(../images/background02.svg) no-repeat; 
	background-position:0 bottom;*/
}

.clientes{
	display: block;
	margin: 0 auto;
	padding: 100px;
}
.clientesancho h2{text-align: center !important; padding-bottom: 30px}
.clientesancho{
	/*width: 600px;*/
	margin: 0 auto;
}
.clientesancho h2{margin-bottom:70px}
/*Menu*/
nav{ height:130px !important; display:block; float:right;}
.slide h3{color: #fff; font-size: 70px; text-shadow: 2px 2px 5px #3E3E3D;}
.slide p{font-size: 30px; text-shadow: 2px 2px 5px #3E3E3D;}
.slide .item{width: 100%; height: 800px; margin-top: 80px;}


.logobottom {
    width: 100px;
    display: block;
    top: 0;
	left: 10px;
	padding:0;
}




article{padding: 100px 0 }



.centrar{width: 1150px; margin: 0 auto;}

/*Video*/
#video{display: block;}
#video iframe{width: 900px; height: 510px; display: block; margin: 0 auto}




/*duda*/
#duda{
	width:100%;
	background: url(../images/banner-duda.jpg) no-repeat center 0;
	background-size:130%;
	
}
#duda h2{color: #FFFFFF;}
#duda p{text-align: center; font-weight: bold; font-family: 'FS-Joey-Medium_0'; font-size: 90px; text-shadow: 2px 2px 5px #3E3E3D;}

#duda .cifras{font-size: 30px; font-weight: 400;}
#duda span{color: #AAA632}

/*servicios*/
#servicios{
	width:100%;
	background:#EBEBEB;
	background-size:1920px;
}
#servicios{text-align: center; /*margin-bottom: 50px; */}

#servicios .contenedorico{
	height: 210px;
	background: url(../images/contenedor.png) no-repeat center 0;
	background-size: 80%;
	padding: 10px 40px;
	margin-bottom: 40px;
}
#servicios .contenedorico img{
	width: 80px;
	display: block; 
	margin:0 auto; 
	align-content: center; 
	padding: 15px;
}
#servicios p{
	color: #3E3E3D;
    font-size: 18px;
    font-weight: 600;
    padding: 0px 30px;
    text-align: center;
}
#servicios p.vermas{color: #005EBC; text-decoration: underline;}
#servicios p.menos{font-size: 16px;}



#servicios a:hover img{width:100px; padding-bottom: 0;}



#clientes .foto img{width: 100%; display: block; margin: 0 auto;}
#clientes .centrar {width: 1050px;}


#acreditaciones{background: #F9F9F9; }
#acreditaciones .foto img{width: 100%; padding: 0 40px; align-content: center }

#contactanos .cont{padding: 10px 0; font-size: 19px}

#contactanos .ancho{padding: 20px 40px 50px 40px;}
#contactanos label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
#contactanos input,
#contactanos textarea {
	width: 100%;
    background-color: rgba(244, 246, 247, 0);
    border: 0;
    border-bottom: 1px #0f2d82 solid;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #ff1b1b;
    font: 15px 'Roboto';
    padding: 10px;
    margin-bottom: 10px;
}
textarea {height:200px;}
.Form-input {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #fff;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    font-family: 'NewsGothic';
    font-size: 0.75em;
}
textarea:focus,
input:focus {
	border: 0;
    border-bottom:1px solid #F9004D !important;
    outline: 0;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)*/
}
#contactanos input::-webkit-input-placeholder,
#contactanos #textarea_2::-webkit-input-placeholder{color:#575870;}


#contactanos p{padding-top:0;}
#contactanos p.btn{display: block; /*padding:20px 0 0 0;*/ margin: 0 auto;}
#contactanos .an{width:240px;}
#contactanos button{
	width: 100%;
	display: block;
    margin: 0 auto 20px auto;
    background:#EB2B57;
	border-radius: 5px;
    border: none;
    color: #fff;
    font:18px 'Roboto';
	font-weight:600;
    padding: 15px;
	cursor:pointer;
}
#contactanos button:hover {
    background-color:#0F2D82;
    color: #F5F5F5;
}
#contactanos iframe{
	width: 320px !important;
	height: 500px;
	display: block;
	margin: 0 auto;
}

#contactenos{
	padding: 0 40px;
}

.index .amarillo,
.nosotros .amarillo,
.serviciomatriz .amarillo{
	background: url("../images/nosotros-familia.jpg") no-repeat;
	background-size:cover;
	background-attachment: fixed;
	padding: 250px 0;
	background-position: center;
}

.serviciomatriz .amarillo{
	background: url("../images/matriz.jpg") no-repeat;
	background-size: contain;
	background-attachment: fixed;
	padding: 250px 0;
	/*background-position: center -400px;*/
}
.nuevos .amarillo{
	background: url("../images/electricidad-indistrial.jpg") no-repeat;
	background-size: contain;
	/*background-size: cover;*/
	background-attachment: fixed;
	padding: 250px 0;
	/*background-position: center -500px;*/
}

.servicios .climatizacion{
	background: url("../images/climatización.jpg") no-repeat;
	background-size: contain;
	background-attachment: fixed;
	padding: 250px 0;
	/*background-position: center -500px;*/
}

.servicios .ventilacion{
	background: url("../images/2.jpg") no-repeat;
	background-size: contain;
	background-attachment: fixed;
	padding: 250px 0;
	/*background-position: center;*/
}

.datos{padding: 30px; background: #0F2D82;}
.datos p{padding:0; font-size: 13px; text-align: center; color: #FFFFFF; margin: 0 auto}
.datos li{float: left; list-style: none;padding: 5px;}
.datos .pp{display: block; margin: 0  auto; padding: 20px 0;}





.datos ul{
	width: 250px;
    height: 50px;
    display: block;
    margin: 20px auto;
	    padding-left: 20px;
}




.carousel-indicators {
    bottom: 0px;
}






.derechos{display:block; background:#202331; color:#575870; font:16px 'Montserrat', sans-serif; font-weight:400; text-align:center; padding:25px 0;}

/* top */
.scrollup {
    width: 61px;
    height: 61px;
    opacity: 0.9;
    position: fixed;
    bottom: 44px;
    right: 100px;
    display: none;
    text-indent: -9999px;
    background:url('../images/top.png') no-repeat;
    z-index: 1111;
}



/* redes sociales */
.redes ul{padding:0 !important;}
.social li{ display: inline-block; list-style:none; float:left;}
.social li a{
    width: 50px !important;
    height: 50px !important;
	display:block;
    text-align: center;
    border-radius: 100%;
    font-size: 30px;
    color: #41BDFF;
    margin-right: 6px;
    line-height: 40px;
	border:1px solid #41BDFF;
	padding: 5px 3px 0 3px;
}
.social li a.fa-whatsapp{border:1px solid #8FBC1F; color:#8FBC1F;}


.social li a:hover{
    background: #41BDFF;
	border:1px solid #0066AD;
	text-decoration:none;
	color:#FFFFFF;
}
.social li a.fa-whatsapp:hover{
	background:#8FBC1F;
	border:1px solid #8FBC1F;
	text-decoration:none;
	color:#FFFFFF;
}
.social li a span{ display: none;}






.ocultar_menu{position:relative; z-index:100;}

.ocultar_menu{display:none;}
.jann{
    width:100%;
    height:100px;
    position:fixed;
    background:rgba(17,79,154,0);
	size:200;
}
.jann2{
    width:100%;
    height:100px;
    position:fixed;
    background:url(../images/bg.jpg);
    background-position: 0 -300px;
    size:200;
}
.box-shadow{position: fixed !important;}
.fondo_menu_lefht{background:#1b1e2d;}
.sb-slidebar{width:200px !important;}
.sb-menu li a,
.sb-menu li button {
    padding: 20px 50px !important;
	border: 0;
	background: none;
	text-align: left !important;
}



hr{
    width: 45px;
    display: block;
	margin: 0 auto;
    border-top: 3px solid #F7F7F7;
	position:relative;
	top:-15px;
}
/*  booststrap  */
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover {
    color: #E5E5E5 !important;
    background-color:#30323E !important;
}
.nav{position:relative;}



/* parpadeo fecha de inicio */
.parpadea {
  
  animation-name: parpadeo;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}


/*aplicar código a un div en especial*/
/*.sb-menu li:nth-child(3n) {*/

.sb-menu li .menuactivo{ color:#000000 !important;}
.sb-menu li:nth-child(2),
.sb-menu li:nth-child(3),
.sb-menu li:nth-child(4),
.sb-menu li:nth-child(5),
.sb-menu li:nth-child(6){color: #FFFFFF !important; background-color: #469946 !important;}





/*popup*/
/*.popaps{
	width: 100%;
    height: 540px !important;
	padding:0;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.8);
}
.modal-content{background: url(../images/casco.jpg) no-repeat center 0 !important;
    background-size: 110%!important;}

.modal-body {position: relative;
    padding: 0px;
	
}
.close {font-weight: 200; font-size: 50px;opacity: 1; color: #FFFFFF;}
.modal-header {border: 0;}*/

/*popup*/

article {
    padding: 50px 0;
}
.color{background: whitesmoke; }




@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@media screen and (min-width: 100px) and (max-width: 1440px) {
	
	.servicios .cont {
		padding: 100px 20px;
		background: url(../images/background01.svg) no-repeat;
		background-position: -120px bottom;
		background-size: 110%;

	}
	
	#contactanos {
		background: #f7f7f7 url(../images/contacto.png) no-repeat center 0;
		background-size: 150%;
		background-position: -300px top;
		padding: 50px 0;

	}
}

@media screen and (min-width: 200px) and (max-width: 600px) {
	
	.datos p {padding: 0 0 30px 0}
	
	
	
	#caracteristicas{padding:30px 0;height: auto;}
	#caracteristicas p{text-align:justify;}
	#caracteristicas ul{padding-left:10px}
	#duracion {
		 padding-top: 0px; 
	}
	.dos_columnas li{width:100%;}
	.dirigido{display:block; padding:10px;}
	
	.scrollup {right:20px !important;}
	.descargo-modulo-1 img{width:auto; margin-top:0px}
	
	#servicios .contenedorico{
		height: 230px;}
	
	.logobottom {
		width: 100px;
		display: block;
		top: 0;
		left: 10px;
		padding:0;
	}

}
@media screen and (min-width: 200px) and (max-width: 1200px) {
	p{padding: 10px}
	h3{padding: 10px}
	

	
	.clientesancho{width: 100%}
	header{display: none;}
	.ocultar_menu{display:block !important;}
	.nav{display:none !important;}
	#servicios .contenedorico {margin-bottom: 0px;}
	#servicios .boton_consultanos_azuldos {
		width: 200px;
		padding: 10px 40px;
		margin: 10px auto 0 auto;
	}
	.ocultar{display: none;}
	.redes{display: none;}
	
	#inicio {width: 100%; padding:100px 30px 100px 30px;  background-size: auto; background-position: -300px -0px}
	#inicio h1 {font-size: 35px;}
	
	#video iframe{width: 100%; height: 225px; padding: 20px}
	.contenido {
		width: auto;}
	
	#acreditaciones .foto img { width: 100%; padding:0px;}
	
	.popaps{padding-bottom:30px;}
	
	#sb-site{ background:#000000 url(../images/background.jpg) no-repeat -750px -0px; background-size:1920px;}
	#duda{background: url(../images/banner-duda.jpg) no-repeat center -150px; background-size:850%;}
	
	.coloruno, .colordos {
		padding: 40px;
		height: 380px;
	}
	#contactanos p.index {
		padding-bottom: 50px;
	}
	/*#duda {background-size: auto;}*/
	
	.centrar{width: 100%; margin: 0 auto;}
	#clientes .centrar {width: 100%;}
	#contactanos .ancho { padding: 20px 40px 0 40px; margin-bottom: 20px}
	
	/*	.modal-content{background-size: 200%!important;}*/
	#contactanos p.index{padding-bottom: 50px;}
	
	.uno, .dos, .tres {
		padding: 30px 70px;
		background-size: 120%;
		background-position: center;
	}
	.amarillo h3 {
		font-size: 30px;
	}
		
}
@media screen and (min-width: 200px) and (max-width: 600px) {
	.slide .banner1{background: url("../images/banner/banner_1p.jpg") no-repeat center 0; background-size: cover;}
	.slide .banner2{background: url("../images/banner/banner_2p.jpg") no-repeat center 0; background-size: cover;}
	.slide .banner3{background: url("../images/banner/banner_3p.jpg") no-repeat center 0; background-size: cover;}
	.slide .banner4{background: url("../images/banner/banner_4p.jpg") no-repeat center 0; background-size: cover;}
	
	.nuevos .amarillo {
	    padding: 200px 0 50px 0;
    	background-position: -100px -200px;
	}
	.serviciomatriz .amarillo{
		background-size: 700px;
    	padding: 200px 0 50px 0;
    	background-position: -100px 80px;		
	}
	.proyectos .amarillo{
		background-size: 700px;
    	padding: 200px 0 50px 0;
    	background-position: -100px -100px;
	}
	
	.web-en-construccion .imagenconstruccion {
    width: 200px;
    height: 200px;
    display: block;
    border-radius: 100%;
    background: hsla(0,100%,99%,1.00);
    margin: 50px auto 0 auto;
}
	body.web-en-construccion .bannerdetelecomunicaciones {
    background: none;
    padding: 100px 20px;
}
	.uno, .dos, .tres {
		padding: 30px;}

	.servicios .cont {
		padding: 50px 20px;
	}
	.coloazul p {
		padding: 10px;
		line-height: 20px !important;
		text-align: inherit;
	}
		.bannerdetelecomunicaciones {
		background: url("../images/banner_telecomunicaciones_contratistas_generales-responsive.jpg") no-repeat center;
		background-position: bottom;
		background-size: cover;
		padding: 250px 20px;
	}
	
	.bannerdetelecomunicaciones h1{
		-moz-hyphens:auto;
		 -ms-hyphens:auto;
		 -webkit-hyphens:auto;
		 -o-hyphens:auto;
		 hyphens:auto;
		/* otros valores: auto & none */
		 word-wrap:break-word;
		text-align: center;
		font-size: 42px;
	}
	
	#contactanos {
		background-position: -400px bottom;
		background: #f7f7f7;
	}
		.anchocontacto{padding: 20px}
	.contacto{padding: 20px; width: 100%}
	.telefono {font-size: 40px}
	
	.slide h3{color: #fff; font-size: 35px; text-shadow: 2px 2px 5px #3E3E3D;}
	.slide p{font-size: 20px; text-shadow: 2px 2px 5px #3E3E3D;}
	
	.slide .item{height: 600px}
	#sb-site{width:100%; background:#000000 url(../images/background001.jpg) no-repeat -250px -280px;}
	
	/*#caracteristicas p{font-size:18px; line-height:25px}*/
	#beneficios{padding:50px 0;}
	#beneficios ul li{font-size:16px;}
	#beneficios .inversion p span{display:block;}
	#beneficios ul{display:block; margin:0; padding:0 0 20px 20px;}
	
	#cursos ul{width:330px; height: 270px; display:block; margin:0; padding:10px 0 0 0px;}
	#cursos p{width:250px; font-size:15px; line-height:23px; font-weight:400; margin:5px 0 0 0; padding-bottom:20px;}
	#cursos{/*height:200px;*/  padding-top:120px;}
	
	
	.spacio{padding-top:80px}
	video{display:none;}
	
	#contactenos input,
	#contactenos textarea,
	#contactenos p.btn,
	#contactenos .an{
		width: 100% ;
	}
	/*#contactanos .ancho{padding: 20px}*/
	
	#contenido{ padding-top:0px;}
	/*#servicios { margin-bottom: 10px;}*/
	
	h2{padding: 10px 20px;}
	
	
	.foto img{ width: 100%}
	
	#contactanos .ds .row{/*padding: 20px !important;*/
	margin: 0;}
	article {padding: 20px 0;}
	#servicios {padding-bottom: 30px}
	
	.servicios .cont{
		background-position:right;
		 background-size: cover;
	}
	.datos {
		padding-bottom: 80px !important;
	}
	.serviciomatriz ol {
    display: block;
    padding-left: 0px;
    /* color: #0f2d82; */
}
.clientes {
    display: block;
    margin: 0 auto;
    padding: 100px 20px;
}	
	ol li {
    margin-left: 0px;
}
	.border img{padding: 10px 0}
	
	
}

@media (max-width: 400px) {

	
    .clientes {padding: 20px;}

	#beneficios .inversion p{ padding-bottom:30px;}
	#beneficios{padding-top:0;}
	#sb-site p,
	#sb-site ul li{font-size:16px; line-height:25px !important;}
	#duda p{
		text-align: center;
		font-weight: bold;
		font-family: 'FS-Joey-Medium_0';
		font-size: 50px;
		text-shadow: 2px 2px 5px #3E3E3D;
		padding-bottom: 10px;
	}
	#duda h2{padding-bottom: 20px}
	#duda .cifras {
		font-size: 30px;
		font-weight: 400;
		line-height: 25px;
	}
	#duda .contenedorico{padding: 20px; }
	.slide .item{height: 420px}
	.foto{padding: 10px 70px}
	
	article {padding: 20px 0 0 0;}
	.slide h3{color: #fff; font-size: 30px; text-shadow: 2px 2px 5px #3E3E3D;}

	
}

@media screen and (min-width: 200px) and (max-width: 1430px) {

	#contactanos {
		background: #f7f7f7 url(../images/contacto.png) no-repeat center 0;
		background-position: -180px top;
		background-size: cover 100%;
		padding: 50px 0;
	}
}

.carousel-indicators li {padding: 0;}