/* ######################### ####### FUENTES ####### */ @font-face { font-family: 'vw_black'; src: url('fonts/vwheadlineot-black-webfont.eot'); src: url('fonts/vwheadlineot-black-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/vwheadlineot-black-webfont.woff') format('woff'), url('fonts/vwheadlineot-black-webfont.ttf') format('truetype'), url('fonts/vwheadlineot-black-webfont.svg#vw_headline_otblack') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'vw_book'; src: url('fonts/vwheadlineot-book-webfont.eot'); src: url('fonts/vwheadlineot-book-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/vwheadlineot-book-webfont.woff') format('woff'), url('fonts/vwheadlineot-book-webfont.ttf') format('truetype'), url('fonts/vwheadlineot-book-webfont.svg#vw_headline_otbook') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'vw_semibold'; src: url('fonts/vwheadlineot-semibold-webfont.eot'); src: url('fonts/vwheadlineot-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/vwheadlineot-semibold-webfont.woff') format('woff'), url('fonts/vwheadlineot-semibold-webfont.ttf') format('truetype'), url('fonts/vwheadlineot-semibold-webfont.svg#vw_headline_otsemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FuturaStd-Light'; src: url('fonts/FuturaStd-Light.eot'); src: url('fonts/FuturaStd-Light.eot?#iefix') format('embedded-opentype'), url('fonts/FuturaStd-Light.woff') format('woff'), url('fonts/FuturaStd-Light.ttf') format('truetype'), url('fonts/FuturaStd-Light.svg#vw_headline_otsemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FuturaStd-Light'; src: url('fonts/FuturaStd-Light.eot'); src: url('fonts/FuturaStd-Light.eot?#iefix') format('embedded-opentype'), url('fonts/FuturaStd-Light.woff') format('woff'), url('fonts/FuturaStd-Light.ttf') format('truetype'), url('fonts/FuturaStd-Light.svg#vw_headline_otsemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'VWHeadRegular'; src: url('fonts/vwhead-regular.eot'); src: url('fonts/vwhead-regular.eot?#iefix') format('embedded-opentype'), url('fonts/vwhead-regular.woff') format('woff'), url('fonts/vwhead-regular.ttf') format('truetype'), url('fonts/vwhead-regular.svg#vwhead-regular') format('svg'); } @font-face { font-family: 'VWHeadLight'; src: url('fonts/vwhead-light.eot'); src: url('fonts/vwhead-light.eot?#iefix') format('embedded-opentype'), url('fonts/vwhead-light.woff') format('woff'), url('fonts/vwhead-light.ttf') format('truetype'), url('fonts/vwhead-light.svg#vwhead-light') format('svg'); } @font-face { font-family: 'VWHeadBold'; src: url('fonts/vwhead-bold.eot'); src: url('fonts/vwhead-bold.eot?#iefix') format('embedded-opentype'), url('fonts/vwhead-bold.woff') format('woff'), url('fonts/vwhead-bold.ttf') format('truetype'), url('fonts/vwhead-bold.svg#vwhead-bold') format('svg'); } @font-face { font-family: 'VWHeadExtraBold'; src: url('fonts/vwhead-extrabold.eot'); src: url('fonts/vwhead-extrabold.eot?#iefix') format('embedded-opentype'), url('fonts/vwhead-extrabold.woff') format('woff'), url('fonts/vwhead-extrabold.ttf') format('truetype'), url('fonts/vwhead-extrabold.svg#vwhead-extrabold') format('svg'); } @font-face { font-family: 'VWHeadOfficeBold'; src: url('fonts/vwheadoffice-bold.eot'); src: url('fonts/vwheadoffice-bold.eot?#iefix') format('embedded-opentype'), url('fonts/vwheadoffice-bold.woff') format('woff'), url('fonts/vwheadoffice-bold.ttf') format('truetype'), url('fonts/vwheadoffice-bold.svg#vwheadoffice-bold') format('svg'); } @font-face { font-family: 'VWTextBold'; src: url('fonts/vwtext-bold.eot'); src: url('fonts/vwtext-bold.eot?#iefix') format('embedded-opentype'), url('fonts/vwtext-bold.woff') format('woff'), url('fonts/vwtext-bold.ttf') format('truetype'), url('fonts/vwtext-bold.svg#vwtext-bold') format('svg'); } @font-face { font-family: 'VWTextRegular'; src: url('fonts/vwtext-regular.eot'); src: url('fonts/vwtext-regular.eot?#iefix') format('embedded-opentype'), url('fonts/vwtext-regular.woff') format('woff'), url('fonts/vwtext-regular.ttf') format('truetype'), url('fonts/vwtext-regular.svg#vwtext-regular') format('svg'); } @font-face { font-family: 'VWTextLight'; src: url('fonts/vwtext-light.eot'); src: url('fonts/vwtext-light.eot?#iefix') format('embedded-opentype'), url('fonts/vwtext-light.woff') format('woff'), url('fonts/vwtext-light.ttf') format('truetype'), url('fonts/vwtext-light.svg#vwtext-light') format('svg'); } /* ######################### ###### GENERALES ###### */ * { border: 0 none; line-height: 1.2em; margin: 0; padding: 0; } html { } body { margin:0; font-family: 'vw_book', Arial, Tahoma; font-size:15px; line-height:1.2em; color:#333; background:#000; } img { border:0; } img.img-centered { margin: 0 auto !important; } .helper { display: inline-block; height: 100%; vertical-align: middle; } a { text-decoration:none; cursor:pointer; color:#333; } ul { margin:0; padding:0; list-style-type:none; } .fL { float:left; } .clearfix { clear:both; } h1, h2, h3 { margin:0; padding:0; font-weight:normal; } sup { font-size:0.7em; line-height:0.7em; vertical-align:80%; } sup.reg { font-size:22px; line-height:8px; vertical-align:1%; } strong { font-family: 'vw_black'; font-weight:normal; } table { border-collapse: collapse; } #page { position:absolute; z-index:1; top:0; left:0; width:100%; } .centrado { width:990px; } .clearer {clear: both;} h4.menu-mobile{font-size: 14px;} .hidden{display: none !important;} /* ######################### ######## COMUNES ###### */ h1 { padding:60px 0 15px; height:43px; font-size:60px; line-height:43px; color:#999; } .btn { display:block; margin-top:5px; width:170px; height:22px; overflow:hidden; background: url('../img/deg-azul.png') repeat-x left top; border:1px solid #258ad6; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; font-size:14px; line-height:22px; color:#FFF; text-align:center; -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); font-family:'vw_book'; } .volver { margin:15px 0 25px; width:70px; } .volver span { display:block; width:52px; padding-left:18px; background: url('../img/volver-flecha.png') no-repeat 6px 5px; line-height:22px; } .margin-top-20{margin-top: 20px !important;} .text-center{text-align:center;} .text-left{text-align:left;} /* ######################### ####### CABECERA ###### */ #header { width:100%; height:40px; background: transparent; } #header .header-menu li { float:left; height:100px; } #header .header-menu li.first { width:175px; background: url('../img/logo_2020.png') no-repeat top center; } #header .header-menu li a { display:block; height:40px; padding:0 8px; background:#000; font-family: 'vw_semibold'; font-size:13px; line-height:40px; color:#FFF; } /* #header .header-menu li a.active, #header li a:hover { background:#02b1f2; color:#000; } */ #perfil { float:right; height:24px; padding:8px 10px 8px 0; font-size:12px; line-height:24px; color:#FFF; } #perfil > div { display:inline-block; vertical-align:top; } #perfil img { width:auto; height:32px; margin-right:6px; } #perfil .nombre { height:24px; border-right:1px solid #333; padding-right:8px; } #perfil a { display:inline-block; } #perfil .nombre a { color:#02b1f2; line-height:24px; text-decoration:underline; } #perfil .nombre span { display:inline-block; line-height:24px; } #perfil .nombre span.hola { display:none; } #perfil .nombre span.falso { color:#02b1f2; cursor:pointer; } #perfil #alertaTooltip { cursor:pointer; } #perfil span.alerta { display:inline-block; width:18px; height:18px; margin:3px 10px 0; vertical-align:top; background:#02b1f2; color:#000; line-height:18px; text-align:center; -webkit-border-radius:9px; border-radius:9px; } #perfil span.mensaje { display:inline-block; margin-top:3px; width:24px; height:18px; vertical-align:top; background: url('../img/mensaje.png') no-repeat left top; } #perfil .tooltip { z-index:6; display:none; margin:10px 0 0 -30px; width:210px; padding-top:21px; font-size:11px; color:#fff; background: url('../img/triangulo.png') no-repeat 130px 10px; } #perfil .tooltip div { width:220px; padding:12px 10px; background: url('../img/blanco-80.png') repeat left top; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); } #perfil .tooltip p.name { padding-bottom:5px; font-family: 'vw_semibold'; font-size:14px; line-height:1.2em; color:#333; } #perfil .tooltip p.company { padding-bottom:5px; font-size:14px; line-height:1.2em; color:#999; } #perfil .tooltip-perfil a.edit { font-size:14px; line-height:1.2em; color:#00b1eb; text-decoration:underline; } #perfil .tooltip-perfil a.btn { display:block; margin-top:8px; width:105px; font-size:14px; line-height:22px; color:#FFF; text-decoration:none; } #perfil .tooltip-azul { width:230px !important; margin-left:-98px; padding-top:25px !important; background: url('../img/triangulo-azul.png') no-repeat 196px 15px !important; } #perfil .tooltip-azul div { width:220px !important; padding-bottom:2px !important; background:#00b1eb !important; } #perfil .tooltip-azul li { float:none; height:auto !important; padding:8px 4px; border-top:1px solid #eefafe; } #perfil .tooltip-azul li a { font-size:14px; line-height:1em; color:#FFF; } #perfil .tooltip-azul li.first { border-top:none; padding-top:0; } /* ######################### ####### REGISTRO ###### */ .login-contenedor { width:345px; height:275px; margin:0 auto;/* border:1px solid #CFCFCF*/; overflow:hidden; background:#fff; /*background: url('../img/blanco-70.png') repeat left top;*/ position:absolute; /*top:50%*/; margin-top:-160px; } .login-forget { width:690px; height:250px; } .login-forget p { font-size:13px; line-height:1.3em; margin:0 0 15px; } .login-forget label { display:block; margin:0 5px 5px; } .login-forget input[type="text"], .login input[type="password"] { display:block; width:290px; height:22px; margin:0 5px 15px; padding:0 5px; border:1px solid #666; } .login-forget input[type="submit"] { float:right; width:80px; height:26px; font-size:12px; margin:10px 8px 0 0; background-color:#FFF; border:1px solid #666; color:#666; cursor:pointer; } /* .login-forget input[type="submit"]:hover { background-color:#666; color:#FFF; } */ .login-forget a { float:left; display:block; margin:0px 0 0 5px; font-size:11px; text-decoration:underline; color: #001843; } .login-forget a:hover { color:#333; } .login, .forget { float:left; width:315px; height:220px; padding:15px; background: url('../img/blanco-70.png') repeat left top; } .forget input[type="text"] { margin-bottom:79px; } #error { position:absolute; top:50%; margin-top:80px; height:1px; } #error span { display:block; width:250px; height:12px; margin-left:50px; padding:5px 0; font-size:12px; line-height:1em; color:#FFF; background:#d82d38; border:1px solid #FFF; -moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari and Chrome */ border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ text-align:center; } #error span.ok { margin-left:36px; width:278px; background:#006600; } #pag-home #main { width:345px; margin:0 auto; background:none; } #pag-inicio #main.big-main{margin: 0;width: 85%;padding: 0 5%;max-width: 85%;} /* ######################### ######## CUERPO ####### */ #main, #background { overflow:hidden; } #main { margin-left:20px; height:857px; width:690px; /*padding:0 30px*/; background: url('../img/deg-white.png') repeat left top; color:#142350; } #background { margin-top:40px; position: absolute; width:100%; } #background img { position: absolute; z-index: -20; } /*#background img { bottom:0; right:0; }*/ #background img { top:0; left:0;} #background img.off { display:none; } /* ######################## ##### PRESENTATION ##### */ #presentation ul { padding:18px 0 0; } #presentation li { float:left; width:205px; height:373px; } #presentation li.second { width:260px; } #presentation .photo { width:126px; height:150px; padding:6px; margin:0 auto; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #dcdcdc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#dcdcdc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#dcdcdc 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#dcdcdc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 1px 2px rgba(0, 0, 0, 0.15); } /*#presentation .photo > div,*/ #presentation .signature { width:126px; height:150px; margin:0 auto; background: url('../img/directores.png') repeat left top; } #presentation .signature { height:82px; background-position:left bottom; } /* #presentation .second .photo > div { background-position:center top; } */ #presentation .second .signature { background-position:center bottom; } /* #presentation .last .photo > div { background-position:right top; } */ #presentation .last .signature { background-position:right bottom; } #presentation span { display:block; font-size:16px; line-height:1.1em; text-align:center; } #presentation span.name { font-family: 'vw_semibold'; padding-top:25px; height:30px; } #presentation span.title { padding-top:8px; color:#666; } #presentation p { margin-bottom:10px; padding-right:20px; font-size:14px; line-height:1.25em; text-align:center; } /* ######################### ####### CONDITIONS ###### */ /* #conditions h2 { padding-left:30px;padding-right: 20px; margin-top:18px; font-size:24px; line-height:23px; height:23px; color:#999; background: url('../img/mas-menos.png') no-repeat left top; cursor:pointer; } */ /* #conditions h2:hover { color:#777; } */ /* #conditions h2.current, #conditions h2.current:hover { background-position:left bottom; color:#333; } */ #conditions .texto { display:none; padding:12px 20px 8px 0; color:#333; font-size:14px; line-height:1.2em; } #conditions .texto p { margin-top:8px; } #conditions .texto p.sup { font-size:10px; } #conditions table { margin:10px 0 20px; } #conditions table.w50 { width:320px; } #conditions thead td { background-color: #00B1EB; font-family:'vw_book'; font-size:12px; color:white; font-weight: normal; } #conditions td { padding: 10px 5px; border: 1px solid #FFF; background-color:#CCC; font-size:9px; color:#666; text-align:center; } #conditions td.cel { background-color:#00B1EB; font-size:9px; color:white; } #conditions td.sin { border:none; background-color:transparent; } #conditions tbody td { text-transform:uppercase; } #conditions .barreras-entrada td{padding-left: 0; padding-right: 0;} /* ######################### ##### RANKING > MENU #### */ .mi-menu { position:relative; z-index:5; list-style-type: none; margin: 0 auto; padding: 0; height: 40px; background: none; /* el color de fondo */ } .mi-menu br { display:none; } .mi-menu li { display: block; float: left; /* la lista se ve horizontal */ height: 40px; width:240px; list-style: none; margin: 0 20px 0 0; padding: 0; position: relative; background: url('../img/sel-triangulo.png') no-repeat right 11px; } .mi-menu li.year { width:114px; } .mi-menu li a { /* border: 1px solid #ececec; */ display: block; padding:0 20px 0 5px; margin:0; /* background-color: #E5E5E5; */ font-size:36px; line-height:36px; color:#999; text-align:left; text-decoration: none; /* animamos el cambio de color de los textos */ -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } /* los submen�s */ .mi-menu ul { position:absolute; top:40px; /* se ubican debajo del enlace principal */ left:-5px; margin:0; padding:0 5px; opacity: 1; background: url('../img/blanco-90.png') repeat left top; -moz-transition: opacity .25s ease .1s; -webkit-transition: opacity .25s ease .1s; -o-transition: opacity .25s ease .1s; -ms-transition: opacity .25s ease .1s; transition: opacity .25s ease .1s; -webkit-box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.2); } /* cada un ode los items de los submen�s */ .mi-menu ul li { height: 0; /* no son visibles */ overflow: hidden; padding: 0; border-top:1px solid #CCC; background:none; margin-right:0; /* animamos su visibildiad */ -moz-transition: height .25s ease .1s; -webkit-transition: height .25s ease .1s; -o-transition: height .25s ease .1s; -ms-transition: height .25s ease .1s; transition: height .25s ease .1s; } .mi-menu ul li.first { border-top:none; } .mi-menu li > ul li { height: 36px; /* los mostramos */ overflow: visible; padding: 0; } .mi-menu ul li a { display:block; margin:0; padding:5px 5px 1px; width:230px; height:30px; text-align:left; font-size:24px; line-height:28px; color:#CCC; } .mi-menu ul li a:hover, .mi-menu ul li a.active { color:#999; } .mi-menu li.year li, .mi-menu li.year li a { width:104px; } /* ######################### ######## RANKING ######## */ #ranking .month { padding:0 0 15px; height:40px; } #ranking ul.concesionario { margin-top:7px; width:690px; height:44px; } #ranking ul.concesionario li { float:left; /**height:42px;**/ } #ranking ul.concesionario li.conc, #ranking ul.concesionario li.concactive { width:170px; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; } #ranking ul.concesionario li.conc { border:1px solid #01b1ec; background:#01b1ec; border-bottom:1px solid #98989a; } #ranking ul.concesionario li.concactive { border:1px solid #98989a !important; border-bottom:1px solid transparent !important; } #ranking ul.concesionario li.inter, #ranking ul.concesionario li.finDoble, #ranking ul.concesionario li.finSimple { width:10px; border-top:1px solid transparent; border-bottom:1px solid #98989a; } #ranking ul.concesionario li.finDoble { width:296px !important; } #ranking ul.concesionario li.finSimple { width:478px !important; } #ranking ul.concesionario li a { display:block; width:170px; height:42px; font-family: 'vw_semibold'; font-size:16px; line-height:1em; color:#333; text-align:center; } #ranking ul.concesionario li.conc a { color:#FFF; } #ranking ul.concesionario li a span { display:block; padding:9px 0 4px; font-size:9px; line-height:1em; } #ranking h2 { margin:23px 0 10px; width:514px; padding:0 0 0 2px; background: url('../img/dashed.gif') repeat-x left bottom; font-size:24px; line-height:24px; color:#3f4040; } #ranking h2 > span { float:right; position:relative; top:3px; left:78px; height:30px; } #ranking h2 > span > span { display:block; width:74px; height:54px; background: url('../img/medium.png') no-repeat left -54px; font-family: 'vw_semibold'; font-size:26px; line-height:52px; color:#FFF; text-align:center; } #ranking h2 span.top5 { background-position: left top; } #ranking h2 span.no-opta { background-position: left -108px; } #ranking h2 span.bottom5 { background-position: left -162px; } #ranking div.group { display:none; } #ranking ul.options { width:570px; height:24px; } #ranking ul.options li { float:left; width:150px; height:24px; margin-right:10px; } #ranking ul.options a { display:block; width:150px; height:24px; background:#00b0eb; text-align:center; font-size:14px; line-height:24px; color:#FFF; } #ranking ul.options a.current { color:#333; background: url('../img/blanco-70.png') repeat left top; } #ranking ul.options a.current:hover { color:#000; } #ranking .panes { width:542px; height:199px; padding:17px 14px 4px; color:#777; background: url('../img/blanco-70.png') repeat left top; } #ranking .financiacion { height:240px !important; } #ranking .panes .rank { float:left; width:122px; text-align:center; font-size:17px; line-height:1.25em; } #ranking .panes .rank span { display:block; margin:10px 0 0 16px; width:90px; height:68px; background: url('../img/big.png') no-repeat left -68px; font-family: 'vw_semibold'; font-size:27px; line-height:66px; color:#FFF; text-align:center; } #ranking .panes .rank span.top5 { background-position: left top; } #ranking .panes .rank span.no-opta { background-position: left -136px; } #ranking .panes .rank span.bottom5 { background-position: left -204px; } #ranking .panes .points { float:left; width:381px; padding-left:24px; } #ranking .panes .points p { margin-bottom:18px; padding-bottom:4px; border-bottom:1px solid #CCC; font-size:14px; line-height:1.2em; } #ranking .panes .points p span { float:right; color:#00b0eb; } #ranking .see-top-5 p, #ranking .status p { padding-left:6px; font-size:14px; color:#999; } #ranking .status p > span { float:right; } #ranking .see-top-5 img, #ranking .status img { width:90px; height:90px; } #ranking .see-top-5 ul, #ranking .status ul { padding-top:17px; color:#333; } #ranking .see-top-5 li, #ranking .status li { float:left; margin-left:20px; width:90px; height:160px; font-size:11px; line-height:1.15em; text-align:center; } #ranking .see-top-5 li span, #ranking .status li span { display:block; height:26px; overflow:hidden; padding:5px 0 3px; font-family: 'vw_semibold'; } #ranking .see-top-5 li.first, #ranking .status li.first { margin-left:6px; } #ranking .mostrar-ocultar { display:block; margin-top:15px; width:118px; height:22px; overflow:hidden; background: url('../img/deg-azul.png') repeat-x left top; border:1px solid #258ad6; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; font-size:14px; line-height:22px; color:#FFF; text-align:center; -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); } #ranking .mostrar-ocultar span { display:block; width:118px; height:18px; padding:2px 0; margin-top:0; } #ranking .mostrar-ocultar.current span.mostrar { margin-top:-22px; } #ranking ul > li.year > ul {z-index: 1;} #ranking .nav{text-align: center;} #ranking ul.nav-tabs{border-bottom:1px solid #98989a;} #ranking .nav li.active a{background-color: transparent;border-width:1px;border-color:#98989a;border-bottom-color: transparent;} #ranking .nav li a span{font-size: 9px;} #ranking .btn-blue{ display:block; height:22px; overflow:hidden; background: url('../img/deg-azul.png') repeat-x left top; border:1px solid #258ad6; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; font-size:10px; line-height:22px; color:#FFF; text-align:center; -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); } #ranking div[class^=col-]{ padding-left: 0; } #ranking .menu-ranking .menu-mobile {display: none; margin: 10px inherit; width: 100%;} #ranking .menu-ranking ul.menu-mobile{text-align: center;} #ranking .menu-ranking .nav-pills li{background-color:#D7D7D7; border-radius: 4px; width: 48%;} #ranking .menu-ranking .nav-pills li.active a{background-color: #00ABEA;} #ranking .bg-dashed{ background: url('../img/dashed.gif') repeat-x left bottom; } #ranking h2{background: none; display: inline-block; width: auto;} #ranking .puntuacion span{ display:block; width:74px; height:54px; background: url('../img/medium.png') no-repeat left -54px; font-family: 'vw_semibold'; font-size:26px; line-height:52px; margin-top: 20px; color:#FFF; text-align:center; } .circulo { background: #555; border-radius: 50%; display: inline-block; height: 40px; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin-top: 40px; text-align: center; width: 40px; } .circulo p{ color: #FFF; font-size: 12px; } .circulo p:first-child{ margin-top: 5px; } /* ######################### ######## RANKING GLOBAL######## */ #ranking-global a{ text-decoration: none; } h1.ranking-global{ float: left; font-size: 30px; padding: 15px 0; } #ranking-global-content .mi-menu li, .mi-menu li.year { width: auto; } #ranking-global-content .mi-menu li a { font-size: 20px; width: auto; } #ranking-global-content .mi-menu ul li a { font-size: 20px; width: auto; } .background-blue{ background-color:#00abea; } #ranking-global-content .month {float: right; padding-top: 20px;} #ranking-global-content ul.concesionario , #ranking-global-ganadores ul.concesionario { margin-top:7px; width:690px; height:44px; } #ranking-global-content ul.concesionario li , #ranking-global-ganadores ul.concesionario li { float:left; } #ranking-global-content ul.concesionario li.conc, #ranking-global-content ul.concesionario li.concactive , #ranking-global-ganadores ul.concesionario li.conc, #ranking-global-ganadores ul.concesionario li.concactive { width:170px; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; } #ranking-global-content ul.concesionario li.conc , #ranking-global-ganadores ul.concesionario li.conc { border:1px solid #01b1ec; background:#01b1ec; border-bottom:1px solid #98989a; } #ranking-global-content ul.concesionario li.concactive , #ranking-global-ganadores ul.concesionario li.concactive { border:1px solid #98989a !important; border-bottom:1px solid transparent !important; } #ranking-global-content ul.concesionario li.inter, #ranking-global-content ul.concesionario li.finDoble, #ranking-global-content ul.concesionario li.finSimple, #ranking-global-ganadores ul.concesionario li.inter, #ranking-global-ganadores ul.concesionario li.finDoble, #ranking-global-ganadores ul.concesionario li.finSimple { width:10px; border-top:none solid transparent; border-bottom:1px solid transparent; } #ranking-global-content ul.concesionario li.finDoble , #ranking-global-ganadores ul.concesionario li.finDoble { width:296px !important; } #ranking-global-content ul.concesionario li.finSimple , #ranking-global-ganadores ul.concesionario li.finSimple { width:478px !important; } #ranking-global-content ul.concesionario li a , #ranking-global-ganadores ul.concesionario li a { display:block; width:170px; height:42px; font-family: 'vw_semibold'; font-size:16px; line-height:1em; color:#333; text-align:center; } #ranking-global-content ul.concesionario li a , #ranking-global-ganadores ul.concesionario li a { text-decoration:none; } #ranking-global-content ul.concesionario li a span , #ranking-global-ganadores ul.concesionario li a span { display:block; padding:9px 0 4px; font-size:9px; line-height:1em; } .menu-ranking-global .menu-mobile {padding-left: 0; display: none; margin-bottom: 0px; margin-top: 0px; width: 100%;} .menu-ranking-global ul.menu-mobile {text-align: center;} .menu-ranking-global .nav-pills li{background-color: #00ABEA; border-radius: 4px; width: 48%;} .menu-ranking-global .nav-pills li a{color: #FFF;} .menu-ranking-global .nav-pills li.active a{background-color:#D7D7D7; color: #000;} .tabla-ranking-numero { /**background: #fff url('../img/bg_ranking_num.png') repeat 0px 0px;**/ background-color: transparent !important; font-size: 48px; width: 60px; } table.ranking-global { color: #999; border-collapse: separate; border-spacing: 3px; margin-top: 20px; width: 100%; } table.ranking-global th { background-color: transparent; text-align: left; font-size: 23px; font-weight: normal; text-align: left; } table.ranking-global thead tr { background-color: transparent !important; } table.ranking-global tr:nth-child(even) td { background-color: #e1e1e1; } table.ranking-global tr:nth-child(odd) td { background-color: #eeeeee; } table.ranking-global td { padding: 5px; } table.ranking-global img { display: block; border: 1px solid #cccccc; } table.ranking-global span { display: block; } #ranking-global-content ul.concesionario li a , #ranking-global-ganadores ul.concesionario li a { font-size: 20px; } #ranking-global-content ul.concesionario li a, #ranking ul.concesionario li.conc a , #ranking-global-ganadores ul.concesionario li a { color: #999999; } #ranking-global-content ul.concesionario li.conc , #ranking-global-ganadores ul.concesionario li.conc { background: #ffffff; /*border-color: #d1d1d1;*/ border-color: #98989a; } #ranking-global-content ul.concesionario li.concactive a , #ranking-global-ganadores ul.concesionario li.concactive a { color: #00b4f2; } #concesionario-tipo { padding-left: 120px; background: transparent url('../img/linea_gris_pixel.gif') repeat-x 0 bottom; } table.ranking-global span.nombre { font-size: 15px; font-weight: bold; padding-bottom: 5px; } table.ranking-global span.nombre a { color: #999; } table.ranking-global span.concesionario { font-size: 15px; text-transform: uppercase; } #ranking-global-tipos { padding: 20px 10%; margin-bottom: 20px; background: transparent url('../img/bg_ranking_tipo_linea.png') no-repeat center bottom; } #ranking-global-tipos ul li { float: left; padding: 0 5%; } #ranking-global-tipos ul li a { background: transparent url('../img/bg_ranking_tipo.gif') no-repeat 0px 0px; color: #999999; display: block; font-size: 15px; font-weight: bold; height: 18px; /* real 23px */ padding-left: 24px; padding-top: 5px; text-decoration: none; } #ranking-global-tipos ul li a.active { color: #00b4f2; background: transparent url('../img/bg_ranking_tipox.gif') no-repeat 0px 0px; } #filtro-negro {background-color: #fff;} #ranking-global-content #scrollbar1 , #ranking-global-ganadores #scrollbar1 { max-width: 1050px; width: 100% } #ranking-global-content #scrollbar1 .viewport , #ranking-global-ganadores #scrollbar1 .viewport { max-width: 1050px; width: 98% } #ranking-global-content #scrollbar1 .overview , #ranking-global-ganadores #scrollbar1 .overview{ max-width: 1025px; width: 100%; padding-right:10px; } .turismos , .comerciales{ display: none; } .accordion-ranking-global-mobile h2{font-size: 18px; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-right: 10px;} .accordion-ranking-global-mobile h2 img{float: right; margin-top: 8px;} .accordion-ranking-global-mobile div{font-size: 14px;padding-left: 0px;padding-right: 0px} /**.accordion-ranking-global-mobile div[class^=col-xs]{padding: 0;}**/ .accordion-ranking-global-mobile .blue{color: #00AFEC; font-weight: bold;} .accordion-ranking-global-mobile h2 { padding-left:30px;padding-right: 20px; margin-top:18px; margin-bottom: 0; font-size:24px; line-height:23px; color:#999; background: url('../img/mas.png') no-repeat; cursor:pointer; } .accordion-ranking-global-mobile h2:hover { color:#777; } .accordion-ranking-global-mobile h2.current, .accordion-ranking-global-mobile h2.current:hover { background: url('../img/menos.png') no-repeat; color:#333; } .accordion-ranking-global-mobile div.row.row-ranking , .accordion-ranking-global-mobile div.row-tu-position .row{ border-bottom: 1px solid #000; min-height: 40px; padding-top: 15px; } .accordion-ranking-global-mobile div.row.row-tu-position{ display: none; } .accordion-ranking-global-mobile div.row.row-detalles{ display: none; /**text-align: center;**/ } .accordion-ranking-global-mobile div.row.row-detalles div{ padding: 0; } .accordion-ranking-global-mobile div.row.row-detalles img{ /**display: inline-block; height: 120px; width: 120px;**/ } .accordion-ranking-global-mobile div.row.row-detalles .position{ color: #FFF; font-size: 20px; min-width: 100%; text-align: center; /**vertical-align: top;**/ } .accordion-ranking-global-mobile div.row.row-detalles .option{ /**display: inline-block; text-align: center; vertical-align: top;**/ height: 100%; padding-left: 5px; padding-right: 0px; } .accordion-ranking-global-mobile div.row.row-detalles .option > div:first-child{ margin-bottom: 2%; } .accordion-ranking-global-mobile div.row.row-detalles .option > div{ background-color: #00ABEA; color: #FFF; cursor: pointer; display: table; height: 48%; text-align: center; width: 100%; /**padding: 20px 88px;**/ } .accordion-ranking-global-mobile div.row.row-detalles .option > div > div{ display: table-cell; vertical-align: middle; } .accordion-ranking-global-mobile div.row.row-detalles .option div p{ font-size: 20px; } .accordion-ranking-global-mobile div.row.row-detalles .option > div.selected{ background-color: #d7d7d7; } .accordion-ranking-global-mobile div.row.row-ranking img{ max-height: 50px; max-width: 50px; } .accordion-ranking-global-mobile div.row.row-ranking:hover{ background-color: #EEE; cursor: pointer; } .have-ranking h4{ border-bottom: 1px solid #ccc; cursor: pointer; font-weight: bold; } #ranking-global-turismos-header .cabecera-2 th:first-child { min-width: 223px; } #ranking-global-comerciales-header .cabecera-2 th:first-child { min-width: 223px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #ranking-global-turismos-header .cabecera-2 th:first-child { min-width: 316px; } #ranking-global-comerciales-header .cabecera-2 th:first-child { min-width: 316px; } } /* ######################### ######## AWARDS ######### */ /* #awards > div { margin-bottom:28px; } */ #awards .highlight { margin:6px 0 15px -10px; width:686px; padding:10px 12px; background:#FFF; -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } #awards h2 { font-family: 'vw_semibold'; font-size:24px; line-height:1.15em; color:#333; } #awards p { margin-top:6px; font-size:16px; line-height:1.2em; color:#666; } /* ######################### ####### COMUNITY ######## */ #comunity { } #comunity h2 { padding-left:30px; margin-top:18px; font-size:24px; line-height:23px; color:#999; background: url('../img/menos.png') no-repeat; } #comunity p { margin:5px 0; font-size:14px; line-height:1.2em; color:#999; } #comunity a.verMas { font-family: 'vw_semibold'; font-size:14px; line-height:1.2em; color:#00b1eb; text-decoration:underline; } #comunity a.verMas:hover { color:#333; } #comunity .interview { width:660px; } #comunity .visor { margin:15px 0 30px 2px; /**width:660px;**/ height:210px; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#dddddd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#dddddd 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#dddddd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.15); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #comunity .botPrev, #comunity .botNext { float:left; margin-top:73px; width:30px; height:60px; background: url('../img/pre-next.png') no-repeat right top; } #comunity .botNext { background-position:left top; } #comunity .botPrev:hover { background-position:right bottom; } #comunity .botNext:hover { background-position:left bottom; } #comunity a.disabled { opacity:0; } #comunity .botPrev, #comunity .botNext, #comunity a.disabled { -webkit-transition: opacity 500ms linear; -moz-transition: opacity 500ms linear; -ms-transition: opacity 500ms linear; -o-transition: opacity 500ms linear; transition: opacity 500ms linear; } #comunity .scrollable { /**float:left;**/ position:relative; /**width:600px;**/ height:210px; overflow:hidden; } #comunity #browsable .items { position:absolute; width:20000em; clear:both; } #comunity #browsable .items div.item { float:left; width:580px; padding:10px; } #comunity #browsable .item .photo { float:left; margin-right:20px; max-width:190px; max-height:190px; /**background-repeat:no-repeat;**/ } #comunity #browsable .item .photo img { width:100px; height:100px; } #comunity #browsable .item .text { float:left; width:360px; height:90px; /**padding-top:70px;**/ font-size:21px; line-height:1.2em; color:#666; } #comunity .item .name { font-family: 'vw_semibold'; } #comunity .item .company { font-size:20px; margin:10px 0; } #comunity .item p { font-size:16px; color:#666; } #comunity .item a.sel { float:left; display:block; margin-top:5px; width:170px; height:22px; overflow:hidden; background: url('../img/deg-azul.png') repeat-x left top; border:1px solid #258ad6; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; font-size:14px; line-height:22px; color:#FFF; text-align:center; -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); } #comunity #comunity-home{ padding-top: 30px; } #comunity #comunity-home ul li{ box-shadow: 2px 2px 2px #aaaaaa; background: rgba(2,177,242, 0.6) url('../img/comunidad-lista-icono.png') no-repeat right center; margin-bottom: 25px; } #comunity #comunity-home ul li a{ display: block; padding: 15px 20px; padding-left: 85px; color: #ffffff; font-size: 42px; text-decoration: none; } #comunity #comunity-home ul li.entrevistas a{ background: transparent url('../img/entrevista.png') no-repeat 15px; } #comunity #comunity-home ul li.excelencia a{ background: transparent url('../img/excelencia.png') no-repeat 15px; } #comunity #comunity-home ul li.test a{ background: transparent url('../img/test.png') no-repeat 15px; } #comunity #comunity-back:after{ content: ''; display: block; clear: both; } #comunity #comunity-back a{ float: right; width: 70px; height: 22px; margin-bottom: 20px; background: url('../img/deg-azul.png') repeat-x 0 0; border: 1px solid #258ad6; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; font-size: 14px; line-height: 22px; color: #FFF; text-align: center; -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); } /* ### COMUN EN VARIOS ### */ #tests h3 { padding:15px 0; margin:0; font-size:22px; line-height:1.1em; color:#666; } #tests .scrollable { position:relative; float:none !important; width:666px !important; height:275px !important; overflow:hidden; } #tests .scrollable .items { position:absolute; width:20000em; clear:both; } #tests .scrollable .items ul.item { float:left; width:690px; } #tests .botOff { display:none; } #tests .navi { height:12px; margin:0 0 10px 310px; } #tests .navi a { display:block; float:left; height:12px; width:12px; margin-right:8px; background: url('../img/navi.png') no-repeat left top; } #tests .navi a.active { background-position:left bottom; } #tests ul { padding:0; height:260px; } #tests li { float:left; /**margin-right:15px;**/ width:200px; height:260px; font-size:12.75px; line-height:1.3em; color:#333; text-align:center; } #tests li.first { margin-left:0; } #tests span { display:block; height:20px; } #tests img { width:190px; height:190px; border:5px solid #FFF; -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.15); } #tests li a.sel { display:block; margin-top:5px; width:198px !important; height:22px; overflow:hidden; background: url('../img/deg-azul.png') repeat-x left top; border:1px solid #258ad6; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; font-size:14px; line-height:22px; color:#FFF; text-align:center; -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); } #tests li a.active { background-image: url('../img/deg-gris.png') !important; border-color:#000 !important; } #tests a.sel span { display:block; position:relative; width:198px; height:22px; line-height:22px; } #tests a.sel span.seleccionado { top:-22px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); } #tests a.active span.seleccionar { opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); } #tests a.active span.seleccionado { opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } #tests .porc > div { margin-top:5px; width:200px; height:14px; background: url('../img/barra.png') repeat-x left -14px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.15); } #tests .porc > div > span { display:block; height:14px; background: url('../img/barra.png') repeat-x left top; } #tests .porc > span { display:block; margin-top:2px; width:36px; height:20px; padding-top:5px; background: url('../img/porc-flecha.png') no-repeat center top; color:#999; text-align:center; } /* ######################### ####### INTERVIEW ####### */ #interview .visor { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#dddddd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#dddddd 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#dddddd 100%); /* W3C */ border-radius: 2px; margin:0 0 0 0px; /**width:640px; height:190px;**/display: inline-block; padding:0px; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.15); -moz-border-radius: 2px; -webkit-border-radius: 2px; width: 99%; } #interview .item .photo { float:left; margin-right:20px; max-width:190px; max-height:190px; /**background-repeat:no-repeat;**/ } #interview .item .text { /**float:left;**/ /**width:425px;**/ min-height:90px; padding-top:70px; font-size:21px; line-height:1.2em; color:#666; } #interview .item .image{display: inline-block; float: left;} #interview .item .image > div{position:relative;} #interview .item .name { font-family: 'vw_semibold'; } #interview .item .company { font-size:20px; margin:10px 0; } #interview .item p { font-size:16px; color:#666; } #interview .interview { width:660px; } #interview .interview h3 { padding:15px 0; margin:0; font-size:16px; line-height:1.2em; color:#555; } #interview .interview p { padding-bottom:5px; font-size:14px; line-height:1.2em; color:#666; } #interview h2 { padding:15px 0 5px; font-size:24px; line-height:1.2em; color:#999; } #interview #form-interview h3 { padding-bottom:5px; font-family: 'vw_semibold'; font-size:18px; } #interview #form-interview textarea { width:638px; height:98px; padding:10px; background:#CCC; border:1px solid #CCC; font-family:'vw_book'; font-size:14px; line-height:1.2em; color:#333; } #interview #form-interview textarea.alerta { border-color:#CC0000; } #interview #form-interview input[type="submit"] { margin:15px 0; cursor:pointer; } /* ######################### #### LIST INTERVIEWS #### */ #interview-list p { color:#989898; } #interview-list ul { padding-bottom:30px; height:180px; color:#FFF; } #interview-list li { float:left; margin:0 0 18px 18px; width:150px; height:220px; font-size:11px; line-height:1.15em; text-align:center; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#dddddd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#dddddd 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#dddddd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15); } /* #interview-list li.sin { margin-left:2px; } */ #interview-list li a { display:block; width:150px; height:150px; background-position:5px 5px; background-repeat:no-repeat; opacity:0.8; } #interview-list li a:hover { opacity:1; } #interview-list li span { display:block; padding:150px 5px 0; min-height:26px; max-height:30px; overflow:hidden; font-family: 'vw_semibold'; font-size:14px; line-height:1.1em; color:#666; } #interview-list li span.novedad { background: url('../img/novedad-list.png') no-repeat 5px 5px; } #interview-list li span.company { padding:5px 5px 0; font-family: 'vw_book'; } /* ######################### ######## PROFILE ######## */ #profile .edit-profile { margin:15px 0 0 5px; } #profile .photo { float:left; width:140px; height:140px; border:5px solid #FFF; background:#000; -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.15); } #profile .photo img { width:140px; height:140px; } #profile .see-profile { position:relative; z-index:1; margin-left:170px; height:150px; } #form-profile label { display:block; font-family:'vw_semibold'; font-size:18px; line-height:1.2em; color:#999; } #form-profile input[type="text"] { margin:2px 0 8px; width:366px; height:25px; padding:2px 7px 0; background-color:#FFF; font-family:'vw_book'; font-size:14px; line-height:25px; color:#999; } #form-profile div { padding-top:3px; } #form-profile input[type="submit"] { float:left; margin-right:20px; width:120px; height:24px !important; font-family:'vw_book'; font-size:14px; cursor:pointer; } #form-profile a.cancelar { float:left; width:120px; line-height:25px; background-image: url('../img/deg-gris.png') !important; border-color:#000; } #see-photo { display:none; position:relative; z-index:2; top:-150px; margin-left:169px; width:372px; height:140px; padding:5px; background:#FFF; -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.15); } #see-photo a.cerrar { float:right; display:block; margin:5px; width:20px; height:19px; background: url('../img/cerrar.png') no-repeat 5px 5px; } #see-photo h3 { width:200px; width:250px; padding:13px 0 7px 80px; font-size:22px; line-height:1.3em; color:#999; } #see-photo .formulario { padding:10px 0; text-align:center; /* border:1px solid #666; */ } #see-photo .error { height:18px; padding:5px 0; font-size:13px; line-height:1.2em; color:#d95455; text-align:center; } #see-photo p { font-size:13px; line-height:1.2em; color:#999; text-align:center; } #respForm { margin-top:50px; } #respForm #checkForm { margin-left:170px; width:270px; padding:5px 5px 5px 15px; background:#00aceb; font-size:15px; line-height:1.2em; color:#FFF; text-align:left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #respForm a { display:block; float:right; width:18px; background:#FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color:#00aceb; text-align:center; } #respForm .recuadro-error { width:340px !important; background:#cc0000 !important; } #respForm .recuadro-error a { color:#cc0000 !important; } /* ######################### ######## CUENTA PERSONAL######## */ h1.cuenta-personal-h1{ float: left; font-size: 30px; padding: 15px 0; } .menu-tipo ul.concesionario li a { font-size: 20px; } .menu-tipo ul.concesionario li a { color: #999999; } .menu-tipo ul.concesionario li.conc { background: #ffffff; /*border-color: #d1d1d1;*/ border-color: #98989a; } .menu-tipo ul.concesionario li.concactive a { color: #00b4f2; } .menu-tipo { padding-left: 120px; background: transparent url('../img/linea_gris_pixel.gif') repeat-x 0 bottom; } .menu-tipo ul.concesionario { margin-top:7px; width:690px; height:44px; } .menu-tipo ul.concesionario li { float:left; } .menu-tipo ul.concesionario li.conc , .menu-tipo ul.concesionario li.concactive { width:170px; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; } .menu-tipo ul.concesionario li.conc { background-color: #ffffff; /*border-color: #d1d1d1;*/ } .menu-tipo ul.concesionario li.conc { border:1px solid #98989a; border-bottom:1px solid #98989a; } .menu-tipo ul.concesionario li.concactive { border:1px solid #98989a !important; border-bottom:1px solid transparent !important; } .menu-tipo ul.concesionario li.inter, .menu-tipo ul.concesionario li.finDoble, .menu-tipo ul.concesionario li.finSimple { width:10px; border-top:none solid transparent; border-bottom:1px solid transparent; } .menu-tipo ul.concesionario li.finDoble { width:296px !important; } .menu-tipo ul.concesionario li.finSimple { width:478px !important; } .menu-tipo ul.concesionario li a { display:block; width:170px; height:42px; font-family: 'vw_semibold'; font-size:16px; line-height:1em; color:#333; text-align:center; } .menu-tipo ul.concesionario li a { text-decoration:none; } .menu-tipo ul.concesionario li a span { display:block; padding:9px 0 4px; font-size:9px; line-height:1em; } .menu-tipo ul.concesionario li a { font-size: 20px; } .menu-tipo ul.concesionario li a { color: #999999; } .menu-mobile {display: none; margin: 10px inherit; width: 100%;} ul.menu-mobile{text-align: center;} .menu-tipo .menu-mobile {display: none; margin: 10px inherit; width: 100%;} .menu-tipo ul.menu-mobile{text-align: center;} .menu-tipo .menu-mobile.nav-pills li{background-color:#D7D7D7; border-radius: 4px; width: 48%;} .menu-tipo .menu-mobile.nav-pills li.active a{background-color: #00ABEA;} .img-head-table{padding-right: 0;} .row.table-vw{padding-top: 18px; padding-bottom: 18px;} .row.table-vw .row.title{margin-bottom: 10px;} .row.table-vw .table-vw-style1 .row.title h2{color: #FFF;font-size: 19.5px;text-transform: uppercase;} .table-vw .table-vw-style1{background-color:#28B1F0; padding-top: 18px; padding-bottom: 18px;} .table-vw .table-vw-style1 .row{margin-left: 18px; margin-right: 18px;} .row.table-vw-mobile{padding-top: px; padding-bottom: px;} .row.table-vw-mobile .row.title{margin-bottom: 10px;} .row.table-vw-mobile .table-vw-style1_mobile .row.title h2{color: #FFF;font-size: 19.5px;text-transform: uppercase;} .table-vw-mobile .table-vw-style1-mobile{} .table-vw-mobile .table-vw-style1-mobile .table-vw-cell-style1{border:1px solid #28B1F0} div[class^=col-].col-3-white{background-color: #FFF; margin-bottom: 2px; margin-right: 2px; margin-top: 2px; padding: 10px; width: 22.4%;} div[class^=col-].col-3-white:first-child , div[class^=col-].col-4-white:first-child, div[class^=col-].col-6-white:first-child{margin-left: 0px;} div[class^=col-].col-3-white .row , div[class^=col-].col-4-white .row , div[class^=col-].col-6-white .row{margin: 0;} div[class^=col-].col-3-white .row:first-child , div[class^=col-].col-4-white .row:first-child , div[class^=col-].col-6-white .row:first-child{min-height: 50px;} div[class^=col-].col-3-white p.concept , div[class^=col-].col-4-white p.concept , div[class^=col-].col-6-white p.concept{font-size: 12px; text-transform:uppercase;} div[class^=col-].col-3-white p.concept span , div[class^=col-].col-4-white p.concept span , div[class^=col-].col-6-white p.concept span{font-size: 11px;} div[class^=col-].col-3-white p.description , div[class^=col-].col-4-white p.description , div[class^=col-].col-6-white p.description{color: #27b0ef; font-size: 10px;} div[class^=col-].col-3-white .value , div[class^=col-].col-4-white .value , div[class^=col-].col-6-white .value{color: #142350; font-size:20px;} div[class^=col-].col-4-white{background-color: #FFF; margin-bottom: 2px; margin-right: 2px; margin-top: 2px; padding: 10px; width:30.7%;} .table-vw .table-vw-style2{background-color:#CCECFB; padding-top: 18px; padding-bottom: 18px;} .table-vw .table-vw-style2 .row{background-color: #FFF; padding-top: 10px;} .table-vw .table-vw-style3{ padding-top: 18px;border-top: 2px solid #27B1EF; border-right: 2px solid #27B1EF;border-bottom: 2px solid #27B1EF;} .table-vw .table-vw-style2 .row{margin-left: 18px; margin-right: 18px;} .table-vw .table-vw-style2 .row.custom-margin{margin-top: -35px;} .row.table-vw .table-vw-style3 .row.title{padding-left: 18px;} .row.table-vw .table-vw-style2 .row.title h2 , .row.table-vw .table-vw-style3 .row.title h2{color: #27B1EF;font-size: 19.5px; text-transform: uppercase;} .row.table-vw .img-border{border-left: 2px solid #27B1EF; padding-top: 10px; border-top: 2px solid #27B1EF; padding-bottom: 10px; border-bottom: 2px solid #27B1EF; text-align: center;} .row.table-vw .table-vw-style3 .table{margin-top: -40px;} .row.table-vw .table-vw-style3 .row.custom-margin{padding-left: 18px; border-left: 2px solid #27B1EF; margin-top: 25px;} .row.table-vw .table-vw-style3.custom-width{width:91.2%;} .table-vw .table-vw-style3 .table thead tr th{ color: #27B1EF; } .table-vw .table-vw-style2 .table thead tr th { border-bottom: 1px solid #93d8f7; color: #28b1f0; font-size: 14px; padding-bottom: 0; vertical-align: middle; } .table-vw .table-vw-style2 .table tbody tr td { border-top: none; border-bottom: 1px solid #93d8f7; color: #000; padding: 6px 8px 4px 8px; position: relative; } .table-vw .table-vw-style2 .table tbody tr td:first-child { padding-top: 4px; } .table-vw .table-vw-style2 .table tfoot tr { background-color: #8FD8F8; } .table-vw .table-vw-style2 .table tfoot tr td { background-color: #8FD8F8; color: #FFF; font-family: "vw_black"; padding-top: 10px; text-transform: uppercase; } .table-vw .table-vw-style2 .table tfoot tr td:first-child img { width: 20px; } .table-vw .table-vw-style3 .table thead tr th , .table-vw .table-vw-style3 .table tbody tr td , .table-vw .table-vw-style3 .table tfoot tr td{ border: none; font-size: 12px; text-align: center; vertical-align: middle; } .table-vw .table-vw-style3 .table tbody tr { position: relative; } .table-vw .table-vw-style2 .table tbody tr td:first-child img { width: 15px; } .table-vw .table-vw-style3 .table tbody tr td:first-child { font-weight: bold; text-align: left; text-transform: uppercase; } .table-vw .table-vw-style3 .table tbody tr:nth-child(odd){ background-color: #9ED7F0; } .table-vw .table-vw-style3 .table tbody tr:nth-child(even){ background-color: #EBF6FC; } .table-vw .table-vw-style2 .table tfoot tr{ background-color: #03B0F2; } .table-vw .table-vw-style2 .table div , .table-vw .table-vw-style3 .table div{ min-height: 28px; } .table-vw .table-vw-style3 .table .total-row{ color: #27B1EF; font-size: 14px; text-transform: uppercase; } .table-vw .table-vw-style3 .resultado-excelencia{ margin-top: 40px; margin-left: 35px; } .table-vw .table-vw-style3 .resultado-excelencia > div { background-color: #29B0F0; padding: 20px; text-align: center; } .table-ranking tr td { padding-bottom: 10px; } .table-ranking tr td:first-child { color: #FFF; font-size: 30px; text-align: center; width: 60px; } .table-ranking tr td img { /* height: 70px; */ width: 80px; } .table-ranking tr td.nombre { font-size: 12px; padding-left: 20px; } .table-ranking tr:last-child td { padding-bottom: 20px; } img.valoracion-big { width: 20px; } img.valoracion { width: 15px; } .leyenda { background-color: transparent !important; padding-top: 25px !important; } .leyenda > div:first-child { padding-left: 35px; } .leyenda > div { font-size: 11px; } /* ######################### ####### G A L A ####### */ /*#pag-gala .filtro-negro { background: url('../img/filtro-negro.png') repeat left top; } #pag-gala #main { background:none; padding:0; } #pag-gala #main img { vertical-align:top; opacity:0.8; } #pag-gala #main img:hover { opacity:1; } #pag-gala #scrollbar1 .viewport { background:#000; } #pag-gala #main { width:960px; } #pag-gala #main img { width:230px; height:230px; } #pag-gala #scrollbar1 { width:940px; } #pag-gala #scrollbar1 .viewport { width:920px; }*/ #galas-home ul li { padding-top: 50px; clear: both; } #galas-home ul li .galas-img{ float: left; width: 230px; padding: 5px; background-color: #ffffff; box-shadow: 2px 2px 2px #aaaaaa; } #galas-home ul li .galas-img img{ display: block; margin: 0 auto; } #galas-home ul li .galas-data{ float: right; width: 420px; } #galas-home ul li .galas-data h2{ font-size: 42px; } #galas-home ul li .galas-data .galas-desc{ padding-bottom: 10px;; } #galas-home ul li .galas-data .galas-desc p{ padding: 5px 0; } #galas-home ul li .galas-data .galas-link{ display: inline-block; width: 120px; height: 22px; background: url('../img/deg-azul.png') repeat-x 0 0; border: 1px solid #258ad6; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; font-size: 14px; line-height: 22px; color: #FFF; text-align: center; -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); } #galas-interior{ } .claim { padding-bottom: 15px; } #galas-interior .claim{ text-align: center; color: #999; padding: 15px 0; } #galas-interior .claim h2{ font-size: 22px; font-weight: bold; padding-bottom: 10px; background: transparent url('../img/separador_linea_gris.gif') no-repeat center bottom; } #galas-interior .claim h3{ padding-top: 10px; } #galas-interior .claim p{ padding-top: 5px; font-size: 14px; } #galas-interior .description{ text-align: center; } #galas-interior .description p{ padding: 15px 0; } #galas-interior .video{ text-align: center; } #galas-interior .galeria{ padding-bottom: 50px; } /* #################### ##### GALA 2014 #### #################### */ div#galas.gala2014 img{ margin:0 auto; display:block; } div#galas.gala2014 p{ width: 100%; text-align: center; margin-top:30px; } div#galas.gala2014 div.video { margin-top:10px; text-align:center; padding-bottom:200px; } /* ######################### ####### G A L A 2013 ####### */ #gala2013-asistencia{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #gala2013-asistencia #form{ margin: 0 auto; width: 380px; padding: 15px; background: url('../img/blanco-70.png') repeat left top; border: 1px solid #CFCFCF; } #gala2013-asistencia #form p.title{ font-size: 14px; line-height: 1.3em; font-weight: bold; } #gala2013-asistencia #form-asistencia label.pregunta{ display: block; padding: 15px 0; font-size: 14px; } #gala2013-asistencia #form-asistencia p label{ font-size: 14px; } #gala2013-asistencia p.submit{ padding-top: 10px; } #gala2013-asistencia p.submit input{ padding: 10px 15px; background-color: #ffffff; border: 1px solid #666; color: #666; cursor: pointer; font-size: 12px; } #form-asistencia-extenso{ padding-bottom: 50px; } #form-asistencia-extenso h3{ padding-top: 50px; } #form-asistencia-extenso label{ display: block; padding: 10px; } #form-asistencia-extenso input[type=text]{ width: 100%; font-size: 15px; line-height: 35px; height: 35px; } #form-asistencia-extenso textarea{ width: 100%; font-size: 15px; } /* ######################### #### TINY SCROLLBAR #### */ #scrollbar1 { width: 710px; } #scrollbar1 .viewport { width: 690px; height: 200px; overflow: hidden; position: relative; } #scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } #scrollbar1 .scrollbar { background: #FFF; position: relative; background-position: 0 0; float: right; width: 10px; } #scrollbar1 .track { height: 100%; width:10px; position: relative; padding:0; } #scrollbar1 .thumb { background: #00b1eb; height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left:0; } /* #scrollbar1 .thumb .end { background: transparent url('../images/bg-scrollbar-thumb-y.png') no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; } */ #scrollbar1 .disable { display: none; } .noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; } /* ######################### ######### PIE ######### */ #footer { width:100%; height:77px; background:#fff; } #footer ul { float:left; padding:0px 0px 15px 0px; margin-top: 15px;} #footer li { float:left; height:auto; padding:0 10px; border-right:1px solid #001843; color: #001843; } #footer li span { display:block; background: url('../img/footer-logo.png') no-repeat -3px top; } #footer li.vw span { width:30px; height:30px; } #footer li.vw-comerciales span { width:37px; height:49px; background-position:left top; } #footer li.vw-finanzas span { margin-top:10px; width:206px; height:27px; background-position:-37px top; } #footer .copy { float:right; padding:32px 70px 0 0; font-size:12px; line-height:1.1em; color:#666; } /* ######################### ##### NAV.NAVTABS ##### */ .nav.nav-tabs { border-bottom: 2px solid #ccecfb; padding-left: 10px; } .nav.nav-tabs > li { background-color: #ccecfb; border-radius: 0; margin-left: 5px; margin-right: 5px; margin-bottom: -2px; width: 140px; } .nav.nav-tabs li.active { background-color: #fff; } .nav.nav-tabs li > a { border-left: 2px solid #ccecfb; border-radius: 0; border-right: 2px solid #ccecfb; border-top: 2px solid #ccecfb; color: #FFF; font-size: 14px; line-height: 1; min-height: 42px; padding-left: 5px; padding-right: 30px; text-transform: uppercase; width: 100px; } .nav.nav-tabs li.active > a { color: #28b1f0; padding-right: 33px; } .nav.nav-tabs li > a:hover , .nav.nav-tabs li > a:focus { background-color: #ccecfb; } .nav.nav-tabs li.active > a:hover , .nav.nav-tabs li.active > a:focus { background-color: transparent; border-left: 2px solid #ccecfb; border-radius: 0; border-right: 2px solid #ccecfb; border-top: 2px solid #ccecfb; } .titulo-ranking-derecha { color: #FFF; font-size: 20px; padding-bottom: 20px; padding-top: 7px; text-align: center; } /* ######################### ##### RESPONSIVE ##### */ @media only screen and (min-width: 1270px) { /* .centrado { max-width:1240px; width: 100%} */ #main { margin-left:50px; } /* #header .header-menu li.first { width:260px; background-position: 55px 5px; } */ #header .header-menu li a { padding:0 10px; font-size:14px;} #perfil .nombre span.hola { display:inline; } /*#pag-gala #main { width:1200px; } #pag-gala #main img { width:285px; height:285px; } #pag-gala #scrollbar1 { width:1160px; } #pag-gala #scrollbar1 .viewport { width:1140px; }*/ /*#footer ul { padding-left:50px; }*/ } /* columns of same height styles */ .row-full-height { height: 100%; } .col-full-height { height: 100%; vertical-align: middle; } .row-same-height { display: table; width: 100%; /* fix overflow */ table-layout: fixed; } .col-xs-height { display: table-cell; float: none !important; } @media (min-width: 768px) { .col-sm-height { display: table-cell; float: none !important; } } @media (min-width: 992px) { .col-md-height { display: table-cell; float: none !important; } } @media (min-width: 1200px) { .col-lg-height { display: table-cell; float: none !important; } } .col-top { vertical-align: top; } .col-middle { vertical-align: middle; } .col-bottom { vertical-align: bottom; } /*************************** ***CUENTA PERSONAL MOVIL**** *****************************/ .titulo-azul-movil { background-color: #21A8E1; padding: 10px; } .titulo-azul-movil a , .titulo-azul-movil a:hover { color: #FFF; font-family: "vw_black"; font-size: 16px; text-decoration: none; } .titulo-azul-movil.current-nivel-2 { background-color: #62A6DD; } .table-vw .table-vw-style2 .table.table-mobile thead tr th { border-bottom: 0px; color: #6f6f6e; padding-bottom: 7px; text-align: center; } .table-vw .table-vw-style2 .table.table-mobile tr td { border-bottom: 0px; padding-bottom: 1px; padding-top: 5px; text-align: center; vertical-align: middle; } .table-vw .table-vw-style2 .table.table-mobile tbody tr:last-child td { padding-bottom: 10px; } .table-vw .table-vw-style2 .table.table-mobile tbody tr td { color: #868686; } .table-vw .table-vw-style2 .table.table-mobile tfoot tr td { color: #1d1d1b; font-weight: bold; padding-bottom: 5px; padding-top: 5px; } .table-vw .table-vw-style2 .table.table-mobile tfoot tr td img { vertical-align: sub; width: auto; } .leyenda-item { margin-top: 15px; padding: 0; text-align: center; } .leyenda-item p { color: #868686; font-size: 12px; margin-top: 10px; } table.table-mobile-top5.table-bordered thead { border-bottom: 8px solid #FFF; border-left: 1px solid #FFF; border-top: 1px solid #FFF; } table.table-mobile-top5.table-bordered thead > tr { background-color: #eaeaea; } table.table-mobile-top5.table-bordered thead > tr > th { border-left: 1px solid #FFF; border-right: 1px solid #FFF; } table.table-mobile-top5.table-bordered thead > tr > td { color: #1d1d1b; border-bottom: 0; border-left: 1px solid #FFF; padding: 7px 15px; text-transform: uppercase; } table.table-mobile-top5.table-bordered tbody > tr > td { border: 1px solid #FFF; height: 50px; } table.table-mobile-top5.table-bordered tr:nth-child(odd) td { background-color: #eeeded; } table.table-mobile-top5.table-bordered tr:nth-child(even) td { background-color: #e0e0e0; } table.table-mobile-top5.table-bordered tr td.posicion { color: #868686; font-family: "vw_book"; font-size: 24px; text-align: center; vertical-align: middle; width: 75px; } table.table-mobile-top5.table-bordered tr td.imagen { height: 75px; padding: 4px; vertical-align: middle; width: 75px; } table.table-mobile-top5.table-bordered tr td.imagen img { height: 100%; width: 100%; } table.table-mobile-top5.table-bordered tr td.nombre { color: #868686; font-size: 10px; vertical-align: middle; } /* ######################### ###### RANKINGS 2017 ###### */ #ranking-global-tipos.ranking-global-2017-tipos { padding-left: 0; } #ranking-global-tipos.ranking-global-2017-tipos ul li { padding-left: 0; } #ranking-global-tipos.ranking-global-2017-tipos ul li a#imgBuscadorRankingGlobal { padding-top: 2px; position: absolute; right: -20px; top: 0; } #ranking-global-tipos.ranking-global-2017-tipos ul li a { background: none; } #ranking-global-tipos.ranking-global-2017-tipos .buscador { position: relative; margin-left: 3px; } table.ranking-global.table-ranking-global-2017 { border-collapse: collapse; margin-top: 0px; } table.ranking-global.table-ranking-global-2017 thead tr th { background-color: #959595; color: #FFF; text-align: center; text-transform: uppercase; vertical-align: middle; } table.ranking-global.table-ranking-global-2017 thead tr th.bg-blue { background-color: #28b1f0; } table.ranking-global.table-ranking-global-2017 tbody tr:nth-child(even) td.bg-blue { background-color: #b0e3fa; font-weight: bold; } table.ranking-global.table-ranking-global-2017 tbody tr:nth-child(odd) td.bg-blue { background-color: #d0eefc; font-weight: bold; } table.ranking-global.table-ranking-global-2017 thead tr th.bg-blue2 { background-color: #1f8bbd; } table.ranking-global.table-ranking-global-2017 tbody tr:nth-child(even) td.bg-blue2 { background-color: #aed5e6; font-weight: bold; } table.ranking-global.table-ranking-global-2017 tbody tr:nth-child(odd) td.bg-blue2 { background-color: #c4e0ec; font-weight: bold; } table.ranking-global.table-ranking-global-2017 thead tr.cabecera-1 th { font-size: 12px; padding-bottom: 5px; padding-top: 15px; } table.ranking-global.table-ranking-global-2017 thead tr.cabecera-2 th { border-bottom: 4px solid rgba(255, 255, 255, 0.9); font-size: 10px; padding-bottom: 5px; padding-top: 5px; } table.ranking-global.table-ranking-global-2017 .borde-derecho { border-right: 4px solid rgba(255, 255, 255, 0.9); } table.ranking-global.table-ranking-global-2017 .borde-inferior { border-bottom: 4px solid rgba(255, 255, 255, 0.9); } table.ranking-global.table-ranking-global-2017 tbody tr td { border-bottom: 4px solid rgba(255, 255, 255, 0.9); font-size: 14px; padding-bottom: 0; padding-top: 0; text-align: center; vertical-align: middle; } table.ranking-global.table-ranking-global-2017 tbody tr td img { margin: 0 auto; } table.ranking-global.table-ranking-global-2017 tbody tr td.datos { font-size: 12px; } table.ranking-global.table-ranking-global-2017 tbody tr:nth-child(even) td { background-color: #d0d1d2; } .noborder { border: none !important; } table.ranking-global.table-ranking-global-2017 tbody tr.seleccionado td { background-color: #28b1f0; color: #FFF; font-weight: bold; } table.ranking-global.table-ranking-global-2017 tbody tr.seleccionado td.posicion { background-color: #c9e8f5; color: #28b1f0; font-weight: bold; } table.ranking-global.table-ranking-global-2017 tbody tr.seleccionado td.bg-blue { background-color: #0dcffd; font-weight: bold; } table.ranking-global.table-ranking-global-2017 tbody tr.seleccionado td.bg-blue2 { background-color: #1f8bbd; font-weight: bold; } .accordion-ranking-global-mobile-2017 h2{font-size: 18px; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-right: 10px;} .accordion-ranking-global-mobile-2017 h2 img{float: right; margin-top: 8px;} .accordion-ranking-global-mobile-2017 div{font-size: 14px;padding-left: 0px;padding-right: 0px} /**.accordion-ranking-global-mobile-2017 div[class^=col-xs]{padding: 0;}**/ .accordion-ranking-global-mobile-2017 .blue{color: #00AFEC; font-weight: bold;} .accordion-ranking-global-mobile-2017 h2 { padding-left:30px;padding-right: 20px; margin-top:18px; margin-bottom: 0; font-size:24px; line-height:23px; color:#999; background: url('../img/mas.png') no-repeat; cursor:pointer; } .accordion-ranking-global-mobile-2017 h2:hover { color:#777; } .accordion-ranking-global-mobile-2017 h2.current, .accordion-ranking-global-mobile-2017 h2.current:hover { background: url('../img/menos.png') no-repeat; color:#333; } .accordion-ranking-global-mobile-2017 div.row.row-ranking , .accordion-ranking-global-mobile-2017 div.row-tu-position .row{ border-bottom: 1px solid #000; min-height: 40px; padding-top: 15px; } .accordion-ranking-global-mobile-2017 div.row.row-tu-position{ display: none; } .accordion-ranking-global-mobile-2017 div.row.row-detalles{ display: none; /**text-align: center;**/ } .accordion-ranking-global-mobile-2017 div.row.row-detalles div{ padding: 0; } .accordion-ranking-global-mobile-2017 div.row.row-detalles img{ /**display: inline-block; height: 120px; width: 120px;**/ } .accordion-ranking-global-mobile-2017 div.row.row-detalles .position{ color: #FFF; font-size: 20px; min-width: 100%; text-align: center; /**vertical-align: top;**/ } .accordion-ranking-global-mobile-2017 div.row.row-detalles .option{ /**display: inline-block; text-align: center; vertical-align: top;**/ height: 100%; padding-left: 5px; padding-right: 0px; } .accordion-ranking-global-mobile-2017 div.row.row-detalles .option > div:first-child{ margin-bottom: 2%; } .accordion-ranking-global-mobile-2017 div.row.row-detalles .option > div{ background-color: #00ABEA; color: #FFF; cursor: pointer; display: table; height: 48%; text-align: center; width: 100%; /**padding: 20px 88px;**/ } .accordion-ranking-global-mobile-2017 div.row.row-detalles .option > div > div{ display: table-cell; vertical-align: middle; } .accordion-ranking-global-mobile-2017 div.row.row-detalles .option div p{ font-size: 20px; } .accordion-ranking-global-mobile-2017 div.row.row-detalles .option > div.selected{ background-color: #d7d7d7; } .accordion-ranking-global-mobile-2017 div.row.row-ranking img{ max-height: 50px; max-width: 50px; } .accordion-ranking-global-mobile-2017 div.row.row-ranking:hover{ background-color: #EEE; cursor: pointer; } .accordion-ranking-global-mobile-2017 .seleccionado , .accordion-ranking-global-mobile-2017 div.row.row-ranking.seleccionado:hover{ background-color: #28b1f0; } .accordion-ranking-global-mobile-2017 .seleccionado > div > div { color: #FFF !important; } .detalles { color: #FFF; display: block; } .detalles h5 { font-weight: bold; } .padding-top-30 { padding-top: 30px !important; } .padding-top-15 { padding-top: 15px !important; } .ver-cuenta-personal-ranking { background-color: #b0e3fa; cursor: pointer; padding: 10px 15px; text-align: center; } div[class^=col-].col-6-white { background-color: #FFF; } @media(min-width: 1225px) { div[class^=col-].col-6-white { margin-bottom: 2px; margin-right: 2px; margin-top: 2px; padding: 10px; width: 47.2%; } } @media(max-width: 1225px) { div[class^=col-].col-6-white { margin-bottom: 2px; margin-right: 2px; margin-top: 2px; padding: 10px; width: 46.4%; } } @media(max-width: 998px) { div[class^=col-].col-6-white { margin-bottom: 2px; margin-right: 2px; margin-top: 2px; padding: 10px; width: 30.7%; } } /* ######################### ###### CUENTA PERSONAL 2017 ###### */ .no-margin-left { margin-left: 0 !important; } .table-vw .table-vw-style2.no-bg .row { background: none !important; } .no-padding { padding: 0 !important; } .ranking-excelencia-resumen { background-color: #08B0F2; } .ranking-excelencia-resumen p { color: #FFF; font-size: 14px; font-weight: bold; padding: 20px 15px; } .texto-blanco { color: #FFF; font-family: "vw_black"; font-size: 14px; text-decoration: none; } .table-vw .table-vw-style4 { background-color:#068abe; padding-top: 18px; padding-bottom: 18px; } .table-vw .table-vw-style4 .row{margin-left: 18px; margin-right: 18px;} .row.table-vw .table-vw-style4 .row.title h2 {color: #FFF;font-size: 19.5px; text-transform: uppercase;} .table-vw .table-vw-style4 .cuadroResumen { background-color: #1777a4; } .table-vw .table-vw-style4 .cuadroResumen p{ color: #FFF; font-size: 14px; font-weight: bold; padding: 20px 15px; } .table-vw .table-vw-style4 .cuadroResumenWhite { background-color: #FFF; } .table-vw .table-vw-style4 .cuadroResumenWhite p{ color: #000; font-size: 14px; font-weight: bold; padding: 20px 15px; } .table-vw .table-vw-style4 .top{ color: #3fb7f1; font-size: 16px; font-weight: bold; } .table-vw-mobile .table-vw-style1-mobile .top{ color: #3fb7f1; font-size: 16px; font-weight: bold; } /******* * * DESTINO 2018 * ********/ .destino2018{ /** background-image: url('../img/destino2018/FONDO_2023.jpg') !important; **/ background-position: bottom; background-repeat: no-repeat; background-size: cover; } .destino2018 #main{ max-width: 100% !important; padding-top: 25px; } #awards .tituloPaginas .titulo1{ color: #02B1F2; font-weight: bold; } #awards .descripcion-destino .titulo2{ font-size: 40px; } .destino2018 #saveTheDate, .destino2018 #saveTheDateMobile{ background-image: url('../img/destino2018/save-the-date.jpg'); background-position: bottom; background-repeat: no-repeat; background-size: cover; margin: 0; margin-bottom: 15px; padding: 0; } .destino2018 #programa, .destino2018 #programaMobile{ background-image: url('../img/destino2018/programa.jpg'); background-position: right; background-repeat: no-repeat; background-size: cover; margin: 0; padding: 0; } .destino2018 #recomendamos, .destino2018 #recomendamosMobile{ background-image: url('../img/destino2018/recomendamos.jpg'); background-position: bottom; background-repeat: no-repeat; background-size: cover; margin: 0; padding: 0; } .destino2018 #galeria, .destino2018 #galeriaMobile{ background-image: url('../img/destino2018/galeria.jpg'); background-position: inherit; background-repeat: no-repeat; background-size: cover; margin: 0; padding: 0; } .destino2018 #encuesta, .destino2018 #encuestaMobile{ background-color: #ABE8FD; margin: 0; padding: 0; position: relative; } .destino2018 #inscripcion, .destino2018 #inscripcionMobile{ background-color: #f2be02; margin: 0; margin-bottom: 15px; padding: 0; position: relative; } .no-margin{ margin: 0 !important; } .destino2018 #encuesta, .destino2018 #encuestaMobile{ background-color: #ABE8FD; margin: 0; padding: 0; position: relative; } .popup-active, .close-popup{ cursor: pointer; } .left-container{ padding-right: 15px !important; } .recomendamos-container{ padding-right: 15px !important; } /*font-family: 'vw_semibold';*/ .descripcion-destino-texto{ font-size: 14px !important; text-align: right; } .programa-container{ padding-right: 15px !important; } .destino2018 .estilo-texto1{ font-weight: bold; color: white !important; margin-top: 0 !important; padding-left: 20px; padding-top: 20px; } .destino2018 .estilo-texto2{ font-weight: bold; color: black !important; margin-top: 0 !important; padding-left: 20px; padding-top: 20px; } .destino2018 .estilo-texto3{ font-weight: bold; color: #03B0F2 !important; margin-top: 0 !important; padding-left: 20px; padding-top: 20px; } .images-container1{ text-align: center; } .images-container2{ bottom: 0; padding-bottom: 10px !important; padding-right: 10px !important; position: absolute; right: 0; } .images-container3{ top: 0; padding-top: 10px !important; padding-right: 10px !important; position: absolute; right: 0; z-index: 99; } .images-container4{ padding: 0 25% !important; text-align: center; } .images-container4 p{ color: #FFF !important; font-size: 21px !important; padding-top: 15px; } .images-container1 img, .images-container2 img, .images-container4 img{ display: inline-block; } .images-container1 img{ /*height: 110px;*/ height: auto; } .images-container2 img{ height: 35px; } .images-container4 img{ height: 50px; } .destino2018 #saveTheDateError , .destino2018 #saveTheDateErrorAccesoDenegado, .destino2018 #saveTheDateErrorMobile , .destino2018 #saveTheDateErrorAccesoDenegadoMobile { background-color: #0057a6; margin: 0; margin-bottom: 15px; padding: 0; } .destino2018 #saveTheDateErrorMobile , .destino2018 #saveTheDateErrorAccesoDenegadoMobile{ margin-bottom: 25px; } .destino2018 #programaError, .destino2018 #programaErrorMobile{ padding-right: 15px !important; } .destino2018 #programaError > div, .destino2018 #programaErrorMobile > div{ background-color: #0057a6; height: inherit; margin: 0; padding: 0; } .destino2018 #programaError .images-container4, .destino2018 #programaErrorMobile .images-container4{ height: inherit; left: 0; padding: 0 !important; position: absolute; top: 0; width: 100%; } .destino2018 #inscripcionError{ padding-bottom: 15px !important; } .destino2018 #inscripcionErrorMobile{ padding-bottom: 25px !important; } .destino2018 #inscripcionErrorAccesoDenegado{ margin-bottom: 15px !important; } .destino2018 #inscripcionErrorAccesoDenegadoMobile{ margin-bottom: 25px !important; } .destino2018 #inscripcionError > div, .destino2018 #inscripcionErrorMobile > div, .destino2018 #inscripcionErrorAccesoDenegado, .destino2018 #inscripcionErrorAccesoDenegadoMobile{ background-color: #0057a6; height: inherit; margin: 0; padding: 0; } .destino2018 #encuestaErrorAccesoDenegado{ margin-bottom: 15px !important; } .destino2018 #encuestaErrorAccesoDenegadoMobile{ margin-bottom: 25px !important; } .destino2018 #inscripcionError > div, .destino2018 #inscripcionErrorMobile > div, .destino2018 #encuestaErrorAccesoDenegado, .destino2018 #encuestaErrorAccesoDenegadoMobile{ background-color: #0057a6; height: inherit; margin: 0; padding: 0; } .destino2018 #inscripcionError .images-container4, .destino2018 #inscripcionErrorMobile .images-container4{ height: inherit; left: 0; padding: 0 !important; position: absolute; top: 0; width: 100%; } .container-element-centered{ height: 100%; left: 0; padding: 0 !important; position: absolute; top: 0; width: 100%; } .centered-elements{ left: 50%; position: absolute; transform: translate(-50%, -50%); top: 50%; -webkit-transform: translate(-50%, -50%); width: 170px; } .destino2018 #recomendamosError > div{ height: inherit; padding-right: 15px !important; } .destino2018 #recomendamosErrorMobile > div{ height: inherit; padding-right: 25px !important; } .destino2018 #recomendamosError > div > div, .destino2018 #recomendamosErrorMobile > div > div{ background-color: #0057a6; height: inherit; margin: 0; padding: 0; } .destino2018 #encuestaError > div, .destino2018 #encuestaErrorMobile > div{ background-color: #0057a6; margin: 0; padding: 0; } .destino2018 #galeriaError, .destino2018 #galeriaErrorMobile{ background-color: #0057a6; margin: 0; margin-bottom: 15px; padding: 0; } .destino2018 #galeriaErrorMobile{ margin-bottom: 25px; } @media (max-width: 992px){ /*.destino2018 #awards{ margin-top: 20px; }*/ #encuestaActive{ padding-bottom: 25px !important; } .destino2018 #recomendamosErrorMobile > div{ padding-right: 0 !important; } .destino2018 #recomendamosErrorMobile{ padding-bottom: 25px !important; } .destino2018 #programaErrorMobile{ padding-bottom: 25px !important; padding-right: 0 !important; } .descripcion-destino-texto{ text-align: left; } .recomendamos-container{ padding-right: 0 !important; } .destino-2018 #awards .destino2018-container > div{ padding: 15px !important; } .destino2018 #saveTheDateMobile{ margin-bottom: 25px; } .destino2018 #programaMobile{ margin: 0; margin-bottom: 25px; } .destino2018 #recomendamosMobile, .destino2018 #galeriaMobile, .destino2018 #inscripcionMobile{ margin-bottom: 25px; } .destino2018 #inscripcionMobile .container-element-centered{ top: 10px; } .destino2018 #galeriaMobile .text-center{ height: 65% !important; } .programa-container{ padding-right: 0 !important; } .inscripcion-container{ padding-right: 0 !important; } .left-container{ padding-right: 0 !important; } } /******* * * SAVE THE DATE (DESTINO 2018) * ********/ .destino2018 .save-the-date{ /*background-image: url('../img/destino2018/save-the-date-background.jpg') !important;*/ background-image: url('../img/destino2018/save-the-date-2024.png') !important; background-position: bottom; background-repeat: no-repeat; background-size: cover; } .destino2018 #awards .header-save-the-date{ padding: 40px 0; } .destino2018 #awards .header-save-the-date > div{ } .destino2018 #awards .titulo1-std{ color: #FFF; font-size: 30px; } .destino2018 #awards .subtitulo1-std{ color: #FFF; font-size: 19px; padding-top: 10px; } .destino2018 #awards .close-save-the-date{ float: right; margin-top: -5px; padding-right: 25px; } .destino2018 #awards .save-the-date-container{ padding: 30px 0; position: relative; } .destino2018 #awards .save-the-date-container .container-centered{ min-height: 80px; padding: 0 !important; position: relative; width: 100%; } .destino2018 #awards .save-the-date-container .centered-elements{ bottom: 0; left: 50%; position: absolute; transform: translate(-50%, -50%); top: 50%; -webkit-transform: translate(-50%, -50%); width: 100%; } .destino2018 #awards .save-the-date-container label{ color: #FFF; font-size: 20px; } /* Hide the browser's default checkbox */ .destino2018 #awards .save-the-date-container input { position: absolute; opacity: 0; cursor: pointer; height: 25px; width: 25px; left: 40px; top: 0; margin-top: 0; } /* Create a custom checkbox */ .destino2018 #awards .save-the-date-container .checkmark { position: absolute; top: 0; height: 25px; width: 25px; background-color: #eee; left: 40px; cursor: pointer; border-radius: 5px; } .destino2018 #awards .save-the-date-container .checkmark-blue { display: none; position: absolute; top: 6px; height: 15px; width: 15px; background-color: #2196F3; right: 5px; cursor: pointer; } /* On mouse-over, add a grey background color */ .destino2018 #awards .save-the-date-container checkmark:hover input ~ .checkmark { background-color: #ccc; } /* Show the checkmark-blue when checked */ .destino2018 #awards .save-the-date-container input:checked ~ .checkmark-blue { display: block; } .destino2018 #awards .save-the-date .texto-salida{ color: #FFF; font-size: 25px; padding-left: 25px; padding-top: 0; } .destino2018 #awards .save-the-date .texto-salida-destino{ color: #FFF; font-family: 'FuturaStd-Light'; font-size: 45px; padding-left: 25px; } .destino2018 #awards .save-the-date .vuelo-ida-std{ padding: 10px 0; } .destino2018 #awards .save-the-date .vuelo-ida-std p{ border-bottom: 1.5px solid #FFF; border-top: 1.5px solid #FFF; color: #FFF; font-size: 65px; text-align: center; } .destino2018 #awards .save-the-date .vuelo-ida-std2 p{ color: #FFF; font-size: 60px; text-align: center; } .destino2018 #awards .save-the-date .texto-vuelta{ color: #FFF; font-size: 25px; padding-left: 40%; padding-top: 15px; } .destino2018 #awards .save-the-date .salida-std{ margin-top: 5%; padding: 15px 0; } .destino2018 #awards .save-the-date .vuelo-vuelta-std{ padding: 10px 0; } .destino2018 #awards .save-the-date .vuelo-vuelta-std p{ border-bottom: 1.5px solid #FFF; border-top: 1.5px solid #FFF; color: #FFF; font-size: 65px; text-align: center; } .destino2018 #awards .save-the-date .vuelo-vuelta-std2 p{ color: #FFF; font-size: 60px; text-align: center; } @media (max-width: 992px){ .destino2018 #awards .save-the-date .subtitulo1-std{ padding-left: 25px; } .destino2018 #awards .save-the-date .close-save-the-date{ padding-right: 0; position: absolute; top: -30px; } .destino2018 #awards .save-the-date-container{ padding: 0px 20px; } .destino2018 #awards .save-the-date .vuelo-ida-std p, .destino2018 #awards .save-the-date .vuelo-ida-std2 p, .destino2018 #awards .save-the-date .vuelo-vuelta-std p, .destino2018 #awards .save-the-date .vuelo-vuelta-std2 p{ font-size: 40px; } .destino2018 #awards .save-the-date .salida-std{ margin-top: 45px; } .destino2018 #awards .save-the-date-container label{ font-size: 16px; } .destino2018 #awards .save-the-date-container .checkmark{ height: 20px; width: 20px; } .destino2018 #awards .save-the-date-container input{ height: 20px; width: 20px; } .destino2018 #awards .save-the-date-container .checkmark-blue{ height: 10px; width: 10px; } } @media (max-width: 768px){ .destino2018 #awards .save-the-date .salida-std{ margin-top: 0; } .destino2018 #awards .header-save-the-date{ padding: 20px 0 40px 0; } } /******* * * RECOMENDAMOS (DESTINO 2018) * ********/ .destino2018 .recomendamos .header-recomendamos{ background-image: url('../img/destino2018/recomendamos.jpg') !important; background-position: bottom; background-repeat: no-repeat; background-size: cover; height: 170px; display: flex; align-items: center; } .destino2018 #awards .titulo1-recomendamos{ color: #FFF; font-size: 30px; padding-left: 25px; } .destino2018 #awards .subtitulo1-recomendamos{ color: #FFF; font-size: 19px; padding-top: 10px; } .destino2018 #awards .close-recomendamos{ float: right; margin-top: -5px; padding-right: 25px; } .destino2018 #awards .recomendamos .recomendamos-container{ background-color: #FFF; padding: 5% 2% 5% 12%!important; } .destino2018 #awards .recomendamos .recomendamos-container p{ color: #0057a7; } .destino2018 #awards .recomendamos .seccion-recomendamos{ border-top: 1.5px solid #0057a7; padding: 35px 0; } .destino2018 #awards .recomendamos .seccion-recomendamos img{ left: -12%; position: absolute; top: 35px; } .destino2018 #awards .recomendamos .seccion-recomendamos .dia-semana p{ font-size: 28px; margin-top: 0; } .destino2018 #awards .recomendamos .seccion-recomendamos .dia-semana .seccion-title{ font-weight: bold; } .destino2018 #awards .recomendamos .seccion-recomendamos .descripcion-dia label{ color: #0057a7; } .destino2018 #awards .recomendamos label{ color: #FFF; font-size: 17px; font-weight: normal; } /* Hide the browser's default checkbox */ .destino2018 #awards .recomendamos input { position: absolute; opacity: 0; cursor: pointer; height: 25px; width: 25px; right: 0; bottom: 0; margin-top: 0; } /* Create a custom checkbox */ .destino2018 #awards .recomendamos .checkmark { position: absolute; bottom: 0; height: 25px; width: 25px; background-color: #eee; right: 0; cursor: pointer; border-radius: 5px; } .destino2018 #awards .recomendamos .checkmark-blue { display: none; position: absolute; top: 6px; height: 15px; width: 15px; background-color: #2196F3; right: 5px; cursor: pointer; } /* On mouse-over, add a grey background color */ .destino2018 #awards .recomendamos checkmark:hover input ~ .checkmark { background-color: #ccc; } /* Show the checkmark-blue when checked */ .destino2018 #awards .recomendamos input:checked ~ .checkmark-blue { display: block; } .destino2018 #awards .recomendamos .consejo-seccion{ margin-bottom: 25px; margin-left: 60px; position: relative; } .destino2018 #awards .recomendamos .download-pdf{ align-items: center; color: #0057a7; cursor: pointer; display: flex; justify-content: flex-end; width: 100%; } /******* * * PROGRAMA DE VIAJE (DESTINO 2018) * ********/ .destino2018 .programa .header-programa{ background-image: url('../img/destino2018/programa.jpg') !important; background-position: top; background-repeat: no-repeat; background-size: cover; height: 170px; display: flex; align-items: center; } .destino2018 #awards .titulo1-programa{ color: #FFF; font-size: 30px; padding-left: 25px; } .destino2018 #awards .subtitulo1-programa{ color: #FFF; font-size: 19px; padding-top: 10px; } .destino2018 #awards .close-programa{ float: right; margin-top: -5px; padding-right: 25px; } .destino2018 #awards .programa .programa-container{ background-color: #FFF; padding: 5% 10% !important; } .destino2018 #awards .programa .programa-container p{ color: #0057a7; margin-top: 0; } .destino2018 #awards .programa .seccion-programa{ border-top: 1.5px solid #0057a7; margin-right: 25px; padding: 40px 0; } .destino2018 #awards .programa .seccion-programa > .row{ margin-bottom: 15px; } .destino2018 #awards .programa .seccion-programa .dia-semana p{ font-size: 23px; font-weight: bold; margin-top: 0; padding-right: 15px; } .destino2018 #awards .programa .seccion-programa .descripcion-dia p{ color: #000; } .destino2018 #awards .programa .consejo-seccion, .destino2018 #awards .programa .horario-dia{ margin: 0; padding: 0; } .destino2018 #awards .programa .horario-dia p{ font-size: 23px; margin-top: 0; } .destino2018 #awards .programa .programa-container .consejo-seccion p{ color: #000; font-size: 15px; } .destino2018 #awards .programa .download-pdf{ align-items: center; color: #0057a7; cursor: pointer; display: flex; width: 115px; } .destino2018 #awards .programa .vuelos-seccion{ background-color: #EBF2F8; border-top: 1.5px solid #0057a7; } .destino2018 #awards .programa .informacion-importante{ padding: 15px 0 0 0; } .destino2018 #awards .programa .titulo-seccion{ color: #0057a7; font-size: 30px; font-weight: bold; margin-bottom: 25px; padding: 0 10px 0 20px; } .destino2018 #awards .programa .titulo-ciudad{ color: #0057a7; font-size: 19px; font-weight: bold; margin-bottom: 15px; padding: 0 10px 0 20px; } .destino2018 #awards .programa .titulo-fecha{ color: #0057a7; font-size: 14px; font-weight: bold; padding: 0 10px 0 20px; } .destino2018 #awards .programa .titulo-vuelo{ background-color: #F8F9FD; color: #0057a7; font-size: 16px; font-weight: bold; padding: 2px 0 0 20px; } .destino2018 #awards .programa .titulo-vuelo2{ background-color: #F8F9FD; color: #0057a7; font-size: 16px; font-weight: bold; padding: 2px 0 0 10px; } .destino2018 #awards .programa .subtitulo1{ color: #000 !important; font-size: 14px; padding: 0 10px 0 20px; } .destino2018 #awards .programa .subtitulo2{ color: #0057a7; font-size: 14px; padding: 0 10px 0 20px; } .destino2018 #awards .programa .vuelo{ margin-bottom: 15px !important; } .destino2018 #awards .programa .organigrama .seccion-programa:last-child{ border-bottom: 1.5px solid #0057a7; } @media(max-width: 1200px){ .destino2018 #awards .programa .programa-container{ padding: 25px !important; } .destino2018 #awards .programa .seccion-programa .dia-semana p{ font-size: 25px; } .destino2018 #awards .programa .programa-container .consejo-seccion p{ font-size: 15px; } .destino2018 #awards .programa .horario-dia p{ font-size: 15px; } .destino2018 #awards .recomendamos .seccion-recomendamos img{ left: -90px; } } @media(max-width: 1200px){ .destino2018 #awards .recomendamos .seccion-recomendamos img{ left: -75px; } } @media(max-width: 991px){ .destino2018 #awards .recomendamos .seccion-recomendamos img{ display: none; } .destino2018 #awards .recomendamos .consejo-seccion{ margin-left: 0; margin-top: 20px; } } @media(max-width: 769px){ .destino2018 #awards .programa .organigrama .seccion-programa:last-child{ border-bottom: none; } .destino2018 #awards .close-programa{ position: absolute; top: -60px; right: -10px; } .destino2018 #awards .programa .seccion-programa .dia-semana p{ margin-bottom: 15px; } } @media(max-width: 500px){ .destino2018 #awards .programa .horario-dia p, .destino2018 #awards .programa .seccion-programa .dia-semana p, .destino2018 #awards .recomendamos .seccion-recomendamos .dia-semana .seccion-title{ font-size: 18px; } .destino2018 #awards .programa .seccion-programa .descripcion-dia p, .destino2018 #awards .recomendamos label, .destino2018 #awards .recomendamos .recomendamos-container p{ font-size: 14px; } .destino2018 #awards .programa .titulo-vuelo2, .destino2018 #awards .programa .subtitulo2, .destino2018 #awards .programa .titulo-vuelo, .destino2018 #awards .programa .subtitulo1{ font-size: 12px; } } @media(max-width: 350px){ .destino2018 #awards .close-recomendamos{ position: absolute; right: -15px; top: -40px; } .destino2018 #awards .programa .titulo-vuelo2, .destino2018 #awards .programa .subtitulo2, .destino2018 #awards .programa .titulo-vuelo, .destino2018 #awards .programa .subtitulo1{ font-size: 12px; } } /******* * * ENCUESTA (DESTINO 2018) * ********/ .destino2018 .encuesta .header-encuesta{ background-image: url('../img/destino2018/header-venecia-2025.png') !important; background-position: top; background-repeat: no-repeat; background-size: cover; height: 170px; display: flex; align-items: center; } .destino2018 #awards .titulo1-encuesta{ color: #FFF; font-size: 30px; padding-left: 25px; } .destino2018 #awards .subtitulo1-encuesta{ color: #FFF; font-size: 19px; padding-top: 10px; } .destino2018 #awards .close-encuesta{ float: right; margin-top: -5px; padding-right: 25px; } .destino2018 #awards .encuesta .encuesta-container{ background-color: #FFF; padding: 15px 25px !important; } .destino2018 #awards .encuesta .encuesta-container p strong { color: #0057a7; } .destino2018 #awards .encuesta .encuesta-container p { color: black; } .destino2018 #awards .encuesta .seccion-encuesta{ border-top: 1.5px solid #0057a7; margin-top: 0px; padding: 20px 0; } .destino2018 #awards .encuesta .puntuacion-pregunta .estrella{ padding: 0 3px; position: relative; } .destino2018 #awards .encuesta .puntuacion-pregunta input{ position: absolute; opacity: 0; cursor: pointer; height: 30px; width: 30px; right: 3px; bottom: 0; margin-top: 0; } .destino2018 #awards .encuesta .puntuacion-pregunta .marcada{ display: none; left: 4px; position: absolute; top: 1px; } .destino2018 #awards .encuesta .pregunta-seccion{ padding: 0; } .destino2018 #awards .encuesta .valoracion-pregunta{ display: flex; } .destino2018 #awards .encuesta .valoracion-pregunta > div{ float: right; } .destino2018 #awards .encuesta .titulo-pregunta{ padding: 0; } .destino2018 #awards .encuesta .titulo-pregunta p{ font-size: 25px; } .destino2018 #awards .encuesta .pregunta-container{ padding-top: 10px; padding-bottom: 30px; padding-left: 0px; } .destino2018 #awards .encuesta .pregunta-container > .row{ padding: 15px 0; } .destino2018 #awards .encuesta label{ color: #0057a7; } .destino2018 #awards .encuesta textarea::placeholder { color: #0057a7; } /* Hide the browser's default checkbox */ .destino2018 #awards .encuesta input[type='checkbox'] { position: absolute; opacity: 0; cursor: pointer; height: 25px; width: 25px; right: 4px; bottom: 2px; margin-top: 0; z-index: 99; } /* Create a custom checkbox */ .destino2018 #awards .encuesta .checkmark { position: absolute; bottom: 0; height: 25px; width: 25px; right: 0; cursor: pointer; border-radius: 5px; border: 2px solid; } .destino2018 #awards .encuesta .checkmark-blue { display: none; position: absolute; top: 6px; height: 15px; width: 15px; background-color: #2196F3; right: 5px; cursor: pointer; } /* On mouse-over, add a grey background color */ .destino2018 #awards .encuesta checkmark:hover input ~ .checkmark { background-color: #ccc; } /* Show the checkmark-blue when checked */ .destino2018 #awards .encuesta input:checked ~ .checkmark-blue { display: block; } .destino2018 #awards .encuesta input[type='text']{ width: 100%; } .destino2018 #awards .encuesta input[type='text']:focus, .destino2018 #awards .encuesta textarea:focus{ outline: 0px; } .destino2018 #awards .encuesta input[type='text']::-webkit-input-placeholder { color: #02b1f2; } .destino2018 #awards .encuesta input[type='text']:-moz-placeholder { color: #02b1f2; } .destino2018 #awards .encuesta input[type='text']::-moz-placeholder { color: #02b1f2; } .destino2018 #awards .encuesta input[type='text']:-ms-input-placeholder { color: #02b1f2; } textarea{ resize: none; } textarea::-webkit-input-placeholder { color: #02b1f2; } textarea:-moz-placeholder { /* Firefox 18- */ color: #02b1f2; } textarea::-moz-placeholder { /* Firefox 19+ */ color: #02b1f2; } textarea:-ms-input-placeholder { color: #02b1f2; } .destino2018 #awards .encuesta .check-std{ padding-left: 30px; } .destino2018 #awards .encuesta .check-std .checkmark-blue{ height: 12px; left: 4px; top: 5px; width: 12px; } .destino2018 #awards .encuesta .check-std input, .destino2018 #awards .encuesta .check-std span{ left: 0; height: 20px; top: -4px; width: 20px; } .destino2018 #awards .encuesta .destinos .check-std .checkmark-blue{ top: 4px; height: 12px; width: 12px; left: 4px; } .destino2018 #awards .encuesta .destinos .check-std input{ left: 0; height: 20px; top: -4px; width: 20px; } .destino2018 #awards .encuesta .confirmar-formulario:focus{ outline: none; } .destino2018 #awards .encuesta .confirmar-formulario{ background-color: transparent; border: 2px solid; color: #0057a7; font-size: 20px; padding: 15px 40px; text-align: center; } /******* * * INSCRIPCI�N (DESTINO 2018) * ********/ .destino2018 .inscripcion .header-inscripcion{ background-image: url('../img/destino2018/header-venecia-2025.png') !important; background-position: 42% 42%; background-repeat: no-repeat; background-size: auto; height: 140px; display: flex; align-items: center; } .destino2018 #awards .titulo1-inscripcion{ color: #FFF; font-size: 30px; padding-left: 25px; } .destino2018 #awards .subtitulo1-inscripcion{ color: #FFF; font-size: 19px; padding-top: 10px; } .destino2018 #awards .close-inscripcion{ float: right; margin-top: -5px; padding-right: 25px; z-index: 99; } .destino2018 #awards .inscripcion .inscripcion-container{ background-color: #FFF; padding: 45px 0 70px 0 !important; } .destino2018 #awards .inscripcion .inscripcion-container p{ color: #0057a7; } .destino2018 #awards .inscripcion .inscripcion-container a{ color: #0057a7; text-decoration: underline; } .destino2018 #awards .inscripcion label{ color: #0057a7; } /* Hide the browser's default checkbox */ .destino2018 #awards .inscripcion input[type='checkbox'] { position: absolute; opacity: 0; cursor: pointer; height: 25px; width: 25px; left: 0; bottom: 2px; margin-top: 0; z-index: 99; } /* Create a custom checkbox */ .destino2018 #awards .inscripcion .checkmark { position: absolute; bottom: -2px; height: 20px; width: 20px; left: 0; cursor: pointer; border-radius: 5px; border: 2px solid; } .destino2018 #awards .inscripcion .checkmark-blue { display: none; position: absolute; top: 5px; height: 10px; width: 10px; background-color: #0057a7; left: 5px; cursor: pointer; } /* On mouse-over, add a grey background color */ .destino2018 #awards .inscripcion checkmark:hover input ~ .checkmark { background-color: #ccc; } /* Show the checkmark-blue when checked */ .destino2018 #awards .inscripcion input:checked ~ .checkmark-blue { display: block; } .destino2018 #awards .inscripcion input[type='text']{ width: 100%; } .destino2018 #awards .inscripcion input[type='text']:focus, .destino2018 #awards .inscripcion textarea:focus{ outline: 0px; } .destino2018 #awards .inscripcion input[type='text']::-webkit-input-placeholder { color: #0057a7; font-size: 12px; } .destino2018 #awards .inscripcion textarea::-webkit-input-placeholder { color: #0057a7; font-size: 12px; } .destino2018 #awards .inscripcion textarea:-moz-placeholder { /* Firefox 18- */ color: #0057a7; font-size: 12px; } .destino2018 #awards .inscripcion textarea::-moz-placeholder { /* Firefox 19+ */ color: #0057a7; font-size: 12px; } .destino2018 #awards .inscripcion textarea:-ms-input-placeholder { color: #0057a7; font-size: 12px; } .destino2018 #awards .inscripcion select:focus{ outline: none; } .destino2018 #awards .inscripcion input[type='text']:-moz-placeholder { color: #0057a7; font-size: 12px; } .destino2018 #awards .inscripcion input[type='text']::-moz-placeholder { color: #0057a7; font-size: 12px; } .destino2018 #awards .inscripcion input[type='text']:-ms-input-placeholder { color: #0057a7; font-size: 12px; } .destino2018 #awards .inscripcion .datos-concesion, .destino2018 #awards .inscripcion .asistente, .destino2018 #awards .inscripcion .formulario-acompaniante, .destino2018 #awards .inscripcion .btn-enviar-formulario{ padding: 0 15%; font-size: 14px; } /*.destino2018 #awards .inscripcion .datos-concesion{ margin-bottom: 70px; }*/ .destino2018 #awards .inscripcion .divisiones .opcion, .destino2018 #awards .inscripcion .tratamiento .opcion, .destino2018 #awards .inscripcion .asistencia .opcion, .destino2018 #awards .inscripcion .acompaniante-concesion .opcion, .destino2018 #awards .inscripcion .datos-acompaniante .opcion, .destino2018 #awards .inscripcion .camas .opcion, .destino2018 #awards .inscripcion .gestionar-vuelos .opcion{ margin-left: 15px; padding-left: 0; padding-right: 0; } .destino2018 #awards .inscripcion .divisiones .opcion .check-std, .destino2018 #awards .inscripcion .tratamiento .opcion .check-std, .destino2018 #awards .inscripcion .asistencia .opcion .check-std, .destino2018 #awards .inscripcion .acompaniante-concesion .opcion .check-std, .destino2018 #awards .inscripcion .datos-acompaniante .opcion .check-std, .destino2018 #awards .inscripcion .camas .opcion .check-std, .destino2018 #awards .inscripcion .gestionar-vuelos .opcion .check-std{ font-size: 12px; margin-left: 28px; } .destino2018 #awards .inscripcion .datos-concesion > .row, .destino2018 #awards .inscripcion .formulario-acompaniante > .row{ margin: 15px 0; } .destino2018 #awards .inscripcion .datos-concesion > .row, .destino2018 #awards .inscripcion .asistente > .row{ margin: 25px 0; } .destino2018 #awards .inscripcion .pasaporte .campo-pasaporte{ border: 2px solid #0057a7; border-radius: 5px; margin-right: 10px; padding: 5px 15px; width: 33%; } .destino2018 #awards .inscripcion .examinar:focus{ outline: none; } .destino2018 #awards .inscripcion .examinar{ background-color: transparent; border: 2px solid; color: #0057a7; cursor: pointer; font-size: 13px; padding: 8px 20px; text-align: center; position: absolute; top: -10px; } .destino2018 #awards .inscripcion .confirmar-formulario:focus{ outline: none; } .destino2018 #awards .inscripcion .confirmar-formulario{ background-color: transparent; border: 4px solid; color: #0057a7; font-size: 20px; padding: 15px 40px; text-align: center; } .destino2018 #awards .inscripcion .formulario-acompaniante{ margin-top: 40px; } .destino2018 .inscripcion .imagen-lateral{ background-image: url('../img/destino2018/img-lateral-2023.jpg') !important; background-position: 33%; background-repeat: no-repeat; background-size: cover; display: flex; align-items: center; } .destino2018 #awards .inscripcion .informacion-importante{ border-right: 1.5px solid #0057a7; margin-bottom: 90px; padding: 0 0 0 20%; } .destino2018 #awards .inscripcion .titulo-seccion{ color: #0057a7; font-size: 35px; font-weight: bold; margin-bottom: 25px; } .destino2018 #awards .inscripcion .titulo-ciudad{ color: #0057a7; font-size: 19px; font-weight: bold; margin-bottom: 15px; } .destino2018 #awards .inscripcion .titulo-fecha{ color: #0057a7; font-size: 14px; font-weight: bold; } .destino2018 #awards .inscripcion .titulo-vuelo{ color: #0057a7; font-size: 16px; font-weight: bold; } .destino2018 #awards .inscripcion .subtitulo1{ color: #000 !important; font-size: 14px; } .destino2018 #awards .inscripcion .subtitulo2{ color: #0057a7; font-size: 14px; } .destino2018 #awards .inscripcion .vuelo{ margin-bottom: 15px !important; } .destino2018 #awards .inscripcion textarea{ overflow: auto; resize: both; width: 100%; } /*.destino2018 #awards .inscripcion .ciudad{ margin-bottom: 25px; }*/ .destino2018 #awards .inscripcion .doc-escaneado{ opacity: 0; position: absolute; top: 14px; right: 12px; cursor: pointer; } .destino2018 #awards .inscripcion .doc-escaneado.acompanante{ top: -10px; right: 55px; } .destino2018 #awards .inscripcion .adjuntar-pasaporte{ position: relative; } .destino2018 #awards .inscripcion .adjuntar-pasaporte .help-block{ display: flex; justify-content: flex-start; padding-left: 15px; width: 100%; } .destino2018 #awards .inscripcion .opcion{ padding-left: 30px; padding-right: 0; } .fancybox-opened .fancybox-skin{ background: transparent; border-radius: 35px; box-shadow: 0 10px 25px rgba(0, 0, 0, 1.5); padding: 0 !important; position: relative; } .fancybox-outer, .fancybox-opened{ background: transparent; } .shadow { box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .55) !important; } .pop-up-container{ align-items: center; background-color: #001850; border-radius: 10px; display: flex; height: 280px; justify-content: center; width: 580px; } .fancybox-close{ top: 13px !important; right: 12px !important; width: 39px !important; height: 36px !important; opacity: 0 !important; } /******* * * GALER�A (DESTINO 2018) * ********/ .destino2018 .galeria .header-galeria{ background-image: url('../img/destino2018/viaje.jpg') !important; background-position: 10% 35%; background-repeat: no-repeat; background-size: cover; border-radius: 15px; } .destino2018 #awards .header-galeria{ padding: 40px 0; } .destino2018 #awards .titulo1-galeria{ color: #FFF; font-size: 30px; padding-left: 25px; } .destino2018 #awards .subtitulo1-galeria{ color: #FFF; font-size: 19px; padding-top: 10px; } .destino2018 #awards .close-galeria{ float: right; margin-top: -5px; padding-right: 25px; } .destino2018 .galeria .imagen-galeria{ width: 100%; } .destino2018 .galeria .galeria-container .img-container{ padding: 15px; } .destino2018 .galeria .galeria-container{ height: auto; padding: 15px; } .destino2018 .galeria .galeria-container .grid-sizer, .destino2018 .galeria .galeria-container.grid-item{ padding: 5px; width: 20%; } .destino2018 .galeria .galeria-container .small-image{ width: 100%; } .destino2018-container { padding-bottom: 0 !important; } @media(max-width: 992px){ .destino2018 #awards .inscripcion .dni-pasp-container{ padding-top: 15px; } .destino-2018{ padding-right: 10px; } .descripcion-programa p{ font-size: 16px !important; padding: 0 100px !important; } .destino2018 #awards .inscripcion .informacion-importante{ border: none; margin-bottom: 30px; padding: 0 100px !important; } .destino2018 #awards .inscripcion .inscripcion-container { padding: 45px 0 70px 0 !important; } .destino2018 #awards .inscripcion .datos-concesion{ margin-top: 35px; } .destino2018 #awards .inscripcion .datos-concesion{ padding: 0 100px !important; } .destino2018 #awards .inscripcion .asistente{ padding: 0 100px !important; } .destino2018 #awards .inscripcion .examinar-button-container{ height: 35px; } .destino2018 #awards .inscripcion .examinar{ top: -5px; } .destino2018 #awards .inscripcion .doc-escaneado{ top: 55px; left: 0; } .destino2018 #awards .inscripcion .adjuntar-pasaporte > div:first-child{ padding-left: 5px !important; } .destino2018 #awards .inscripcion .adjuntar-pasaporte > div:nth-child(2){ padding: 20px 0 !important; } .destino2018 #awards .inscripcion .row.asistente{ margin-top: 25px; } .mobile-version{ display: block !important; } .desktop-version{ display: none; } } @media(max-width: 769px){ .descripcion-programa p{ padding: 0 25px !important; } .destino2018 #awards .inscripcion .informacion-importante{ padding: 0 25px !important; } .destino2018 #awards .inscripcion .datos-concesion{ padding: 0 25px !important; } .destino2018 #awards .inscripcion .asistente{ padding: 0 25px !important; } .destino2018 #awards .inscripcion .adjuntar-pasaporte > div:first-child{ padding-left: 0 !important; } } @media(max-width: 630px){ .pop-up-container{ height: 200px; width: 280px; } .pop-up-container p{ font-size: 14px !important; } } @media(max-width: 500px){ .vuelo-destino2018{ position: absolute; right: 0; top: 50px; } .destino-2018{ padding-right: 10px; } .descripcion-programa p{ padding: 0 10px !important; } .descripcion-programa p{ font-size: 14px !important; } .destino2018 #awards .inscripcion .informacion-importante{ border: none; margin-bottom: 30px; padding: 0 !important; } .destino2018 #awards .inscripcion .inscripcion-container { padding: 45px 0 70px 0 !important; } .destino2018 #awards .inscripcion .datos-concesion{ margin-top: 35px; } .destino2018 #awards .inscripcion .datos-concesion{ padding: 0 !important; } .destino2018 #awards .inscripcion .asistente{ padding: 0 !important; } .destino2018 #awards .inscripcion .examinar-button-container{ height: 35px; } .destino2018 #awards .inscripcion .examinar{ top: -5px; } .destino2018 #awards .inscripcion .adjuntar-pasaporte{ margin-bottom: 0 !important; } .destino2018 #awards .inscripcion .dni-pasp-container{ margin-top: 0 !important; } .dni-pasp-container .opcion{ margin: 10px 0; } .destino2018 #awards .inscripcion .adjuntar-pasaporte .help-block{ padding-left: 0; } } /**UPDATE AESTRELLA**/ #perfil { float:right; height:24px; padding:0px 10px 8px 0; font-size:12px; line-height:24px; color:#FFF; } /**UPDATE DCRUZ**/