| Current Path : /home/baheco/public_html/css/ |
Linux sd-1582531-l.dattaweb.com 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64 |
| Current File : /home/baheco/public_html/css/russo-styles.less |
@condensado: 'Roboto Condensed', sans-serif;
@normal:'Roboto', sans-serif;
/**** RUSSO STYLES ****/
html {
height: 100%;
width: 100%;
}
.box {
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
-webkit-box- align: center;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-pack: center;
-moz-box- align: center;
display: box;
box-orient: horizontal;
box-pack: center;
box- align: center;
}
img {
border: 0;
}
a {
text-decoration: none;
}
object, image {
vertical-align: top;
border: 0;
padding: 0;
margin: 0;
}
img {
/* float: left;
display: block; */
}
.clear {
clear: both;
height: 0px;
display: block;
}
.center {
margin: 0 auto;
display: block;
}
.centeredX {
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.centeredY {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.centeredXY {
position: relative;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.before:before, .after:after {
content: '';
}
.full-size {
width: 100% !important;
}
.pointer {
cursor: pointer;
}
.table {
display: table;
width: 100%;
margin: 0 auto;
}
.table > * {
display: table-cell;
vertical-align: middle
}
.anima1 {
-webkit-transition: all .1s linear;
-o-transition: all .1s linear;
-moz-transition: all .1s linear;
-ms-transition: all .1s linear;
transition: all .1s linear;
}
.anima2 {
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
transition: all .2s linear;
}
/**** RUSSO STYLES ****/
/* HEADER */
header {
}
header .top {
background: #F0F0F0;
}
header .top .container {
padding-left: 0;
padding-right: 0;
}
header .top .container > div {
float: left;
}
header .top button {
border-radius: 0;
border: none;
}
header .top .buscador {
}
header .top .buscador button {
background-color: #EB6408;
/*background-image: url(../images/ico-lupa.png);
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;*/
text-indent: -9999px;
padding: 11px 12px 10px;
}
#searchform {
display: inline;
font-size: 1em;
padding: 0;
}
#s {
transition: all 0.2s ease-out;
width: 1px;
border-radius: 0;
box-shadow: none;
outline: none;
padding: 0;
margin: 0;
border: 0;
font-size: 14px;
line-height: 16px;
height: 44px;
background-color: transparent;
opacity: 0;
text-indent: 10px;
}
#s:focus {
width: 150px;
opacity: 1;
}
#searchform label {
display: inline-block;
margin: 0;
position: relative;
float: left;
cursor: pointer;
padding: 12px 12px 13px;
}
#searchform label i{
width: 19px;
height: 23px;
display: block;
padding: 11px 12px 10px;
background: #0099FF url(../img/iconos/ico-lupa.png) no-repeat center center;
}
header .top .contacto {
}
header .top .contacto button {
background: #000;
color: #DDDDDD;
text-transform: uppercase;
padding: 11px 12px 10px;
border-left: 1px solid #222222;
}
header .top .contacto button a {
text-decoration: none;
}
header .top .contacto button a:hover span {
color: #0099FF;
}
header .top .contacto button:hover,
header .top .contacto button.active a span {
color: #0099FF;
}
header .top .contacto button img {
margin: 4px 0 0 0;
}
header .top .contacto button span {
padding: 3px 0 0;
display: block;
margin: 0px 0 0 37px;
font-weight: bold;
color: #999999;
font-size: 21px;
line-height: 24px;
text-transform: uppercase;
}
header .top .empresa button {
background: #000;
color: #DDDDDD;
text-transform: uppercase;
padding: 11px 12px 10px;
border-right: 1px solid #777777;
}
header .top .empresa button a {
text-decoration: none;
}
header .top .empresa button span {
padding: 3px 0 0;
display: block;
margin: 0px;
font-weight: bold;
color: #999999;
font-size: 21px;
line-height: 24px;
text-transform: uppercase;
}
header .top .empresa button a:hover span,
header .top .empresa button.active span {
color: #0099FF;
}
header .menu .navbar-collapse .navbar-nav.navbar-right:last-child{
margin: 0;
}
header .menu .navbar-collapse .navbar-nav.navbar-right{
padding: 62px 0 0;
}
header .menu {
background: #FFF;
}
header .menu .navbar {
background: none;
border: none;
border-radius: 0;
min-height: inherit;
margin-bottom: inherit;
z-index: inherit;/*z-index: 1000;*/
/*padding: 14px 0;*/
}
header .menu .navbar-nav li {
height: inherit;
background: inherit;
position: relative;
}
header .menu .navbar-nav li > a {
color: #433F3F;
font-size: 26px;
padding: 10px 0;
margin: 0 15px;
font-weight: bold;
text-transform: uppercase;
border-bottom: 2px solid;
}
header .menu .navbar-nav li > a[href="index.php"]{
border-color: #0099FF;
}
header .menu .navbar-nav li > a[href="index.php"]:hover,
header .menu .navbar-nav li.active > a[href="index.php"]{
color: #0099FF !important;
background: none !important;
}
header .menu .navbar-nav li > a[href="servicios.php"]{
border-color: #FF0000;
}
header .menu .navbar-nav li > a[href="servicios.php"]:hover,
header .menu .navbar-nav li.active > a[href="servicios.php"]{
color: #FF0000;
background: none;
}
header .menu .navbar-nav li > a[href="premios.php"]{
border-color: #FFCC00;
}
header .menu .navbar-nav li > a[href="premios.php"]:hover,
header .menu .navbar-nav li.active > a[href="premios.php"]{
color: #FFCC00;
background: none;
}
header .menu .navbar-nav li > a[href="agenda.php"]{
border-color: #CC3399;
}
header .menu .navbar-nav li > a[href="agenda.php"]:hover,
header .menu .navbar-nav li.active > a[href="agenda.php"]{
color: #CC3399;
background: none;
}
header .menu .navbar-nav li > a[href="noticias.php"]{
border-color: #33CCCC;
}
header .menu .navbar-nav li > a[href="noticias.php"]:hover,
header .menu .navbar-nav li.active > a[href="noticias.php"]{
color: #33CCCC;
background: none;
}
header .menu .navbar-nav li > a[href="galeria.php"]{
border-color: #BED431;
}
header .menu .navbar-nav li > a[href="galeria.php"]:hover,
header .menu .navbar-nav li.active > a[href="galeria.php"]{
color: #BED431;
background: none;
}
header .menu .navbar-nav li > a[href="tienda.php"]{
border-color: #FF3366;
}
header .menu .navbar-nav li > a[href="tienda.php"]:hover,
header .menu .navbar-nav li.active > a[href="tienda.php"]{
color: #FF3366;
background: none;
}
/* SUBMENU */
header .menu .navbar .navbar-collapse ul {}
header .menu .navbar .navbar-collapse ul li:hover ul{
display: block;
}
header .menu .navbar .navbar-collapse ul .submenu{
position: absolute;
top: 40px;
left: 0;
width: 100%;
border: 1px solid #CCCCCC;
padding: 15px 10px 10px;
display: none;
}
header .menu .navbar .navbar-collapse ul .submenu li{}
header .menu .navbar .navbar-collapse ul .submenu li a{
margin: 0;
border-bottom: 1px solid #ddd;
font-size: 16px;
display: block;
line-height: 18px;
font-weight: 400;
padding: 10px 0 5px;
}
header .menu .navbar .navbar-collapse ul .submenu li a[href="videos.html"]{
border-bottom: 0;
}
header .menu .navbar .navbar-collapse ul .submenu li a:hover{
text-decoration: none;
color: #BED431;
}
header .menu .navbar-brand {
padding: 15px 0;
}
header .menu .navbar-brand img {
}
header .menu .navbar .navbar-collapse {
}
header .menu .navbar .navbar-collapse ul ~ a{
background: red;
}
/**** HOME ****/
section.home {
overflow: hidden;
padding: 50px 0;
}
section.home h2{
color: #0099FF;
font-size: 48px;
line-height: 54px;
font-weight: bold;
text-align: center;
margin: 0 0 40px;
text-transform: uppercase;
}
section.home .item-destacado{
overflow: hidden;
margin-bottom: 15px;
}
section.home .item-destacado h3{
color: #FFF;
font-size: 30px;
line-height: 36px;
font-weight: bold;
text-align: left;
margin: 0;
padding: 20px 15px 15px;
text-transform: uppercase;
background: #0099FF;
}
section.home .item-destacado h3 img{
margin-right: 15px;
margin-top: -5px;
}
section.home .item-destacado .img{
overflow: hidden;
}
section.home .item-destacado .img img{
width: 100%;
}
section.home .item-destacado .txt{
}
section.home .item-destacado .txt p{
color: #666666;
font-size: 16px;
line-height: 18px;
padding: 15px 0;
background: url(../images/bg-titulo-destacado-home.jpg) no-repeat bottom left;
}
section.home .item-destacado .txt a{
background: url(../images/ico-ver-mas.jpg) no-repeat left 10px;
width: 100%;
padding: 10px 0 10px 40px;
color: #666666;
text-transform: uppercase;
font-size: 18px;
line-height: 24px;
display: block;
font-weight: bold;
}
section.home .item-destacado .txt a:hover{
text-decoration: none;
color: #0099FF;
}
/**** EMPRESA ****/
section.empresa {
overflow: hidden;
padding: 50px 0;
}
section.empresa h2{
color: #0099FF;
font-size: 72px;
line-height: 84px;
font-weight: bold;
text-align: center;
margin: 0;
text-transform: uppercase;
}
section.empresa h3{
color: #666666;
font-weight: bold;
text-align: center;
font-size: 26px;
line-height: 32px;
text-transform: uppercase;
margin: 0 0 50px;
}
section.empresa p{
color: #525252;
font-size: 16px;
line-height: 24px;
font-weight: 400;
text-align: center;
width: 80%;
margin: 0 10% 30px;
}
/**** SERVICIOS ****/
section.servicios {
overflow: hidden;
padding: 50px 0;
}
section.servicios h2{
color: #FF0000;
font-size: 72px;
line-height: 84px;
font-weight: bold;
text-align: center;
margin: 0;
text-transform: uppercase;
}
section.servicios p{
color: #525252;
font-size: 16px;
line-height: 24px;
font-weight: 400;
text-align: center;
width: 80%;
margin: 40px 10% 40px;
}
section.servicios .beneficios{}
section.servicios .beneficios ul{
padding: 50px 40px;
overflow: hidden;
margin: 0;
}
section.servicios .beneficios ul li{
background: url(../images/bullet-servicios.jpg) no-repeat left 5px;
color: #525252;
text-transform: uppercase;
font-size: 24px;
line-height: 28px;
font-weight: bold;
padding: 0 0 0 30px;
}
/**** PREMIOS ****/
section.premios {
overflow: hidden;
padding: 50px 0;
}
section.premios h2{
color: #FFCC00;
font-size: 72px;
line-height: 84px;
font-weight: bold;
text-align: center;
margin: 0;
text-transform: uppercase;
}
section.premios .premio{
overflow: hidden;
margin: 0 0 30px 0;
}
section.premios .premio h4{
text-transform: uppercase;
color: #FFCC00;
font-size: 24px;
line-height: 28px;
padding: 20px 0;
margin: 0;
font-weight: 400;
border-bottom: 1px solid #CCCCCC;
}
section.premios .premio h4 img{
width: 25px;
height: 33px;
margin-right: 15px;
}
section.premios .premio ul{}
section.premios .premio ul li{
display: inline-block;
}
section.premios .premio ul li h5{
color: #666666;
font-size: 21px;
line-height: 24px;
font-weight: 400;
margin: 30px 0 20px;
}
section.premios .premio ul li p{
color: #666666;
font-size: 16px;
line-height: 18px;
font-weight: 300;
padding: 0px 0 25px;
border-bottom: 1px solid #CCCCCC;
}
section.premios .miga{}
section.premios .miga ul{
display: inherit;
padding-left: inherit;
margin: 0 0 20px;
border-radius: inherit;
overflow: hidden;
}
section.premios .miga ul li{}
section.premios .miga ul li a{
border-radius: 0;
border: 0;
color: #666666;
font-size: 18px;
text-transform: uppercase;
line-height: 21px;
font-weight: 400;
padding: 5px;
background: none;
}
section.premios .miga ul li.active a,
section.premios .miga ul li a:hover{
color: #0099FF;
background: none;
}
/* GALERIA */
section.galeria{
overflow: hidden;
padding: 50px 0;
}
section.galeria h2{
text-transform: uppercase;
font-size: 44px;
line-height: 48px;
font-weight: bold;
color: #BED431;
text-align: left;
padding: 0 0 15px;
margin: 0 0 45px;
border-bottom: 1px solid #CCCCCC;
}
section.galeria .cont-listado-eventos{
overflow: hidden;
}
section.galeria .item-galeria{
margin-bottom: 30px;
}
section.galeria .item-galeria .img{
display: block;
overflow: hidden;
position: relative;
}
section.galeria .item-galeria .img img{
width: 100%;
}
section.galeria .item-galeria p{
text-align: left;
color: #BED431;
font-size: 26px;
line-height: 32px;
padding: 10px 0;
margin: 0;
display: block;
text-transform: uppercase;
border-bottom: 1px solid #CCC;
font-weight: bold;
}
section.galeria .item-galeria .img .overlay{
background: rgba(190, 212, 49, 0.75);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10;
opacity: 0;
text-align: center;
cursor: pointer;
}
section.galeria .item-galeria .img:hover .overlay{
display: block !important;
opacity: 1 !important;
}
section.galeria .item-galeria .img .overlay span{
background: url(../images/ico-mas.png) no-repeat center top;
width: 63px;
height: 63px;
display: block;
}
/* NOTICIAS */
/* NOVEDADES */
section.novedades{
overflow: hidden;
padding: 50px 0;
}
section.novedades .item-novedad{
overflow: hidden;
padding: 0 0 1.5em;
margin: 0 0 2em;
}
section.novedades .item-novedad.detalle{
border-bottom: 0;
}
section.novedades .item-novedad h2{
color: #FFF;
float: left;
padding: 5px 20px 5px 20px;
margin: 0;
position: absolute;
z-index: 100;
left: 15px;
top: 10px;
font-size: 21px;
line-height: 14px;
font-weight: bold;
background: #00D9D9;
text-transform: uppercase;
}
section.novedades .item-novedad .tit{
position: relative;
}
section.novedades .item-novedad .tit:after{
content: "";
height: 1px;
background: #CCC;
position: absolute;
top: 24px;
left: 0;
width: 100%;
display: inline-block;
}
section.novedades .item-novedad .desc{}
section.novedades .item-novedad h3{
padding: 50px 0 0 0;
color: #33CCCC;
font-size: 25px;
line-height: 48px;
margin: 0 0 5px;
font-weight: bold;
text-transform: uppercase;
}
section.novedades .item-novedad {
padding: 0 20px 20px 0;
color: #333333;
font-size: 16px;
line-height: 21px;
font-weight: normal;
background: url(../images/bg-titulo-destacado-home.jpg) no-repeat bottom left;
}
section.novedades .item-novedad a{
width: 100%;
padding: 10px 0 10px 0px;
color: #666666;
font-size: 14px;
line-height: 24px;
display: block;
font-weight: bold;
}
section.novedades .item-novedad a:hover{
text-decoration: none;
color: #0099FF;
}
section.novedades .item-novedad i{
position: absolute;
right: 0;
font-size: 12px;
top: 14px;
background: #FFF;
color: #4f4f4f;
z-index: 10;
padding: 3px 0 3px 15px;
}
section.novedades .item-novedad i.mas{
position: absolute;
right: 0;
font-size: 12px;
top: 12px;
background: #FFF;
color: #4f4f4f;
z-index: 10;
padding: 3px 0 3px 15px;
}
section.novedades .item-novedad h2.naranja{
background: #ed6720;
color: #FFF;
}
section.novedades .item-novedad h2.gris-osc{
background: #535353;
}
section.novedades .item-novedad h2.gris{
background: #acac9d;
}
section.novedades .item-novedad .img{
margin: 60px 0 0;
padding-top: 15px;
overflow: hidden;
}
section.novedades .item-novedad.detalle .img{
margin: inherit;
padding: inherit;
overflow: inherit;
background: inherit;
}
section.novedades .item-novedad.detalle .cont-img{
padding: 4em 2em;
overflow: hidden;
background: #EEE;
margin: 60px 0 0;
border-bottom: 5px solid #E81402;
}
section.novedades .item-novedad .img img{
width: 100%;
}
section.novedades .item-novedad.detalle{}
section.novedades .item-novedad.detalle .thumbs{
margin: 1em 0 0;
}
section.novedades .item-novedad.detalle .thumbs ul{}
section.novedades .item-novedad.detalle .thumbs ul li{
padding-right: 5px;
padding-left: 5px;
}
section.novedades .item-novedad.detalle .thumbs ul li a{
padding: 0;
display: block;
overflow: hidden;
background: #EEEEEE;
width: 100%;
padding: 1em 0;
}
section.novedades .item-novedad.detalle .thumbs ul li a img{}
section.novedades .item-novedad.detalle .video{
margin: 2em 0 0;
}
section.novedades .item-novedad.detalle .video img{
width: 100%;
}
section.novedades .nave{}
section.novedades .nave h5{
background: #33CCCC;
font-size: 20px;
line-height: 26px;
font-weight: bold;
color: #FFF;
padding: 10px 20px;
text-transform: uppercase;
margin: 25px 0 0;
}
section.novedades .nave ul{}
section.novedades .nave ul li{
margin: 0;
}
section.novedades .nave ul li a{
color: #999999;
font-size: 14px;
line-height: 18px;
padding-left: 10px;
border-bottom: 1px solid #CCCCCC;
}
section.novedades .nave ul li a:hover{
background: none;
color: #33CCCC;
}
section.novedades .item-novedad-detalle{}
section.novedades .item-novedad-detalle{
overflow: hidden;
padding: 0 0 1.5em;
margin: 0 0 2em;
}
section.novedades .item-novedad-detalle h2{
color: #FFF;
float: left;
padding: 5px 20px 5px 20px;
margin: 0;
position: absolute;
z-index: 100;
left: 15px;
top: 10px;
font-size: 21px;
line-height: 24px;
font-weight: bold;
background: #33CCCC;
text-transform: uppercase;
}
section.novedades .item-novedad-detalle .tit{
position: relative;
}
section.novedades .item-novedad-detalle .tit:after{
content: "";
height: 1px;
background: #CCC;
position: absolute;
top: 24px;
left: 0;
width: 100%;
display: inline-block;
}
section.novedades .item-novedad-detalle .desc{
padding-left: 0;
padding-right: 0;
}
section.novedades .item-novedad-detalle h3{
padding: 80px 0 0 0;
color: #33CCCC;
font-size: 25px;
line-height: 48px;
margin: 0;
font-weight: bold;
text-transform: uppercase;
}
section.novedades .item-novedad-detalle p{
padding: 0 20px 20px 0;
color: #666666;
font-size: 15px;
line-height: 21px;
font-weight: normal;
margin: 0;
}
section.novedades .item-novedad-detalle .img{
margin: 0 0 40px;
padding-top: 0;
overflow: hidden;
padding-left: 0;
padding-right: 0;
}
section.novedades .item-novedad-detalle .img img{
width: 100%;
}
section.novedades .item-novedad-detalle .txt{
padding-left: 0;
padding-right: 0;
}
section.novedades .item-novedad-detalle .comparte{
overflow: hidden;
margin-top: 30px;
}
section.novedades .item-novedad-detalle .comparte span{}
section.novedades .item-novedad-detalle .comparte span small{
float: left;
color: #000;
font-size: 16px;
line-height: 18px;
font-weight: 400;
padding: 6px 20px 6px 0;
}
section.novedades .item-novedad-detalle .comparte span ul{
float: left;
}
a#modallight {
text-decoration: none !important;
color: red;
}
section.novedades .item-novedad-detalle .comparte span ul li{
display: inline-block;
margin-right: 10px;
}
section.novedades .item-novedad-detalle .comparte span ul li a{}
section.novedades .item-novedad-detalle .comparte span ul li a img{}
/* TIENDA */
section.tienda{
overflow: hidden;
padding: 50px 0;
}
section.tienda h3{
color: #FF3366;
font-size: 62px;
line-height: 68px;
border-bottom: 1px solid #CCCCCC;
margin: 0 0 20px;
text-transform: initial;
font-weight: 400;
padding: 0 0 10px;
}
section.tienda .cont-tienda{
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin: 130px 0 40px;
}
section.tienda .txt-tienda{}
section.tienda .txt-tienda .marca{
margin: -80px 0 0 -15px;
}
section.tienda .txt-tienda .marca img{}
section.tienda .txt-tienda .estamos{}
section.tienda .txt-tienda .estamos h5{
color: #FF3366;
font-size: 28px;
line-height: 32px;
margin: 20px 0;
}
section.tienda .txt-tienda .estamos ul{}
section.tienda .txt-tienda .estamos ul li{
display: block;
padding: 10px 0;
overflow: hidden;
color: #444444;
font-size: 18px;
line-height: 24px;
}
section.tienda .txt-tienda .estamos ul li img{
margin: 0 15px 0 0;
}
section.tienda .img{}
section.tienda .img img{
width: 100%;
}
/* IMAGEN 100%FULL RESPONSIVE */
.img-main-sec{
overflow: hidden;
}
.img-main-sec.log{
border-bottom: 1px solid #EEEEEE;
}
.img-main-sec img{
/*width: 100%;*/
}
.img-main-sec .dire{
background: #3E3E3E;
padding: 20px;
position: absolute;
top: 55%;
min-width: 20%;
left: 55%;
width: 323px;
height: 113px;
z-index: 1;
}
.img-main-sec .dire p{
color: #FFF;
font-size: 13px;
line-height: 18px;
font-weight: 400;
margin-bottom: 7px;
}
.img-main-sec .dire hr{
height: 2px;
background: #FFF;
border: 0;
}
.img-main-sec .dire a{
color: #FFF;
font-size: 15px;
line-height: 18px;
font-weight: 400;
}
.img-main-sec .dire a:hover{
color: #FFF;
text-decoration: none;
}
.img-main-sec .dire .direccion{
color: #FFF;
font-size: 13px;
line-height: 24px;
font-weight: 400;
}
.img-main-sec .dire .punta{
position: absolute;
bottom: 40%;
/*right: -3.8%;*/
left: -4%;
}
.img-main-sec .dire .punta img{}
/* CONTACTO */
section.contacto{
overflow: hidden;
padding: 50px 0;
}
section.contacto hgroup{
text-align: center;
margin-top: 10px;
}
section.contacto hgroup h3{
text-transform: uppercase;
color: #0099FF;
font-size: 72px;
line-height: 64px;
font-weight: bold;
text-align: center;
margin: 0;
}
section.contacto hgroup h4{
color: #666666;
font-size: 26px;
line-height: 32px;
font-weight: bold;
text-transform: uppercase;
margin: 0;
}
section.contacto .form-contacto{}
section.contacto .form-contacto form{
margin: 4em 0;
overflow: hidden;
}
section.contacto .form-contacto form .form-group{
margin-bottom: 15px;
}
section.contacto .form-contacto form .form-group input{
background: none;
border: 1px solid #CCCCCC;
border-radius: 0;
color: #333333;
}
section.contacto .form-contacto form .form-group textarea{
width: 100%;
background: none;
border: 1px solid #CCCCCC;
border-radius: 0;
color: #333333;
padding: 15px;
min-height: 154px;
margin-top: 15px;
}
section.contacto .form-contacto form .form-group input:focus,
section.contacto .form-contacto form .form-group textarea:focus{
box-shadow: none;
outline: none;
}
section.contacto .form-contacto form .terminos{
padding-bottom: 2em;
}
section.contacto .form-contacto form .terminos .captcha{}
section.contacto .form-contacto form .terminos .captcha img{
background: #FFF;
}
section.contacto .form-contacto form .terminos .aceptar{}
section.contacto .form-contacto form .terminos .aceptar .checkbox{
margin: 10px 0 15px 0;
}
section.contacto .form-contacto form .terminos .aceptar .checkbox label{
color: #999999;
font-size: 14px;
line-height: 16px;
}
section.contacto .form-contacto form .terminos .aceptar .checkbox label input{
margin-top: 2px;
}
section.contacto .form-contacto form .terminos button{
border-radius: 0;
background: #0099FF;
color: #FFF;
text-transform: uppercase;
border: 0;
font-size: 16px;
line-height: 18px;
padding: 7px 5%;
font-weight: 400;
}
section.contacto .form-contacto form .terminos button:hover{
background: #19161B;
}
section.contacto .form-contacto form .terminos .mobile{
overflow: hidden;
padding: 0;
}
section.contacto .form-contacto form .terminos .mobile button{}
section.contacto .form-contacto form .form-group textarea::-webkit-input-placeholder,
section.contacto .form-contacto form .form-group input::-webkit-input-placeholder {
color: #999999;
font-size: 16px;
line-height: 18px;
}
section.contacto .form-contacto form .form-group textarea:-moz-placeholder,
section.contacto .form-contacto form .form-group input:-moz-placeholder { /* Firefox 18- */
color: #999999;
font-size: 16px;
line-height: 18px;
}
section.contacto .form-contacto form .form-group textarea::-moz-placeholder,
section.contacto .form-contacto form .form-group input::-moz-placeholder { /* Firefox 19+ */
color: #999999;
font-size: 16px;
line-height: 18px;
}
section.contacto .form-contacto form .form-group textarea:-ms-input-placeholder,
section.contacto .form-contacto form .form-group input:-ms-input-placeholder {
color: #999999;
font-size: 16px;
line-height: 18px;
}
/**** AGENDA ****/
section.agenda{
overflow: hidden;
padding: 50px 0;
}
section.agenda .txt-evento{}
section.agenda .txt-evento h3{
font-weight: bold;
color: #CC3399;
font-size: 48px;
line-height: 54px;
}
section.agenda .txt-evento {
color: #525252;
font-size: 16px;
line-height: 24px;
font-weight: 400;
padding: 2em 0;
}
section.agenda .txt-evento .datos-evento{}
section.agenda .txt-evento .datos-evento h4{
color: #CC3399;
font-size: 24px;
line-height: 28px;
text-transform: uppercase;
font-weight: bold;
border-bottom: 1px solid #999;
padding-bottom: 10px;
margin-bottom: 20px;
}
section.agenda .txt-evento .datos-evento ul{}
section.agenda .txt-evento .datos-evento ul li{
color: #444444;
font-size: 18px;
line-height: 21px;
margin: 0 0 15px;
font-weight: 400;
padding: 10px 0;
}
section.agenda .txt-evento .datos-evento ul li img{
margin: -12px 15px 0 0;
display: block;
}
section.agenda .agenda-eventos{}
section.agenda .agenda-eventos h3{
text-align: center;
color: #444444;
font-size: 34px;
text-transform: uppercase;
line-height: 38px;
font-weight: bold;
}
section.agenda .agenda-eventos .agenda-date{}
section.agenda .agenda-eventos .bootstrap-datetimepicker-widget table th.picker-switch{
text-transform: uppercase;
color: #CC3399 !important;
font-size: 26px;
line-height: 30px;
font-weight: bold;
}
section.agenda .agenda-eventos .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{
background: none;
color: #CC3399;
}
section.agenda .agenda-eventos .bootstrap-datetimepicker-widget table thead tr:first-child th{
color: #636363;
}
section.agenda .agenda-eventos .bootstrap-datetimepicker-widget table td.active,
section.agenda .agenda-eventos .bootstrap-datetimepicker-widget table td.active:hover{
background: #CC3399;
}
section.agenda .agenda-eventos .bootstrap-datetimepicker-widget table td.today:before{
border-bottom-color: #CC3399;
}
footer .container{}
footer .container.menu-footer{
padding: 20px 0 0;
}
footer div h4{
font-weight: 400;
text-transform: uppercase;
color: #FFF;
font-size: 16px;
line-height: 18px;
font-weight: 400;
margin-bottom: 15px;
}
footer div ul{}
footer div ul li{
color: #FFF;
font-size: 16px;
}
footer div ul li a{
color: #FFF;
font-size: 15px;
line-height: 18px;
text-decoration: none;
}
footer div ul li a:hover{
color: #000;
text-decoration: none;
}
footer .sitemap{}
footer .productos{
overflow: hidden;
padding-top: 3em;
}
footer .redes{
overflow: hidden;
padding-top: 3.2em;
}
footer .redes h4{
text-align: center;
}
footer .redes ul{
float: left;
margin-left: -5px;
}
footer .redes ul li{
display: inline-block;
}
footer .redes ul li a{
font-size: 21px;
padding: 5px;
}
footer .n-datos{
color: #FFF;
padding: 4% 10% 0;
}
footer .n-datos h5{
font-size: 15px;
font-weight: 600;
margin-bottom: 18px;
}
footer .n-datos p{
color: #FFF;
font-size: 15px;
line-height: 18px;
margin: 0 0 15px;
margin-bottom: 25px;
}
footer .n-datos p.dire{
overflow: hidden;
}
footer .n-datos p.tel{
overflow: hidden;
}
footer .n-datos p.contacto{
overflow: hidden;
}
footer .n-datos p.dire img{
margin: 0 10px 0 0;
display: block;
}
footer .n-datos p.tel img{
margin: 0 10px 0 0;
}
footer .n-datos p.contacto img{
margin: 0 10px 0 0;
}
footer .n-datos p.contacto a{
color: #FFF;
font-size: 15px;
line-height: 18px;
margin: 0 0 10px;
}
footer .num-ref h5{
color: #FFF;
font-size: 16px;
font-weight: bold;
}
footer .num-ref .input-group{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
footer .num-ref .input-group input{
border-radius: 0;
height: 38px;
}
footer .num-ref .input-group span{
width: inherit;
}
footer .num-ref .input-group span button{
border-radius: 0;
border: none;
background: #171c5a;
height: 38px;
}
.copyright{
background: #EEEEEE;
overflow: hidden;
width: 100%;
padding: 10px 0;
}
.copyright ul{
padding: 0;
margin: 0;
}
.copyright ul li{
float: left;
color: #222222;
padding: 0 0 0 10px;
border-right: 1px solid #fff;
font-size: 13px;
line-height: 15px;
}
.copyright ul li:after{
content:"|";
color: #222222;
margin: 0 0 0 13px;
}
.copyright ul li:after:last-child{
content: "";
margin: 0;
}
.copyright ul li.last{
border-right: none;
}
.copyright ul li a{
text-decoration: none;
color: #222222;
}
.copyright ul li a:hover{
text-decoration: underline;
}
/* FOOTER */
/**** EMPRESA ****/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto{
bottom: 20px !important;
}
.bx-wrapper .bx-viewport{
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{
background: #FFF !important;
}
.bx-wrapper .bx-pager.bx-default-pager a{
background: rgba(255, 255, 255, 0.7) !important;
width: 15px !important;
height: 15px !important;
border-radius: 50% !important;
margin: 0 7px !important;
}
/*section.empresa{
overflow: hidden;
padding: 60px 0;
}
section.empresa .main-desc{
vertical-align: top;
position: relative;
}
section.empresa .main-desc h2{
font-size: 38px;
line-height: 38px;
font-weight: 300;
color: #EE6400;
margin-top: 0;
margin-bottom: 15px;
}
section.empresa .main-desc p{
font-size: 17px;
line-height: 22px;
font-weight: 300;
color: #444444;
margin-bottom: 15px;
padding-bottom: 40px;
}
section.empresa .slider-detalle{
vertical-align: top;
position: relative;
margin-bottom: 2em;
}
section.empresa .slider-detalle .bx-wrapper .bx-viewport{
box-shadow: none !important;
}
section.empresa .slider-detalle .bx-wrapper .bx-viewport img{
width: 100%;
}
/**** PRODUCTOS ****/
/*section.productos{
overflow: hidden;
padding: 60px 0;
}
section.productos .sub-categorias-home{}
section.productos .sub-categorias-home .item-cate{
margin: 0 0 30px;
}
section.productos .sub-categorias-home .item-cate .conti-img{
position: relative;
overflow: hidden;
border: 1px solid #DDD;
}
section.productos .sub-categorias-home .item-cate .conti-img .over{
background: rgba(0, 0, 0, .75);
width: 80%;
height: 80%;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 10%;
text-decoration: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
}
section.productos .sub-categorias-home .item-cate .conti-img .over:hover{
width: 100%;
margin: 0%;
height: 100%;
}
section.productos .sub-categorias-home .item-cate .conti-img .over:hover p{
margin: 0;
}
section.productos .sub-categorias-home .item-cate .over p{
color: #FFF;
margin: 0;
font-size: 21px;
line-height: 24px;
text-align: center;
padding: 30% 0 0;
}
section.productos .sub-categorias-home .item-cate .over img{
margin: 8px 0;
}
section.productos .sub-categorias-home .item-cate img{}
section.productos .sub-categorias-home .item-cate .over b{
font-size: 12px;
line-height: 14px;
font-weight: 300;
text-transform: lowercase;
width: 100%;
display: block;
text-align: center;
margin-top: 5px;
}
section.productos .detalle-servicio{}
section.productos .detalle-servicio .nav{}
section.productos .detalle-servicio .nav h4{
color: #000;
font-size: 16px;
line-height: 18px;
font-weight: 700;
padding: 10px 0;
text-transform: uppercase;
margin: 0 0 20px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
float: left;
}
section.productos .detalle-servicio .nav ul{}
section.productos .detalle-servicio .nav ul li{
padding: 0;
}
section.productos .detalle-servicio .nav ul li a{
color: #000;
font-size: 16px;
line-height: 18px;
font-weight: 300;
text-decoration: none;
padding: 10px;
display: block;
width: 100%;
}
section.productos .detalle-servicio .nav ul li a:hover{
color: #FFF;
}
section.productos .detalle-servicio .detalle{}
section.productos .detalle-servicio .detalle .miga{}
section.productos .detalle-servicio .detalle .miga .breadcrumb{
background: inherit;
padding: 0;
margin-top: 10px;
}
section.productos .detalle-servicio .detalle .miga .breadcrumb li{
font-size: 16px;
font-weight: 400;
line-height: 18px;
}
section.productos .detalle-servicio .detalle .miga .breadcrumb li.active{
color: #000;
}
section.productos .detalle-servicio .detalle .miga .breadcrumb li.active a{}
section.productos .detalle-servicio .detalle .miga .breadcrumb li a{
font-size: 16px;
font-weight: 300;
line-height: 18px;
padding: 0;
text-decoration: none;
color: #000;
}
section.productos .detalle-servicio .detalle .miga .breadcrumb > li + li:before{
padding: 0 5px;
color: #000;
font-size: 16px;
content: ">";
}
section.productos .detalle-servicio .detalle .img-detalle{
overflow: hidden;
margin: 0 0 10px;
}
section.productos .detalle-servicio .detalle .img-detalle img{}
section.productos .detalle-servicio .detalle .datos{
overflow: hidden;
}
section.productos .detalle-servicio .detalle .datos h3{
color: #0f8f2d;
font-size: 34px;
margin: 20px 0 25px;
font-weight: 300;
}
section.productos .detalle-servicio .detalle .datos p{
font-size: 16px;
line-height: 18px;
font-weight: 300;
}
section.productos .panel-group .panel{
border-radius: 0;
border: none;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
}
section.productos .panel-group .panel + .panel{
margin-top: 0;
}
section.productos .panel-group .panel .panel-heading{
border-radius: 0;
border: none;
padding: 0;
margin: 0;
}
section.productos .panel-group .panel .panel-body{
padding: 0;
border: 0;
}
section.productos .panel-group .panel .panel-body ul{
margin-bottom: 0;
border-top: none;
border-bottom: none;
}
section.productos .panel-group .panel .panel-body ul li{}
section.productos .cont-info-tecnica{}
section.productos .cont-info-tecnica .item-info-tecnica{
overflow: hidden;
padding: 0 0 1em;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
section.productos .cont-info-tecnica .item-info-tecnica .ico{
margin: 0 10px 0 0;
overflow: hidden;
}
section.productos .cont-info-tecnica .item-info-tecnica .ico img{
width: 100%;
}
section.productos .panel-group .panel .panel-body ul li a{
color: #000;
font-weight: 300;
font-size: 16px;
line-height: 18px;
text-decoration: none;
display: block;
width: 100%;
padding: 12px 5px 12px 20px;
}
section.productos .panel-group .panel .panel-body ul li a:hover{
font-weight: 400;
}
section.productos .panel-group .panel p{
padding: 0;
margin: 0;
position: relative;
}
section.productos .panel-group .panel p a{
color: #000;
background: #FFF;
text-decoration: none;
width: 100%;
padding: 10px 0;
display: block;
}
section.productos .panel-group .panel p a span{
font-size: 16px;
line-height: 18px;
font-weight: 300;
}
section.productos .panel-group .panel p a:hover span{
font-weight: 400;
}
section.productos .panel-group .panel p i{
color: #FFF;
top: 27px;
right: 20px;
position: absolute;
z-index: 1;
}
section.productos .galeria .main-img{
border: 1px solid #dddddd;
padding: 2em;
margin: 0 0 1em 0;
overflow: hidden;
}
section.productos .galeria .main-img img{}
section.productos .galeria ul{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
section.productos .galeria ul li{
overflow: hidden;
border: 1px solid #dddddd;
margin: 0 1em 0 0;
}
section.productos .galeria ul li:hover{
border: 1px solid #ef6701;
}
section.productos .galeria ul li a{
text-align: center;
display: block;
padding: 1em 0;
overflow: hidden;
}
section.productos .galeria ul li:last-child{
margin: 0;
}
section.productos .galeria ul li img{}
section.productos .desc{}
section.productos .desc .hgroup{}
section.productos .desc .hgroup h3{
color: #EB6408;
font-size: 34px;
line-height: 38px;
font-weight: 400;
margin: 15px 0;
}
section.productos .desc .hgroup h4{
color: #555555;
font-weight: normal;
font-size: 20px;
line-height: 20px;
margin: 0 0 15px;
}
section.productos .desc .dgroup{}
section.productos .desc .dgroup p{}
section.productos .desc .dgroup p.tit{
color: #525252;
font-size: 18px;
line-height: 20px;
font-weight: 300;
margin: 15px 0;
}
section.productos .desc .dgroup p.tit-value{
color: #222222;
font-size: 16px;
line-height: 16px;
font-weight: normal;
}
section.productos .desc .dgroup ul{
padding: 0 0 2em 0;
}
section.productos .desc .dgroup ul li:before{
content: url(../images/bullet-detalle-prod.jpg);
margin: 8px 30px 0 0;
float: left;
}
section.productos .desc .dgroup ul li{}
section.productos .desc .dgroup ul li p{
font-size: 17px;
line-height: 24px;
font-weight: 300;
color: #444444;
padding: 0 0 0 40px;
margin: 0
}
section.productos .desc .dgroup ul li p strong{
font-weight: 400;
}
section.productos .desc .dgroup ul li:before {
content: url(../images/bullet-detalle-prod.jpg);
margin: 8px 30px 0 0;
float: left;
}
section.productos .desc .dgroup p.desc{
color: #666666;
font-size: 14px;
line-height: 18px;
padding: 0 0 3em 0;
}
section.productos .desc .bgroup{}
section.productos .desc .bgroup a{
border-radius: 0;
border: none;
height: 48px;
line-height: 28px;
font-size: 18px;
text-transform: uppercase;
font-weight: normal;
font-family: 'Lato', sans-serif;
background: #ED6400;
color: #FFF;
text-indent: 10px;
margin-right: 10px;
margin-bottom: 15px;
padding: 10px;
}
section.productos .desc .bgroup a .nube{
width: 27px;
height: 18px;
background: url(../images/bg-nube-btn.png) no-repeat 0 0;
float: left;
margin-top: 5px;
}
section.productos .desc .bgroup a:hover{
background: #5c5a5a;
}
section.productos .desc .bgroup a.pdf{}
section.productos .desc .bgroup a.pdf:hover{}
section.productos .desc .bgroup a.info{}
section.productos .desc .bgroup a.info:hover{}
/* DISTRIBUIDORES */
/*section.distribuidores{
padding: 60px 15px;
}
section.distribuidores .item-distri{
overflow: hidden;
}
section.distribuidores .item-distri h4{
font-size: 28px;
line-height: 32px;
font-weight: 400;
color: #EB6408;
padding: 0 0 20px 0;
margin: 0 0 20px 0;
background: url(../images/bg-titulo.jpg) no-repeat left bottom;
}
section.distribuidores .item-distri p{
font-size: 18px;
line-height: 21px;
font-weight: 300;
color: #1F1F1F;
margin: 0 0 3em;
}
section.distribuidores .item-distri a{
display: block;
cursor: pointer;
color: #FFF;
text-transform: uppercase;
font-size: 18px;
line-height: 21px;
font-weight: 600;
text-align: center;
padding: 0.8em 3em;
float: right;
text-decoration: none;
background: #EB6408;
}
section.distribuidores .item-distri a:hover{
background: #777777;
color: #ED6400;
}
section.distribuidores{}
section.distribuidores h2{
font-size: 28px;
line-height: 32px;
font-weight: 400;
color: #EB6408;
padding: 0 0 20px 0;
margin: 0 0 20px 0;
background: url(../images/bg-titulo.jpg) no-repeat left bottom;
}
section.distribuidores .mapa{
overflow: hidden;
margin: 0 0 2em;
}
section.distribuidores .mapa img{}
section.distribuidores .prov{}
section.distribuidores .prov .row{}
section.distribuidores .prov .row > div{
padding: 0;
}
section.distribuidores .prov .row.buscadores{
padding: 1em 0;
border-bottom: 1px solid #dddddd;
}
section.distribuidores .prov .row.provs.row1{
padding: 2em 0 1em;
}
section.distribuidores .prov .row.provs.row2{
padding: 1em 0 3em;
}
section.distribuidores .prov .row .input{}
section.distribuidores .prov .row .input.col1{
padding-right: 15px;
}
section.distribuidores .prov .row .input.col2{
padding-left: 15px;
}
section.distribuidores .prov .row .input .form-group{
margin: 0 0 15px;
}
section.distribuidores .prov .row .input .form-group select{
border-radius: 0;
width: 40%;
}
section.distribuidores .prov .row .input .form-group select:focus{
border-color: none;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
section.distribuidores .prov .row .input .form-group select option{}
section.distribuidores .prov .row h4{
color: #f49401;
font-size: 18px;
font-weight: bold;
background: #f6f6f6;
margin: 0;
padding: 10px 0 10px 20px;
}
section.distribuidores .prov .row h5{
color: #000;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
color: #666;
}
section.distribuidores .prov .row ul{}
section.distribuidores .prov .row ul li{
font-size: 16px;
line-height: 21px;
font-weight: 300;
color: #1F1F1F;
}
*/
/**** RUSSO STYLES ****/
/* MEDIA QUERIES / MEDIA QUERIES / MEDIA QUERIES / MEDIA QUERIES */
/* Extra Small - XS */
@media(max-width:767px) {
header .menu .navbar-brand {
max-width: 250px;
padding: 0px 0 0px 15px;
}
header .menu .navbar-brand img{
max-width: 120px;
}
.navbar-default .navbar-toggle {
/*margin-top: 35px;*/
/*background: #0099FF;*/
/*margin-top: 65px;*/
}
.navbar-default .navbar-toggle:hover {
}
header .menu .navbar .navbar-collapse {
padding: 0;
}
header .menu .navbar .navbar-collapse ul {
width: 100%;
}
header .menu .navbar-collapse .navbar-nav.navbar-right{
padding: 0;
}
header .menu .navbar-nav li {
display: block;
width: 100%;
}
header .menu .navbar-nav li > a {
padding: 15px 0 10px 10px;
line-height: 20px;
margin: 0;
}
.alpha-menu.am-response-switch:before{
display: none;
}
section.home,
section.servicios,
section.empresa,
section.productos,
section.distribuidores,
section.novedades,
section.contacto,
section.cliente,
section.galeria,
section.premios,
section.agenda {
padding: 20px 0;
}
section.home .sub-categorias-home .item-cate,
section.home .flexy .col1, section.home .flexy .col2,
section.empresa .main-desc,
section.empresa .slider-detalle {
/*padding: 0;*/
}
section.home .publicada .desc {
border-left: 0;
}
footer .sitemap,
footer .n-datos{
padding: 0 15px;
margin-bottom: 15px;
}
footer .redes{
padding-top: 0;
}
footer .redes h4{
text-align: left;
margin-top: 0;
}
footer .redes ul{
position: relative;
left: 0;
-webkit-transform: initial;
-ms-transform: initial;
transform: initial;
}
section.home h2{
margin: 0 0 15px;
line-height: 36px;
font-size: 32px;
}
section.empresa h2,
section.servicios h2,
section.premios h2,
section.contacto hgroup h3,
section.agenda .txt-evento h3{
font-size: 44px;
line-height: 48px;
}
section.agenda .txt-evento h3{
margin: 5px 0;
}
section.agenda .txt-evento .datos-evento{
margin: 30px 0 0;
}
section.agenda .txt-evento p{
padding: 0;
}
section.servicios h2{
margin: 0 0 10px;
}
section.empresa h3,
section.contacto hgroup h4{
font-size: 24px;
line-height: 24px;
margin: 0 0 10px;
}
section.contacto .form-contacto form{
margin: 2em 0;
}
section.contacto .form-contacto form .form-group,
section.contacto .form-contacto form .terminos{
padding-left: 0;
padding-right: 0;
}
section.empresa p,
section.servicios p{
width: 100%;
margin: 0;
text-align: left;
font-size: 14px;
line-height: 18px;
}
section.servicios .beneficios ul{
padding: 30px 0px;
}
section.servicios .beneficios ul li{
font-size: 21px;
line-height: 24px;
}
header .menu .navbar .navbar-collapse ul .submenu{
display: none !important;
}
section.novedades .listado-novedades,
section.novedades .buscador-categorias{
padding-left: 0;
padding-right: 0;
}
section.novedades .item-novedad h3{
padding: 10px 0 0 0;
margin: 0;
}
section.novedades .item-novedad{
margin: 0;
}
section.novedades .item-novedad-detalle .img{
margin: 0 0 20px;
}
section.novedades .item-novedad-detalle .comparte{
margin-top: 0px;
}
section.novedades .item-novedad-detalle{
margin: 0;
}
}
/* Small - SM */
@media(min-width:768px) and (max-width:991px) {
header .menu .navbar-brand {
padding: 15px 0;
}
header .menu .navbar-brand img{
max-width: 140px;
}
header .menu .navbar-nav li > a{
margin: 0 7px;
}
footer .redes {
padding: 10px 15px;
}
header .menu .navbar-nav li > a {
font-size: 18px;
padding: 10px 0;
}
header .menu .navbar .navbar-collapse ul .submenu li a{
font-size: 14px;
line-height: 16px;
}
header .menu .navbar-collapse .navbar-nav.navbar-right{
padding: 55px 0 0;
}
section.home .item-destacado h3{
font-size: 24px;
padding: 20px 10px 10px;
line-height: 30px;
min-height: 90px;
}
section.home .item-destacado h3 img{
margin-bottom: 10px;
max-width: 25px;
margin-right: 10px;
}
section.galeria .item-galeria p{
min-height: 120px;
}
.img-main-sec .dire {
left: 1%;
top: 39%;
}
}
/* Medium - MD */
@media(min-width:992px) and (max-width:1199px) {
header .menu .navbar-brand {
max-width: 300px;
padding: 15px 0;
}
section.home .item-destacado h3{
font-size: 24px;
line-height: 30px;
}
section.home .item-destacado h3 img{
margin-bottom: 10px;
max-width: 30px;
}
header .menu .navbar-nav li > a{
margin: 0 7px;
}
footer .redes {
padding: 10px 15px;
}
.img-main-sec .dire{
left: 20%;
}
}
/* Large - LG */
@media(min-width:1200px) {
}
section .presupuesto{
overflow: hidden;
padding: 60px 0;
}
section .presupuesto .cont-pasos{}
section .presupuesto .cont-pasos .paso{
width: 30%;
}
section .presupuesto .cont-pasos .paso.active{}
section .presupuesto .cont-pasos .paso span{
color: #5E5E5E;
font-size: 28px;
line-height: 32px;
font-weight: 400;
text-align: center;
width: 111px;
height: 158px;
margin: 0 auto;
display: block;
padding-top: 12px;
}
section .presupuesto .cont-pasos .paso.active span{}
section .presupuesto .cont-pasos .obra{
background: url(../img/iconos/estado2.png) no-repeat center top;
}
section .presupuesto .cont-pasos .obra.active{
background: url(../img/iconos/estado3.png) no-repeat center top;
}
section .presupuesto .cont-pasos .datos{
background: url(../img/iconos/estado4.png) no-repeat center top;
}
section .presupuesto .cont-pasos .datos.active{
background: url(../img/iconos/estado1.png) no-repeat center top;
}
section .presupuesto .cont-pasos .paso p{
font-family: @condensado;
color: #CCCCCC;
font-size: 20px;
line-height: 24px;
font-weight: 400;
text-align: center;
text-transform: uppercase;
margin: 30px 0;
padding-bottom: 10px;
/*background: url(../imagenes/presupuesto/1.png) no-repeat center bottom;*/
background: url(../img/iconos/bg-linea-presupuesto-1.png) no-repeat center bottom;
}
/***********/
section .presupuesto .cont-pasos .paso.obra.active p{
background: url(../img/iconos/bg-linea-presupuesto-2.png) no-repeat center bottom;
}
section .presupuesto .cont-pasos .paso.datos.active p{
background: url(../img/iconos/bg-linea-presupuesto-2.png) no-repeat center bottom;
}
/***********/
section .presupuesto .cont-pasos .paso.active p{
color: #5E5E5E;
font-weight: 500;
}
section .presupuesto .cont-pasos .linea{
/*max-width: 200px;*/
}
section .presupuesto .cont-pasos .linea hr{
height: 1px;
background: #DDDDDD;
border-color: #DDDDDD;
/*margin: -70px 0 0;*/
margin: 0 -85px 0;
}
section .presupuesto .pasos{}
section .presupuesto .pasos p{
overflow: hidden;
margin-bottom: 15px;
}
section .presupuesto .pasos p label{
float: left;
color: #555555;
font-size: 15px;
line-height: 18px;
font-weight: 400;
padding-right: 10px;
padding-top: 5px;
width: 20%;
text-align: right;
}
section .presupuesto .pasos p input{
float: left;
border-radius: 3px;
border: 1px solid #CCCCCC;
box-shadow: none;
width: 100%;
padding: 10px;
height: 34px;
color: #888888;
}
section .presupuesto .pasos p textarea{
float: left;
border-radius: 3px;
border: 1px solid #CCCCCC;
box-shadow: none;
min-height: 150px;
width: 100%;
color: #5E5E5E;
}
section .presupuesto .cont-btn{
overflow: hidden;
}
section .presupuesto .cont-btn button{
border-radius: 10px;
text-align: center;
color: #FFF;
font-size: 15px;
line-height: 3px;
background: #E42412;
padding: 15px 45px;
display: block;
cursor: pointer;
border: 0;
margin: 0 0 30px 15px;
text-transform: uppercase;
font-weight: 400;
height: 35px;
width: 170px;
}
section .presupuesto .cont-btn .boton-atras{
background: #fff;
color: #E42412;
border: 1px solid #E42412;
}
section .presupuesto .cont-btn .boton-atras:hover{
background: #E42412;
color: #fff;
border: 1px solid #E42412;
}
section .presupuesto .cont-btn button:hover{
opacity: 0.8;
}
section .presupuesto .pasos p .input-group{}
section .presupuesto .pasos p .input-group span{}
section .presupuesto .pasos p .input-group span input{}
section .presupuesto .pasos .examinar{}
section .presupuesto .pasos .examinar label{
float: left;
color: #555555;
font-size: 15px;
line-height: 18px;
font-weight: 400;
padding-right: 10px;
width: 20%;
}
section .presupuesto .pasos .examinar .input-group{
float: left;
width: 100%;
height: 50px;
}
section .presupuesto .pasos .examinar .input-group-btn{
border-radius: 10px;
float: right;
padding-right: 0;
text-align: center;
padding: 15px 0;
color: #FFF;
font-size: 14px;
height: 34px;
width: 35%;
text-transform: uppercase;
line-height: 3px;
background: #E42412;
margin: 0;
cursor: pointer;
}
section .presupuesto .pasos .examinar .input-group-btn:hover{
opacity: 0.8;
}
section .presupuesto .pasos .examinar .input-group-btn span{
border-radius: 0;
}
section .presupuesto .pasos .examinar .input-group input[type=file]{}
section .presupuesto .pasos .examinar .input-group input[type=text]{
width: 50%;
float: left;
border-radius: 3px;
border: 1px solid #CCCCCC;
box-shadow: none;
padding: 10px;
height: 34px;
background: #FFF;
color: #5E5E5E;
text-align:right;
}
section .presupuesto .pasos .examinar .agregar{
float: right;
color: #000;
font-size: 14px;
text-decoration: underline;
margin: 15px 0 0;
}
section .presupuesto .cont-btn .anterior{
border-radius: 25px;
text-align: center;
color: #69C200;
font-size: 15px;
line-height: 18px;
height: 48px;
background: #FFF;
padding: 13px 45px;
display: block;
cursor: pointer;
border: 1px solid #69C200;
margin: 30px 0;
font-family: @condensado;
text-transform: uppercase;
font-weight: 600;
}
section .presupuesto .cont-btn .anterior:hover{
color: #69C200;
border: 1px solid #69C200;
}
section .presupuesto .cont-btn a:hover{
text-decoration: none;
}