@font-face{font-family:UbuntuRegular;src:url(../fonts/Ubuntu-R-webfont.woff) format("woff");font-style:normal;font-weight:normal;font-display:swap;}
@font-face{font-family:UbuntuMedium;src:url(../fonts/Ubuntu-M-webfont.woff) format("woff");font-style:normal;font-weight:normal;font-display:swap;}
@font-face{font-family:UbuntuBold;src:url(../fonts/Ubuntu-B-webfont.woff) format("woff");font-style:normal;font-weight:normal;font-display:swap;}
.Ubuntu {font-family: "UbuntuRegular", Arial, sans-serif;}
.UbuntuMedium {font-family: "UbuntuMedium", Arial, sans-serif;}
.UbuntuBold {font-family: "UbuntuBold", Arial, sans-serif;}

#map {width:100%;height:300px;border:1px solid #ddd;}
.Color {color:#97c00e;}
.container {max-width:960px;}
.Oculto {display: none !important;}
.NoBorder {border:0;background:none;}
.btn {margin:0;}
.btn-success {background:#96bf0d;border:0;}
.btn-success:hover {background:#83a70c;}
.breadcrumb {background:#fff;margin:20px 0px;padding:0px;}
.breadcrumb a {color:#97c00e;}

header {padding:30px 0px;border-bottom:0px solid #eeeeee;font-size:1.1em;}
header .BotonMenu {position: absolute; left: 20px; top: 20px; z-index: 1000;}

article {padding-bottom:20px;}

.PaginaGaleria a {display:block;margin-bottom:10px;}
.Archivo {margin:10px 0px;padding:5px 0px 10px 0px;border-bottom:1px solid #ddd;}
.Archivo a {color:#97c00e;}

.Compania {margin-bottom:25px;min-height:220px;}
.Compania p {text-align:center;}

.Facebook img, .Instagram img, .Twitter img {width:56px;height:56px;}

.Menu {margin: 10px 0 0 0;}
.Menu li {list-style: none; display:inline-block; color: #fff; text-align: center;margin-left:20px;}
.Menu li a {color: #fff; text-decoration: none; display: block;text-transform:uppercase;}
.Menu li a:hover {text-decoration: underline;}

.MenuTipo {padding:0px;margin:0px;}
.MenuTipo a {display:block;border:1px solid #e5e5e5;;text-align:center;line-height:50px;color:#000;font-size:1.5em;}
.MenuTipo a:hover {background:#f5f5f5;text-decoration:none;}
.MenuTipo a.Activado {background:#f5f5f5;border-bottom:1px solid #f5f5f5}
.MenuTipo a {border-radius:10px 10px 0px 0px;}
.MenuTipo img {width:25px;margin-bottom:3px;}

.Telefono {padding-top:50px;letter-spacing:-1px;}
.Telefono img {width:50px;display:inline-block;vertical-align:top;}
.Telefono div {display:inline-block;text-align:center;line-height:25px;padding:0px;margin-top:-3px;}
.Telefono div span {display:block;}
.Telefono div span.Span1 {font-size:1.5em;}
.Telefono div span.Span2 {font-size:2.3em;}

.Slider {background:#f5f5f5;padding:30px 0px;border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5;margin-top:-1px;}
.Slider .TituloGrande {letter-spacing:-2px;}
.Slider p {margin:25px 0px 15px 0px;color:#707070;max-width:400px;}

.Video {margin-top:10px;}

#PortadaIntro.slide .item.left, #PortadaIntro.slide .item.right {transition: left 0.5s ease;}
.carousel.efecto-fade .item {transition: opacity 0.7s;}
.carousel.efecto-fade .active.left, .carousel.efecto-fade .active.right {left: 0; z-index: 2; opacity: 0; filter: alpha(opacity=0);}
.carousel.efecto-fade .next, .carousel.efecto-fade .prev {left: 0; z-index: 1;}
.carousel-inner {margin-bottom:-20px;}
.carousel-indicators {display:none;}
.carousel-caption {text-align:left;top:0%;left:0%;right:5%;max-width:350px;vertical-align:top;z-index: 0;}
.carousel-caption h2 {font-size:3.1em;margin:0px;padding:0px;text-shadow:none;letter-spacing:-2px;}
.carousel-caption p {margin-top:10px;color:#959595;}
.carousel-control {width:0%;margin:0 -24px;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {font-size:20px;}
.carousel-control.left, .carousel-control.right  {background:none;}

.ProductosPortada {margin:30px 0px;text-align:center;}
.ProductosPortada img {width:150px;}
.ProductosPortada a {color:#000;min-height:240px;display:block;}
.ProductosPortada a:hover {color:#97c00e;text-decoration:none;}
.ProductosPortada h3 {margin:0px;padding:5px 0px 0px 0px;font-size:1.5em;}
.ProductosPortada p {color:#97c00e;font-size:1.3em;}

.TituloCuestionario {padding-bottom:10px;border-bottom:1px dotted #ddd;}

.Sombreado {background:#f5f5f5;padding:5px 0px;border-top:1px solid #e5e5e5;}
.Sombreado h1 {letter-spacing:-1px;}

.Ventajas {border-top:1px solid #e5e5e5;margin-top:20px;}
.Ventajas .container {position:relative;}
.Ventajas .container h5.HC {position:absolute;top:30px;right:120px;margin:0px;}
.Ventajas .container h5.Comparador {position:absolute;top:20px;right:15px;text-align:center;}
.Ventajas ul {margin:20px 0px;padding:0px;list-style:none;}
.Ventajas ul li {margin:5px 0px;position:relative;}
.Ventajas ul li div.Numero {background:#96bf0d;width:35px;line-height:35px;border-radius:50%;color:#fff;text-align:center;display:inline-block;}
.Ventajas ul li div.Ventaja {display:inline-block;padding:10px 0px;margin-left:20px;}
.Ventajas ul li .Si {position:absolute;top:10px;right:100px;}
.Ventajas ul li .No {position:absolute;top:10px;right:25px;}
.Ventajas ul li.Linea {margin:0px;padding:0px;}
.Ventajas ul li.Linea hr {margin:0px;padding:0px;border-top:1px solid #dfe5e6;margin:0px 0px 0px 55px;}

.Verde {background:#96bf0d;border:0px;color:#fff;padding:20px 0px;}
.Verde a {color:#fff;}
.Negro {background:#000;border:0px;color:#fff;padding:20px 0px;}

.Articulos p {margin: 0;}
.Articulos a {display: block; position: relative;margin-bottom:20px;}
.Articulos a:hover {text-decoration: none;}
.Articulos h3 {position:absolute;bottom:10px;left:0px;right:0px;background:#000;color:#fff;padding:10px;font-size:1em;width:100%;}
.Articulos .Imagen {width: 176px; margin-right: 20px;}
.Articulos .Texto {width: 700px;}
.ArticuloGaleria li {list-style: none; display: inline-block; margin: 0 5px 5px 0;}
.ArticuloGaleria li.UltimaColumna {margin-right: 0;}

.Paginacion {text-align: right;}
.Paginacion ul {margin: 10px 0; padding: 0; height: 22px; display: inline-block;}
.Paginacion li {list-style: none; float: left; margin-right: 5px;}
.Paginacion a {display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #000; border: 1px solid #000;}
.Paginacion li.Seleccionada, .Paginacion a:hover {width: 20px; height: 20px; line-height: 20px; text-align: center; border: 1px solid #000; background: #000; color: #FFF; text-decoration: none;}

#CapaAceptaCookies {position: fixed; z-index: 150; left: 0; right: 0; bottom: 0; padding: 10px; background-color: rgba(0, 0, 0, 0.8); color: #FFF; text-align: center;}

.alert {margin-top:15px;margin-bottom:10px;}

/*FORMULARIO*/
.Producto .campo-titulo h3 {margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #dfe5e6;}
.Producto .checkbox {padding-left:20px;}
.form-group textarea {height:125px;}

/*ESCRITORIO*/
@media (min-width: 993px){
.Logo img {width:380px;}
.SeccionPortada {float:left;width:20%;}
.Slider .TituloGrande {font-size:4em;line-height:50px;}
.Slider p {font-size:1.3em;line-height:23px;}
.Video iframe {height:253px;}
.Telefono {text-align:right;}
.Sociales {text-align:right;margin-top:45px;}
.Ventajas ul li div.Ventaja {width:750px;}
.PaginaGaleria {margin-top:60px;}
.TxtCalcula {font-size:3em;letter-spacing:-1px;}
.ContactoPie span {display:block;padding-left:25px;position:relative;}
.ContactoPie img {width:22px;position:absolute;top:0px;left:0px;}
.ContactoPie .TelefonoPie {margin-top:5px;}
}

/*TABLET*/
@media (min-width: 768px) and (max-width: 992px){
.Logo img {max-width:100%;margin-top:10px;}
.Slider .TituloGrande {font-size:3em;line-height:30px;}
.Sociales {text-align:right;margin-top:45px;vertical-align:bottom;}
.Sociales img {max-width:50%;}
.Ventajas {font-size:0.8em;}
.form-group label {font-size:0.8em;}
.ContactoPie span {display:block;padding-left:25px;position:relative;}
.ContactoPie img {width:22px;position:absolute;top:0px;left:0px;}
.ContactoPie .TelefonoPie {margin-top:5px;}
}

/*MOVIL*/
@media (max-width: 767px){
 h1 {text-align:center;}
.Logo {display:block;text-align:center;margin-left:10px;}
.Logo img {width:250px;}
.SeccionPortada {width:100%;padding-bottom:20px;}
.Slider {text-align:center;}
.Slider .TituloGrande {font-size:2.5em;}
.Slider p {font-size:1em;}
.Slider a {margin-top:10px;}
.Sociales {text-align:center;padding-top:10px;}
.Sociales img {width:40px;}
.Ventajas {text-align:center;}
.Ventajas ul li img {display:none;}
article, footer {text-align:center;}
.PaginaGaleria {margin:20px 0px;}
.Horario {text-align:center;}
.ContactoPie span {display:block;}
.ContactoPie img {width:22px;display:block;margin:0 auto;}
.ContactoPie .TelefonoPie {margin-top:5px;}
}