/*
  Andrea Schechtmann 07-10-2017
*/


@import url('https://fonts.googleapis.com/css?family=Poppins:100,300,400,700');
html, body{font-family: 'Poppins';font-weight: 500}
a{color: #00cc66;}
a:focus, a:hover {color: #00cc66;}
body{background-color:#000000;}

@media (min-width: 1200px){
    .container{max-width:1020px;}
    section{max-width: 960px;}
    section .row{max-width: 870px;}
}

@media only screen and (max-width : 320px) {
    
}

.logoGris{display: none;}
.logoBlanco{display: inline-block;}
.navbar-shrink .logoGris{display: inline-block;}
.navbar-shrink .logoBlanco{display: none;}
#mainNav.navbar-shrink {background: #333333;}
#mainNav .navbar-nav > li > a.active {color: #00cc66 !important;  background-color: transparent;}
#mainNav.navbar-shrink .navbar-nav > li > a,
#mainNav.navbar-shrink .navbar-nav > li > a:focus {color: #FFFFFF;}



@media (max-width: 992px){
  .logoGris{display: inline-block!important; width: 190px}
  .logoBlanco{display: none!important;}
   section .container { padding: 0 30px!important;}
   .container{padding:0;}
   footer .logo-energia{width:100%; text-align: center;}
   footer .logo-color{display: inline-block; margin:0!important;}
   footer .aliados{width:100%; text-align: center;}
   footer .spanAliados{display: inline-block; margin:0;}
   
}

footer{background-color:#FFFFFF; padding:5px;}
footer .logo-color{ margin-right: 200px;}
footer .spanAliados{color:#00CC66;margin: 28px 5px 0 0;}

@media (max-width: 920px) {
	footer .spanAliados {display: block; margin-right: 17px;}
}

#mainNav{border-bottom: 12px solid #000000; background-color: #000000;}
#mainNav .navbar-nav>li>a{font-weight: 400;font-family: 'Poppins'!important;font-size: 11px}

@media (min-width: 992px){
	#mainNav .navbar-nav>li>a,
	#mainNav .navbar-nav>li>a:focus {color: rgba(255,255,255,.9);}
       
}

.container{max-width: 990px; margin:0 auto;}
.content{max-width:860px; margin:0 auto; margin-top: -330px; z-index: 5; position: relative;}

section .container{padding:0 70px;}
section{padding-top:50px;}
section h1{font-size:21px; color:#00CC66; font-weight:bold; text-transform:uppercase; text-align:left; margin: 30px 0 15px 0;}

/** Home **/
body#Home{background:#000000 url('../img/bg-vyntra.png') center 50px no-repeat;}

body#Home #Intro .banners{position:relative; z-index: 10;top:-105px; }
body#Home #Intro .banners a{margin:0 5px; }
body#Home #Intro .carousel-item{padding:190px 20px 0 20px!important;}
body#Home #Intro .carousel-item h1{color:#000000; font-weight: 700; font-size: 20px; line-height: 27px; letter-spacing: 5px; margin-top: 16px; margin-left: 15%; width: 35%;}
body#Home #Intro .carousel-item a{color:#000000; border:2px solid #000000; display: inline; margin-left:15%; font-size: 20px; font-weight: 700; letter-spacing: 5px; text-decoration: none; width: 190px; padding:4px 15px; margin-top:30px;}

body#Home #Intro .carousel-indicators{bottom:105px;}
body#Home #Intro .carousel-indicators li {position: relative; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 14px; height: 14px;margin-right: 3px; margin-left: 3px; text-indent: -999px; background-color: rgba(255,255,255,.5); border-radius: 14px; border:2px solid #FFFFFF;}
body#Home #Intro .carousel-indicators .active{border-color:#000000;}

@media (max-width: 920px) {
    body#Home #Intro .carousel-item h1{font-size: 15px; line-height: 22px;width: 76%;}
}

body#Home #superPos{background: #333333; padding-top:45px; color:#FFFFFF; }
body#Home #superPos .row{}
body#Home #superPos p,
body#Home #superPos li{font-size: 12px; font-weight: normal;}
body#Home #superPos li{margin:8px 0 ;}
body#Home #superPos .recuadroHome{border:2px #09b05d solid; height: auto; color:#00CC66; text-transform: uppercase; margin-top:180px; margin-bottom: 60px;}


@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

}

body#Home #Clientes{background: #FFFFFF;}
body#Home #Clientes .logos{text-align: center;}
body#Home #Clientes .logos-cliente{margin:30px 0 10px 0;}
body#Home #Clientes .cliente-bloque{padding:11px; color:#FFFFFF; margin: 10px 0;}
body#Home #Clientes .cliente-bloque img{float:left; margin: 10px ;width:60px;}
body#Home #Clientes .cliente-bloque .nombre{    font-size: 22px;font-weight: bold; margin-top: 20px; border-bottom: 2px solid;font-style: italic;}
body#Home #Clientes .cliente-bloque .titulo{font-size: 12px; font-weight: lighter;}
body#Home #Clientes .cliente-bloque .mensaje{font-size: 14px; font-style: italic; clear:both; margin-bottom: 0;}
body#Home #Clientes .cliente-bloque.verde{background-color: #00CC66}
body#Home #Clientes .cliente-bloque.negro{background-color: #333333;}


#Contacto{background:#00CC66 url('../img/bg-contacto.png') top left no-repeat; color:#000000;}
#Contacto.productos{background:#00CC66 url('../img/bg-contacto-n.png') top left no-repeat; color:#000000;}
#Contacto h1{color:#000000; padding:0; text-align: left;}
#Contacto p{font-size: 12px; text-align: left;}
#Contacto .formContacto{color:#FFFFFF;}
#Contacto .formContacto input{width: 100%;padding:10px;border:1px solid #000000;font-size: 14px;line-height: 18px;color:#FFFFFF;background:none;margin:10px 0;}
#Contacto .formContacto textarea{width: 100%;height:100px;padding:15px;border:1px solid #000000;font-size: 14px;line-height: 18px;color:#FFFFFF;background:none;margin:10px 0;}
#Contacto .formContacto input::placeholder{color:#FFFFFF;}
#Contacto .formContacto textarea::placeholder{color:#FFFFFF;}

#Contacto .formContacto input[type="checkbox"]{width: auto;float: left;}
#Contacto .formContacto label{font-weight: 300;text-align: left;float: left;margin:4px;cursor: pointer;}

#Contacto .formContacto .btEnviar{color:#00CC66; font-weight: 700;text-align: center;background: #ffffff;text-transform: uppercase;padding:5px 40px;-webkit-transition: all .3s ease-out;  -moz-transition: all .3s ease-out;  -o-transition: all .3s ease-out;  transition: all .3s ease-out;width:50%;display:inline-block; margin:0 auto;}
#Contacto .formContacto .btEnviar:hover{text-decoration: none; background-color: #333333;}


#Contacto .map-responsive{ overflow:hidden;padding-bottom:50%;position:relative;height:0;}
#Contacto .map-responsive iframe{left:0;top:0; height:100%; width:100%;position:absolute;}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    #Contacto .formContacto .btEnviar{width:100%;}
}


@media (max-width: 580px){
	.formContacto label{font-size: 12px;margin:7px;}
}

#mainNav.navbar-shrink .navbar-nav>li>a:focus:hover, #mainNav.navbar-shrink .navbar-nav>li>a:hover {color: #00cc66;}
#mainNav .navbar-nav > li > a, #mainNav .navbar-nav > li > a:hover {color: #00cc66;}

#mainNav .navbar-toggler {
    font-size: 12px;
    padding: 8px 10px;
    color: #FFF;
    border-color: #FFF;
}
#mainNav .navbar-nav>li>a, #mainNav .navbar-nav>li>a:focus {
    color: #FFF;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	section{padding-bottom:20px;}	
}

/**Internas**/
#InternaCarrousel{padding:0;}
#InternaCarrousel .carousel-item{padding:100px 20px 0 20px!important; height: 330px;}
#InternaCarrousel .carousel-item h1{color: #000000;font-weight: 700;font-size: 20px;line-height: 27px;letter-spacing: 5px; margin-top: 16px; margin-left: auto; margin-right: auto; width: 80%;}
#InternaCarrousel .carousel-item a{color:#000000; border:2px solid #000000; display:block; margin-left:15%; font-size: 20px; font-weight: 700; letter-spacing: 5px; text-decoration: none; width: 190px; padding:4px 15px; margin-top:30px;}

#InternaCarrousel .carousel-indicators{bottom:10px;}
#InternaCarrousel .carousel-indicators li {position: relative; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 14px; height: 14px;margin-right: 3px; margin-left: 3px; text-indent: -999px; background-color: rgba(255,255,255,.5); border-radius: 14px; border:2px solid #FFFFFF;}
#InternaCarrousel .carousel-indicators .active{border-color:#000000;}

@media (max-width: 920px) {
    #InternaCarrousel .carousel-item h1{font-size: 15px; line-height: 22px;width: 76%;}
}

/** Quienes Somos **/
body#interna .content{margin-top: -145px;}
body#interna{background:#000000 url('../img/bg-vyntra.png') center -232px no-repeat;}
body#interna .header {height:265px; margin-top:53px;}

body#interna #superPos {background: #333333; padding-top:45px; color:#FFFFFF; }
body#interna #superPos .row{}
body#interna #superPos p,
body#interna #superPos li{font-size: 12px; font-weight: normal; margin:8px 0 ;}
body#interna #superPos li{}
body#interna #superPos .recuadroHome{border:2px #09b05d solid; height: auto; color:#00CC66; text-transform: uppercase; margin-top:180px; margin-bottom: 60px;}
body#interna #intermedio{background: #FFFFFF;}
body#interna #intermedio h1{margin-bottom:25px;font-weight: bold;}
body#interna #intermedio p{color:#00CC66; font-size: 16px; font-weight: bold; text-transform: uppercase;}
body#interna #intermedio span{font-size: 12px;}
body#interna #intermedio .mail{color: #00CC66; font-size: 12px; text-transform: none; font-weight:normal; color:#000;}

/** Productos **/
body#interna #productos h2{font-size: 18px; color:#00CC66; text-transform: uppercase;}
body#interna #productos ul{list-style: none; margin-left:-24px;}
body#interna #productos ul li{margin-left: -15px;}
body#interna #productos ul li i{color:#00CC66;}
body#interna #productos ul li span{display: inline-block; float:right; color:#00CC66;}
body#interna #productos img{margin-bottom: 30px; width: 100%;}

/** Servicios **/
body#interna #servicios .bloque{margin-top:40px;}
body#interna #servicios .bloque h2,
body#interna #servicios .bloque p{margin-left:20px;}
body#interna #servicios h1{margin-bottom: 10px;}
body#interna #servicios h2{font-size: 18px; color:#00CC66; text-transform: uppercase; }
body#interna #servicios #intermedio h1{font-size: 21px;color: #000000;font-weight: bold;text-transform: uppercase;text-align: left;margin: 30px 0 45px 0;}
body#interna #servicios #intermedio h2{font-size: 18px; color:#000000; text-transform: uppercase; font-weight: bold; margin:0;}
body#interna #servicios #intermedio p{text-transform: none;color: #000000; font-size: 12px; font-weight: normal;margin-bottom:40px;}
body#interna #servicios #intermedio ul{float:left; margin-right: 10px; list-style: none; margin-bottom:40px;}
body#interna #servicios #intermedio ul li{font-size: 12px; font-weight: normal;}
body#interna #servicios #intermedio ul li::before {content: "•"; color:#00CC66;}

/** Cotizador **/
body#interna #cotizador #Contacto{background:#00CC66 url('../img/bg-contacto.png') 0 -46px no-repeat; color:#000000;}
body#interna #cotizador #Contacto.cotizador{background:#00CC66 url('../img/bg-contacto.png') top left no-repeat; color:#000000;}
body#interna #cotizador #superPos{padding-bottom: 50px;}

body#interna #cotizador #superPos .btEnviar{color:#00CC66; font-weight: 700;text-align: center;background:none;text-transform: uppercase;padding:5px 40px;-webkit-transition: all .3s ease-out;  -moz-transition: all .3s ease-out;  -o-transition: all .3s ease-out;  transition: all .3s ease-out;width:50%;display:inline-block; margin:0 auto; border:solid 1px #00CC66;width: 100%; text-decoration: none;}
body#interna #cotizador #superPos .btEnviar:hover{background:#FFFFFF;}
body#interna #cotizador .formCotizador input{width: 100%;padding: 10px;border: 1px solid #000000; font-size: 14px; line-height: 18px;  color: #000000; background: #FFFFFF; margin: 10px 0;}

body#interna #cotizador #intermedio{padding-bottom: 0;}
body#interna #cotizador #intermedio .btEnviar{color:#00CC66; font-weight: 700;text-align: center;background:none;text-transform: uppercase;padding:5px 40px;-webkit-transition: all .3s ease-out;  -moz-transition: all .3s ease-out;  -o-transition: all .3s ease-out;  transition: all .3s ease-out;width:50%;display:inline-block; margin:0 auto; border:solid 1px #00CC66;width: 100%; text-decoration: none; margin: 25px 0 20px;}

body#interna #cotizador #intermedio .botones{color:#00CC66; font-weight: 700;text-align: center;background:none;text-transform: uppercase;padding:5px 40px;-webkit-transition: all .3s ease-out;  -moz-transition: all .3s ease-out;  -o-transition: all .3s ease-out;  transition: all .3s ease-out;width:50%;display:inline-block; margin:0 auto; border:solid 1px #00CC66;width: 100%; text-decoration: none;}

body#interna #cotizador #intermedio {}
body#interna #cotizador #intermedio .btEnviar:hover{text-decoration: none; background-color: #333333;}
body#interna #cotizador #intermedio p{text-transform: none;color: #000000; font-size: 12px; font-weight: normal;margin-bottom:40px;}
body#interna #cotizador #intermedio h2{font-size: 18px; color:#000000; text-transform: uppercase; font-weight: bold; margin:0;}
body#interna #cotizador #intermedio .row{}
body#interna #cotizador #intermedio .fieldset{height:auto; border: 2px solid #999999; padding:10px 0 20px; margin:10px 0;text-align: center;}
body#interna #cotizador #intermedio .fieldset h2{font-size: 16px; color:#00CC66; font-weight: 700;text-align: center; background:#FFFFFF; margin:-20px auto -10px; }
body#interna #cotizador #intermedio .fieldset h2.tipo{width:210px;}
body#interna #cotizador #intermedio .fieldset h2.compra{width:350px;}
body#interna #cotizador #intermedio .fieldset h2.pedidos{width:360px;}
body#interna #cotizador #intermedio .fieldset h2.distancia{width:465px;}
body#interna #cotizador #intermedio .fieldset h2.pago{width:225px;}

body#interna #cotizador #intermedio .fieldset input[type="text"]{width:20%;display: inline-block; margin-right: 10px;}
body#interna #cotizador #intermedio .fieldset span{ font-size: 12px;}
body#interna #cotizador #intermedio .fieldset label{font-size: 12px;}

body#interna #cotizador #intermedio{display: none;}
body#interna #cotizador #intermedio .fieldset{display:none;}
/*body#interna #cotizador #intermedio #btnEnviar{display:none;}*/

body#interna #cotizador .respuesta{display:inline-block;}
body#interna #cotizador h3{font-size:14px;}
body#interna #cotizador h3.title{width:116px;  display: table-cell;}
body#interna #cotizador h3.text{width:96px; font-weight:bold;  display: table-cell;}
body#interna #cotizador h3.data-label{padding-right: 8px; float:left;}
body#interna #cotizador h3.data-text{font-weight:bold;}
body#interna #cotizador h3.precioFinal{font-size: 14px; font-weight:bold; color:#00CC66; text-transform: uppercase;}
body#interna #cotizador .resultados{width: 59%; margin: 10px auto 44px;}
body#interna #cotizador .resultados.resultados2{width:42%;}
body#interna #cotizador p{margin-bottom:0;}
/** Nota **/
body#interna #nota #superPos {background: #FFFFFF; padding-top:45px; color:#FFFFFF; padding-bottom:0; }
body#interna #nota #superPos p{color:#000000; margin-bottom:25px;}