/* After Skin BASE */
/*/resources/templating-kit/font/OpenSans-Regular*/
/*
headerWidthMD - 970px
generalHeadingFontFamily - 'OpenSans-Regular', sans-serif
headerWidthSM - 750px
generalHeadingFont - Web fonts:OpenSans-Regular:/resources/templating-kit/font/OpenSans-Regular/OpenSans-Regular
generalHeadingFontWeight - normal
generalBodyFontImport - font-face {
font-family: 'Arial-webfont';
src: url('/resources/templating-kit/font/Arial-webfont/Arial-webfont.eot');
src: url('/resources/templating-kit/font/Arial-webfont/Arial-webfont.eot?#iefix') format('embedded-opentype'),
url('/resources/templating-kit/font/Arial-webfont/Arial-webfont.woff') format('woff'),
url('/resources/templating-kit/font/Arial-webfont/Arial-webfont.ttf') format('truetype'),
url('/resources/templating-kit/font/Arial-webfont/Arial-webfont.svg') format('svg');
font-weight: normal;font-style: normal;
}
headerWidth - 1170px
generalBodyFontFamily - 'Arial-webfont', sans-serif
footerWidth - 100%
searcherFontFamily - 'Arial-webfont', sans-serif
baseWidth - 100%
generalHeadingFontImport - font-face {
font-family: 'OpenSans-Regular';
src: url('/resources/templating-kit/font/OpenSans-Regular/OpenSans-Regular.eot');
src: url('/resources/templating-kit/font/OpenSans-Regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
url('/resources/templating-kit/font/OpenSans-Regular/OpenSans-Regular.woff') format('woff'),
url('/resources/templating-kit/font/OpenSans-Regular/OpenSans-Regular.ttf') format('truetype'),
url('/resources/templating-kit/font/OpenSans-Regular/OpenSans-Regular.svg') format('svg');
font-weight: normal;font-style: normal;
}
searcherFont - Web fonts:Arial-webfont:/resources/templating-kit/font/Arial-webfont/Arial-webfont
generalBodyFontWeight - normal
searcherFontImport - font-face {
font-family: 'Arial-webfont';
src: url('/resources/templating-kit/font/Arial-webfont/Arial-webfont.eot');
src: url('/resources/templating-kit/font/Arial-webfont/Arial-webfont.eot?#iefix') format('embedded-opentype'),
url('/resources/templating-kit/font/Arial-webfont/Arial-webfont.woff') format('woff'),
url('/resources/templating-kit/font/Arial-webfont/Arial-webfont.ttf') format('truetype'),
url('/resources/templating-kit/font/Arial-webfont/Arial-webfont.svg') format('svg');
font-weight: normal;font-style: normal;
}
searcherFontWeight - normal
headerBgColorTransparent - false
mainWidth - 100%
generalBodyFont - Web fonts:Arial-webfont:/resources/templating-kit/font/Arial-webfont/Arial-webfont
*/
/*FUENTE ESPECIAL*/
@font-face {
font-family: 'OpenSans-Regular';
src: url('/resources/templating-kit/font/OpenSans-Regular/OpenSans-Regular.eot');
src: url('/resources/templating-kit/font/OpenSans-Regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
url('/resources/templating-kit/font/OpenSans-Regular/OpenSans-Regular.woff') format('woff'),
url('/resources/templating-kit/font/OpenSans-Regular/OpenSans-Regular.ttf') format('truetype'),
url('/resources/templating-kit/font/OpenSans-Regular/OpenSans-Regular.svg') format('svg');
font-weight: normal;font-style: normal;
}
@font-face {
font-family: 'Arial-webfont';
src: url('/resources/templating-kit/font/Arial-webfont/Arial-webfont.eot');
src: url('/resources/templating-kit/font/Arial-webfont/Arial-webfont.eot?#iefix') format('embedded-opentype'),
url('/resources/templating-kit/font/Arial-webfont/Arial-webfont.woff') format('woff'),
url('/resources/templating-kit/font/Arial-webfont/Arial-webfont.ttf') format('truetype'),
url('/resources/templating-kit/font/Arial-webfont/Arial-webfont.svg') format('svg');
font-weight: normal;font-style: normal;
}
@font-face {
font-family: 'Arial-webfont';
src: url('/resources/templating-kit/font/Arial-webfont/Arial-webfont.eot');
src: url('/resources/templating-kit/font/Arial-webfont/Arial-webfont.eot?#iefix') format('embedded-opentype'),
url('/resources/templating-kit/font/Arial-webfont/Arial-webfont.woff') format('woff'),
url('/resources/templating-kit/font/Arial-webfont/Arial-webfont.ttf') format('truetype'),
url('/resources/templating-kit/font/Arial-webfont/Arial-webfont.svg') format('svg');
font-weight: normal;font-style: normal;
}
.instruccion_vacia {margin:0} /*SOLUCIONA PROBLEMAS CON IMPORT FUENTES*/
/*HELPER CLASS*/
.disable-transitions{
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
/*RESPONSIVE DESIGN*/
/* Large desktop */
@media (min-width: 1200px) {
#wrapper-2 {
/* En algún momento se dejó de usar la propiedad display: table por un error de escritura, al corregirse se han
roto algunos diseños por lo que hemos procedido a deshabilitarla ya que ahora se ha maquetado con el "error" en mente*/
/*display:table;*/
overflow:hidden;
}
.httheader .headerWrapper.freestyle > .hTt-container-fluid {
width:1170px;
}
#home #wrapper-2, #section #wrapper-2, #newsOverview #wrapper-2, #news #wrapper-2, #contactPage #wrapper-2, #searchPage #wrapper-2, #dataProtection #wrapper-2 {
width: 100%;
}
#baseArea .baseWrapper {
width: 100%;
}
#site-info .wrapper {
width: 100%;
}
#site-info #site-info-box p#copyright {
width: 100%;
}
#neoHotelAvailability #wrapper-2,
#neoHotelBookInfo #wrapper-2,
#neoHotelBookConfirm #wrapper-2,
#neoHotelCalendar #wrapper-2,
#neoPersonBookingsList #wrapper-2,
#neoPersonModifyDataUser #wrapper-2{
width: 1170px;
}
header .navbarMobile{
display: none;
}
}
/* Portrait tablet to landscape and desktop */
@media (min-width:992px) and (max-width:1199px) {
#wrapper-2 {
display:table;
overflow:hidden;
}
.httheader .headerWrapper.freestyle > .hTt-container-fluid,
.httheader .headerWrapper.freestyle .container {
width:970px;
}
.httheader .headerWrapper.freestyle .hTt-container-fluid .addTabletMargin {
margin-right: 15px !important;
margin-left: 15px !important;
}
#home #wrapper-2, #section #wrapper-2, #newsOverview #wrapper-2, #news #wrapper-2, #contactPage #wrapper-2, #searchPage #wrapper-2, #dataProtection #wrapper-2 {
width: 970px;
}
#home #wrapper-2.full-width .container,
#section #wrapper-2.full-width .container,
#newsOverview #wrapper-2.full-width .container,
#news #wrapper-2.full-width > .container,
#contactPage #wrapper-2.full-width .container,
#searchPage #wrapper-2.full-width .container {
width: 970px;
}
#baseArea .baseWrapper {
width: 970px;
}
#site-info .wrapper {
width: 970px;
}
#site-info #site-info-box p#copyright {
width: 970px;
}
#neoHotelAvailability #wrapper-2,
#neoHotelBookInfo #wrapper-2,
#neoHotelBookConfirm #wrapper-2,
#neoHotelCalendar #wrapper-2,
#neoPersonBookingsList #wrapper-2,
#neoPersonModifyDataUser #wrapper-2 {
width: 100%;
}
header .navbarMobile{
display: none;
}
}
/* Landscape phone to portrait tablet - (max-width: 991px) */
@media (min-width:768px) and (max-width:991px) {
#wrapper-2 {
overflow:hidden;
display: inherit;
}
.httheader .headerWrapper.freestyle > .hTt-container-fluid,
.httheader .headerWrapper.freestyle .container {
width:750px;
}
.httheader .headerWrapper.freestyle .hTt-container-fluid .addTabletMargin {
margin-right: 15px !important;
margin-left: 15px !important;
}
.httheader .headerWrapper.freestyle .hTt-container-fluid .hTt-container-fluid {
width:auto;
}
.httheader .headerWrapper.freestyle .hTt-container-fluid .hTt-container-fluid .hTt-container-fluid {
width:auto;
}
.httheader .headerWrapper.freestyle .hTt-container-fluid .row {
margin-right:0;
margin-left:0;
}
#home #wrapper-2, #section #wrapper-2, #newsOverview #wrapper-2, #news #wrapper-2, #contactPage #wrapper-2, #searchPage #wrapper-2, #dataProtection #wrapper-2 {
width:750px;
}
#home #wrapper-2.full-width .container,
#section #wrapper-2.full-width .container,
#newsOverview #wrapper-2.full-width .container,
#news #wrapper-2.full-width .container,
#contactPage #wrapper-2.full-width .container,
#searchPage #wrapper-2.full-width .container,
#dataProtection #wrapper-2.full-width .container {
width:750px;
}
#baseArea .baseWrapper {
width:750px;
}
#site-info .wrapper {
width:750px;
}
#site-info #site-info-box p#copyright {
width:750px;
}
#neoHotelAvailability #wrapper-2,
#neoHotelBookInfo #wrapper-2,
#neoHotelBookConfirm #wrapper-2,
#neoHotelCalendar #wrapper-2,
#neoPersonBookingsList #wrapper-2,
#neoPersonModifyDataUser #wrapper-2 {
width:100%;
}
header .navbarMobile{
display: none;
}
}
/* Landscape phones and down */
@media (max-width: 767px) {
#wrapper-2 {
overflow:hidden;
display: inherit;
}
.container {
margin-right: 15px;
margin-left: 15px;
width:auto !important;
}
.httheader .headerWrapper.freestyle .hTt-container-fluid {
width:100%;
}
.httheader .headerWrapper.freestyle .hTt-container-fluid .row {
margin-right:0;
margin-left:0;
}
#home #wrapper-2, #section #wrapper-2, #newsOverview #wrapper-2, #news #wrapper-2, #contactPage #wrapper-2, #searchPage #wrapper-2, #dataProtection #wrapper-2 {
width: 100%;
}
#baseArea .baseWrapper {
width: 100%;
}
#site-info .wrapper {
width: 100%;
}
#site-info #site-info-box p#copyright {
width: 100%;
}
#neoHotelAvailability #wrapper-2,
#neoHotelBookInfo #wrapper-2,
#neoHotelBookConfirm #wrapper-2,
#neoHotelCalendar #wrapper-2,
#neoPersonBookingsList #wrapper-2,
#neoPersonModifyDataUser #wrapper-2 {
width: 100%;
}
header .headerWrapperHidden{
display: none;
}
header .navbarMobile{
display: block;
}
#wrapper.horizontal header .navbarMobile ,
#wrapper.boxed header .navbarMobile {
margin-top: 0 !important;
padding: 10px 0 10px 0 !important;
background:#999999 url('/resources/templating-kit/themes/hTtGeneric/img/base/logo2_base.png') repeat center 0 !important;
}
}
* {
margin: 0;
padding: 0;
}
html {
font-size:12px;
}
.nopadding {
padding: 0;
}
.nomargin {
margin: 0;
}
.img-responsive,
.thumbnail>img,
.thumbnail a>img {
width: 100%;
}
iframe{
border: 0px;
border-width: 0px;
}
body {
background: #FFFFFF url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') no-repeat scroll center top;
font-family:'Arial-webfont', sans-serif;
font-size:12px;
font-weight:normal;
color: #666;
overflow-x:hidden;
width:100%;
max-width:100%;
}
body.no-scroll {
overflow:hidden;
}
h1, h2, h3, h4, h5, h6 {
color: #626262;
font-family:'OpenSans-Regular', sans-serif;
line-height:1em;
margin: 0;
text-rendering: optimizelegibility;
}
h1 a {
color: #999999;!important;
}
h1 {
font-size: 28px;
font-weight:normal;
}
h1 em,
h1 em { /* kicker */
display: block;
}
h2 {
font-size: 22px;
font-size:1.83rem;
}
h3 {
font-size: 18px;
font-size:1.5rem;
}
h4,
h5 {
font-size: 16px;
font-size:1.33rem;
}
p,
li,
dd,
dt,
table,
label,
input,
textarea {
margin:0;
padding:0;
}
.personLogin-content, .hotelLogin-content{
cursor: pointer;
}
.logusu_contenedorMainLogin li.personLogin-content-link{
font-size: 18px;
list-style:none;
text-align:left;
background-color: black;
text-align: center;
margin-bottom: 5px;
transition:all 0.3s;
}
.logusu_contenedorMainLogin li.personLogin-content-link:hover{
opacity:0.6;
}
.logusu_contenedorMainLogin li.personLogin-content-link a{
padding: 5px 0;
}
.logusu_contenedorMainLogin li.personLogin-content-link a, li.personLogin-content-link a:hover{
color: white;
display: block;
}
.logusu_contenedorMainLogin li.personLogin-content-link a:hover{
text-decoration:none;
}
.logusu_contenedorMainLogin li.personLogin-content-link:first-child{
font-size: 18px;
}
.logusu_contenedorMainLogin li.personLogin-content-link.personLogin-logout{
background-color:#b90202;
border:1px solid #b90202;
text-align:center;
color:white;
width:100%;
border-radius:0px;
list-style:none;
margin:20px auto;
display:block;
transition:all 0.3s;
opacity:1;
}
.logusu_contenedorMainLogin li.personLogin-content-link.personLogin-logout button{
background-color:#b90202;
border:none;
padding:5px;
width:100%;
margin-top:0px;
}
.logusu_contenedorMainLogin li.personLogin-content-link.personLogin-logout:hover{
opacity:0.8;
}
.logusu_contenedorMainLogin li.personLogin-content-link.personLogin-logout:hover a{
text-decoration:none;
}
.logusu_contenedorMainLogin li.personLogin-content-link.personLogin-logout a{
color:white;
}
ul{
margin:0;
padding:0;
}
/* LINKS
--------------- */
a {
text-decoration: none;
color: #999999;
}
a:hover,
a:active,
a:focus,
a:visited {
text-decoration: underline;
color: #626262;
}
a img {
border: 0 none;
}
a:hover img,
a:active img
a:focus img {
border: 0 none;
}
em.more {
display:block
}
em.more a {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') no-repeat scroll left -21px transparent;
font-size:12px;
font-style: normal;
padding-left: 18px;
padding-top:1px;
padding-bottom:1px;
float: left;
}
em.more a:hover {
text-decoration:underline;
}
em.more-comments a {
font-style: normal;
padding: 7px;
}
em.more-comments:before {
content: "|";
}
p.back a {
clear: both;
display: block;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -67px no-repeat;
margin: 25px 0;
border-top: 1px solid #B3B3B3;
border-bottom: none !important;
padding: 5px 0 0 17px;
font-style: normal;
font-weight: bold;
}
p.back a:hover,
p.back a:focus,
p.back a:active {
text-decoration: underline !important;
}
.all a {
clear: both;
display: block;
margin: 10px 0 0 0;
padding: 5px 0 0 17px;
background: transparent url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') no-repeat scroll 0 -17px;
color:#999999;;
float:right;
}
/* link-Button */
a.button {
background: #999999;
min-width: 60px;
width: auto;
border: 1px solid #f19eb2;
border-right: 1px solid #920728;
border-bottom: 1px solid #920728;
padding: 3px 20px 2px 20px;
text-align: center;
text-decoration: none;
font-weight: bold;
color: #FFF;
text-transform: uppercase;
}
a.button span {
position: absolute;
}
a.button:hover,
a.button:active,
a.button:focus {
color: #FFF;
background: #626262;
}
/* hidden & skip link */
.step-by-step li em,
.showbox h1.showbox-title,
.aural,
.skip a,
#search-box label,
#search-results .new-search label,
#search-box h6,
#nav-global span em,
#nav li strong em,
#nav-global li.on em,
#nav-box li.on em,
#nav-global h6,
#nav-box li h3 em,
#nav h6,
#extras h6,
em.more span,
#promos .more,
.pager li em,
.pager h3,
#search-results .form-wrapper label span,
#main .vcard div h3,
#extras .vcard div h3,
#glossary-index h3,
.day span,
form div label em,
#nav-content strong em,
p#copyright-magnolia span,
#event-pager h5,
div.superpromos .superpromo-section p.more a span {
display: block;
position: absolute;
overflow: hidden;
left: -9999px;
width: 1px;
height: 1px;
}
.skip a:active,
.skip a:focus {
position: absolute;
background: #FFF;
outline: none;
z-index: 1000;
left: 200px;
overflow: visible;
width: auto;
height: auto;
padding: 5px 15px 10px 15px;
font-weight: bold;
}
/*POPUP RESET PARA TABLETS APPLE*/
.modal-open{
overflow: hidden !important;
height: 100% !important;
}
/* GRID / LAYOUT */
#home #wrapper {
/*background: url('../img//resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') no-repeat scroll center 94px transparent;*/
}
#wrapper {
background: none repeat scroll 0 0 transparent;
position: relative;
overflow:hidden;
}
/*SEARCHER STICKY*/
.sch-fixed {
position: fixed !important;
top: 0 !important;
width: 100% !important;
z-index: 1039;
margin:0 !important;
left:0 !important;
}
@media (max-width: 767px) {
#wrapper{
width:100%;
position:relative;
left:0;
transition:left .4s;
}
#wrapper.out{
left:275px;
}
#wrapper.overflow-hidden{
overflow: hidden;
}
}
#section-header {
margin: 30px auto 20px auto;
width: 990px;
}
#stage {
position: relative;
width:100%;
clear: both;
display: inline-block;
margin-bottom: 10px;
}
#wrapper-2 {
margin:0 auto;
position: relative;
clear: both;
}
/*MAIN CONTENT*/
#home #wrapper-2,
#section #wrapper-2,
#newsOverview #wrapper-2,
#news #wrapper-2,
#contactPage #wrapper-2,
#searchPage #wrapper-2 {
padding:0 15px 15px 15px;
background:#FFF url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat center 0;
margin-bottom:15px;
clear:both;
color:;
border:1px solid #FFF;
}
#home #wrapper-2.full-width,
#section #wrapper-2.full-width,
#newsOverview #wrapper-2.full-width,
#news #wrapper-2.full-width,
#contactPage #wrapper-2.full-width,
#searchPage #wrapper-2.full-width {
width: 100% !important;
}
#home #wrapper-2 a,
#section #wrapper-2 a,
#newsOverview #wrapper-2 a,
#news #wrapper-2 a,
#contactPage #wrapper-2 a,
#searchPage #wrapper-2 a {
color: ;
}
#home #wrapper-2 a:hover,
#section #wrapper-2 a:hover,
#newsOverview #wrapper-2 a:hover,
#news #wrapper-2 a:hover,
#contactPage #wrapper-2 a:hover,
#searchPage #wrapper-2 a:hover {
color: ;
}
.col-subcol #wrapper-2 #promoContainer {
overflow: hidden;
overflow: hidden;
width: 100%;
}
#nav {
float: left;
margin: 0 20px 0 0;
width: 220px;
}
#wrapper-3 {
width:100%;
margin-top:15px;
}
#wrapper-3 #inner3 {
/*overflow:hidden;*/
clear: both;
}
#map {
margin: 0 0 20px 0;
overflow: hidden;
width: 700px;
}
#main {
float: left;
width:100%;
}
#content {
padding:10px;
}
#wrapper-3 > #main {
overflow: visible;
}
#extras {
float: right;
width: 220px;
}
#site-info {
clear: both;
overflow: hidden;
}
.col-subcol #main {
width: 70%;
padding-right:15px;
}
.col-subcol #extras {
width: 30%;
background:#F4F4F4;
padding: 5px 10px;
}
.col #wrapper-2 #wrapper-3 {
width:100%
}
.col #wrapper-2 #wrapper-3 .noOpener {
margin: 0;
width: 100%;
}
/* 2 column layout: nav vertical | main column | no sidebar */
.nav-col #main {
width: 100%;
}
#map {
margin-top: 37px;
}
/* 2 column layout: two equal columns: main column | sidebar */
.col-subcol-equal #wrapper-3 {
width: 100%;
}
.col-subcol-equal #main {
width: 662px;
float: right;
margin-right: 0;
}
.col-subcol-equal #extras {
width: 258px;
float:left;
}
/* 2 column layout: nav vertical and big main column with 2 floating teasers: nav | main */
.nav-col-float2 #wrapper-3,
.nav-col-float2 #main {
width: 700px;
}
/* 3 column layout: no nav vertical | main | sidebar | sidebar */
.col-subcol-subcol #wrapper-3 {
width: 100%;
}
.col-subcol-subcol #main,
.col-subcol-subcol #extras {
width: 460px;
}
.col-subcol-subcol #extras-1,
.col-subcol-subcol #extras-2 {
width: 220px;
float: left;
}
.col-subcol-subcol #extras-2 {
float: right;
}
/* 3 column layout: 1 big column with 3 floating teasers | main */
/* 2 column layout: 1 big column with 2 floating teasers | main */
.col-float2 #wrapper-3,
.col-float2 #main {
width: 100%;
}
.col-float3 #wrapper-3,
.col-float3 #main {
width: 100%;
}
/* 3 column layout: no nav vertical, 1 big column with 2 floating teasers and a sidebar: main column | sidebar */
.col-float2-subcol #wrapper-3 {
width: 100%;
}
.col-float2-subcol #main {
width: 700px;
}
.col-float2-subcol #wrapper-3 {
float: none;
}
/* HOME 1 column nav vertical */
.nav-col #nav {
}
.nav-col #nav #nav-box {
}
/* FONTS */
.teaser h2 em { /* kicker */
display: block;
font-size:12px;
font-style: normal;
}
#main .links em {
font-size:12px;
font-style: normal;
}
#main dl.video {
background:#999999;;
width:100%;
margin:0;
border-radius:0;
}
#main dl.video .mediaplayer video {
width:97%;
height:auto;
margin:9px;
}
/* HEADER */
.httheader {
margin:0;
padding:0;
width:100%;
position: relative;
color:#FFF;
}
.httheader .headerWrapper {
background:#999999 url('/resources/templating-kit/themes/hTtGeneric/img/base/logo2_base.png') repeat center 0;
}
.httheader .headerWrapper .bsgridAreawrapper {
padding:0;
}
.httheader.navup {
top: -100px !important;
}
#wrapper.boxed .httheader {
max-width:990px;
margin:0 auto;
}
.httheader a {
color:#333;
}
.httheader a:hover {
color:#FFF;
}
.httheader .headerWrapper.absoluteHeader { /* HEADER FLOTANTE EN POSITION ABSOLUTE */
position: absolute;
z-index: 50;
width: 100%;
background:#999999 url('/resources/templating-kit/themes/hTtGeneric/img/base/logo2_base.png') repeat center 0;
}
.httheader .headerWrapper.default .hTt-container-fluid,
.httheader .headerWrapper.compact .hTt-container-fluid,
.httheader .headerWrapper.biglogo .hTt-container-fluid {
max-width:1170px;
margin:0 auto;
}
.httheader .headerWrapper.freestyle .hTt-container-fluid {
margin:0 auto;
}
#wrapper.boxed .httheader .headerWrapper .hTt-container-fluid {
max-width:990px;
margin:0 auto;
padding:0 10px;
}
.httheader .headerWrapper .grid-section {
margin-right: 0;
margin-left: 0;
}
.affix-top {
position: static;
}
.affix {
position: fixed;
}
#httnav.affix {
top:0;
width:100%;
}
.searcherHTML.affix{
top:0;
position: fixed !important;
z-index:4000;
}
/* BRANDING */
#branding {
margin:0;
padding:0;
width:100%;
position: relative;
}
#branding #branding-box {
margin: 0 auto;
position: relative;
width: 990px;
height:auto;
display:table;
}
#logo {
float:left;
z-index:1000;
}
@media (max-width: 767px) {
#logo{
text-align: center;
width: 100%;
float:none;
z-index: 9500;
}
}
#logo span {
display:none;
}
#logo strong,
#logo em {
overflow: hidden;
position: relative;
color: #000;
display:none;
}
#logo em {
position: absolute;
z-index: 11;
left: 80px;
bottom: 0;
width: 100%;
height: 30px;
color: #666;
font-style: normal;
font-weight: bold;
line-height: 1.2em;
white-space: nowrap;
}
#logo a {
overflow: hidden;
position: relative;
height: 100%;
min-width: 241px;
max-width: 330px;
padding:0;
}
@media (max-width:767px) {
#logo-mobile {
display: table;
width: 100%;
}
#logo-mobile a {
display: table-cell;
height: 50px;
vertical-align: middle;
}
#logo a img, #logo-mobile a img {
max-height: 50px;
max-width: 153px;
vertical-align: -webkit-baseline-middle;
}
#logo.has-mobile-logo {
display:none;
}
}
@media (min-width:768px) {
#logo-mobile {
display:none;
}
}
@media (min-width:768px) and (max-width:991px) {
#logo a img, #logo-mobile a img {
width:100%;
height:auto;
}
}
.headerWrapper.compact #logo a {
min-width: 149px;
max-width: 154px;
}
.headerWrapper.biglogo #logo a {
min-width: 241px;
max-width: 246px;
}
#logo a:hover {
text-decoration: none;
}
#search-box {
position: absolute;
bottom: 0;
right: 0;
}
#search-box input {
background: #ebebeb;
margin: 0 5px 0 0;
border: 1px solid #c2c2c2;
width: 150px;
padding: 3px 3px 2px 3px;
}
#search-box input:focus,
#search-box input.a11y-focus {
background: #FFF;
border: 1px solid #FFF;
}
#search-box .button {
margin: 0;
border: 1px solid #f19eb2;
border-right: 1px solid #920728;
border-bottom: 1px solid #920728;
padding: 2px 10px;
background: #999999;
width: auto;
color: #FFF;
cursor: pointer;
font-size: 120%;
text-transform: uppercase;
font-weight: bold;
}
#search-box .button:hover,
#search-box .button:active,
#search-box .button:focus {
border: 1px solid #555;
border-right: 1px solid #4d4d4d;
border-bottom: 1px solid #4d4d4d;
background: #666;
color: #FFF;
}
/* NAV META COMPS & NAV META
**************************************/
#nav-meta-comps {
position:relative;
float:right;
margin-top:10px;
}
#wrapper.horizontal .headerWrapper.compact #nav-meta-comps,
#wrapper.boxed .headerWrapper.compact #nav-meta-comps {
margin:10px 0 5px 0;
}
#nav-meta-comps ul li {
list-style: none;
float: left
}
.httheader ul li span.flag {
margin:2px 0 0 0;
}
.httheader ul li ul li span.flag {
margin: 2px 1px 0 0;
}
.httheader ul#hTtLangMenu {
position:relative;
float:right;
margin-top:5px;
background:#626262;
border:1px solid #C8C8C8;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
@media (max-width: 767px) {
.httheader ul#hTtLangMenu {
margin: 0 auto;
padding: 6px;
position: absolute;
top:-49px;
left:0px !important;
z-index:1000;
}
}
.httheader ul#hTtLangMenu li {
display: block;
overflow: hidden;
list-style: none;
}
.httheader ul#hTtLangMenu li a,
.httheader ul li.hTt-menu-has-holizontal a.mainTag {
color:#FFF !important;
font-size: 11px;
}
.httheader ul#hTtLangMenu li a, #nav-meta-comps ul li.hTt-menu-has-holizontal a.mainTag:hover {
text-decoration:none;
cursor:pointer;
}
.httheader ul#hTtLangMenu li a {
padding: 4px 7px 4px 7px;
display:block;
}
.httheader ul#hTtLangMenu li a span.language-text {
margin-right: 5px;
float: left;
}
@media (max-width: 767px) {
.httheader ul#hTtLangMenu li a span.language-text {
display:none;
}
}
.httheader ul#hTtLangMenu li ul li a span.language-text {
margin: 0 0 0 3px;
}
.httheader ul#hTtLangMenu li ul li {
text-align:center;
border-bottom: 1px solid #ccc;
}
.httheader ul#hTtLangMenu li ul li:last-child {
border-bottom: none;
}
.httheader ul#hTtLangMenu li ul li a {
padding:12px 20px;
display:block;
width: 100%;
}
.httheader ul#hTtLangMenu li ul li a:hover {
background:#999999;
color:#FFF !important;
}
.httheader ul#hTtLangMenu li ul li:hover {
text-decoration:none;
}
.httheader ul#hTtLangMenu li a, #nav-meta-comps ul li.hTt-menu-has-holizontal a {
display:block;
color:#FFF !important;
font-size: 11px;
overflow:hidden;
}
.httheader ul#hTtLangMenu li ul li a, #nav-meta-comps ul li.hTt-menu-has-holizontal ul li a {
color:#585858 !important;
}
@media (max-width: 991px) {
.httheader ul#hTtLangMenu li a, #nav-meta-comps ul li.hTt-menu-has-holizontal a {
font-size: 10px;
}
}
.httheader ul.inline-languages {
list-style: none;
margin:5px;
}
.httheader ul.inline-languages li {
float: left;
margin-right: 8px;
}
.httheader ul.inline-languages li:last-child {
margin-right: 0;
}
.httheader ul.inline-languages li a {
font-size: 12px;
}
.httheader ul.inline-languages li a span.language-selected {
color: #626262;
}
@media(max-width: 767px){
#hTtLangMenu.inline-languages-mobile {
display: block !important;
}
}
@media(min-width: 768px){
#hTtLangMenu.inline-languages-mobile {
display: none !important;
}
}
.httheader ul li.hTt-menu-has-holizontal ul.hTt-menu-vertical {
background:#eee;
border:1px solid #C8C8C8;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
margin-top: 7px;
overflow: hidden;
margin:0;
text-align: center;
position: absolute;
top: 21px !important;
left: -46px !important;
z-index: 2000;
}
.httheader ul li.hTt-menu-has-holizontal ul.hTt-menu-vertical.group-languages-flags {
background: none;
opacity: 2;
overflow: hidden;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
top: 17px !important;
left: -13px !important;
z-index: 2000;
border-top: none;
background:#626262;
width:auto;
}
.httheader ul li.hTt-menu-has-holizontal ul.hTt-menu-vertical.group-languages-flags li {
padding: 0 !important;
}
.httheader ul li.hTt-menu-has-holizontal ul.hTt-menu-vertical.group-languages-flags li a {
padding: 2px;
}
.httheader ul li.hTt-menu-has-holizontal ul.hTt-menu-vertical.group-languages-textsflags {
width:150px;
left: 0 !important;
}
.httheader ul li.hTt-menu-has-holizontal ul.hTt-menu-vertical.group-languages-texts {
width:auto;
left: 0 !important;
}
.httheader ul li.hTt-menu-has-holizontal ul.hTt-menu-vertical li.hTt-menu-item {
display:block;
overflow:hidden;
}
.httheader ul li.hTt-menu-has-holizontal ul.hTt-menu-vertical li a {
background: none repeat scroll 0 0 transparent;
float: left;
height: 100%;
padding: 2px 9px;
}
#nav-meta-comps ul li a {
color: #FFF !important;
}
#nav-meta-comps ul li a:hover,
#nav-meta-comps ul li a:active,
#nav-meta-comps ul li a:focus {
color: #FFF;
text-decoration: underline;
}
#nav-meta {
float:right;
}
#wrapper.horizontal #nav-meta {
float:left;
}
#wrapper.boxed #nav-meta {
margin-top: 4px;
}
#nav-meta ul {
list-style:none;
}
#nav-meta ul li {
float: left;
}
#nav-meta ul li a {
margin-top: 7px;
float: left;
}
#nav-meta ul li a:before {
content:" | ";
}
#nav-meta ul li div a {
margin-top:0;
}
#nav-meta ul li div a:before {
content:none;
}
#nav-meta a {
color:#FFF !important;
}
/*login agencia*/
#nav-meta #loginBox {
float: right;
clear: both;
margin: 10px;
}
#nav-meta #loginBox .client {
display: inline-block;
}
#nav-meta #loginBox .user {
display: inline-block;
margin-left: 5px;
}
#nav-meta #loginBox .pass {
display: inline-block;
margin-left: 5px;
}
#nav-meta #loginBox .submitButton {
display: inline-block;
margin-left: 5px;
}
#nav-meta #loginBox input[type="text"], #nav-meta #loginBox input[type="password"] {
width: 87px;
-webkit-box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
box-sizing: content-box !important;
cursor: pointer;
padding: .2em .6em;
display: inline-block;
border: 1px solid #999;
box-shadow: inset 0 1px 3px #c5c5c5;
border-radius: 4px;
-webkit-transition: .3s linear border;
-moz-transition: .3s linear border;
-ms-transition: .3s linear border;
-o-transition: .3s linear border;
transition: .3s linear border;
line-height: 0;
color: #999;
}
#nav-meta #loginBox input[type="submit"] {
padding: .13em .6em;
cursor: pointer;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-decoration: none;
background: #ccc;
text-shadow: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-size:1.08rem;
color: #FFFFFF;
border: none;
}
#nav-meta #loginBox input[type="submit"]:hover {
background: #222;
color: #FFF;
}
/*CHANGE CURRENCY*/
ul.changeCurrency {
position:relative;
float:right;
margin-top:5px;
background:#626262;
border:1px solid #C8C8C8;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width: 39%;
}
ul.changeCurrency li {
display: block;
overflow: hidden;
list-style: none;
text-align:center;
}
ul.changeCurrency li a {
display: block;
color: #FFF !important;
font-size: 11px;
overflow: hidden;
padding: 4px 7px 4px 7px;
cursor:pointer;
text-decoration:none;
}
ul.changeCurrency li a.mainTag {
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
}
ul.changeCurrency li.hTt-menu-has-holizontal ul.hTt-menu-vertical {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
margin-top: 7px;
overflow: hidden;
margin: 0;
text-align: left;
position: absolute;
top: 21px !important;
left: 0px !important;
z-index: 2000;
width: 170px;
}
ul.changeCurrency li ul li:hover {
background:#999999;
text-decoration:none;
}
@media (max-width: 767px) {
ul.changeCurrency {
position:relative;
float:left;
margin-top:10px;
background:none;
border:none;
}
ul.changeCurrency li a {
background-color: #ddd !important;
color: #555 !important;
font-size: 11px;
text-decoration: none;
padding: 9px 10px 8px 10px;
display: block;
overflow: hidden;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
text-align:left;
}
ul.changeCurrency li.hTt-menu-has-holizontal ul.hTt-menu-vertical {
background-color: #ddd !important;
top: 32px !important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-align:left;
}
ul.changeCurrency li ul li:hover {
background:none;
text-decoration:none;
}
}
/* Wow element */
#wow {
position: absolute;
top: 184px;
right: 125px;
z-index: 101;
height: 100px;
width: 100px;
}
#wow h2 a {
display: block;
height: 100px;
width: 100px;
padding: 30px 0;
color: #FFF;
text-align: center;
text-indent: -9999px;
}
/* GLOBAL HORIZONTAL NAVIGATION */
#nav-global {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/bg-nav-sh_base.png') repeat center 0;
margin: 0;
text-align: center;
width: 100%;
position:relative;
z-index:65;
}
#nav-global-box {
display: block;
height: 40px;
margin: 0 auto;
overflow: hidden;
padding-top: 6px;
width: 990px;
}
#nav-global ul {
position: absolute;
z-index: 100;
float: none;
width: 990px;
margin: 0 0 0 0;
padding: 0;
list-style: none;
height: 30px;
}
#nav-global.plus-navsub ul {
border-bottom: none;
}
#nav-global li {
float: left;
margin: 0;
padding:0;
position:relative;
}
#nav-global li a,
#nav-global li a:visited,
#nav-global li strong {
display: block;
height:38px;
float: left;
color:#333;
text-decoration: none;
padding:0;
}
#nav-global li.on {
font-weight: normal;
}
#nav-global li.on strong span {
color:#FFF;
}
/* hover */
#nav-global li a:hover,
#nav-global li a:active,
#nav-global li a:focus {
color:#FFF;
}
/* 2nd level horizontal subnav */
#nav-global ul ul {
border-left: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999; !important;
background: url(../img/bg-subnav-shadow.png) repeat-x scroll center -1px #999999;;
display: none;
left:0;
padding: 12px 0;
position: absolute;
width: 200px;
z-index: 9999;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
overflow: hidden;
height:auto;
-moz-box-shadow: 0 3px 9px 0 #333;
-webkit-box-shadow: 0 3px 9px 0 #333;
box-shadow: 0 3px 9px 0 #333;
}
#nav-global ul ul li:hover {
background:#626262;
}
#nav-global li li {
background: none repeat scroll 0 0 transparent;
clear: both;
float: none;
width: auto;
border:0;
overflow:hidden;
}
#nav-global li.open li span,
#nav-global li.open li a,
#nav-global li.open li strong{
background: none repeat scroll 0 0 transparent !important;
float:left;
font-size: 12px;
font-size:1rem;
font-weight: normal;
margin-bottom: 0 !important;
text-align: left;
padding:3px 10px;
height:auto;
border:none;
color:#FFF;
}
#nav-global li.open a {
text-decoration: none;
padding:0;
margin:0;
display:block;
}
#nav-global li.open li.on a span,
#nav-global li.open li strong span {
font-weight: bold;
color: #FFF;
}
#nav-global li li a:hover,
#nav-global li li a:active,
#nav-global li li a:focus,
#nav-global li li a:hover span,
#nav-global li li a:active span,
#nav-global li li a:focus span {
float:left;
background: #626262;
color: #FFF;
}
#nav-global li:hover > ul {
display:block
}
#nav-global-box li#nav-sec-habitaciones a:active {
background: none repeat scroll 0 0 #1E1E1E;
padding-bottom: 7px;
}
#nav-global-box li#nav-sec-prensa a:active {
background: none repeat scroll 0 0 #1E1E1E;
padding-bottom: 7px;
}
#nav-global li span {
float: left;
text-transform:uppercase;
padding:6px 10px;
font-family:'OpenSans-Regular', sans-serif;
font-size:15px;
}
/* MAIN MENU NAVIGATION */
header .navbar {
border-radius: 0px;
border:none;
margin-bottom:0;
}
header .navbar-nav > li > a {
padding:0 10px;
}
header .headerWrapper.biglogo .navbar-nav {
float:right;
}
#wrapper.horizontal header .navbar-nav > li > a,
#wrapper.boxed header .navbar-nav > li > a {
padding:0 6px;
}
header .navbar .nav .caret {
border-top-color: #333;
border-bottom-color: #333;
}
header .navbar-default .navbar-collapse, .navbar-default .navbar-form {
border: transparent;
}
header .navbar-default {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/bg-nav-sh_base.png') repeat left 0;
border: transparent;
min-height: inherit;
text-align:center;
}
#wrapper.horizontal header .navbar-default,
#wrapper.boxed header .navbar-default {
margin-top:3px;
}
@media (max-width: 767px) {
#wrapper.horizontal header .navbarwrapper,
#wrapper.boxed header .navbarwrapper{
right: 0px;
top: -62px;
margin: 0;
position: absolute;
z-index: 1000;
}
#wrapper.horizontal header .navbar-default .header-container,
#wrapper.boxed header .navbar-default .header-container{
padding-left: 0;
padding-right: 0;
}
#wrapper.horizontal header #bs-navbar-menu,
#wrapper.boxed header #bs-navbar-menu{
background: #626262 none repeat scroll 0 0;
margin: 8px 0 7px;
overflow:hidden;
width: 290px;
}
}
header .navbar-default .hTt-container-fluid {
margin: 0 auto;
max-width: 1170px;
}
header .navbar-default .navbar-brand {
color: #777777;
}
header .navbar-default .navbar-brand:hover,
header .navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent;
}
header .navbar-default .navbar-text {
color: #777777;
}
header .navbar-default .navbar-nav > li > a {
color:#333;
font-size:15px;
font-family:'OpenSans-Regular', sans-serif;
text-transform:uppercase;
}
#wrapper.horizontal header .navbar-default .navbar-nav > li > a,
#wrapper.boxed header .navbar-default .navbar-nav > li > a {
font-size:13px;
}
@media (min-width: 768px) and (max-width: 991px) {
#wrapper.horizontal header .navbar-default .navbar-nav > li > a,
#wrapper.boxed header .navbar-default .navbar-nav > li > a{
font-size: 12px;
text-transform:none;
}
}
@media (max-width: 767px) {
#wrapper.horizontal header .navbar-default .navbar-nav > li > a,
#wrapper.boxed header .navbar-default .navbar-nav > li > a{
font-size: 18px;
margin: 5px 0;
}
}
header .navbar-default .navbar-nav > li > a:hover,
header .navbar-default .navbar-nav > li > a:focus {
color:#FFF;
background-color: transparent;
}
header .navbar-default .navbar-nav > .active > a,
header .navbar-default .navbar-nav > .active > a:hover,
header .navbar-default .navbar-nav > .active > a:focus {
color:#FFF;
font-weight:bold;
background:none;
}
header .navbar-default .navbar-nav > .disabled > a,
header .navbar-default .navbar-nav > .disabled > a:hover,
header .navbar-default .navbar-nav > .disabled > a:focus {
color: #cccccc;
background-color: transparent;
}
header .navbar-default .navbar-toggle {
border: none;
background-color: none;
margin-right: 0;
padding:0;
float:none;
}
header .navbar-default .navbar-toggle.btn-navbar-menu {
float:left;
}
header .navbar-default .login-icon{
float:right;
margin-left: 5px;
}
header .navbar-default .mybooking-icon{
float:right;
margin-left: 5px;
}
header .navbar-default .navbar-toggle:hover,
header .navbar-default .navbar-toggle:focus {
background: none;
}
header .navbar-default .navbar-toggle .icon-bar {
background-color: #DDD;
display: block;
width: 29px;
height: 4px;
border-radius: 1px;
}
header .navbar-default .navbar-toggle .glyphicon-user{
font-size: 21px;
color: #FFF;
}
header .navbar-default .navbar-toggle .glyphicon-shopping-cart{
font-size: 21px;
color: #FFF;
}
header .navbar-default .navbar-collapse,
header .navbar-default .navbar-form {
border-color: #e6e6e6;
padding:0;
margin: 7px 0px;
}
header .headerWrapper.freestyle .navbar-default .navbar-collapse,
header .headerWrapper.freestyle .navbar-default .navbar-form {
margin: 22px 0 7px 0;
}
header .navbar-default .navbar-nav > .dropdown > a:hover .caret,
header .navbar-default .navbar-nav > .dropdown > a:focus .caret {
border-top-color: #FFF;
border-bottom-color: #FFF;
}
header .navbar-default .navbar-nav > .open > a,
header .navbar-default .navbar-nav > .open > a:hover,
header .navbar-default .navbar-nav > .open > a:focus {
color:#FFF;
background:none;
}
header .navbar-default .navbar-nav > .open > a .caret,
header .navbar-default .navbar-nav > .open > a:hover .caret,
header .navbar-default .navbar-nav > .open > a:focus .caret {
border-top-color: #FFF;
border-bottom-color: #FFF;
}
header .navbar-default .navbar-nav > .dropdown > a .caret {
border-top-color: #777777;
border-bottom-color: #777777;
}
header .navbar-default .navbar-nav .dropdown-menu {
font-size: 14px;
background-color: #626262;
border: 1px solid #cccccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
z-index: 2000;
}
header .navbar-default .navbar-nav .dropdown-menu > li {
text-align:left;
}
header .navbar-default .navbar-nav .dropdown-menu > li a {
color: #ffffff;
}
header .navbar-default .navbar-nav .dropdown-menu > li > a:hover,
header .navbar-default .navbar-nav .dropdown-menu > li > a:focus {
color: #ffffff;
text-decoration: none;
background-color: #999999;
}
header .navbar-default .navbar-nav .dropdown-menu > .active > a,
header .navbar-default .navbar-nav .dropdown-menu > .active > a:hover,
header .navbar-default .navbar-nav .dropdown-menu > .active > a:focus {
color: #ffffff;
text-decoration: none;
background-color: #1E1E1E;
outline: 0;
}
header .navbar-default .navbar-nav .dropdown-menu > .disabled > a,
header .navbar-default .navbar-nav .dropdown-menu > .disabled > a:hover,
header .navbar-default .navbar-nav .dropdown-menu > .disabled > a:focus {
color: #999999;
}
header .navbar-default .navbar-nav .dropdown-menu > .disabled > a:hover,
header .navbar-default .navbar-nav .dropdown-menu > .disabled > a:focus {
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
@media (max-width: 767px) {
header .navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777777;
}
header .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
header .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333333;
background-color: transparent;
}
header .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555555;
background-color: #e7e7e7;
}
header .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
header .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
header .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #cccccc;
background-color: transparent;
}
}
header .navbar-default .navbar-link {
color: #777777;
}
header .navbar-default .navbar-link:hover {
color: #333333;
}
header .navbar-inverse {
background-color: #222222;
border-color: #080808;
}
header .navbar-inverse .navbar-brand {
color: #999999;
}
header .navbar-inverse .navbar-brand:hover,
header .navbar-inverse .navbar-brand:focus {
color: #ffffff;
background-color: transparent;
}
header .navbar-inverse .navbar-text {
color: #999999;
}
header .navbar-inverse .navbar-nav > li > a {
color: #999999;
}
header .navbar-inverse .navbar-nav > li > a:hover,
header .navbar-inverse .navbar-nav > li > a:focus {
color: #ffffff;
background-color: transparent;
}
header .navbar-inverse .navbar-nav > .active > a,
header .navbar-inverse .navbar-nav > .active > a:hover,
header .navbar-inverse .navbar-nav > .active > a:focus {
color: #ffffff;
background-color: #080808;
}
header .navbar-inverse .navbar-nav > .disabled > a,
header .navbar-inverse .navbar-nav > .disabled > a:hover,
header .navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444444;
background-color: transparent;
}
header .navbar-inverse .navbar-toggle {
border-color: #333333;
}
header .navbar-inverse .navbar-toggle:hover,
header .navbar-inverse .navbar-toggle:focus {
background-color: #333333;
}
header .navbar-inverse .navbar-toggle .icon-bar {
background-color: #ffffff;
}
header .navbar-inverse .navbar-collapse,
header .navbar-inverse .navbar-form {
border-color: #101010;
}
header .navbar-inverse .navbar-nav > .open > a,
header .navbar-inverse .navbar-nav > .open > a:hover,
header .navbar-inverse .navbar-nav > .open > a:focus {
color: #ffffff;
background-color: #080808;
}
header .navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
}
header .navbar-inverse .navbar-nav > .dropdown > a .caret {
border-top-color: #999999;
border-bottom-color: #999999;
}
header .navbar-inverse .navbar-nav > .open > a .caret,
header .navbar-inverse .navbar-nav > .open > a:hover .caret,
header .navbar-inverse .navbar-nav > .open > a:focus .caret {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
}
@media (max-width: 767px) {
header .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #080808;
}
header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #999999;
}
header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #ffffff;
background-color: transparent;
}
header .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
header .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
header .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #ffffff;
background-color: #080808;
}
header .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
header .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
header .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #444444;
background-color: transparent;
}
}
header .navbar-inverse .navbar-link {
color: #999999;
}
header .navbar-inverse .navbar-link:hover {
color: #ffffff;
}
/*NAVBAR MOVIL VERSION*/
@media (min-width: 768px) {
#bs-navbar-menu-mobile {
display: none;
}
}
@media (max-width: 767px) {
.bs-navbar-side-menu {
top:0;
bottom:0;
left:-275px;
width:275px !important;
position:fixed;
overflow-y: scroll;
overflow-x: hidden;
transition: left .4s;
background: #F3F3F3;
}
.bs-navbar-side-menu.show {
left:0 !important;
}
.bs-navbar-side-menu.collapsing, .bs-navbar-side-menu.collapse{
height: auto !important;
}
.bs-navbar-side-menu .contact-phone, .contact-phone {
margin: 10px 7px 10px 10px;
float: left;
}
.bs-navbar-side-menu .contact-phone ul.mobilePhonesNumbers, .contact-phone ul.mobilePhonesNumbers{
background: #ddd;
}
.bs-navbar-side-menu #hTtLangMenu{
margin: 10px 10px 10px 0;
position:relative;
float:right;
background: none;
border: none;
}
.bs-navbar-side-menu #hTtLangMenu span.flag {
margin: 2px 0 0 0;
}
.bs-navbar-side-menu #hTtLangMenu span.flag {
margin: 2px 1px 0 0;
}
.bs-navbar-side-menu #hTtLangMenu li {
display: block;
overflow: hidden;
list-style: none;
}
.bs-navbar-side-menu #hTtLangMenu li a{
background-color: #ddd !important;
color: #555 !important;
font-size: 11px;
text-decoration:none;
padding: 9px 10px 8px 10px;
display:block;
overflow: hidden;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
cursor:pointer;
}
.bs-navbar-side-menu #hTtLangMenu li a span.language-text {
margin-right: 5px;
float: left;
}
.bs-navbar-side-menu #hTtLangMenu li ul{
overflow: hidden;
background-color: #ddd !important;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin-top: 0;
padding: 5px 0;
left: inherit !important;
top: inherit !important;
position: absolute;
z-index: 2;
width: 100%;
}
.bs-navbar-side-menu #hTtLangMenu li ul li a span.language-text {
margin: 0 0 0 3px;
}
.bs-navbar-side-menu #hTtLangMenu li ul li {
text-align:center;
}
.bs-navbar-side-menu #hTtLangMenu li.hTt-menu-item {
margin: 15px 0;
}
.bs-navbar-side-menu #hTtLangMenu li ul li a {
padding: 3px 8px;
display:block;
width: 100%;
overflow: hidden;
background: #ddd !important;
}
.bs-navbar-side-menu .side-menu,
.bs-navbar-side-menu .nav.navbar-nav {
display: block;
clear: both;
width: 100%;
margin: 10px 0 0 0;
border-bottom: 1px solid #ddd;
font-size:14px;
}
.bs-navbar-side-menu .side-menu li.nav_wchild.open {
background-color: #EEE;
}
.bs-navbar-side-menu .side-menu li a {
display: block;
width: 100%;
padding: 10px 20px;
color: #333;
background: #C3C2C2;
border-top: 1px solid #ddd;
}
.bs-navbar-side-menu .nav.navbar-nav li a{
padding: 10px 20px;
border-top: 1px solid #ddd;
display: block;
width: 100%;
color: #555;
background:#C3C2C2;
}
.bs-navbar-side-menu .nav.navbar-nav li ul li a{
border-top: none;
}
.bs-navbar-side-menu .side-menu li a:hover,
.bs-navbar-side-menu .nav.navbar-nav li a:hover {
color: #555;
text-decoration: none;
}
.bs-navbar-side-menu .side-menu li a img {
width: 16px;
margin-right: 5px;
}
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin: 0;
padding:0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.navbar-nav .open .dropdown-menu li {
padding-left: 10px;
background:#EEE;
}
.navbar-nav .open .dropdown-menu li a {
width: 98%;
white-space: inherit;
background: #EEE;
}
.navbar-nav .open .dropdown-menu li:hover,
.navbar-nav .open .dropdown-menu li.active,
.navbar-nav .open .dropdown-menu li.active a,
.navbar-nav .open .dropdown-menu li a:hover {
color:#ccc;
background:#555;
}
.navbar-nav .open .dropdown-menu li ul {
position: static;
float: none;
width: auto;
margin-top: -6px;
background-color: #989595;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.navbar-nav .open .dropdown-menu li ul li a {
color:#E2E2E2;
}
.navbar-nav .caret {
float: right;
margin-top: 9px;
}
.bs-navbar-side-menu .footer-social-media {
display: block;
padding: 5px 10px;
text-align: center;
}
.bs-navbar-side-menu .footer-social-media a{
padding: 3px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
background: #ddd !important;
display: inline-block;
margin: 5px 5px 0 0;
}
.bs-navbar-side-menu .footer-social-media a div{
margin: 0;
float: none;
display: block;
}
.bs-navbar-side-menu .searcherWeb {
padding: 10px;
width: 100% !important;
max-width: inherit;
}
.bs-navbar-side-menu .footer-social-media .nav-soc-facebook {
width: 26px;
height: 26px;
display: block;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -1318px no-repeat;
}
.bs-navbar-side-menu .footer-social-media .nav-soc-twitter{
width: 26px;
height: 26px;
display: block;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -1455px no-repeat;
}
.bs-navbar-side-menu .footer-social-media .nav-soc-blogger{
width: 26px;
height: 26px;
display: block;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -3062px no-repeat;
}
.bs-navbar-side-menu .footer-social-media .nav-soc-youtube{
width: 26px;
height: 26px;
display: block;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -1524px no-repeat;
}
.bs-navbar-side-menu .footer-social-media .nav-soc-googleplus{
width: 26px;
height: 26px;
display: block;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -1386px no-repeat;
}
.bs-navbar-side-menu .footer-social-media .nav-soc-flickr{
width: 26px;
height: 26px;
display: block;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2837px no-repeat;
}
.bs-navbar-side-menu .footer-social-media .nav-soc-instagram{
width: 26px;
height: 26px;
display: block;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -3134px no-repeat;
}
.bs-navbar-side-menu .footer-social-media .nav-soc-picasa{
width: 26px;
height: 26px;
display: block;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -3205px no-repeat;
}
.bs-navbar-side-menu .footer-social-media .nav-soc-pinterest{
width: 26px;
height: 26px;
display: block;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -3276px no-repeat;
}
.bs-navbar-side-menu .footer-social-media .nav-soc-rss{
width: 26px;
height: 26px;
display: block;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -1597px no-repeat;
}
.bs-navbar-side-menu .footer-social-media .nav-soc-tumblr{
width: 26px;
height: 26px;
display: block;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -3348px no-repeat;
}
.bs-navbar-side-menu .footer-social-media .nav-soc-vimeo{
width: 26px;
height: 26px;
display: block;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -3419px no-repeat;
}
}
/* menu social media new*/
.at-share-dock.atss {
top: auto !important;
left: auto !important;
right: 0 !important;
bottom: 0 !important;
width: 140px !important;
max-width: 100% !important;
z-index: 1000200 !important;
box-shadow: 0 0 1px 1px #e2dfe2 !important;
}
.at-share-dock.atss .at-share-btn .at-icon-wrapper, .at-share-dock.atss a .at-icon-wrapper {
display: block !important;
padding: 2px 0 !important;
}
/*ocultar addthis en el proceso de reserva de hotel*/
#neoHotelAvailability .at-share-dock.atss,
#neoHotelBookInfo .at-share-dock.atss,
#neoHotelBookConfirm .at-share-dock.atss,
#neoHotelCalendar .at-share-dock.atss,
#neoPersonBookingsList .at-share-dock.atss,
#neoPersonModifyDataUser .at-share-dock.atss{
display: none !important;
}
/*ocultar addthis en el proceso de reserva de oc*/
#availability-results .at-share-dock.atss,
#book-close .at-share-dock.atss,
#availability-calendar .at-share-dock.atss{
display: none !important;
}
/*NAVBAR MENU ADVANCED*/
.navbar-advance #bs-navbar-menu {
margin: 0;
}
.navbar-advance #bs-navbar-menu .navbar-toggle.btn-navbar-resolution {
margin-top:0;
margin-bottom:0;
}
.navbar-advance #bs-navbar-menu ul{
display: table;
margin: 0 auto;
float:left;
}
.navbar-advance #bs-navbar-menu ul li{
display: table-cell;
padding: 0;
font-size: 14px;
font: 14px Montserrat;
text-transform: uppercase;
text-align: center;
}
.navbar-advance #bs-navbar-menu .dropdown-toggle,
.navbar-advance #bs-navbar-menu .dropdown-toggle.active,
.navbar-advance #bs-navbar-menu .dropdown-toggle.hover,
.navbar-advance #bs-navbar-menu .dropdown-toggle.selected,{
position: relative;
background:transparent;
}
.navbar-advance #bs-navbar-menu .dropdown-menu{
font-size: 14px;
background-color: #626262;
border: 1px solid #cccccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
z-index: 2000;
top: 29px;
right: 0px;
left: auto;
}
@media (max-width: 767px) {
.navbar-advance #bs-navbar-menu ul li{
position: relative;
display: block;
text-align: left;
}
}
.navbar-advance #bs-navbar-menu ul li:last-child {
padding-right: 0
}
.navbar-advance #bs-navbar-menu ul li:first-child {
padding-left: 0
}
.navbar-advance #bs-navbar-menu ul li a {
color: #fff;
cursor: default;
font-size: 14px;
font-family: 'OpenSans-Regular', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 10px 15px;
display: block;
}
@media (max-width: 991px) and (min-width: 768px){
.navbar-advance #bs-navbar-menu ul li a {
font-size: 12px;
padding: 10px 8px;
}
}
.navbar-advance #bs-navbar-menu ul li.intDivLinkExtNB a {
-webkit-transition: background 0.3s linear;
transition: background 0.3s linear;
-moz-transition: background-color 0.3s linear;
-ms-transition: background-color 0.3s linear;
-o-transition: background-color 0.3s linear;
}
.navbar-advance #bs-navbar-menu ul li a:hover,
.navbar-advance #bs-navbar-menu ul li a:active,
.navbar-advance #bs-navbar-menu ul li a.selected{
text-decoration:none;
background: transparent;
cursor:pointer;
color: #fff;
}
.navbar-advance #bs-navbar-menu ul li a.active {
text-decoration:none;
background: #000;
color: #fff;
cursor:pointer;
}
.navbar-advance #bs-navbar-menu ul li a img{
width: 16px;
height: 16px;
}
.navbar-advance #bs-navbar-menu ul li a .text-icon{
display: inline-block;
}
.navbar-advance #bs-navbar-menu ul li a.leftIcon img{
display: inline-block;
}
.navbar-advance #bs-navbar-menu ul li a.leftIcon .txt{
display: inline-block;
}
.navbar-advance #bs-navbar-menu ul li a.topIcon img{
display: block;
margin: auto;
}
.navbar-advance #bs-navbar-menu ul li a.topIcon .txt{
display: block;
margin: auto;
}
.navbar-advance #bs-navbar-menu ul li a.rightIcon img{
display: inline-block;
}
.navbar-advance #bs-navbar-menu ul li a.rightIcon .txt{
display: inline-block;
}
.navbar-advance #bs-navbar-menu ul li a.bottomIcon img{
display: block;
margin: auto;
}
.navbar-advance #bs-navbar-menu ul li a.bottomIcon .txt{
display: block;
margin: auto;
}
.contentsExtNavbar{
position: absolute;
width: 100%;
z-index: 2000;
background: #000;
}
.contentsExtNavbar .menu_list_links_group {
margin: 15px 0 30px 0;
}
.contentsExtNavbar .menu_list_links {
overflow:hidden;
margin:0;
}
.contentsExtNavbar .menu_list_links h2,
.contentsExtNavbar .menu_list_links h3 {
padding:0;
margin:15px 0 5px 0;
}
.contentsExtNavbar .menu_list_links h2 a {
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size:14px;
font-weight:bold;
font-style:normal;
cursor:pointer;
border-bottom: 1px solid #6D6D6D;
padding-bottom: 5px;
display: block;
}
.contentsExtNavbar .menu_list_links h3 a {
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size:18px;
font-weight:bold;
font-style:normal;
cursor:pointer;
border-bottom: 1px solid #6D6D6D;
padding-bottom: 15px;
display: block;
}
.contentsExtNavbar .menu_list_links h2 a:hover,
.contentsExtNavbar .menu_list_links h3 a:hover {
color:#aaa;
text-decoration:none;
}
.contentsExtNavbar .menu_list_links ul {
margin:10px 0 0;
padding: 0;
list-style:none;
}
.contentsExtNavbar .menu_list_links ul:last-child {
background: none;
}
.contentsExtNavbar .menu_list_links li {
padding-right: 12px;
display:block;
list-style-type:none;
background: none;
padding-left: 0;
border-bottom:none;
}
.contentsExtNavbar .menu_list_links li a {
color:#aaa;
font-family:'OpenSans-Regular', sans-serif;
font-size:13px;
text-decoration:none;
line-height: 14px;
}
.contentsExtNavbar .menu_list_links li a:hover {
color:#fff;
}
/*NAVBAR MENU VERTICAL NEW*/
.ext-menu-vertical {
position: fixed;
top: 0;
z-index: 1041;
height: 100vh;
width: 300px;
background: #eee;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
.ext-menu-vertical.left-side {
left: -300px;
}
.ext-menu-vertical.right-side {
right: -300px;
}
.ext-menu-vertical > ul {
position: relative;
top: 129px;
height: calc(100% - 129px);
overflow: auto;
}
.bs-navbar-side-menu.open .ext-menu-vertical {
overflow: auto;
}
.bs-navbar-side-menu.open .ext-menu-vertical.left-side {
left: 0;
}
.bs-navbar-side-menu.open .ext-menu-vertical.right-side {
right: 0;
}
.ext-menu-vertical li{
display: block;
}
.ext-menu-icon-container {
position: absolute;
top: 30px;
z-index: 1042;
width: 110px;
background: transparent;
padding: 0;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.ext-text-menu{
float: right;
padding-top: 13px;
}
.bs-navbar-side-menu.open .ext-menu-icon-container{
top: 0;
width: 285px;
padding: 30px 15px 50px;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.bs-navbar-side-menu.open .ext-menu-icon-container.left-side{
left: 0;
padding-left: 15px;
}
.bs-navbar-side-menu.open .ext-menu-icon-container.right-side{
right: 0;
padding-right: 15px;
}
.ext-menu-icon-container.left-side {
left: 15px;
}
.ext-menu-icon-container.right-side {
right: 15px;
}
.ext-menu-icon {
position: relative;
width: 60px;
height: 45px;
cursor: pointer;
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
-ms-transform: scale(0.6);
-o-transform: scale(0.6);
transform: scale(0.6);
display: inline-block;
}
.ext-menu-icon span {
display: block;
position: absolute;
height: 9px;
width: 100%;
background: #2b2b2b;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.ext-menu-icon span:nth-child(1) {
top: 0px;
}
.ext-menu-icon span:nth-child(2),.ext-menu-icon span:nth-child(3) {
top: 18px;
}
.ext-menu-icon span:nth-child(4) {
top: 36px;
}
.bs-navbar-side-menu.open .ext-menu-icon span:nth-child(1) {
top: 18px;
width: 0%;
left: 50%;
}
.bs-navbar-side-menu.open .ext-menu-icon span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.bs-navbar-side-menu.open .ext-menu-icon span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.bs-navbar-side-menu.open .ext-menu-icon span:nth-child(4) {
top: 18px;
width: 0%;
left: 50%;
}
/* CSS para dar estilos base al scroll del menú */
.ext-menu-vertical .side-menu::-webkit-scrollbar {
width: 15px;
}
.ext-menu-vertical .side-menu::-webkit-scrollbar-thumb {
background-color: #2b2b2b;
border: 5px solid #eee;
border-radius: 10px;
}
/* CSS para dar estilos base al scroll del menú */
.ext-menu-vertical::-webkit-scrollbar {
width: 15px;
}
.ext-menu-vertical::-webkit-scrollbar-track {
/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
}
.ext-menu-vertical::-webkit-scrollbar-thumb {
background-color: #2b2b2b;
border: 5px solid #eee;
border-radius: 10px;
}
/* SECTION-HEADER */
#section-header {
background: #0d8ccc;
border-radius: 5px;
overflow: hidden;
color: #FFF;
}
#section-header h5 {
float: right;
width: 30%;
padding: 10px;
font-size: 180%;
text-align: right;
}
#section-header p {
float: left;
width: 65%;
padding: 13px 10px 13px 10px;
}
/* HTTCONTENT */
#wrapper.boxed .httcontent {
max-width:990px;
margin:0 auto;
}
/* STAGE */
#stage {
background: url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat center 0;
color: ;
}
#stage a {
color: ;
}
#stage a:hover {
color: ;
}
#stage img {
display: block;
line-height: 1;
}
#stage-box {
position: absolute;
top: 53px;
left: 20px;
padding: 10px;
background: #0D0D0D;
border-radius: 8px;
}
#stage .area_wrapper {
/*overflow:hidden;*/
position:relative;
}
/*STAGE VERTICAL*/
#stage.vertical .area_wrapper {
width:990px;
margin:0 auto;
}
#stage.vertical .area_wrapper .searcherHTML {
float: left;
width: 277px;
min-height: 393px;
margin-top: 10px;
/*margin-left:20px;*/
padding: 20px;
text-align:center;
}
#stage.vertical .area_wrapper .searcherHTML .searcher-general.vertical {
margin-left: 13px;
}
#stage.vertical .area_wrapper div:nth-child(3) {
float:right;
}
#stage.vertical .area_wrapper div.verticalgalleryExt div:nth-child(2){
float:inherit;
}
#stage.vertical .area_wrapper div.searcherHTML div:nth-child(2){
float:inherit;
}
/*STAGE NORMAL*/
#stage.normal .area_wrapper {
width:990px;
margin:0 auto;
}
/*STAGE EXTENDIDO*/
#stage.extended .area_wrapper {
width:100%;
}
#section #stage, #searchPage #stage, #contactPage #stage, #newsOverview #stage {
background: url("/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif") repeat 0 0;
}
/**************** MAIN *****************/
/* Breadcrumb */
#breadcrumb {
width:100%;
overflow:hidden;
margin-bottom:10px;
}
@media (max-width:767px) {
#breadcrumb {
display:none;
}
}
#breadcrumb h5 {
float: left;
margin-right: 5px;
font-weight: normal;
display:none
}
#breadcrumb ol {
list-style: none;
float: left;
margin: 0;
padding:0;
width:auto;
}
#breadcrumb li {
float: left;
border: none;
margin: 0 6px 0 0;
font-size:12px;
font-weight: normal;
list-style: none;
list-style-type: none;
}
#breadcrumb li a {
color: #000;
display:block;
background: url(../img/breadcrumb_arrow.png) right center no-repeat;
padding-right: 10px;
}
#breadcrumb li strong {
color: #999999;
font-weight:bold;
}
#breadcrumb li:last-child a{
background: none;
}
/* Breadcrumb moved outside main: special for this design theme */
.col-subcol-equal #main {
position: relative;
overflow: visible;
}
#news #main #breadcrumb {
margin-top:20px
}
.col-subcol-equal #main #breadcrumb {
top: -30px;
}
/* Page Intro */
#page-intro {
margin-bottom: 5px;
position: relative;
}
#page-intro h1 {
font-size: 22px;
font-family: 'OpenSans-Regular', sans-serif;
color: #999999;
font-weight:bold;
text-transform:uppercase;
font-style:italic;
clear: both;
padding: 12px 15px;
float: left;
width: 100%;
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
border: 1px solid #DEDEDE;
border-bottom: 4px solid #DEDEDE;
margin-bottom:15px;
}
#page-intro img {
margin-top:15px;
width: 100%;
}
/* Extras Opener */
#extras .opener {
background: none repeat scroll 0 0 #626262;
overflow: hidden;
padding: 15px;
border: none;
margin: 0 0 20px 0;
}
#extras .opener p {
color:#FFF;
}
/**********
Extras Event List
**************************/
#extras .event-list {
background: none repeat scroll 0 0 #C8C8C8;
overflow: hidden;
padding: 15px;
border: none;
margin: 0 0 20px 0;
}
#extras .event-list p {
color:#FFF;
}
/* 2 colums: 1 big main column with 2 floating teasers | main
3 columns: nav vertical and 1 big main column with 2 floating teasers | nav | main */
.col-float2 .opener,
.col-float2 .teaser {
float: left;
width: 460px;
margin-right: 20px;
}
.col-float2-subcol .opener,
.col-float2-subcol .teaser,
.nav-col-float2 .teaser,
.nav-col-float2 .opener {
float: left;
width: 340px;
margin-right: 20px;
overflow: hidden;
}
.col-float2-subcol #main .highlight,
.nav-col-float2 #main .highlight {
width: 326px;
}
.col-float2-subcol #main .highlight h2,
.nav-col-float2 #main .highlight h2 {
width: 176px;
}
.col-float2 #teaser-2,
.col-float2 #teaser-4,
.col-float2 #teaser-6,
.col-float2 #teaser-8,
.nav-col-float2 #teaser-2,
.nav-col-float2 #teaser-4,
.nav-col-float2 #teaser-6,
.col-float2-subcol #teaser-2,
.col-float2-subcol #teaser-4,
.col-float2-subcol #teaser-6,
.col-float2-subcol #teaser-8 {
margin-right: 0;
}
.col-float2 #teaser-3,
.col-float2 #teaser-5,
.nav-col-float2 #teaser-3,
.nav-col-float2 #teaser-5 {
clear: left;
}
/* 2 columns: nav | 1 big main column */
.nav-col #main .teaser h2 {
width: 550px;
}
.nav-col #main .teaser-group .teaser h2 {
width: 470px;
}
/* Teaser Group */
.teaser-group {
clear: both;
margin: 0 0 20px 0;
}
.teaser-group h5 {
background:#999999;
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 22px;
font-size: 1.83rem;
padding:5px 0 5px 15px;
margin-top:15px;
}
.teaser-group .teaser {
float: none;
margin: 0 0 20px;
padding: 10px 0;
border:none;
background:#FFF;
border: 1px solid #EDEDED;
overflow:hidden;
}
.teaser-group .teaser h2 {
background: #CCC;
color: #FFF;
font-family: 'OpenSans-Regular', sans-serif;
font-size: 18px;
padding: 5px 0 5px 15px;
margin-bottom: 15px;
}
.teaser-group .teaser h2 a {
vertical-align: 0;
color: #FFF;
}
.teaser-group .teaser img {
float: left;
margin: 10px 10px 10px 15px;
}
.teaser-group .teaser p {
font-family: 'Arial-webfont', sans-serif;
font-size: 12px;
text-align: justify;
line-height: 18px;
width: auto;
margin-top: 10px;
padding: 5px 16px;
}
.teaser-group .teaser p em {
position: relative !important;
left: 0 !important;
width: auto !important;
height: auto !important;
margin: 10px 0;
text-align: right;
}
.teaser-group .teaser p em.more a {
color: #FFF;
font-size: 12;
text-decoration: none;
display: inline-block;
background: #999999;
text-align: center;
padding: 3px 15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-transform: uppercase;
float: none;
}
.teaser-group .teaser p em.more a:hover {
background: #C8C8C8;
}
.teaser-group .teaser .links li {
border-bottom: 1px solid #d6d6d6;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 24px;
background: url('../img/green/sprites.png') 0 -2575px no-repeat;
}
.teaser-group .teaser .links li:hover{
background-color: #CCC;
background: url('../img/green/sprites.png') 0 -2575px no-repeat;
cursor: pointer;
}
/* TYPE C - CLASE MODEL 3 */
.teaser-group.model3 {
width:100%;
}
.teaser-group.model3 h5 {
color: #999 !important;
font-size: 22px;
font-family:'OpenSans-Regular', sans-serif;
font-style: italic;
font-weight: bold;
background:;
padding: 10px 20px 10px 20px;
}
.teaser-group.model3 .teaser {
clear: both;
background: url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:px solid ;
-moz-box-shadow: ;
-webkit-box-shadow: ;
box-shadow: ;
overflow: hidden;
padding:0;
margin: 0 20px 15px 20px;
}
/* teaser with just a link list */
#main .teaserlist li {
font-weight: bold;
}
#main .teaserlist li em {
font-weight: normal;
}
/* COMPONENTE TOP TEN one-two-three */
#main .one-two-three {
float: left;
width: 460px;
}
#main .one-two-three li {
float: left;
position: relative;
width: 420px;
height: 3em;
margin: 0;
padding: 5px 0 5px 35px;
list-style: none;
}
#main .one-two-three li a {
display: block;
}
#main .one-two-three li a:hover em {
text-decoration: none;
}
#main > .one-two-three li {
height: auto;
min-height: 3em;
}
#main .one-two-three .text-box-section ul { /* in tab-box*/
border-top: 1px solid #ccc;
margin: 10px 0;
}
#main .text-box .text-box-section li { /* in tab-box*/
width: 405px;
border-bottom: 1px solid #ccc;
}
#main .one-two-three li em { /* the number */
position: absolute;
background: url(../img/bgs/one-two-three.png) 0 0 no-repeat;
top: 5px;
left: 0;
padding: 6px 10px 8px 9px;
font-size: 140%;
font-style: normal;
color: #FFF;
}
#main .one-two-three li.no-10 em {
padding-left: 2px
}
#main .one-two-three li img {
float: right;
width: 88px;
margin: 2px 0 0 5px;
}
/* SITE MAP
-------------------------- */
/* EVENTS
-------------------------- */
#main .event-list {
position: relative;
margin: 0 0 20px 0;
border-top: 4px solid #b3b3b3;
border-bottom: none;
}
#main .event-list ul {
margin: 0 0 10px 0;
}
#main .event-list li {
position: relative;
overflow: hidden;
float: left;
margin: 0;
padding: 10px 0 10px 0;
background: url(../img/bgs/dotted-line.png) 0 0 repeat-x;
list-style: none;
width: 100%;
}
#main .event-list h2 { /* event-list headline */
float: none;
margin: 5px 0;
padding: 0;
color: #666;
}
#main .event-list li h3 { /* event headline */
margin: 0 0 0 3.6em;
font-size:12px;
}
#main ul.event-data {
margin: 5px 0 0 4.5em;
clear: both;
border: none;
}
#main .event-data li {
display: block;
background: none;
border: none;
margin: 0 10px 0 0;
padding: 0;
color: #555;
font-weight: normal;
font-size: 100%;
}
#main .event-data li.organizer {
clear: both;
}
.event-list li a {
padding: 0;
}
/* date sheet */
div.date {
position: absolute;
top: 0;
left: 0;
margin: 0 5px 0 0;
background: #afaf00;
width: 4em;
}
.date .month {
display: block;
padding: 5px 0 0 0;
color: #FFF;
text-align: center;
font-weight: bold;
font-size: 160%;
}
.date abbr {
border: none;
cursor: help;
}
.date .day,
.date .year {
display: block;
padding: 0 0 5px 0;
color: #FFF;
font-size: 240%;
font-weight: bold;
text-align: center;
line-height: 1em;
}
.date .year {
display: none;
font-size: 110%;
padding: 5px 0 0 0;
}
.date .till {
display: block;
height: 13px;
text-indent: -9999px;
background: url(../img/bgs/till.gif) 50% 0 no-repeat;
}
.date .d-end {
background: #d9d940;
padding-top: 0;
}
/* date sheet in event-list */
.event-list div.date {
width: 3.6em;
top: 10px;
}
.event-list .date .month {
padding-bottom: 5px;
font-weight: normal;
font-size: 18px;
font-size: 1.5rem;
}
.event-list .date .day {
font-size: 184.62%;
}
/* Event Detail */
.vevent {
position: relative;
clear: both;
margin: 0 0 10px 0;
border-top: 1px solid #FFF;
padding: 5px 5px 15px 5em;
background: #f0f0f0 url(../img/bgs/microformat.png) no-repeat scroll 99% 5px;
z-index: 1;
}
#wrapper-2 .vevent h2 {
padding: 0 2em 5px 0;
}
.vevent div.date {
left: -50px;
}
.vevent > div.date {
left: 0;
}
.vevent li {
list-style: none;
}
#main .vevent p {
display: block;
margin: 0 0 10px 0;
font-size: 120%;
}
#wrapper-2 .vevent dl {
background: url(../img/bgs/dotted-line.png) 0 0 repeat-x;
margin: 5px 0 0 0;
padding: 5px 0 0 0;
line-height: 1.5em;
}
#wrapper-2 .vevent dt {
float: left;
width: 80px;
font-weight: bold;
}
#wrapper-2 .vevent dd a.url {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -291px no-repeat;
padding-left: 17px;
color: #999999;;
}
.vevent span {
display: none;
}
/* EXTRAS CALENDAR */
#extras .calendar {
position: relative;
border-top: 4px solid #b3b3b3;
margin: 0 0 20px 0;
}
#extras .calendar h2 {
float: left;
margin: 3px 0 6px 0;
}
#extras .calendar table {
width: 100%;
line-height: 1.2em;
}
#extras .calendar div.pager {
clear: none;
float: right;
width: 30px;
margin: 7px 0 0 0;
}
#extras .calendar div.next {
float: right;
}
#extras .calendar div.pager a img {
border: 1px solid #FFF;
width: 13px;
margin: 0;
}
#extras .calendar div.pager a:hover img,
#extras .calendar div.pager a:focus img,
#extras .calendar div.pager a:active img {
border: 1px solid #666;
}
#extras .calendar table {
clear: both;
border-top: 1px solid #ccc;
border-spacing: 0;
empty-cells: show;
}
#extras .calendar thead th {
padding: 4px 0;
}
#extras .calendar thead th abbr {
border: none;
}
#extras .calendar tbody tr {
background: url(../img/bgs/dotted-line.png) 100% 0 repeat-x;
}
#extras .calendar tbody td {
width: 25px;
padding: 4px 0;
text-align: center;
}
#extras .calendar tbody td.on {
margin: 2px 0;
font-weight: bold;
}
#extras .calendar tbody td a {
display: block;
}
#extras .calendar tbody td.on a {
color: #999999;;
}
/* Event-Pager */
.event-list #event-pager {
position: absolute;
top: 0;
right: 0;
}
.event-list #event-pager li {
float: left;
width: auto;
background: none;
margin: 0 0 0 10px;
}
.event-list #event-pager li a {
font-size: 120%;
}
.event-list #event-pager li.prev a {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -71px no-repeat;
padding-left: 16px;
}
.event-list #event-pager li.next a {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 125% 3px no-repeat;
padding-right: 18px;
}
/*HEADER AND FOOTER DATA CONTACT*/
@media (max-width:767px) {
.httheader .datacontact-group {
display:none;
}
}
@media (max-width:991px) {
.httheader .datacontact-group .sello-oficial {
display:none;
}
}
.httheader #socialLinks {
margin: 0;
width:100%;
}
#site-info #site-info-box .footer-social-media {
margin: 5px 0;
width:100%;
}
@media (min-width:768px) {
#site-info #site-info-box .footer-social-media {
display:none;
}
}
.httheader #socialLinks #nav-soc-facebook,
#site-info #site-info-box #site-info-socialmedia #nav-soc-facebook,
#site-info #site-info-box .footer-social-media .nav-soc-facebook {
width: 32px;
height: 31px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -1318px no-repeat;
margin-right: 5px;
}
.httheader #socialLinks #nav-soc-facebook:hover,
#site-info #site-info-box #site-info-socialmedia #nav-soc-facebook:hover,
#site-info #site-info-box .footer-social-media .nav-soc-facebook:hover{
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -1352px no-repeat;
}
.httheader #socialLinks #nav-soc-twitter,
#site-info #site-info-box #site-info-socialmedia #nav-soc-twitter,
#site-info #site-info-box .footer-social-media .nav-soc-twitter{
width: 32px;
height: 31px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -1455px no-repeat;
margin-right: 5px;
}
.httheader #socialLinks #nav-soc-twitter:hover,
#site-info #site-info-box #site-info-socialmedia #nav-soc-twitter:hover,
#site-info #site-info-box .footer-social-media .nav-soc-twitter:hover{
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -1489px no-repeat;
}
.httheader #socialLinks #nav-soc-blogger,
#site-info #site-info-box #site-info-socialmedia #nav-soc-blogger,
#site-info #site-info-box .footer-social-media .nav-soc-blogger{
width: 32px;
height: 31px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -3062px no-repeat;
margin-right: 5px;
}
.httheader #socialLinks #nav-soc-blogger:hover,
#site-info #site-info-box #site-info-socialmedia #nav-soc-blogger:hover,
#site-info #site-info-box .footer-social-media .nav-soc-blogger:hover{
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -3098px no-repeat;
}
.httheader #socialLinks #nav-soc-youtube,
#site-info #site-info-box #site-info-socialmedia #nav-soc-youtube,
#site-info #site-info-box .footer-social-media .nav-soc-youtube{
width: 32px;
height: 31px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -1524px no-repeat;
margin-right: 5px;
}
.httheader #socialLinks #nav-soc-youtube:hover,
#site-info #site-info-box #site-info-socialmedia #nav-soc-youtube:hover,
#site-info #site-info-box .footer-social-media .nav-soc-youtube:hover{
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -1558px no-repeat;
}
.httheader #socialLinks #nav-soc-googleplus,
#site-info #site-info-box #site-info-socialmedia #nav-soc-googleplus,
#site-info #site-info-box .footer-social-media .nav-soc-googleplus{
width: 32px;
height: 31px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -1386px no-repeat;
margin-right: 5px;
}
.httheader #socialLinks #nav-soc-googleplus:hover,
#site-info #site-info-box #site-info-socialmedia #nav-soc-googleplus:hover,
#site-info #site-info-box .footer-social-media .nav-soc-googleplus:hover{
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -1421px no-repeat;
}
.httheader #socialLinks #nav-soc-flickr,
#site-info #site-info-box #site-info-socialmedia #nav-soc-flickr,
#site-info #site-info-box .footer-social-media .nav-soc-flickr{
width: 32px;
height: 31px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2837px no-repeat;
margin-right: 5px;
}
.httheader #socialLinks #nav-soc-flickr:hover,
#site-info #site-info-box #site-info-socialmedia #nav-soc-flickr:hover,
#site-info #site-info-box .footer-social-media .nav-soc-flickr:hover{
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2871px no-repeat;
}
.httheader #socialLinks #nav-soc-instagram,
#site-info #site-info-box #site-info-socialmedia #nav-soc-instagram,
#site-info #site-info-box .footer-social-media .nav-soc-instagram{
width: 32px;
height: 31px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -3134px no-repeat;
margin-right: 5px;
}
.httheader #socialLinks #nav-soc-instagram:hover,
#site-info #site-info-box #site-info-socialmedia #nav-soc-instagram:hover,
#site-info #site-info-box .footer-social-media .nav-soc-instagram:hover{
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -3169px no-repeat;
}
.httheader #socialLinks #nav-soc-picasa,
#site-info #site-info-box #site-info-socialmedia #nav-soc-picasa,
#site-info #site-info-box .footer-social-media .nav-soc-picasa{
width: 32px;
height: 31px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -3205px no-repeat;
margin-right: 5px;
}
.httheader #socialLinks #nav-soc-picasa:hover,
#site-info #site-info-box #site-info-socialmedia #nav-soc-picasa:hover,
#site-info #site-info-box .footer-social-media .nav-soc-picasa:hover{
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -3312px no-repeat;
}
.httheader #socialLinks #nav-soc-pinterest,
#site-info #site-info-box #site-info-socialmedia #nav-soc-pinterest,
#site-info #site-info-box .footer-social-media .nav-soc-pinterest{
width: 32px;
height: 31px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -3276px no-repeat;
margin-right: 5px;
}
.httheader #socialLinks #nav-soc-pinterest:hover,
#site-info #site-info-box #site-info-socialmedia #nav-soc-pinterest:hover,
#site-info #site-info-box .footer-social-media .nav-soc-pinterest:hover{
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -3312px no-repeat;
}
.httheader #socialLinks #nav-soc-rss,
#site-info #site-info-box #site-info-socialmedia #nav-soc-rss,
#site-info #site-info-box .footer-social-media .nav-soc-rss{
width: 32px;
height: 31px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -1597px no-repeat;
margin-right: 5px;
}
.httheader #socialLinks #nav-soc-rss:hover,
#site-info #site-info-box #site-info-socialmedia #nav-soc-rss:hover,
#site-info #site-info-box .footer-social-media .nav-soc-rss:hover{
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -1633px no-repeat;
}
.httheader #socialLinks #nav-soc-tumblr,
#site-info #site-info-box #site-info-socialmedia #nav-soc-tumblr,
#site-info #site-info-box .footer-social-media .nav-soc-tumblr{
width: 32px;
height: 31px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -3348px no-repeat;
margin-right: 5px;
}
.httheader #socialLinks #nav-soc-tumblr:hover,
#site-info #site-info-box #site-info-socialmedia #nav-soc-tumblr:hover,
#site-info #site-info-box .footer-social-media .nav-soc-tumblr:hover{
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -3383px no-repeat;
}
.httheader #socialLinks #nav-soc-vimeo,
#site-info #site-info-box #site-info-socialmedia #nav-soc-vimeo,
#site-info #site-info-box .footer-social-media .nav-soc-vimeo{
width: 32px;
height: 31px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -3419px no-repeat;
margin-right: 5px;
}
.httheader #socialLinks #nav-soc-vimeo:hover,
#site-info #site-info-box #site-info-socialmedia #nav-soc-vimeo:hover,
#site-info #site-info-box .footer-social-media .nav-soc-vimeo:hover{
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -3455px no-repeat;
}
.httheader #site-info-socialmedia {
float: left;
margin-top: 6px;
}
#wrapper.horizontal .headerWrapper.compact #site-info-socialmedia,
#wrapper.boxed .headerWrapper.compact #site-info-socialmedia {
float:right;
margin: 4px 0 0 0;
}
.httheader #site-info-socialmedia #nav-soc-facebook {
width: 32px;
height: 31px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -1318px no-repeat;
margin-right: 5px;
}
.httheader #site-info-socialmedia #nav-soc-facebook:hover {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -1352px no-repeat;
}
#wrapper.horizontal .httheader #site-info-socialmedia #nav-soc-facebook,
#wrapper.boxed .httheader #site-info-socialmedia #nav-soc-facebook {
width: 20px;
height: 21px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') -60px -1318px no-repeat;
margin-right: 5px;
}
#wrapper.horizontal .httheader #site-info-socialmedia #nav-soc-facebook:hover,
#wrapper.boxed .httheader #site-info-socialmedia #nav-soc-facebook:hover {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') -60px -1352px no-repeat;
}
.httheader #site-info-socialmedia #nav-soc-twitter {
width: 32px;
height: 31px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -1456px no-repeat;
margin-right: 5px;
}
.httheader #site-info-socialmedia #nav-soc-twitter:hover {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -1489px no-repeat;
}
#wrapper.horizontal .httheader #site-info-socialmedia #nav-soc-twitter,
#wrapper.boxed .httheader #site-info-socialmedia #nav-soc-twitter {
width: 20px;
height: 21px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') -60px -1456px no-repeat;
margin-right: 5px;
}
#wrapper.horizontal .httheader #site-info-socialmedia #nav-soc-twitter:hover,
#wrapper.boxed .httheader #site-info-socialmedia #nav-soc-twitter:hover {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') -60px -1489px no-repeat;
}
.httheader #site-info-socialmedia #nav-soc-blogger {
width: 32px;
height: 31px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -3062px no-repeat;
margin-right: 5px;
}
.httheader #site-info-socialmedia #nav-soc-blogger:hover {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -3098px no-repeat;
}
#wrapper.horizontal .httheader #site-info-socialmedia #nav-soc-blogger,
#wrapper.boxed .httheader #site-info-socialmedia #nav-soc-blogger {
width: 20px;
height: 21px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') -60px -3062px no-repeat;
margin-right: 5px;
}
#wrapper.horizontal .httheader #site-info-socialmedia #nav-soc-blogger:hover,
#wrapper.boxed .httheader #site-info-socialmedia #nav-soc-blogger:hover {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') -60px -3098px no-repeat;
}
.httheader #site-info-socialmedia #nav-soc-rss {
width: 32px;
height: 31px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -1597px no-repeat;
margin-right: 5px;
}
.httheader #site-info-socialmedia #nav-soc-rss:hover {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -1633px no-repeat;
}
#wrapper.horizontal .httheader #site-info-socialmedia #nav-soc-rss,
#wrapper.boxed .httheader #site-info-socialmedia #nav-soc-rss {
width: 20px;
height: 21px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') -60px -1597px no-repeat;
margin-right: 5px;
}
#wrapper.horizontal .httheader #site-info-socialmedia #nav-soc-rss:hover,
#wrapper.boxed .httheader #site-info-socialmedia #nav-soc-rss:hover {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') -60px -1633px no-repeat;
}
.httheader #about {
float: left;
margin: 15px 0;
}
.httheader #site-info-socialmedia #nav-soc-youtube {
width: 32px;
height: 31px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -1524px no-repeat;
margin-right: 5px;
}
.httheader #site-info-socialmedia #nav-soc-youtube:hover {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -1558px no-repeat;
}
#wrapper.horizontal .httheader #site-info-socialmedia #nav-soc-youtube,
#wrapper.boxed .httheader #site-info-socialmedia #nav-soc-youtube {
width: 20px;
height: 21px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') -60px -1524px no-repeat;
margin-right: 5px;
}
#wrapper.horizontal .httheader #site-info-socialmedia #nav-soc-youtube:hover,
#wrapper.boxed .httheader #site-info-socialmedia #nav-soc-youtube:hover {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') -60px -1558px no-repeat;
}
.httheader #site-info-socialmedia #nav-soc-googleplus {
width: 32px;
height: 31px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -1386px no-repeat;
margin-right: 5px;
}
.httheader #site-info-socialmedia #nav-soc-googleplus:hover {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -1421px no-repeat;
}
#wrapper.horizontal .httheader #site-info-socialmedia #nav-soc-googleplus,
#wrapper.boxed .httheader #site-info-socialmedia #nav-soc-googleplus {
width: 20px;
height: 21px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') -60px -1386px no-repeat;
margin-right: 5px;
}
#wrapper.horizontal .httheader #site-info-socialmedia #nav-soc-googleplus:hover,
#wrapper.boxed .httheader #site-info-socialmedia #nav-soc-googleplus:hover {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') -60px -1421px no-repeat;
}
.httheader #site-info-socialmedia #nav-soc-flickr {
width: 32px;
height: 31px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2837px no-repeat;
margin-right: 5px;
}
.httheader #site-info-socialmedia #nav-soc-flickr:hover {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2871px no-repeat;
}
#wrapper.horizontal .httheader #site-info-socialmedia #nav-soc-flickr,
#wrapper.boxed .httheader #site-info-socialmedia #nav-soc-flickr {
width: 20px;
height: 21px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') -60px -2837px no-repeat;
margin-right: 5px;
}
#wrapper.horizontal .httheader #site-info-socialmedia #nav-soc-flickr:hover,
#wrapper.boxed .httheader #site-info-socialmedia #nav-soc-flickr:hover {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') -60px -2871px no-repeat;
}
.httheader #site-info-socialmedia #nav-soc-instagram {
width: 32px;
height: 31px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -3134px no-repeat;
margin-right: 5px;
}
.httheader #site-info-socialmedia #nav-soc-instagram:hover {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -3169px no-repeat;
}
#wrapper.horizontal .httheader #site-info-socialmedia #nav-soc-instagram,
#wrapper.boxed .httheader #site-info-socialmedia #nav-soc-instagram {
width: 20px;
height: 21px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') -60px -3134px no-repeat;
margin-right: 5px;
}
#wrapper.horizontal .httheader #site-info-socialmedia #nav-soc-instagram:hover,
#wrapper.boxed .httheader #site-info-socialmedia #nav-soc-instagram:hover {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') -60px -3169px no-repeat;
}
.httheader #site-info-socialmedia #nav-soc-picasa {
width: 32px;
height: 31px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -3205px no-repeat;
margin-right: 5px;
}
.httheader #site-info-socialmedia #nav-soc-picasa:hover {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -3241px no-repeat;
}
#wrapper.horizontal .httheader #site-info-socialmedia #nav-soc-picasa,
#wrapper.boxed .httheader #site-info-socialmedia #nav-soc-picasa {
width: 20px;
height: 21px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') -60px -3205px no-repeat;
margin-right: 5px;
}
#wrapper.horizontal .httheader #site-info-socialmedia #nav-soc-picasa:hover,
#wrapper.boxed .httheader #site-info-socialmedia #nav-soc-picasa:hover {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') -60px -3241px no-repeat;
}
.httheader #site-info-socialmedia #nav-soc-pinterest {
width: 32px;
height: 31px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -3276px no-repeat;
margin-right: 5px;
}
.httheader #site-info-socialmedia #nav-soc-pinterest:hover {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -3312px no-repeat;
}
#wrapper.horizontal .httheader #site-info-socialmedia #nav-soc-pinterest,
#wrapper.boxed .httheader #site-info-socialmedia #nav-soc-pinterest {
width: 20px;
height: 21px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') -60px -3276px no-repeat;
margin-right: 5px;
}
#wrapper.horizontal .httheader #site-info-socialmedia #nav-soc-pinterest:hover,
#wrapper.boxed .httheader #site-info-socialmedia #nav-soc-pinterest:hover {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') -60px -3312px no-repeat;
}
.httheader #site-info-socialmedia #nav-soc-tumblr {
width: 32px;
height: 31px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -3348px no-repeat;
margin-right: 5px;
}
.httheader #site-info-socialmedia #nav-soc-tumblr:hover {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -3383px no-repeat;
}
#wrapper.horizontal .httheader #site-info-socialmedia #nav-soc-tumblr,
#wrapper.boxed .httheader #site-info-socialmedia #nav-soc-tumblr {
width: 20px;
height: 21px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') -60px -3348px no-repeat;
margin-right: 5px;
}
#wrapper.horizontal .httheader #site-info-socialmedia #nav-soc-tumblr:hover,
#wrapper.boxed .httheader #site-info-socialmedia #nav-soc-tumblr:hover {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') -60px -3383px no-repeat;
}
.httheader #site-info-socialmedia #nav-soc-vimeo {
width: 32px;
height: 31px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -3419px no-repeat;
margin-right: 5px;
}
.httheader #site-info-socialmedia #nav-soc-vimeo:hover {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -3455px no-repeat;
}
#wrapper.horizontal .httheader #site-info-socialmedia #nav-soc-vimeo,
#wrapper.boxed .httheader #site-info-socialmedia #nav-soc-vimeo {
width: 20px;
height: 21px;
display: inline;
float: left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') -60px -3419px no-repeat;
margin-right: 5px;
}
#wrapper.horizontal .httheader #site-info-socialmedia #nav-soc-vimeo:hover,
#wrapper.boxed .httheader #site-info-socialmedia #nav-soc-vimeo:hover {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') -60px -3455px no-repeat;
}
.httheader .head-logo-left{
float: left;
background: url(../img/head-logo-left.png) 0 0 no-repeat;
width:80px;
height:62px;
margin: 5px 15px 0 0;
}
.httheader .head-logo-right{
float: left;
background: url(../img/head-logo-right.png) 0 0 no-repeat;
width:80px;
height:62px;
margin: 5px 0 0 15px;
}
.httheader #slogan {
float: left;
margin-top: 10px;
margin-right:36px;
}
.httheader #slogan p {
color:#FFF;
font-style:italic;
font-weight: bold;
font-size:20px;
font-size:1.66rem;
font-family:'OpenSans-Regular', sans-serif;
}
.httheader #tel-data-contact {
float: right;
margin: 10px 15px 0 0;
}
#wrapper.horizontal .httheader #tel-data-contact,
#wrapper.boxed .httheader #tel-data-contact {
float: right;
margin: 8px 10px 0 0;
}
#wrapper.horizontal .headerWrapper.compact #tel-data-contact,
#wrapper.boxed .headerWrapper.compact #tel-data-contact {
margin: 8px 0 0 0;
}
.httheader #tel-data-contact span {
font-size: 16px;
/*font-size:1.33rem;*/
color:#FFF;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2354px no-repeat;
padding-left: 20px;
}
#wrapper.horizontal .httheader #tel-data-contact span,
#wrapper.boxed .httheader #tel-data-contact span {
font-size: 12px;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') -169px -2351px no-repeat;
padding-left: 7px;
}
#wrapper.horizontal .httheader #tel-data-contact span .poptelf,
#wrapper.boxed .httheader #tel-data-contact span .poptelf {
cursor:pointer;
}
.httheader #email-data-contact {
float: right;
margin: 10px 24px 0 0;
}
#wrapper.horizontal .httheader #email-data-contact,
#wrapper.boxed .httheader #email-data-contact {
float: right;
margin: 8px 24px 0 0;
}
#wrapper.horizontal .headerWrapper.compact #email-data-contact,
#wrapper.boxed .headerWrapper.compact #email-data-contact {
margin: 4px 0 0 0;
}
.httheader #email-data-contact span {
font-size: 16px;
/*font-size:1.33rem;*/
font-family:'Arial-webfont', sans-serif;
font-weight:normal;
color:#FFF;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2453px no-repeat;
padding-left:14px;
}
#wrapper.horizontal .httheader #email-data-contact span,
#wrapper.boxed .httheader #email-data-contact span {
font-size: 12px;
font-family:'Arial-webfont', sans-serif;
font-weight:normal;
color:#FFF;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2454px no-repeat;
padding-left:14px;
}
/* PHONE CONTACT */
@media (min-width: 768px) {
.contact-phone {
display:none;
}
}
.contact-phone ul.mobilePhonesNumbers{
list-style: none;
background-image: none;
border: 0;
border-radius: 4px;
padding: 6px 13px;
background-color: #333;
color: #FFF;
text-decoration: none;
float: left;
position:relative;
overflow: visible !important;
}
@media (max-width: 767px) {
#site-info .contact-phone {
margin: 0px 7px 5px 10px;
float: left;
}
#site-info .contact-phone ul.mobilePhonesNumbers{
background: #ddd;
padding: 4px 8px;
border-radius: 6px;
}
#site-info .contact-phone ul li{
margin:0 !important;
}
}
.contact-phone ul li a.mainTag {
cursor:pointer;
border:none !important;
}
.contact-phone ul li.hTt-menu-has-holizontal ul.hTt-menu-vertical,
.contact-phone ul ul.hTt-menu-vertical{
width:auto !important;
min-width: 159px;
background:#626262;
border:1px solid #C8C8C8;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
margin-top: 7px;
overflow: visible !important;
margin:0;
text-align: center;
position: absolute;
top: 26px !important;
left: 0px !important;
z-index: 2000;
}
#site-info .contact-phone ul li.hTt-menu-has-holizontal ul.hTt-menu-vertical,
#site-info .contact-phone ul ul.hTt-menu-vertical{
top: -65px !important;
}
.contact-phone ul li ul.hTt-menu-vertical li.hTt-menu-item {
display: block;
padding: 3px 0;
overflow: hidden;
}
.contact-phone ul li ul.hTt-menu-vertical li a {
display: block;
float: none;
padding: 2px 9px;
}
.contact-phone ul li ul.hTt-menu-vertical li a:hover,
.contact-phone ul li ul.hTt-menu-vertical li a:active,
.contact-phone ul li ul.hTt-menu-vertical li a:focus,
.contact-phone ul li ul.hTt-menu-vertical li a:visited {
text-decoration: none;
}
.contact-phone ul li ul.hTt-menu-vertical li span.phone-number {
float:left;
font-size:14px;
}
.contact-phone ul li ul.hTt-menu-vertical li span.flag {
margin: 4px 1px 0 5px;
float:left;
}
@media (max-width: 767px) {
.contact-phone ul li.hTt-menu-has-holizontal ul.hTt-menu-vertical,
.contact-phone ul ul.hTt-menu-vertical{
background:#ddd;
border:none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
top: 26px !important;
}
.contact-phone ul li a.mainTag {
color: #555 !important;
}
.contact-phone ul li ul.hTt-menu-vertical li span.phone-number {
font-size: 11px;
color: #555 !important;
}
.contact-phone ul li.hTt-menu-has-holizontal ul.hTt-menu-vertical, .contact-phone ul ul.hTt-menu-vertical {
min-width: 159px;
}
}
/* SIDEBAR left / NAVIGATION sub
-------------------------------- */
#nav {
background: #404E5A url(../img/bgs/nav.png) 0 0 no-repeat;
margin-bottom: 20px;
padding-top: 10px;
}
#nav-box {
background: url(../img/bgs/nav.png) 100% 100% no-repeat;
padding-bottom: 10px;
}
#nav-box ul {
background: #404E5A;
margin: 0 0 0 2px;
}
#nav-box li {
padding: 0;
list-style: none;
}
#nav-box li a {
display: block;
height: 1%;
padding: 3px 0 5px 10px;
color: #FFF;
font-weight: bold;
}
#nav-box li.open a {
font-weight: bold;
}
/* hover and marked */
#nav-box li.on strong,
#nav-box a:hover,
#nav-box a:active,
#nav-box a:focus,
#nav-box li.on a:hover,
#nav-box li.on a:active,
#nav-box li.on a:focus,
#nav-box li strong,
#nav-box li.on a {
border-radius: 5px 0 0 5px;
background: #626262;
color: #FFF;
text-decoration: none;
}
#nav-box li strong {
display: block;
padding: 3px 0 5px 10px;
font-weight: bold;
}
/* 2nd level */
#nav-box ul ul {
margin: 5px 0 5px 10px;
border-radius: 5px 0 0 5px;
padding: 0;
background: #eeeeac;
}
#nav-box li li {
font-size: 100%;
}
#nav-box li.on li,
#nav-box li.open li a {
font-weight: normal;
}
#nav-box li.on li a {
border:medium none
}
#nav-box li li.on a {
color: #FFF;
font-weight: bold;
}
/* 3rd level */
#nav-box ul ul ul {
background: #f0f0d9;
border-left: 10px solid #eeeeac;
margin: 5px 0 5px 10px;
border: 1px solid #FFF;
border-radius: 5px 0 0 5px;
}
#nav-box li li.open li a {
font-weight: normal;
color: #000;
}
#nav-box li li.open li a:hover,
#nav-box li li.open li a:active,
#nav-box li li.open li a:focus,
#nav-box li li.open li.on a {
color: #FFF;
}
#nav-box li li li.on a {
font-weight: bold;
}
/*FOOTER*/
#site-info {
color: #FFF;
position: relative;
}
#wrapper.boxed #site-info {
max-width:990px;
margin:0 auto;
}
#site-info a {
color: #FFF;
}
#site-info a:hover,
#site-info a:active,
#site-info a:focus {
color: #FFF;
}
#site-info ul {
margin:0;
list-style: none;
overflow:hidden;
text-align:center
}
#site-info li {
margin: 0 0 5px 0;
}
#site-info li a {
color: #FFF;
font-family:'Arial-webfont', sans-serif;
font-size:13px;
/*font-size:1.08rem;*/
}
#site-info li a:hover,
#site-info li a:active,
#site-info li a:focus {
text-decoration: underline;
color: #FFF;
}
#site-info li.external a {
padding-left: 18px;
}
#site-info li.rss a {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -1162px no-repeat;
padding-left: 18px;
}
#site-info li img {
margin: 5px 0 0 0;
}
#site-info li a img {
border: 0;
}
#site-info .wrapper {
margin: 0 auto;
overflow:hidden;
padding:0 15px;
}
#site-info #site-info-box {
background:;
overflow: hidden;
position: relative;
}
#site-info #site-info-box #nav-split-up {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/bg-footer-upsplit_base.png') repeat scroll center top;
clear: both;
font-weight:
display: block;
padding: 0;
width: 100%;
color:#FFF;
}
#site-info #site-info-box #nav-split-up .site-info-menu {
float: right;
}
#site-info #site-info-box .site-info-menu {
margin: 20px 0 15px 0;
float: left;
}
#site-info #site-info-box .site-info-menu ul li {
float:left;
}
#site-info #site-info-box .site-info-menu ul li:first-child a {
padding: 0 10px 0 0;
}
#site-info #site-info-box .site-info-menu ul li:last-child a {
padding-right: 0;
border-right:none;
}
#site-info #site-info-box .site-info-menu ul li a {
border-bottom: 0 none !important;
border-right: 1px solid #FFF;
padding: 0 10px;
color:#FFF;
}
#site-info #site-info-box .site-info-menu ul li a:hover {
text-decoration: none;
color:#FFF;
}
#site-info #site-info-box .site-info-logo {
float: left;
overflow: hidden;
margin: 15px 15px 15px 0;
}
#site-info #site-info-box .site-info-logo img {
margin:0 !important
}
#site-info #site-info-box .footerDataWrapper {
float: left;
margin: 0 30px 0 0;
overflow: hidden;
clear: both;
}
#site-info #site-info-box .footerDataWrapper .contactData {
margin: 10px 0;
overflow: hidden;
width: 600px;
}
#site-info #site-info-box .footerDataWrapper .contactData a {
color:#FFF;
}
#site-info #site-info-box .footerDataWrapper .contactData a:hover {
text-decoration: none;
color: #FFF;
}
#site-info #site-info-box .footerDataWrapper .contactData .workTime {
background: url("../img/ico-time.png") no-repeat scroll 0 0 transparent;
padding-left: 17px;
}
#site-info #site-info-box .footerDataWrapper .contactData .phone {
background: url("../img/ico-phone.png") no-repeat scroll 0 0 transparent;
padding-left: 17px;
}
#site-info #site-info-box .footerDataWrapper .contactData .email {
background: url("../img/ico-send.png") no-repeat scroll 0 center transparent;
padding-left: 17px;
}
#site-info #site-info-box .footerDataWrapper .contactData .location {
background: url("../img/icono-local.png") no-repeat scroll 0 0 transparent;
padding-left: 17px;
}
#site-info #site-info-box .footerDataWrapper .contactData div{
float:left;
width: 270px;
margin:0 0 3px 0;
}
#site-info #site-info-box #nav-split-down {
background:#555 url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat scroll center top;
clear: both;
display: block;
width: 100%;
padding:10px 0;
margin:0 auto;
position:relative;
color:#FFF;
}
#site-info #site-info-box p#copyright {
padding: 0 15px;
margin: 0 auto;
display: block;
}
#site-info #site-info-box #site-info-socialmedia {
float: right;
margin-top: 23px !important;
}
#site-info #site-info-box #about {
float: left;
margin: 0 0 15px 0;
}
#site-info #site-info-box #about h4 {
color:#FFF;
}
/*IMAGEN PROMO FOOTER*/
#site-info #site-info-box .promo {
float: right;
padding:15px 0;
}
/*LOGOS FOOTER PARTNERS*/
#site-info #site-info-box .site-info-partners {
float: right;
clear:both;
}
#site-info #site-info-box .site-info-partners .container {
padding-right:0;
}
#site-info #site-info-box .site-info-partners .text-section img {
margin:0 0 15px 0 !important;
}
#site-info #site-info-box .site-info-partners .elemOdd, #site-info #site-info-box .site-info-partners .elemEven {
float: left;
width:auto;
}
p#copyright-magnolia {
text-align: center;
color: #ebebeb;
padding: 2px;
}
div > p#copyright-magnolia a {
padding: 0 0 0 18px;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -939px no-repeat;
}
p#copyright-magnolia span {
display: none;
}
#site-info div #about .media {
width: 65px;
height: auto;
margin: 3px 10px 0 0;
}
#site-info div #about .mod {
margin: 3px 0 0 10px;
}
#site-info div #about .mod-2 {
width: 300px;
height: auto;
margin: 0 0 5px 0;
}
/* TEXT / ARTICLE
----------------- */
#main .text,
#main .text-section {
overflow: hidden;
font-size:12px;
margin:0 0 15px;
/*float: left; -- corrección que hacia que el menu acordeon se montase sobre el texto anterior que tenia class text-section, hay que comprobar que quitando este float left no nos desmonte otras partes de la web o webs -- */
width: 100%;
}
#main .text h1 {
clear: both;
color: #000 !important;
margin: 0 0 10px;
padding: 0 18px;
font-weight: bold;
}
#main .text h1 em { /* kicker on article pages */
display: block;
margin: 2px 0 0 0;
font-style: normal;
font-weight: bold;
letter-spacing: .7px;
color: #555;
}
#main .text p {
padding: 0 18px;
}
#main .text p.intro {
color: #666;
}
#main .text p a {
border-bottom: 1px dotted #666;
}
#main .text p a:hover,
#main .text p a:active,
#main .text p a:focus {
text-decoration: none;
border-bottom: 1px solid #666;
}
.text ul,
.text ol {
margin: 0 0 10px 15px;
}
.text ol {
margin-left: 25px;
}
.text ul ul,
.text ol ol {
margin: 2px 0 2px 20px;
}
.text li {
line-height: 1.3em;
}
.text li li {
font-size: 100%;
}
.text .highlight {
background: #ff0;
margin: 0;
border: 0;
padding: 0;
width: auto;
font-style: normal;
}
.text-section ol {
display: block;
list-style-type: decimal;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
width: 100%;
margin: 10px 0;
background: #EDEDED;
}
.text-section ol li {
list-style: decimal;
display: list-item;
text-align: -webkit-match-parent;
border-bottom: 1px solid #d6d6d6;
padding-top: 5px;
padding-bottom: 5px;
}
.text-section ul {
float: left;
width: 100%;
margin: 5px 0;
background: #FAFAFA;
line-height: 20px;
list-style: none;
padding: 5px 10px;
}
.text-section ul li {
border-bottom: 1px solid #E7E7E7;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 17px;
background: transparent url('../img/ico-list.png') no-repeat left 9px;
}
.text-section li:last-child {
border-bottom: none;
}
.text-section ol li a, .text-section ul li a {
cursor:pointer;
}
/* table of contents */
#main #toc {
clear: both;
}
#main #toc h2 {
margin: 5px 0 1px 0;
border-top: 1px solid #ccc;
padding: 3px 0 5px 0;
color: #000;
font-weight: bold;
}
#main #toc ul {
margin: 0 0 15px 0;
list-style: none;
}
#main #toc li {
background: url(../img/bgs/dotted-line.png) 0 0 repeat-x;
}
#main #toc a {
display: block;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -139px no-repeat;
padding: 5px 0 5px 18px;
}
/* text-meta: author, date, tags */
.text-meta {
clear: both;
float: left;
width: 100%;
margin: 0 0 10px 0;
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
}
ul.text-data {
overflow: hidden;
float: left;
width: 70%;
margin: 0;
}
.text-data li {
float: left;
margin: 0 15px 0 0;
padding: 3px 0;
list-style: none;
font-size: 120%;
color: #666;
}
/* Tags in at the beginning of the text */
.text-meta dl {
clear: both;
float: left;
width: 100%;
border-top: 1px solid #dedede;
padding: 3px 0;
font-size: 92%;
}
.text-meta dt {
float: left;
padding: 0 5px 0 0;
}
.text-meta dd {
float: left;
padding: 0 10px 0 0;
}
/* text-features */
#text-features {
position: relative;
float: right;
margin: 0;
}
#text-features li {
float: left;
margin: 0 5px 0 0;
padding: 2px 0;
list-style: none;
font-size: 120%;
text-align: right;
}
#text-features li a {
color: #555;
}
#text-features li.print a {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -578px no-repeat;
padding-left: 16px;
}
#text-features li.social-b a {
background: transparent url(../imgbookmarks.png) 0 -458px no-repeat;
padding-left: 18px;
}
#text-features li a:hover,
#text-features li a:focus,
#text-features li a:active {
color: #666;
text-decoration: underline;
}
/* Social Bookmarks */
#text-features #bookmarks {
background: #FFF;
position: absolute;
z-index: 10;
right: 0;
top: 22px;
width: 140px;
border: 1px solid #dedede;
}
#text-features #bookmarks ul {
display: block;
border: none;
margin: 5px 5px 0 5px;
}
#text-features #bookmarks ul li {
float: none;
margin: 0 0 4px 0;
padding: 0;
text-align: right;
}
#text-features #bookmarks li a {
background: transparent url(../imgbookmarks.png) 100% -577px no-repeat;
padding: 1px 18px 1px 0;
}
#text-features #bookmarks li.delicious a {
background-position: 100% 0;
}
#text-features #bookmarks li.google a {
background-position: 100% -51px;
}
#text-features #bookmarks li.wong a {
background-position: 100% -101px;
}
#text-features #bookmarks li.webnews a {
background-position: 100% -151px;
}
#text-features #bookmarks li.yigg a {
background-position: 100% -201px;
}
#text-features #bookmarks li.stumble a {
background-position: 100% -254px;
}
#text-features #bookmarks li.oneview a {
background-position: 100% -387px;
}
#text-features #bookmarks li.linkarena a {
background-position: 100% -319px;
}
/* Flash Content */
.flash {
margin: 20px 0;
}
/* text boxes */
.text-box {
clear: both;
margin: 20px 0 30px 0;
padding: 0 0 10px 150px;
background: #0d8ccc;
width: auto;
min-height: 125px;
border-radius: 10px;
}
.facts {
background: #0d8ccc url(../img/bgs/textbox-facts.png) 0 -1px no-repeat;
}
.question {
background: #0d8ccc url(../img/bgs/textbox-question.png) 0 -1px no-repeat;
}
.misc {
background: #0d8ccc url(../img/bgs/textbox-misc.png) 0 -1px no-repeat;
}
.text-box h2 {
clear: both;
float: none;
margin: 0 20px 10px 0;
padding: 10px 0 0 0;
background: transparent;
color: #FFF;
}
.text-box h3 {
margin: 0 0 3px 0;
padding: 0;
color: #FFF;
}
.text-box p {
margin: 0 20px 10px 0;
color: #FFF
}
.text-box ul {
margin: 20px 20px 20px 0;
border: none;
color: #FFF;
}
.text-box .links li {
margin: 0 20px 0 0;
border: none;
}
.text-box li a,
.text-box .links .download a em {
color: #FFF;
font-weight: bold;
}
/* text-box-cols - text in two columns */
.text-box-cols {
clear: both;
overflow: hidden;
margin: 20px 0 30px 0;
border-top: 1px solid #E5E5E5;
padding: 10px 0 0 0;
}
.text-box-cols h2 {
margin: 0;
padding: 4px 0 16px;
font-weight: bold;
color: #343730;
}
.text-box-cols .text-col-1,
.text-box-cols .text-col-2 {
width: 47%;
float: left;
margin: 0 10px 0 0;
padding: 0 10px 0 0;
}
.text-box-cols .text-col-2 {
float: right;
background: none;
margin: 0;
padding: 0;
}
.text-box-cols .text-col-intro p,
.text-box-cols .text-col-intro h3 {
background: none;
font-size: 160%;
padding: 0;
}
.text-box-cols h3 {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -1081px no-repeat;
padding: 3px 0 7px 30px;
}
.text-box-cols p {
margin-bottom: 20px;
}
/* text-box compact - for JobOffer and Profiles */
.text-box-compact {
clear: both;
background: #f0f0f0;
margin: 0 0 20px 0;
border-top: 1px solid #FFF;
padding: 10px;
}
#main .text-box-compact dl {
background: url(../img/bgs/dotted-line.png) 0 0 repeat-x;
margin: 5px 0 0 0;
padding: 5px 0 0 0;
line-height: 1.5em;
}
#main .text-box-compact dt {
float: left;
width: 150px;
font-weight: bold;
font-size: 120%;
}
#main .text-box-compact dd {
font-size: 120%;
padding-left: 150px;
}
/* article navigation */
#nav-content {
clear: both;
background: #f7f8d9;
margin: 0 0 20px 0;
border: 1px solid #d3c595;
padding: 5px;
}
#nav-content em {
font-style: normal;
}
#main #nav-content h3 {
margin: 5px 0;
font-size: 180%;
}
#main #nav-content ul {
margin: 0;
}
#main #nav-content li {
margin: 2px 0;
list-style: none;
}
#main #nav-content li a {
background: transparent url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 2px no-repeat;
padding-left: 20px;
}
#main #nav-content strong {
padding: 0 0 0 20px;
}
/* Comments */
#comments-large {
margin: 5px 0 30px 0;
width:919px;
}
#comments h2 {
margin: 0 0 10px 0;
border-top: 4px solid #B3B3B3;
padding-top: 3px;
font-size: 240%;
}
#comments h2 em {
font-style: normal;
}
#comments ul {
}
#comments li {
font-size: 100%;
position: relative;
list-style: none;
margin: 0 0 20px 0;
}
.comment-count {
position: absolute;
font-size: 500%;
left: -70px;
top: -5px;
font-weight: bold;
color: #C2C2C2;
text-align: right;
width: 60px;
height: 50px;
line-height: 1;
}
#comments blockquote {
background: #FFF url(../img/bgs/comment.png) 90% 85% no-repeat;
}
#comments blockquote p {
font-size: 130%;
background: #eaeaea;
padding: 0 10px 10px 10px;
}
#comments blockquote span.comment-anonymous {
color: #666;
font-style: italic;
font-size: 80%;
}
#main #comments h3 {
padding: 10px;
background: #eaeaea;
font-size: 160%;
}
#comments p.comment-meta {
margin: 0;
padding: 0;
background: transparent;
font-size: 100%;
}
#comments cite {
display: block;
margin: 10px 0 0 0;
font-size: 130%;
font-style: normal;
}
#comments cite span {
margin: 0 3px 0 0;
}
#comments cite span:after {
content: ",";
}
#comments cite span:last-child:after {
content: "";
}
/* PAGES
==================== */
/* PROFILE
------------------- */
/* vCard addresses / microformats */
.vcard {
clear: both;
background: url(../img/bgs/dotted-line.png) 0 100% repeat-x;
width: 100%;
margin: 0 0 30px 0;
border-top: 4px solid #b3b3b3;
padding: 5px 0 5px 0;
}
.vcard div {
overflow: hidden;
margin: 3px 0;
}
#main .vcard .organization-name {
background: url(../img/bgs/microformat.png) 0 3px no-repeat;
margin-bottom: 5px;
padding: 1px 0 1px 35px;
font-weight: bold;
font-size: 160%;
}
#main .vcard p {
display: block;
}
.vcard div.adr p.locality,
.vcard div.adr p.postal-code {
float: left;
}
.vcard div.adr p.locality {
margin-left: .3em;
}
.vcard div dl {
margin: 5px 0 0 0;
}
.vcard div dt {
float: left;
clear: both;
width: 6em;
font-weight: bold
}
.vcard div dd {
float: left;
}
.vcard .media {
width: 140px;
background: #ececec;
border-radius: 0 0 5px 5px;
}
.vcard .media img {
width: 138px;
}
.vcard .media dd {
display: block;
}
.vcard .media img.media { /* microformat class for export */
margin: 0;
padding: 0;
}
.vcard div dl.tel span.type {
display: none;
}
/* SEARCH RESULTS
------------------------------- */
#search-results #main h1 {
padding-top: 10px;
}
#search-results #main h1 em {
display: inline;
font-size: 166%;
padding: 0 0 0 0;
color: #000;
}
#search-results #main .text ol {
margin: 20px 0 0 0;
}
#search-results #main .text h1 em {
display: inline;
font-size: 100%;
color: #000;
}
#search-results .text ol li {
background: transparent url(../img/bgs/dotted-line.png) repeat-x scroll 0 100%;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
list-style: none;
font-size: 100%;
}
#search-results #main ol h2 {
border: none;
margin: 15px 0 5px 0;
}
#search-results #main li p {
clear: both;
margin: 0;
}
#search-results #main li p.category {
margin: 2px 0 0 0;
color: #555;
font-size: 110%;
}
#search-results #main ol ul {
margin: 0;
}
#search-results #main li ul.text-data li {
background: none;
float: left;
margin: 2px 10px 4px 0;
padding: 0;
font-size: 130%;
color: #555;
}
#search-results #main .text-data {
border: none;
}
/* Paging */
.pager {
overflow: hidden;
clear: both;
width: 100%;
margin: 0 0 20px 0;
}
.pager ul {
clear: both;
float: right;
}
.pager li {
float: left;
margin: 0;
list-style: none;
text-align: center;
}
.pager li span { /* ... */
padding: 3px 1px;
}
.pager li strong { /* you are here */
border: 1px solid #ccc;
}
.pager li.previous a {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -68px no-repeat;
padding-left: 15px;
}
/* Pager Latest News */
.pager {
overflow: hidden;
clear: both;
width: 100%;
margin: 0 0 20px 0;
padding: 10px 0 0 0;
}
.pager ul {
clear: both;
float: right;
}
.pager li {
background: none;
clear: none;
float: left;
width: auto;
margin: 0;
list-style: none;
text-align: center;
font-size: 130%;
}
.pager li a,
.pager li strong,
.pager li span {
display: block;
border: 1px solid #666;
border: 1px solid #E4E4E4;
padding: 2px 6px 2px 6px;
font-weight: bold;
background:#F1F1F1;
border-radius: 2px;
font-size:12px;
margin:3px 4px;
padding:2px 9px;
color:#717274;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}
.pager li span { /* ... */
padding: 3px 1px;
}
.pager li strong { /* you are here */
background: none repeat scroll 0 0 #3A3A3A;
border: 1px solid #3A3A3A;
color: #FFF;
}
.pager li.previous a:hover,
.pager li.next a:hover,
.pager li.previous a:active,
.pager li.next a:active,
.pager li.previous a:focus,
.pager li.next a:focus, {
background: none repeat scroll 0 0 #8F8F8F;
border: 1px solid #1E1E1E;
color: #FFF;
text-decoration:none
}
.pager li.previous a {
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
padding-left: 15px;
}
.pager li.next a {
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
padding-right: 18px;
}
.pager li.next a:hover,
.pager li.next a:active,
.pager li.next a:focus,
.pager li.previous a:hover,
.pager li.previous a:active,
.pager li.previous a:focus {
text-decoration: none;
}
/* Pager Events */
#main .event-list .pager {
background: url(../img/bgs/dotted-line.png) 0 0 repeat-x;
overflow: hidden;
clear: both;
width: 100%;
margin: 0 0 20px 0;
padding: 5px 0 0 0;
}
#main .event-list .pager ul {
clear: both;
float: right;
}
#main .event-list .pager li {
background: none;
clear: none;
float: left;
width: auto;
margin: 0 3px 0 0;
list-style: none;
text-align: center;
font-size: 130%;
}
#main .event-list .pager li a,
#main .event-list .pager li strong,
#main .event-list .pager li span {
display: block;
border: 1px solid #666;
border: 1px solid #ccc;
padding: 2px 6px 2px 6px;
font-weight: bold;
}
#main .event-list .pager li span { /* ... */
border: none;
padding: 3px 1px;
}
#main .event-list .pager li strong { /* you are here */
border: 1px solid #ccc;
}
#main .event-list .pager li a:hover,
#main .event-list .pager li a:active,
#main .event-list .pager li a:focus {
background: #666;
border: 1px solid #666;
color: #FFF;
text-decoration: none;
}
#main .event-list .pager li.previous a,
#main .event-list .pager li.next a {
border: 1px solid #FFF;
}
#main .event-list .pager li.previous a {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -68px no-repeat;
padding-left: 15px;
}
#main .event-list .pager li.next a {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 143% 4px no-repeat;
padding-right: 18px;
}
#main .event-list .pager li.next a:hover,
#main .event-list .pager li.next a:active,
#main .event-list .pager li.next a:focus,
#main .event-list .pager li.previous a:hover,
#main .event-list .pager li.previous a:active,
#main .event-list .pager li.previous a:focus {
color: #666;
text-decoration: underline;
}
/* FORMS */
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input,
textarea,
select {
box-shadow: none;
}
.validity-alert {
font-family: arial, helvetica, sans-serif;
font-size:12px;
}
textarea {
font-family: arial, helvetica, sans-serif;
}
.form-wrapper {
clear: both;
}
.step-by-step {
margin: 20px 0;
padding: 4px 10px;
border-radius: 5px;
background: #0d8ccc;
}
.step-by-step ol {
zoom: 1;
list-style-position: inside;
color: #FFF;
}
.step-by-step li {
float: left;
margin: 0 20px 0 0;
padding: 4px;
border-radius: 5px;
list-style-position: inside;
}
.step-by-step li.do {
background: #666;
}
div.step-by-step li.do button {
color: #FFF;
}
.step-by-step li button {
display: inline-block;
padding: 3px;
background: transparent;
border: none;
-webkit-appearance: none;
color: #FFF;
font-family: arial,helvetica,sans-serif;
cursor: pointer;
}
.step-by-step li button:hover,
.step-by-step li button:focus,
.step-by-step li button:active {
text-decoration: underline;
}
.step-by-step li button[disabled] {
cursor: default;
color: #ccc;
text-decoration: none;
}
.form-wrapper fieldset {
border: none;
margin: 5px 0 10px 0;
background: #EDEDED;
padding:10px;
}
.form-wrapper fieldset.mod {
margin-top: 8px !important;
border: none;
}
.form-wrapper fieldset h2 {
margin: 0 0 1px 0;
padding: 5px 0 5px 10px;
color: #FFF;
background: #999999;
font-family:'Arial-webfont', sans-serif;
font-size: 18px;
font-size:1.5rem;
}
.form-wrapper p.required {
text-align: right;
}
.form-wrapper p.required span,
.form-wrapper dfn {
color: #666;
font-weight: bold;
}
.form-row {
zoom: 1;
padding: 10px;
display: inline-block;
margin: 0 auto;
vertical-align: text-top;
}
.form-row div {
width: auto;
border-bottom: none;
margin: 0 0 10px 0;
padding: 0;
}
.form-row .form-item {
margin: 0;
clear: none;
}
.form-wrapper label {
position: relative;
display: block;
text-align: left;
}
.form-wrapper fieldset .multiple-labels fieldset input,
.form-wrapper input[type='text'],
.form-wrapper input[type='password'],
.form-wrapper select,
.form-wrapper textarea,
.form-wrapper div.mod input.mod {
display: block;
background: #ebebeb;
width: 895px;
margin: 3px 0 0 0;
border: 1px solid #c2c2c2;
padding: 3px 3px 4px 3px;
}
.form-wrapper .dataProtectionCheck{
margin: 10px 0;
}
.form-wrapper .dataProtectionCheck label{
color: #555;
font-size: 110%;
}
.form-wrapper .dataProtectionCheck input[type="checkbox"] {
display:inline-block;
width:auto;
}
.form-wrapper .dataProtectionCheck span{
display:inline-block;
vertical-align: text-bottom;
}
.form-wrapper .button-wrapper input[type="submit"] {
color: #FFF;
font-size: 12px;
/*font-size:1rem;*/
text-decoration: none;
display: inline-block;
background: #999999;
text-align: center;
padding: 3px 15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-transform: uppercase;
}
.form-wrapper .button-wrapper input[type="submit"]:hover {
background: #626262;
}
.form-wrapper .form-row input[type='text'],
.form-wrapper .form-row input[type='password'],
.form-wrapper .form-row select {
-moz-box-shadow: inset 0 0 9px -6px #333;
-webkit-box-shadow: inset 0 0 9px -6px #333;
box-shadow: inset 0 0 9px -6px #333;
background:#FFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 6px !important;
}
.form-wrapper .form-row input[type='text'] {
width: 290px;
}
.form-wrapper .button-wrapper{
clear: both;
text-align: right;
margin-right: 13px;
margin-bottom: 15px;
}
.form-wrapper .button-wrapper input {
background: #999999;
border: 0 none;
color: #FFF;
cursor: pointer;
font-weight: normal;
height: 32px;
padding: 2px 10px;
right: auto;
text-transform: none;
width: auto;
text-align: left;
padding-left:18px !important
}
.form-wrapper .button-wrapper input:hover {
background: #626262;
}
.step-controls {
position: relative;
top: 2px;
}
.input-datetime-local .step-controls {
top: auto;
}
.form-item-hidden,
.form-wrapper input[type=hidden] {
display: none;
}
.form-wrapper .multiple-labels fieldset input.a11y-focus,
.form-wrapper .multiple-labels fieldset input:focus,
.form-wrapper input:focus,
.form-wrapper textarea:focus,
.form-wrapper input.a11y-focus,
.form-wrapper textarea.a11y-focus {
border: 1px solid #999999;/*#7F96A5; SKIN*/
background: #FFF;
}
.form-wrapper input[type=radio].a11y-focus,
.form-wrapper input[type=checkbox].a11y-focus {
background: transparent;
border: none;
}
.form-wrapper textarea {
height: 150px;
width: 100%;
max-height:291px;
min-width:291px;
-moz-box-shadow: inset 0 0 9px -6px #333;
-webkit-box-shadow: inset 0 0 9px -6px #333;
box-shadow: inset 0 0 9px -6px #333;
background:#FFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:7px !important
}
@media (max-width:991px) {
.form-wrapper textarea {
width: 100%;
}
}
.form-wrapper select {
display: block;
width: 291px;
margin: 5px 0 0 0;
}
.form-wrapper div span {
display: block;
padding: 5px 0 0 0;
color: #555;
font-size: 110%;
}
.form-wrapper div span.input-datetime-local {
font-size: 100%;
}
.form-wrapper h4 {
padding: 0 0 10px 0;
color: #000;
font-size: 130%;
font-weight: bold;
}
.form-wrapper div.multiple-labels label span {
color: #555;
font-size: 110%;
font-weight: normal;
}
.form-row label span {
display: inline;
}
.form-row label.m span {
clear: both;
padding: 0 0 5px 0;
}
.form-row span.help a {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -651px no-repeat;
padding-left: 15px;
}
/* multiple inputs in one row */
.form-row .form-item-s,
.form-row .form-item-m,
.form-row .form-item-l {
float: left;
margin-right: 10px;
clear: none;
}
.form-row .form-item-m {
width: 161px;
padding: 0;
}
.form-row .form-item-l {
width: 363px;
}
.form-wrapper .form-row .form-item-m input {
width: 139px;
}
.form-row .form-item-l input {
width: 209px;
}
/* checkboxes & radiobuttons */
.form-wrapper fieldset fieldset {
margin: 0;
padding: 0;
}
.form-wrapper fieldset fieldset .form-item {
float: none;
display: block;
clear: both;
}
.form-wrapper fieldset fieldset input {
width: auto;
display: inline;
background: transparent;
border: none;
}
#main .form-wrapper fieldset fieldset legend {
text-indent: -9999px;
font-size: 0;
}
.form-wrapper fieldset fieldset div.form-item label {
display: inline;
}
/*styles for new grid fieldsets*/
.form-wrapper .hTt-form-fieldSet {
padding: 0 18px;
}
.form-wrapper .hTt-form-fieldSet .form-row {
width: 100%;
padding: 0;
margin: 5px 0;
}
.form-wrapper .hTt-form-fieldSet label {
position: relative;
display: block;
text-align: left;
}
.form-wrapper fieldSet.mod label {
display: inline-block;
}
.form-wrapper .hTt-form-fieldSet label[for='PruebaAccept'] {
display: inline-block;
}
.form-wrapper .hTt-form-fieldSet .form-row input[type='text'] {
width: 100%;
display: block;
margin: 5px 0;
}
.form-wrapper .hTt-form-fieldSet .form-row input[type='checkbox'] {
border: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
display: inline-block;
width: auto;
vertical-align: sub;
}
.form-wrapper .hTt-form-fieldSet fieldset {
background: none;
padding: 0;
margin: 0;
}
.form-wrapper .hTt-form-fieldSet .form-row input[type='text'],
.form-wrapper .hTt-form-fieldSet .form-row input[type='password'],
.form-wrapper .hTt-form-fieldSet .form-row select {
-moz-box-shadow: inset 0 0 9px -6px #333;
-webkit-box-shadow: inset 0 0 9px -6px #333;
box-shadow: none;
background: #FFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 6px !important;
margin: 5px 0;
width: 100%;
}
.form-wrapper .hTt-form-fieldSet .form-row .form-item-s,
.form-wrapper .hTt-form-fieldSet .form-row .form-item-m,
.form-wrapper .hTt-form-fieldSet .form-row .form-item-l {
float: none;
margin: 0;
}
.form-wrapper .hTt-form-fieldSet textarea {
height: auto;
width: 100%;
max-height: inherit;
min-width: inherit;
}
.form-wrapper .hTt-form-fieldSet div.error iframe {
border: 1px solid #D13B00;
border-radius: 4px;
}
/* mod for short elements */
.form-wrapper fieldset fieldset.mod .form-item {
float: left;
clear: none;
margin-right: 10px;
width: auto;
}
.form-wrapper fieldset fieldset.mod .form-item label {
display: inline;
}
/* table date-picker */
.input-date-datepicker-control td:hover {
background: #BBEEFF;
border: none;
box-shadow: 0 3px 9px rgba(255, 255, 255, 0.9) inset;
}
.input-date-datepicker-control td.ui-datepicker-today {
border: none;
background: #666;
}
.input-date-datepicker-control td.ui-datepicker-today a {
color: #FFF;
}
.input-date-datepicker-control td.ui-datepicker-current-day {
border: none;
background: #666;
}
/* Submit */
.form-wrapper div.button-wrapper {
position: relative;
border: none;
padding: 10px 0 5px 0;
}
.form-wrapper fieldset div.button-wrapper em {
float: right;
margin-top: -24px;
font-size: 140%;
}
.new-search .button {
background: #999999;
color: #FFF;
}
.form-wrapper div.button-wrapper input [type="submit"] {
background: #999999;
color: #FFF;
margin:0;
padding:0;
text-align:center;
}
.new-search .button { /* button outside button-wrapper */
padding-top: 3px;
padding-bottom: 4px;
}
.new-search .button:hover,
.new-search .button:active,
.new-search .button:focus {
background: #666;
color: #FFF;
border: 1px solid #111;
border-right: 1px solid #555;
border-bottom: 1px solid #555;
}
.form-wrapper div.button-wrapper input:hover,
.form-wrapper div.button-wrapper input:active,
.form-wrapper div.button-wrapper input:focus {
color: #FFF;
}
/* New Search */
#search-results .form-wrapper div {
background: #f2f2bf;
float: left;
width: 100%;
padding: 10px 0;
}
#search-results .form-wrapper input {
float: left;
margin: 3px 0 0 10px;
}
#search-results .form-wrapper input.submit {
width: auto;
background: #cc0;
padding: 2px 10px;
cursor: pointer;
}
/* error messages */
.error {
color: #666;
font-weight: bold;
}
#main .error h1 {
background: url(../img/mail-error.png) 0 0 no-repeat;
margin-bottom: 10px;
padding: 25px 0 10px 90px;
color: #95a5a6 !important;
}
#main div.error {
margin: 20px 0;
font-weight: bold;
}
#main div.text.error {
margin: 20px 0;
padding: 20px;
border: 2px solid #DDD;
font-weight: bold;
}
#main div.error ul{
margin: 0 0 0 105px;
}
#main div.error p {
margin: 0 0 0 73px;
}
#main div.error li {
color: #666;
}
#main div.error li a,
#main div.error label span {
color: #666;
}
#main .form-wrapper div.error {
margin: 0;
}
.form-ui-invalid {
border-color: #666;
}
.form-wrapper div.error input,
.form-wrapper div.error select,
.form-wrapper div.error textarea,
.form-wrapper div input.form-ui-invalid,
.form-wrapper div textarea.form-ui-invalid,
.form-wrapper div select.form-ui-invalid {
border: 1px solid #D13B00;
}
/* success messages */
#main .success {
margin: 10px 0;
}
#main div.text.success {
margin: 20px 0;
padding: 20px;
border: 2px solid #DDD;
font-weight: bold;
}
#main .success h1 {
background: url(../img/mail-send.png) 0 0 no-repeat;
margin-bottom: 10px;
padding: 25px 0 10px 90px;
color: #95a5a6 !important;
}
#main div.success ul{
margin: 0 0 0 105px;
}
#main div.success p {
margin: 0 0 0 73px;
}
/* PHOTO GALLERY
--------------------- */
.photo-index .media {
float: none;
width: 210px;
border: 2px solid lime;
padding: 8px 8px 16px 8px;
background: #FFF;
border: 1px solid #B3B3B3;
box-shadow: -2px 2px 4px rgba(135, 139, 144, 0.4);
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
transform: rotate(-3deg);
}
* + html .photo-index .media { /* IE7 */
display: inline;
}
.no-csstransforms .photo-index .media {
margin-right: 5px;
}
.photo-index .media:hover {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
border: 1px solid #888;
-webkit-transition: 0.3s ease-in;
-moz-transition: 0.3s ease-in;
-ms-transition: 0.3s ease-in;
-o-transition: 0.3s ease-in;
transition: 0.3s ease-in;
position: relative;
z-index: 100;
}
.photo-index dl {
margin-right: 0px;
}
.photo-index .media dt {
min-height: 125px;
height: auto;
margin: 0 0 10px 0;
}
.photo-index .media dt img {
width: 210px;
}
.photo-index .media dd {
background: transparent;
}
/* lightbox*/
.mask {
background: #000;
width: 100%;
z-index: 110;
}
.loading-mask {
background: #000 url(../img/bgs/loading.gif) no-repeat fixed center;
}
.showbox {
position: absolute;
overflow: hidden;
z-index: 120;
top: 0;
left: 0;
margin: 40px 0 0;
padding: 0 0 20px 0;
width: 995px;
background: #b3b3b3;
}
.showbox .overlay-control {
display: none;
}
.showbox-head {
overflow: hidden;
height: 1%;
margin: 0 0 30px;
padding: 5px;
font-size: 120%;
text-align: center;
background: #555;
color: #FFF;
}
.showbox-toolbar {
float: left;
clear: both;
}
.showbox-head a {
color: #FFF;
margin-right: 10px;
cursor: pointer;
}
.showbox-head a.ui-disabled {
cursor: default;
color: #aaa;
text-decoration: none;
}
.showbox-toolbar .prev {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -73px no-repeat;
padding-left: 17px;
}
.showbox-toolbar .next {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 190% 1px no-repeat;
padding-right: 17px;
}
.showbox .close-button {
position: absolute;
top: 5px;
right: 5px;
padding: 0 5px 0 17px;
cursor: pointer;
color: #FFF;
font-size: 120%;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -218px no-repeat;
}
.showbox .content-box {
background: #666;
margin: 0 auto;
}
.showbox.loading {
background: #666 url(../img/bgs/loading.gif) no-repeat fixed center;
}
.showbox .multimedia-box {
overflow: hidden;
}
.showbox .text-content {
background: #ececec;
padding: 5px;
}
.showbox h2 {
margin: 5px 0;
font-size: 130%;
}
.showbox p {
margin-bottom: 10px;
font-size: 120%;
}
.showbox ul {
margin: 10px 0 10px 0;
}
.showbox li {
list-style: none;
color: #555;
font-size: 110%;
}
/*
SPECIAL MODULES
==================== */
/* TAGCLOUD
---------------- */
.tagcloud {
float: left;
clear: both;
width: 100%;
border-top: 4px solid #b3b3b3;
margin: 0 0 20px 0;
}
#main .tagcloud h3,
#wrapper-2 .tagcloud-wide h3 {
margin: 5px 0;
border-bottom: 1px solid #dedede;
padding: 0 0 5px 0;
font-size: 180%;
}
.tagcloud li {
display: inline;
height: 22px;
margin: 0 10px 0 0;
list-style: none;
vertical-align: middle;
}
.tagcloud li a {
font-size: 100%;
line-height: 1.2em;
}
.tagcloud li.level-2 a {
font-size: 120%;
}
.tagcloud li.level-3 a {
font-size: 130%;
font-weight: bold;
}
.tagcloud li.level-4 a {
font-size: 140%;
font-weight: normal;
}
.tagcloud li.level-5 a {
font-size: 150%;
font-weight: normal;
}
.tagcloud li em {
font-style: normal;
}
/* in sidebar */
#extras .tagcloud {
margin-top: 0;
}
#extras .tagcloud ul {
border: none;
margin: 0;
padding: 5px 0 0 0;
}
#extras .tagcloud li {
background: none;
border: none;
margin: 0 10px 5px 0;
line-height: 1.6em;
}
#extras .tagcloud li a {
display: inline;
background: none;
padding: 0;
}
/* JAVASCRIPT MODULES IN MAIN
----------------------------- */
/* Styleswitcher */
ul.styleswitcher li {
padding: 6px 0 0 0;
}
ul.styleswitcher li {
padding: 6px 0 0 0;
}
ul.styleswitcher label {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 2px no-repeat;
padding-left: 17px;
color: #666;
}
ul.styleswitcher label:hover,
ul.styleswitcher label:active,
ul.styleswitcher label:focus {
text-decoration: underline;
}
/* ### TW-IMAGES ### */
/* Inside #wrapper-2 -> Platform Area */
#wrapper-2 #wrapper-3 div.tw-images {
position: relative;
background: #FFF;
border: 0;
float: left;
clear: both;
height: auto;
width: 698px;
margin: 35px 0 0 0;
padding: 0;
}
#wrapper-2 #wrapper-3 div.tw-images h3 {
margin: 10px 0 5px 0;
border-top: 4px solid #b3b3b3;
padding: 5px 0 2px 0;
color: #000;
font-size: 200%;
}
#wrapper-2 #wrapper-3 div.tw-images .pager {
display: none;
width: auto;
margin: 0;
}
.js #wrapper-2 #wrapper-3 div.tw-images .pager {
display: block;
}
#wrapper-2 #wrapper-3 div.tw-images .next,
#wrapper-2 #wrapper-3 div.tw-images .prev {
position: absolute;
bottom: 0;
width: 17px;
height: 180px;
background: #c9c9c9;
background-image: -webkit-linear-gradient(left,#b1b1b1,#c9c9c9); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(left,#b1b1b1,#c9c9c9); /* FF3.6 */
background-image: linear-gradient(left,#b1b1b1,#c9c9c9);
}
#wrapper-2 #wrapper-3 div.tw-images .prev {
left: 0;
right: auto;
border-right: 1px solid #FFF;
border-radius: 5px 0 0 5px;
}
#wrapper-2 #wrapper-3 div.tw-images .next {
left: auto;
right: 0;
border-left: 1px solid #FFF;
border-radius: 0 5px 5px 0;
}
#wrapper-2 #wrapper-3 div.tw-images .next span,
#wrapper-2 #wrapper-3 div.tw-images .prev span {
display: block;
width: 17px;
height: 180px;
background: url(../img/bgs/prev-next.png) 50% -292px no-repeat;
text-indent: -9999px;
}
#wrapper-2 #wrapper-3 div.tw-images .next.show span,
#wrapper-2 #wrapper-3 div.tw-images .prev.show span {
display: block;
cursor: pointer
}
#wrapper-2 #wrapper-3 div.tw-images .prev.show:hover,
#wrapper-2 #wrapper-3 div.tw-images .prev.show.over,
#wrapper-2 #wrapper-3 div.tw-images .next.show:hover,
#wrapper-2 #wrapper-3 div.tw-images .next.show.over {
background-image: -webkit-linear-gradient(left,#ddd,#c0c0c0); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(left,#ddd,#c0c0c0); /* FF3.6 */
background-image: linear-gradient(left,#ddd,#c0c0c0);
}
#wrapper-2 #wrapper-3 div.tw-images .prev span { /* Prev inactive */
background-position: 50% -314px;
}
#wrapper-2 #wrapper-3 div.tw-images .next span { /* Next inactive */
background-position: 70% -514px;
}
#wrapper-2 #wrapper-3 div.tw-images .prev.show span { /* Prev active */
background-position: 50% 86px;
}
#wrapper-2 #wrapper-3 div.tw-images .next.show span { /* Next active */
background-position: 70% -114px;
}
#wrapper-2 #wrapper-3 div.tw-images .rack {
width: 990px;
margin: 0;
padding: 0;
}
.js #wrapper-2 #wrapper-3 div.tw-images .rack {
background: #FFF;
overflow: hidden;
margin-left: 19px;
width: 660px;
height: 180px;
}
.js.hcm #wrapper-2 #wrapper-3 div.tw-images .rack {
height: 210px;
}
#wrapper-2 #wrapper-3 div.tw-images .rack-teaser {
overflow: hidden;
float: left;
width: 340px;
height: 180px;
border: none;
margin: 0;
padding: 0;
}
.js #wrapper-2 #wrapper-3 div.tw-images .rack-teaser {
background-image: none;
width: auto;
border-right: none;
}
#wrapper-2 #wrapper-3 div.tw-images .rack-teaser img {
display: block;
float: left;
width: auto;
height: 179px;
margin: 0 1px 0 0;
border: none;
}
/* Inside #wrapper-2 -> Platform Area -> Diffenrent Layout Types */
#home #wrapper-2 #wrapper-3 div.tw-images {
margin: 0 0 20px 0;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-images {
width: 990px;
}
.js .col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-images .rack {
width: 925px;
}
/* Inside #main */
#wrapper-2 #wrapper-3 #main div.tw-images {
position: relative;
background: #FFF;
border: 0;
float: left;
clear: both;
height: auto;
width: 458px;
margin: 0 0 20px 0;
padding: 0;
}
#wrapper-2 #wrapper-3 #main div.tw-images h3 {
margin: 10px 0 5px 0;
border-top: 4px solid #b3b3b3;
padding: 5px 0 2px 0;
color: #000;
font-size: 200%;
}
#wrapper-2 #wrapper-3 #main div.tw-images .pager {
display: none;
width: auto;
margin: 0;
}
.js #wrapper-2 #wrapper-3 #main div.tw-images .pager {
display: block;
}
#wrapper-2 #wrapper-3 #main div.tw-images .next,
#wrapper-2 #wrapper-3 #main div.tw-images .prev {
position: absolute;
bottom: 0;
width: 17px;
height: 113px;
background: #c9c9c9;
background-image: -webkit-linear-gradient(left,#b1b1b1,#c9c9c9); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(left,#b1b1b1,#c9c9c9); /* FF3.6 */
background-image: linear-gradient(left,#b1b1b1,#c9c9c9);
}
#wrapper-2 #wrapper-3 #main div.tw-images .prev {
left: 0;
right: auto;
border-right: 1px solid #FFF;
border-radius: 5px 0 0 5px;
}
#wrapper-2 #wrapper-3 #main div.tw-images .next {
left: auto;
right: 0;
border-left: 1px solid #FFF;
border-radius: 0 5px 5px 0;
}
#wrapper-2 #wrapper-3 #main div.tw-images .next span,
#wrapper-2 #wrapper-3 #main div.tw-images .prev span {
display: block;
width: 18px;
height: 113px;
background: url(../img/bgs/prev-next.png) 50% -292px no-repeat;
text-indent: -9999px;
}
#wrapper-2 #wrapper-3 #main div.tw-images .next.show span,
#wrapper-2 #wrapper-3 #main div.tw-images .prev.show span {
display: block;
cursor: pointer;
}
#wrapper-2 #wrapper-3 #main div.tw-images .prev.show:hover,
#wrapper-2 #wrapper-3 #main div.tw-images .prev.show.over,
#wrapper-2 #wrapper-3 #main div.tw-images .next.show:hover,
#wrapper-2 #wrapper-3 #main div.tw-images .next.show.over {
background-image: -webkit-linear-gradient(left,#ddd,#c0c0c0); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(left,#ddd,#c0c0c0); /* FF3.6 */
background-image: linear-gradient(left,#ddd,#c0c0c0);
}
#wrapper-2 #wrapper-3 #main div.tw-images .prev span { /* Prev inactive */
background-position: 50% -348px;
}
#wrapper-2 #wrapper-3 #main div.tw-images .next span { /* Next inactive */
background-position: 70% -548px;
}
#wrapper-2 #wrapper-3 #main div.tw-images .prev.show span { /* Prev active */
background-position: 50% 52px;
}
#wrapper-2 #wrapper-3 #main div.tw-images .next.show span { /* Next active */
background-position: 70% -148px;
}
#wrapper-2 #wrapper-3 #main div.tw-images .rack {
width: 420px;
margin: 0;
padding-left: 0;
}
.js #wrapper-2 #wrapper-3 #main div.tw-images .rack {
overflow: hidden;
height: 113px;
background: #f2f2f2;
margin-left: 19px;
padding-left: 0;
}
.hcm #wrapper-2 #wrapper-3 #main div.tw-images .rack {
height: 138px;
overflow: auto !important;
}
#wrapper-2 #wrapper-3 #main div.tw-images .rack-teaser {
overflow: hidden;
float: left;
width: auto;
height: 113px;
border: none;
margin: 0 1px 0 0;
padding: 0;
}
#wrapper-2 #wrapper-3 #main div.tw-images .rack-teaser img {
display: block;
float: left;
width: auto;
width: auto;
height: 112px;
margin: 0;
border: none;
}
/* Inside #main -> Diffenrent Layout Types */
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-images {
width: 460px;
}
.js .col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-images .rack {
width: 440px;
}
.col-float2 #wrapper-2 #wrapper-3 #main div.tw-images {
width: 990px;
}
.js .col-float2 #wrapper-2 #wrapper-3 #main div.tw-images .rack {
width: 905px;
}
.col-subcol #wrapper-2 #wrapper-3 #main div.tw-images {
width: 590px;
}
.js .col-subcol #wrapper-2 #wrapper-3 #main div.tw-images .rack {
width: 552px;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-images {
width: 700px;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-images .rack {
width: 662px;
}
/* Inside #wrapper-2 -> Base Element */
#wrapper-2 div.tw-images {
position: relative;
background: #000;
border: 1px solid #000;
border-radius: 5px;
float: left; /* ie 6 */
clear: both;
height: auto;
width: 938px;
margin: 0 0 20px 0;
padding: 0;
}
#wrapper-2 div.tw-images h3 {
padding: 4px 10px 5px 10px;
color: #FFF;
font-size: 200%;
}
#wrapper-2 div.tw-images .pager {
display: none;
width: auto;
margin: 0;
}
.js #wrapper-2 div.tw-images .pager {
display: block;
}
#wrapper-2 div.tw-images .next,
#wrapper-2 div.tw-images .prev {
position: absolute;
bottom: 0;
width: 17px;
height: 223px;
border: 1px solid #FFF;
background: none #242424;
}
#wrapper-2 div.tw-images .prev {
left: 0;
right: auto;
border-radius: 5px 0 0 5px;
}
#wrapper-2 div.tw-images .next {
left: auto;
right: 0;
border-radius: 0 5px 5px 0;
}
#wrapper-2 div.tw-images .next span,
#wrapper-2 div.tw-images .prev span {
display: block;
width: 17px;
height: 223px;
background: url(../img/bgs/prev-next.png) no-repeat 50% -292px transparent;
text-indent: -9999px;
}
#wrapper-2 div.tw-images .next.show span,
#wrapper-2 div.tw-images .prev.show span {
display: block;
cursor: pointer;
}
#wrapper-2 div.tw-images .prev.show:hover,
#wrapper-2 div.tw-images .prev.show.over,
#wrapper-2 div.tw-images .next.show:hover,
#wrapper-2 div.tw-images .next.show.over {
background-image: -webkit-linear-gradient(left,#525252,#7b7b7b); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(left,#525252,#7b7b7b); /* FF3.6 */
background-image: linear-gradient(left,#525252,#7b7b7b);
}
#wrapper-2 div.tw-images .prev span { /* Prev inactive */
background-position: 50% -292px;
}
#wrapper-2 div.tw-images .next span { /* Next inactive */
background-position: 70% -492px;
}
#wrapper-2 div.tw-images .prev.show span { /* Prev active */
background-position: 50% 108px;
}
#wrapper-2 div.tw-images .next.show span { /* Next active */
background-position: 70% -92px;
}
#wrapper-2 div.tw-images .rack {
float: none;
width: 990px;
margin: 0;
padding: 0;
}
.js #wrapper-2 div.tw-images .rack {
overflow: hidden;
width: 900px;
height: 223px;
margin-left: 19px;
}
.hcm #wrapper-2 div.tw-images .rack {
height: 250px;
overflow: auto !important;
}
#wrapper-2 div.tw-images .rack-teaser {
overflow: hidden;
float: left;
width: auto;
height: 225px;
border: none;
margin: 0 1px 0 0;
padding: 0;
}
#wrapper-2 div.tw-images .rack-teaser img {
display: block;
float: left;
height: 223px;
width: auto;
padding: 0;
margin: 0;
border: 0;
}
/* ### TW-PAGING ### */
/* Inside #Stage */
#stage.vertical div.tw-paging {
position: relative;
float:left;
padding: 0;
overflow: hidden;
width: 652px !important;
margin-top: 10px;
clear:none !important;
height: 433px;
}
#stage.vertical .cycle-slideshow-extended-vertical {
width: 652px !important;
margin: 10px 0 0 0;
}
#stage div.tw-paging {
position: relative;
clear: both;
width: 100%;
margin: 0 auto;
padding: 0;
overflow:hidden;
}
#stage div.tw-paging.cycle-slideshow-extended-normal,
div.tw-paging.cycle-slideshow-extended-normal {
width: 100%;
overflow:hidden;
/*width: 990px;*/
}
#stage div.tw-paging.cycle-slideshow-extended-mini,
div.tw-paging.cycle-slideshow-extended-mini {
/*width: 960px;*/
width: 100%;
}
#stage div.tw-paging h3 {
border: 0;
padding: 5px 10px;
color: #FFF;
font-size: 200%;
}
#stage div.tw-paging .pagination {
position: absolute;
bottom: 50px;
/*left: 10px;*/
height: 30px;
z-index:10;
right:12px;
}
#stage div.tw-paging .pagination ul {
float: none;
}
#stage div.tw-paging .pagination li {
float: left;
margin-right: 8px;
list-style-type: none;
}
#stage div.tw-paging .pagination li button {
display: block;
background: url(../img/bgs/teaser-paging.png) 0 0 no-repeat;
opacity: .5;
margin-left: 1px;
padding: 2px 14px 7px 8px;
color: #000;
font-size: 22px;
font-size: 1.8rem;
font-weight: bold;
border: none;
-webkit-appearance: none;
cursor: pointer;
}
#stage div.tw-paging .pagination li button:hover,
#stage div.tw-paging .pagination li button:active,
#stage div.tw-paging .pagination li button:focus {
color: #666;
text-decoration: none;
}
#stage div.tw-paging .rack {
float: left;
width: 922px;
margin: 0;
padding-left: 0;
}
.js #stage div.tw-paging .rack {
display: inline;
overflow: hidden;
position: relative;
height: 320px;
width: 990px;
margin: 3px 0 0 3px;
}
#stage div.tw-paging .rack-teaser {
overflow: hidden;
float: left;
width: 990px;
border: none;
margin: 0 10px 5px 0;
padding: 0 5px 0 0;
}
.js #stage div.tw-paging .rack-teaser {
position: relative;
background-image: none;
border-right: none;
margin: 0;
padding: 0px;
}
#stage div.tw-paging .rack-teaser h2 {
position: absolute;
left: 30px;
width: 350px;
z-index: 10;
margin: 0;
padding:0;
font-size: 22px;
font-size: 1.8rem;
font-weight: normal;
bottom: 72px;
left: 10px;
}
#stage div.tw-paging .rack-teaser p {
position:relative;
top:0;
left:0;
z-index: 5;
background:#626262;
width:821px;
min-height:48px;
padding: 45px 160px 10px 10px !important;
font-size: 18px;
font-size: 1.5rem;
margin-bottom:20px !important;
color: #FFF;
}
#stage div.tw-paging .no-img p {
width: 100%;
}
#stage div.tw-paging .rack-teaser img {
display: inline;
width: 990px;
height: 411px;
float: left;
margin: 4px 10px 0 0;
border: none;
}
#stage div.tw-paging .rack-teaser em {
display: block;
margin-top: 5px;
font-style: normal;
}
#stage div.tw-paging .rack-teaser em a {
padding-left: 17px;
}
/* ### TW-SLIDER ### */
.slider-bar span {
display: block;
position: absolute;
bottom: 2px;
height: 23px;
width: 105px;
text-indent: -9999em;
cursor: pointer;
}
.slider-bar span.show {
cursor: pointer;
}
.slider-bar span.next {
right: 2px;
}
.slider-bar span.prev {
left: 2px;
}
-js-on .youtube-player-wrapper,
.youtube-player {
height: 400px;
}
.youtube-player-wrapper {
margin: 0 0 20px 0;
}
.youtube-widget {
margin: 0 0 20px 0;
}
#main .youtube-widget ul {
margin: 0;
list-style: none;
}
.youtube-widget li {
overflow: hidden;
height: 1%;
margin: 5px 0;
padding: 5px 0;
font-size: 100%;
background: url(../img/bgs/dotted-line.png) repeat-x 0 0;
}
.youtube-widget li h3 {
margin: 5px 0;
}
.youtube-widget li img {
float: left;
margin: 3px 10px 5px 0;
}
#wrapper-2 #wrapper-3 #main .youtube-widget div.tw-switcher .rack-teaser {
width: 120px;
}
#wrapper-2 #wrapper-3 #main .youtube-widget div.tw-switcher .rack-teaser img {
margin: 0 0 5px 0;
width: 120px;
height: 90px;
}
#wrapper-2 #wrapper-3 #main .youtube-widget div.tw-switcher .rack-teaser h2 {
font-size: 140%;
}
#wrapper-2 #wrapper-3 #main .youtube-widget div.tw-switcher .rack-teaser p,
#wrapper-2 #wrapper-3 #main .youtube-widget div.tw-switcher h3 {
position: absolute;
left: -9999em;
overflow: hidden;
width: 1px;
}
/* OFERTAS */
.modal-dialog.modal-offer {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) !important;
transform: translate(-50%, -50%) !important;
}
.modal-offer{
width: 470px !important;
}
@media (max-width:767px) {
.modal-offer{
width: 95% !important;
}
}
.gridInTab .container{
width: 100%;
}
.gridInTab .elemOdd,
.gridInTab .elemEven {
display: block;
margin: 10px 0 20px 0;
padding:0;
overflow: hidden;
}
.gridInTab .offerImage {
display: inline-block;
float: left;
*display:inline;
*zoom:1;
}
.gridInTab .col-md-12 .offerImage {
width:28%;
margin-right: 15px;
}
.gridInTab .offerImage img {
border: 3px solid #CCC;
float: left;
width: 100%;
}
.gridInTab .typenormal {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border:1px solid #DDD;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 51%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(51%,#f7f7f7), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 51%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 51%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 51%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#f7f7f7 51%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
overflow: hidden;
padding: 15px;
color:#FFF;
position:relative
}
.gridInTab .col-md-12 .offerData {
clear: right;
display: inline-block;
float: left;
margin-top: 10px;
width: 45%;
*display:inline;
*zoom:1;
}
.gridInTab .col-md-6 .offerData, .gridInTab .col-md-4 .offerData {
clear: right;
display: inline-block;
float: left;
margin-top: 10px;
width: 100%;
*display:inline;
*zoom:1;
}
.gridInTab .offerData .title {
font-size: 21px;
/*font-size:1.75rem;*/
font-weight: bold;
letter-spacing: 1px;
}
.gridInTab .offerData .text {
margin:5px 0;
}
.gridInTab .offerData .text p {
color: #666;
font-size:12px;
margin:0
}
.gridInTab .offerData .text p a {
color: #C8C8C8;
}
.gridInTab .offerData .dateConditions {
font-size: 11px;
/*font-size:0.91rem;*/
font-weight:bold;
color: #666;
background: #FFF;
padding: 3px;
margin-bottom:3px;
}
.gridInTab .offerData .specialConditions p {
font-size: 11px;
/*font-size:0.91rem;*/
color:#666;
}
.gridInTab .offerData .title {
color: #999999;
font-family:'OpenSans-Regular', sans-serif;
font-size: 22px;
font-size:1.83rem;
font-weight: bold;
font-style: italic;
text-transform:uppercase;
}
.gridInTab .offerData .subtitle {
color: #000;
font-family:'OpenSans-Regular', sans-serif;
font-size: 18px;
/*font-size:1.5rem;*/
font-weight: normal;
margin:5px 0
}
.gridInTab .offerPrice {
height: 93px;
text-align: center;
width: 128px;
font-size: 18px;
/*font-size:1.5rem;*/
background: #000000; /* Old browsers */
background: -moz-linear-gradient(top, #000000 0%, #282828 51%, #4f4f4f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(51%,#282828), color-stop(100%,#4f4f4f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #000000 0%,#282828 51%,#4f4f4f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #000000 0%,#282828 51%,#4f4f4f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #000000 0%,#282828 51%,#4f4f4f 100%); /* IE10+ */
background: linear-gradient(to bottom, #000000 0%,#282828 51%,#4f4f4f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#4f4f4f',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
float:right;
margin-bottom: 10px;
margin-top: 5px;
padding: 16px 0px;
}
.gridInTab .col-md-6 .offerPrice {
float: left;
margin-top: 20px;
width: 289px;
height: auto;
padding: 8px 0;
}
.gridInTab .col-md-4 .offerPrice {
float: left;
margin-top: 20px;
width: 154px;
height: auto;
padding: 8px 0;
}
.gridInTab .col-md-12 .offerPrice span {
display:block;
}
.gridInTab .offerLink {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: none repeat scroll 0 0 #999999;;
clear: right;
float: right;
font-size: 18px;
/*font-size:1.5rem;*/
padding: 8px 15px;
width: 128px;
text-align: center;
}
.gridInTab .col-md-6 .offerLink, .gridInTab .col-md-4 .offerLink {
float: right;
margin-top: 20px;
}
.gridInTab .offerLink a:link,
.gridInTab .offerLink a:hover,
.gridInTab .offerLink a:visited,
.gridInTab .offerLink a:link,
.gridInTab .offerLink a:hover,
.gridInTab .offerLink a:visited {
color:#FFF;
text-decoration:none
}
.gridInTab .typeplus {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background: #999999;; /* Old browsers */
background: -moz-linear-gradient(top, #626262 0%, #999999; 51%, #C8C8C8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#626262), color-stop(51%,#999999;), color-stop(100%,#C8C8C8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #626262 0%,#999999; 51%,#C8C8C8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #626262 0%,#999999; 51%,#C8C8C8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #626262 0%,#999999; 51%,#C8C8C8 100%); /* IE10+ */
background: linear-gradient(to bottom, #626262 0%,#999999; 51%,#C8C8C8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#626262', endColorstr='#999999;',GradientType=0 ); /* IE6-9 */
overflow: hidden;
padding: 15px;
color:#FFF;
position:relative
}
.gridInTab .typeplus .offerData .title {
color: #FFF;
}
.gridInTab .typeplus .offerData .subtitle {
color: #000;
}
.gridInTab .typeplus .offerData .text p {
color: #FFF;
}
.gridInTab .typeplus .offerData .specialConditions p {
font-size: 11px;
font-size:0.91rem;
color: #FFF;
}
.gridInTab .typeplus .offerImage img {
border: 3px solid #FFF;
}
.gridInTab .typeplus .offerLink {
background:url("../img/arrow-right-offers.png") no-repeat scroll 175px center #999999;;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #FFF;
}
.gridInTab .typeplus .offerLink a {
color:#FFF !important;
}
.newsItem em.more a {
color: #999999;;
}
/* OFERTAS (vertical)*/
#section.vertical .gridInTab .elemOdd .typeplus .offerImage,
#section.vertical .gridInTab .elemEven .typeplus .offerImage,
#section.vertical .gridInTab .elemOdd .typeplus .offerImage img,
#section.vertical .gridInTab .elemEven .typeplus .offerImage img {
width:384px;
margin:0
}
#section.vertical .gridInTab .typeplus .offerData {
clear: both;
display: block;
float: left;
margin: 10px 0 0;
}
#section.vertical .gridInTab .typeplus .offerData .dateConditions {
margin-bottom:16px
}
#section.vertical .gridInTab .elemEven .typenormal .offerImage,
#section.vertical .gridInTab .elemOdd .typenormal .offerImage,
#section.vertical .gridInTab .elemEven .typenormal .offerImage img,
#section.vertical .gridInTab .elemOdd .typenormal .offerImage img {
margin:0;
width:413px
}
#section.vertical .gridInTab .typeplus .offerPrice {
left:295px
}
/* CONTACTO */
body#contactPage {
}
body#contactPage #main {
width:100%;
margin:0;
padding-right: 0;
}
body#contactPage .opener {
float:left;
margin: 20px 25px 0 0;
width:100%;
}
body#contactPage .content {
float:left;
margin-top: 20px;
}
body#contactPage .button-wrapper{
float: right;
margin-right: 16px;
margin-bottom: 15px;
}
body#contactPage .button-wrapper input {
color: #FFF;
font-size: 12px;
font-size:1rem;
text-decoration: none;
display: inline-block;
background: #999999;;
text-align: center;
padding: 3px 15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-transform: uppercase;
float: none;
}
body#contactPage .button-wrapper input:hover {
background: #C8C8C8;
}
body#contactPage .form-wrapper .form-row input[type='text'],
body#contactPage .form-wrapper .form-row input[type='password'] {
-moz-box-shadow: inset 0 0 9px -6px #333;
-webkit-box-shadow: inset 0 0 9px -6px #333;
box-shadow: inset 0 0 9px -6px #333;
background:#FFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 6px !important;
}
.gmapDataWrapper {
float: left;
margin: 20px 25px 0 0;
width: 100%;
}
.gmapDataWrapper .contactData {
margin: 15px 0 15px 10px;
padding: 0;
clear: both;
width: 100%;
float: left;
}
.gmapDataWrapper .contactData a {
color:#666;
}
.gmapDataWrapper .contactData div {
padding-left: 20px;
margin-bottom: 3px;
float: left;
margin-right: 20px;
color:#666
}
.gmapDataWrapper .contactData .workTime {
background: url("../img/ico-worktime-black.png") no-repeat scroll 0 center transparent;
}
.gmapDataWrapper .contactData .phone {
background: url("../img/ico-phone-black.png") no-repeat scroll 0 center transparent;
}
.gmapDataWrapper .contactData .email {
background: url("../img/ico-correo-black.png") no-repeat scroll 0 center transparent;
}
.gmapDataWrapper .contactData .location {
background: url("../img/ico-location-black.png") no-repeat scroll 0 top transparent;
}
body#contactPage #foContact h2{
display:none;
}
body#contactPage #foContact fieldset {
padding:0
}
/*INFO ERROR STAGE */
#stage .error_box {
position: relative;
float: left;
border: 1px solid #ccc;
padding: 10px;
background: #CCC;
width: 100%;
text-align: left;
}
#stage .error_box h1,
#stage .error_box h2 {
font-family:'OpenSans-Regular', sans-serif;
}
#stage .error_box h1 {
float: left;
font-size: 20px;
font-size:1.66rem;
font-style: normal;
color:#000;
font-weight:normal;
margin-left: 65px;
width: 85%;
}
#stage .error_box h2 {
color:#FFF;
font-style: normal;
margin: 8px 0;
font-style: normal;
float: left;
margin-left: 65px;
width: 85%;
font-size: 16px;
font-size:1.33rem;
padding-bottom: 11px;
}
#stage .error_box img {
height: 67px;
position: absolute;
left: 5px;
top: 1px;
width: 65px;
}
#stage .error_box p {
float: left;
width: 75% !important;
padding: 10px 10px !important;
line-height: 1.3em;
color: #666 !important;
margin-left: 65px;
font-size: 12px !important;
font-size:1rem;
background: #FFF;
}
/*INFO ERROR */
#main .info_box,
#main .error_box{
position: relative;
float: left;
background: url("../../../themes/white/img/bg-error.png") no-repeat scroll 0 center #FFF;
width: 990px;
height: 378px;
margin: 20px 0;
}
#main .info_box h1,
#main .info_box h2,
#main .error_box h1,
#main .error_box h2 {
font-family:'OpenSans-Regular', sans-serif;
}
#main .info_box h1,
#main .error_box h1 {
font-size: 41px;
font-size:3.41rem;
font-style: normal;
color: #FFF;
font-weight: 800;
margin: 115px 0 10px 65px;
width: 430px;
}
#main .info_box h2,
#main .error_box h2 {
color: #C5C5C5 !important;
font-size:30px;
font-size:2.5rem;
font-weight: 400;
margin: 0 0 10px 65px;
width: 430px;
}
#main .info_box p.descrip,
#main .error_box p.descrip {
color: #999 !important;
font-size:16px;
font-size:1.33rem;
margin-left: 66px;
width: 430px;
}
/********************************************
Template vertical
*********************************************/
.vertical #branding {
margin-bottom:20px
}
body#home-vertical #wrapper-3 #main {
width:460px
}
body#home-vertical #wrapper-3 #main .teaser-group .teaser a {
float:left;
display:inherit
}
body#home-vertical #wrapper-3 #main .teaser-group .teaser p {
display: inherit;
width: 100%;
}
body#home-vertical #wrapper-3 #main .teaser-group .teaser em {
clear: right;
width: 120px;
}
body#home-vertical #wrapper-3 #extras .promo-text {
display:none
}
#section.vertical #main {
margin-right: 20px;
width: 420px;
}
/********************************************
Nosotros (Simple)
*********************************************/
#section.col #main .text-box-tabs .text-box-section h2 {
font-size: 16px;
font-size: 1.33rem;
color:#999999; !important;
}
#section.col #main .text-box-tabs .text-box-section h2 a {
color:#999999; !important;
}
/********************************************
Nosotros (Vertical)
*********************************************/
#section.vertical #main .text-box-tabs .text-box-section h2 {
font-size:32px !important
font-size:2.66rem;
}
#section.vertical #main .text-box-tabs ol.text-box-toc {
border-left: 2px solid #000;
border-right: 2px solid #000;
}
#section.vertical #main .text-box-tabs .text-box-section {
width:auto
}
/* Habitaciones (Vertical) */
#section.vertical .content .teaser-group .teaser p {
width:40%
}
#section.vertical #wrapper-3 #extras {
width:256px
}
/* Base Area */
#baseArea {
background: #EBEBEB url("/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif") repeat scroll 0 0;
color: #FFFFFF;
}
#baseArea a {
color: ;
}
#baseArea a:hover {
color: ;
}
#baseArea .baseWrapper {
margin: 0 auto;
padding:0 15px;
overflow: hidden;
max-width: inherit;
}
#baseArea .baseWrapper .list .text-section h2 {
font-family:'OpenSans-Regular', sans-serif;
color: #FFFFFF !important;
padding:0;
background:none;
}
#baseArea .banner_BaseArea a {
background: url("../img/banner-BTTblog.png") no-repeat scroll 0 0 transparent;
display: block;
height: 167px;
margin: 20px 0;
width: 939px;
}
#baseArea .baseWrapper .banner_BaseArea {
margin: 0 auto;
width: 938px;
}
#baseArea .baseWrapper blockquote:last-child {
margin-right: 0;
}
/* Logo destacada */
#nav-split-down #promo-1 {
background: none repeat scroll 0 0 transparent;
float: none;
height: 53px;
margin: 0;
position: absolute;
right: 140px;
top: 10px;
width: 114px;
}
#nav-split-down #promo-1 img {
border: 0 none;
height: 53px;
width: 114px;
}
/* sidebar banner */
.box_bannesidebar a {
background: transparent url(../img/imgBanner_Sidebar.png) 0 0 repeat;
width:auto;
height:366px;
display:block;
}
/***********************ESTILOS COMPONENTES**************************/
/*SLIDESHOW VISUALIZACION CLASICO*/
.ss1_wrapper {
margin: 0 auto;
position: relative;
width: 100%;
}
.ss1_wrapper .slideshow_box {
bottom: 0;
color: #FFF;
padding: 0;
position: absolute;
width: 100%;
z-index:2;
}
.ss1_wrapper .hTt-slideshow_classic {
height:433px;
z-index:1 !important;
}
.ss1_wrapper .hTt-slideshow_classic .slideshow_item {
z-index:4 !important;
}
.ss1_wrapper .slideshow_box .data {
background: url("../img/bg-flange-slider.png") repeat scroll left top transparent;
padding: 20px 25px;
overflow:hidden;
}
.ss1_wrapper .slideshow_box .data span,
.ss1_wrapper a span {
color: #CCC !important;
font-size: 14px;
/*font-size:1.16rem;*/
font-family: 'OpenSans-Regular', sans-serif;
width:90%;
float:left;
}
.ss1_wrapper .slideshow .data {
display:none;
}
.ss1_wrapper .slideshow_box .data h4 {
color: #FFF !important;
font-size: 22px;
font-size:1.83rem;
padding:0
}
.ss1_wrapper a.slideshow_next,
.ss1_wrapper a.slideshow_prev {
color: #FFF;
position: absolute;
z-index: 2;
}
.ss1_wrapper a.slideshow_next {
background: url('../img/base/btn-slider1-next_base.png') no-repeat scroll 0 0 transparent;
height: 40px;
right: -25px;
top: 180px;
width: 25px;
}
.ss1_wrapper a.slideshow_prev {
background: url('../img/base/btn-slider1-prev_base.png') no-repeat scroll 0 0 transparent;
height: 40px;
left: -25px;
top: 180px;
width: 25px;
}
.ss1_wrapper a span {
display:none
}
.ss1_wrapper ul.slideshow_paging {
bottom: 27px;
height: 22px;
position: absolute;
right: 16px;
z-index: 3;
}
.ss1_wrapper ul.slideshow_paging a {
background: url("../img/btn-slider-nr.png") no-repeat scroll 1px 3px transparent;
color: #626262 !important;
font-size: 12px;
font-size:1rem;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
height: 22px;
margin-right: 1px;
padding: 4px 15px 4px 8px;
text-decoration: none;
width: 6px;
text-indent: 4500px;
float: left;
}
.ss1_wrapper ul.slideshow_paging a.activeSlide {
background: url('../img/base/btn-slider-ac_base.png') no-repeat scroll 1px 3px transparent;
color:#FFF !important;
}
/*SLIDESHOW VISUALIZACION MODERNO*/
.ss2_wrapper .slideshow_box {
bottom: 0;
color: #FFF;
padding: 0;
position: absolute;
width: 100%;
z-index:50;
background: url("../img/bg-flange-slider.png") repeat scroll left top transparent;
}
.ss2_wrapper .slideshow_box .data {
margin: 0 auto;
position: relative;
width: 990px;
}
.ss2_wrapper .slideshow_box .richText {
color: #FFF !important;
padding:0 295px 10px 25px;
float:left;
width:100%;
}
.ss2_wrapper .slideshow_box .richText p {
display:inline-block;
line-height: 1.3em;
color: #FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size:16px;
/*font-size:1.33rem;*/
margin:0;
}
.ss2_wrapper .slideshow_box .richText p a {
display:inline-block;
padding: 3px 10px;
margin-left:10px;
color: #000;
font-family:'OpenSans-Regular', sans-serif;
font-size:14px;
font-size:1.16rem;
font-weight:bold;
text-decoration:none;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #333;
cursor:pointer;
}
.ss2_wrapper .slideshow_box .richText p a:hover {
background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}
.ss2_wrapper .hTt-slideshow_classic .data {
display:none;
}
.ss2_wrapper .slideshow_box .data h4 {
color: #FFF !important;
font-size: 28px;
/*font-size: 2.3rem;*/
padding: 20px 295px 10px 25px;
}
.ss2_wrapper {
position:relative;
overflow:hidden;
}
.ss2_wrapper .slideshow_box .data span,
.ss2_wrapper a span {
color: #CCC !important;
font-size: 16px;
/*font-size: 1.33rem;*/
padding:0 295px 10px 25px;
margin:0 !important;
float:left;
width: 100%;
}
.ss2_wrapper .slideshow .data {
display:none;
}
.ss2_wrapper a.slideshow_next,
.ss2_wrapper a.slideshow_prev {
position:absolute;
z-index:90;
top:210px
}
.ss2_wrapper a.slideshow_next span,
.ss2_wrapper a.slideshow_prev span {
display:none;
}
.ss2_wrapper a.slideshow_next {
background-image: url('../img/base/btn-slider2-next_base.png');
width:42px;
height:41px;
}
.ss2_wrapper a.slideshow_prev {
background-image: url('../img/base/btn-slider2-prev_base.png');
width:42px;
height:41px;
}
.ss2_wrapper .slideshow_next:hover {
background-image: url('../img/base/btn-slider2-next-hover_base.png');
}
.ss2_wrapper .slideshow_prev:hover {
background-image: url('../img/base/btn-slider2-prev-hover_base.png');
}
.ss2_wrapper ul.slideshow_paging {
bottom: 27px;
height: 22px;
position: absolute;
right: 10px;
z-index: 100;
}
.ss2_wrapper ul.slideshow_paging a {
background: url("../img/base/btn-slider-nr.png") no-repeat scroll 1px 3px transparent;
color: #666 !important;
font-size: 12px;
font-size:1rem;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
height: 22px;
margin-right: 5px;
padding: 4px 15px 4px 8px;
text-decoration: none;
width: 6px;
text-indent: 4500px;
float: left;
}
.ss2_wrapper ul.slideshow_paging a.activeSlide {
background: url('../img/base/btn-slider-ac_base.png') no-repeat scroll 1px 3px transparent;
color:#FFF !important;
}
.ss2_wrapper .hTt-slideshow_broad .data h4 {
display:none
}
.cycle-slideshow-extended-normal .ss2_wrapper .hTt-slideshow_broad .image a img {
height: 433px;
width: 990px;
position: absolute;
top: 0px;
z-index: -1;
}
.ss2_wrapper .hTt-slideshow_broad {
height: 433px;
margin: auto;
position: relative;
width: 100%;
}
.cycle-slideshow-extended-retina .ss2_wrapper .hTt-slideshow_broad .slideshow_item {
width:100%;
left: 50% !important;
margin-left: -960px !important;
}
/*SLIDESHOW VISUALIZACION MINIATURAS*/
.ss3_wrapper { position:relative; width:100%;/*height:475px;*/height:433px; margin:0 auto; }
.ss3_wrapper .slideshow { position:relative; width:100%;/*height:475px;*/height:433px; }
.ss3_wrapper .slideshow_item { width:100%; height:433px; }
.ss3_wrapper .slideshow_item .data, .ss3_wrapper .slideshow_item .thumb { display:none; }
.ss3_wrapper a.slideshow_prev { position:absolute; left:0px; bottom:25px; z-index:12; width:50px; height:50px; outline:none; }
.ss3_wrapper a.slideshow_prev span { display:block; width:50px; height:50px; background: url(../img/arrows.png) no-repeat -51px 50%; text-indent:-9999px; }
.ss3_wrapper a.slideshow_next { position:absolute; right:0px; bottom:25px; z-index:12; width:50px; height:50px; outline:none; }
.ss3_wrapper a.slideshow_next span { display:block; width:50px; height:50px; background: url(../img/arrows.png) no-repeat 1px 50%; text-indent:-9999px; }
.ss3_wrapper .slideshow_paging { position:absolute; bottom:0; left:0; width:100% !important; height:66px; padding:10px 50px 0 50px; margin:0; z-index:11; font-size:12px; font-size:1rem;list-style:none; }
.ss3_wrapper .slideshow_paging li { display:block; float:left; margin:0; padding:0; }
.ss3_wrapper .slideshow_paging a { display:block; float:left; margin:0 0 0 12px; padding:0; color:#ccc; }
.ss3_wrapper .slideshow_paging a.first { }
.ss3_wrapper .slideshow_paging a img { border:3px solid #111;margin:0;width:100%; }
.ss3_wrapper .slideshow_paging a:hover { color:#fff }
.ss3_wrapper .slideshow_paging .activeSlide img { border:3px solid #ddd; }
.ss3_wrapper .slideshow_box { position:absolute; left:0; bottom:0; background: url("../img/bg-flange-slider.png") repeat scroll left top transparent; width:100%; height: 180px; z-index:10; }
.ss3_wrapper .slideshow_box .data { padding:15px 50px 0 50px; min-height:80px; color: #FFF;}
.ss3_wrapper .slideshow_box .data h4 { color:#fff; font:bold 18px arial, sans-serif; padding:0; margin:0; }
.ss3_wrapper .slideshow_box .data a { color:#fff; font:bold 12px arial, sans-serif;}
.ss3_wrapper .slideshow_box .data span { color:#fff; font:bold 12px arial, sans-serif; margin-bottom:10px; float:left; margin-bottom:0 !important;}
/*SLIDESHOW VISUALIZACION VERTICAL BUSCADOR*/
.verticalgalleryExt .ss1_wrapper { float:left; position:relative; width:652px; height:433px; margin:0 0 20px 0;-moz-box-shadow: 0 12px 13px -6px #333;-webkit-box-shadow: 0 12px 13px -6px #333;box-shadow: 0 12px 13px -6px #333; }
.verticalgalleryExt .ss1_wrapper .slideshow { position:relative; width: 652px; height:433px; }
.verticalgalleryExt .ss1_wrapper .slideshow_item { width:652px; height:433px; }
.verticalgalleryExt .ss1_wrapper .slideshow_item .data { display:none; }
.verticalgalleryExt .ss1_wrapper a.slideshow_prev { position:absolute; left:30px; bottom:180px; z-index:10; width:40px; height:46px; outline:none; background:url(../img/bg-flange-slider.png); }
.verticalgalleryExt .ss1_wrapper a.slideshow_prev:hover { background:#000; }
.verticalgalleryExt .ss1_wrapper a.slideshow_prev span { display:block; width:40px; height:46px; background: url(../img/arrows.png) no-repeat -51px 50%; text-indent:-9999px; }
.verticalgalleryExt .ss1_wrapper a.slideshow_next { position:absolute; left:70px; bottom:180px; z-index:10; width:40px; height:46px; outline:none; background:url(../img/bg-flange-slider.png);}
.verticalgalleryExt .ss1_wrapper a.slideshow_next:hover { background:#000; }
.verticalgalleryExt .ss1_wrapper a.slideshow_next span { display:block; width:40px; height:46px; background: url(../img/arrows.png) no-repeat -7px 50%; text-indent:-9999px; }
.verticalgalleryExt .ss1_wrapper .slideshow_paging { position:absolute; bottom:10px; right:545px; z-index:11; font-size:12px;font-size:1rem; }
.verticalgalleryExt .ss1_wrapper .slideshow_paging a { display:block; float:left; margin:0 0 0 2px; padding:4px 7px; color:#ccc; }
.verticalgalleryExt .ss1_wrapper .slideshow_paging a:hover { color:#fff }
.verticalgalleryExt .ss1_wrapper .slideshow_paging a.activeSlide { background:#eee; color:#222 }
.verticalgalleryExt .ss1_wrapper .slideshow_box { position:absolute; left:30px; bottom: 32px; width:340px; z-index:10;height: 175px;overflow: hidden; }
.verticalgalleryExt .ss1_wrapper .slideshow_box .data { padding:15px; color:#ccc;}
.verticalgalleryExt .ss1_wrapper .slideshow_box .data h4 { color:#fff; font:bold 18px 'OpenSans-Regular', sans-serif; padding:0; margin:0 0 10px 0; }
.verticalgalleryExt .ss1_wrapper .slideshow_box .data p { padding:0; margin:0; line-height:140%;}
.verticalgalleryExt .ss1_wrapper .slideshow_box .data a { color:#fff; }
.verticalgalleryExt .ss1_wrapper .slideshow_paging { display:none; }
/*SLIDESHOW CARRUSEL*/
.slideshow_carousel {
position: relative;
float: left;
clear: left;
width: 93%;
height: 67px;
margin: 10px 23px 0 23px;
}
.slideshow_carousel .slideshow-clip {
padding: 0 25px;
overflow:hidden;
}
.slideshow_carousel .jcarousel-clip-horizontal {
overflow:hidden;
}
.jcarousel-prev {
position: absolute;
top: 0;
width: 20px;
height: 65px;
background: url(../img/arrows.png) no-repeat -66px 50%;
color: #fff;
z-index: 500;
cursor:pointer;
}
.jcarousel-next {
position: absolute;
top: 0;
width: 20px;
height: 65px;
background: url(../img/arrows.png) no-repeat -16px 50%;
color: #fff;
z-index: 500;
cursor:pointer;
}
.jcarousel-next {
right: 0;
margin-left: 20px;
}
.jcarousel-prev {
left: 0;
margin-right: 20px;
bottom: 25px;
}
.jcarousel-next a, .jcarousel-prev a {
float: left;
width: 100%;
height: 100%;
color: rgba(255, 255, 255, .8);
text-decoration: none;
font-weight: 900;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
vertical-align: middle;
line-height: 75px;
text-align: center;
}
/* COMPONENTE PROMOS */
#promos {
overflow: hidden;
clear: both;
padding:0
}
#promos .promo {
position: relative;
overflow: hidden;
float: left;
background: #999999;;
padding:5px;
margin:15px 0;
}
#promos .promo-text {
position: absolute;
bottom: 8px;
left: 8px;
padding: 10px;
background: transparent url(../img/bgs/transparent.png) 0 0 repeat;
width: 93%;
color: #FFF;
}
#promos .promo h3 {
margin: 0 0 5px 0;
font-size: 18px;
font-size:1.5rem;
}
#promos .promo h3 a {
color: #FFF;
}
#promos .promo p {
color: #FFF;
font-size: 13px;
font-size:1.08rem;
}
#promos .promo a {
cursor:pointer;
}
#promos .promo img {
display: block;
width: 218px;
}
#promos .promo a img {
border: 3px solid #626262;
}
#promos .promo a:hover img,
#promos .promo a:active img,
#promos .promo a:focus img {
border: 3px solid #FFF;
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}
.promo a:visited {
color: #FFF;
}
/* COMPONENTE PROMOS EN AREA EXTRAS */
#extras .promo {
width: auto;
padding: 15px;
overflow: hidden;
background: #999999;;
margin-bottom: 30px;
}
#extras .promo a {
display:block;
}
#extras .promo a img {
width: 100%;
margin:0;
padding:0;
}
#extras .promo .promo-text {
width:100%
}
#extras .promo .promo-text h3 a {
background: #626262;
color: #FFF;
padding: 9px 10px;
float: left;
width: 100%;
}
#extras .promo .promo-text p {
background: #FFF;
padding: 10px;
display: block;
float: left;
width: 100%;
}
#extras .promo .promo-text p em {
position: relative !important;
left: 0 !important;
width: auto !important;
height: auto !important;
margin-top: 10px;
text-align: right;
}
#extras .promo .promo-text p em.more a {
color: #ffffff;
font-size:12px;
text-decoration: none;
display: inline-block;
background: #999999;;
text-align: center;
padding: 3px 15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-transform:uppercase;
float:none;
}
#extras .promo .promo-text p em.more a:hover {
background: #C8C8C8;
}
/*COMPONENTE TEXT AND IMAGE*/
.text-section h2 {
float: left;
width: 100%;
color: #000;
padding: 10px 10px 10px 15px;
border:none;
border-radius: 0;
font-size: 22px;
/*font-size:1.83rem;*/
line-height: 1.2em;
margin-bottom:10px 0;
font-style: italic;
font-family:'OpenSans-Regular', sans-serif;
font-weight: bold;
}
.text-section h3 {
float: left;
width: 100%;
color: #999999;
padding: 10px 10px 10px 15px;
font-size: 18px;
/*font-size:1.83rem;*/
line-height: 1.2em;
margin-bottom:10px 0;
font-style: italic;
font-family:'OpenSans-Regular', sans-serif;
font-weight: bold;
}
.text-section img.media.photo {
margin: 0 15px 15px 0;
width:100%;
height:auto;
}
.text-section p {
font-family:'Arial-webfont', sans-serif;
font-size:12px;
font-weight:normal;
text-align:justify;
line-height:18px;
width: auto;
margin-bottom: 10px;
padding:0 15px;
}
.text-section p strong {
color: #626262;
}
/*text section en paginas section*/
#section .text-section h2 {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C8C8C8), color-stop(47%,#999999), color-stop(100%,#626262));
background: -webkit-linear-gradient(top, #C8C8C8 0%,#999999 47%,#626262 100%);
background: -moz-linear-gradient(top, #C8C8C8 0%,#999999 47%,#626262 100%);
background: -o-linear-gradient(top, #C8C8C8 0%,#999999 47%,#626262 100%);
background: -ms-linear-gradient(top, #C8C8C8 0%,#999999 47%,#626262 100%);
background: linear-gradient(to bottom, #C8C8C8 0%,#999999; 47%,#626262 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C8C8C8', endColorstr='#626262',GradientType=0 );
padding: 5px 10px 5px 15px;
font-family: 'OpenSans-Regular', sans-serif;
color: #FFF;
font-size:20px;
/*font-size:1.66rem;*/
font-family:'OpenSans-Regular', sans-serif;
margin-bottom:15px;
}
#promos .text-section {
overflow:hidden;
}
#promos .text-section h2 {
background:none;
padding:0;
margin:0;
color:#CCC;
}
#promos .text-section img {
float:right;
}
#promos .text-section p {
color: #666;
font-style: italic;
font-size:12px;
text-align:center;
}
#main .text-section p a{
color:#999999;
}
#main .text-section p a:hover {
color:#626262;
}
/**** text section col-subcol *****/
.col-subcol .text-section {
overflow:hidden;
clear:both
}
.col-subcol .text-section h2 {
color:#000;
font-family:'OpenSans-Regular', sans-serif;
font-size: 22px;
/*font-size:1.83rem;*/
padding: 5px 0 5px 15px;
margin-bottom:15px;
}
.col-subcol .text-section img {
float: left;
margin: 0 10px 10px 0;
width:100%;
}
.col-subcol .text-section p {
font-family:'Arial-webfont', sans-serif;
font-size:12px;
font-weight:normal;
text-align:justify;
line-height:18px;
width: auto;
margin-top: 10px;
padding:0 10px;
}
.col-subcol #promoContainer #promos .text-section {
text-align:center;
background: #EDEDED;
padding: 15px;
margin:15px 0;
}
.col-subcol #promoContainer #promos .text-section h2 {
color:#000;
margin-bottom: 15px;
}
.col-subcol #promoContainer #promos .text-section p {
max-width: 100%;
width: 100%;
}
/*COMPONENTE INTERNAL PAGE TEASER*/
/* TEASER TYPE A - CLASE NORMAL */
.teaser.normal,
.teaser.model1 {
background:#FFF url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:1px solid #ececec;
padding:7px;
clear:both;
margin-bottom:15px;
-moz-box-shadow: 0px 6px 6px -6px #666;
-webkit-box-shadow: 0px 6px 6px -6px #666;
box-shadow: 0px 6px 6px -6px #666;
overflow:hidden;
}
.teaser.normal h2,
.teaser.model1 h2 {
background:#000;
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 16px;
/*font-size:1.33rem;*/
padding:10px;
}
.teaser.normal h2 a,
.teaser.model1 h2 a {
color:#FFF;
}
.teaser.normal img,
.teaser.model1 img {
float: left;
margin: 0 0 10px 0;
width:100%;
height:auto;
}
.teaser.normal p,
.teaser.model1 p {
font-family:'Arial-webfont', sans-serif;
font-size:12px;
font-weight:normal;
color:#333;
line-height:18px;
width: auto;
margin-top: 10px;
padding: 5px 16px;
}
.teaser.normal p em,
.teaser.model1 p em {
position: relative !important;
left: 0 !important;
width: auto !important;
height: auto !important;
margin: 10px 0;
text-align: right;
}
.teaser.normal p em.more a,
.teaser.model1 p em.more a {
color: #FFF;
font-size:12px;
text-decoration: none;
display: inline-block;
background: #999999;
text-align: center;
padding: 3px 15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-transform:uppercase;
float:none;
}
.teaser.normal p em.more a:hover,
.teaser.model1 p em.more a:hover {
background: #C8C8C8;
}
/* TEASER TYPE A - CLASE NORMAL HIGHLIGHT */
.teaser.normal.high {
background:#999999 url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:1px solid #999999;
padding:7px;
clear:both;
margin-bottom:15px;
-moz-box-shadow: 0px 6px 6px -6px #666;
-webkit-box-shadow: 0px 6px 6px -6px #666;
box-shadow: 0px 6px 6px -6px #666;
overflow:hidden;
}
.teaser.normal.high h2 {
background:#000;
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 16px;
/*font-size:1.33rem;*/
padding:10px;
}
.teaser.normal.high h2 a {
color:#FFF;
}
.teaser.normal.high img {
float: left;
margin: 0 0 10px 0;
width:100%;
height:auto;
}
.teaser.normal.high p {
font-family:'Arial-webfont', sans-serif;
font-size:12px;
font-weight:normal;
color:#FFF;
text-align:justify;
line-height:18px;
width: auto;
margin-top: 10px;
padding: 5px 16px;
}
.teaser.normal.high p em {
position: relative !important;
left: 0 !important;
width: auto !important;
height: auto !important;
margin: 10px 0;
text-align: right;
}
.teaser.normal.high p em.more a {
color: #FFF;
font-size:12px;
text-decoration: none;
display: inline-block;
background: #626262;
text-align: center;
padding: 3px 15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-transform:uppercase;
float:none;
}
.teaser.normal.high p em.more a:hover {
background: #C8C8C8;
}
#main .teaser h2 em { /* kicker */
display: block;
margin: 0 0 -2px 0;
}
#main .teaser h2 a em { /* kicker */
color: #555;
}
#main .no-img .links { /* teaser with link list */
margin-top: 10px;
}
/*TEASER BANNER MODEL 1 MAIN BODY*/
/*#main .teaser.model1 {
background:#626262;
border:1px solid #626262;
padding:8px;
clear:both;
margin-bottom:30px;
-moz-box-shadow: 0 6px 6px -6px #666;
-webkit-box-shadow: 0 6px 6px -6px #666;
box-shadow: 0 6px 6px -6px #666;
overflow:hidden;
}
#main .teaser.model1 h2 {
display:none;
}
#main .teaser.model1 img {
margin:0 !important;
}
*/
/* TEASER TYPE B - CLASE MODEL 2 */
.teaser.model2 {
height: auto;
width: 100%;
margin: 0 0 15px 0;
overflow: hidden;
padding:0;
-moz-box-shadow: 0px 12px 13px -6px #333;
-webkit-box-shadow: 0px 12px 13px -6px #333;
box-shadow: 0px 12px 13px -6px #333;
background:#EDEDED url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:1px solid #DDD;
}
.teaser.model2 h2 {
color:#000;
font-family:'OpenSans-Regular', sans-serif;
font-size: 22px;
font-style:italic;
font-weight:bold;
margin:0;
background:#DDD;
padding: 10px 20px 10px 20px;
line-height: 1.2em;
}
.teaser.model2 h2 a {
color:#000 !important;
}
.teaser.model2 h2 a:hover {
text-decoration:none;
}
.teaser.model2 h3 {
color:#999999;
font-family:'OpenSans-Regular', sans-serif;
font-size: 22px;
font-style:italic;
font-weight:bold;
margin:0;
background:none;
padding: 15px 20px 0 20px;
line-height: 1;
}
.teaser.model2 a {
display:block;
}
.teaser.model2 img {
margin:0 !important;
width:100%;
height:auto;
}
.teaser.model2 p {
color:#000;
font-family:'Arial-webfont', sans-serif;
font-size:14px;
line-height: 19px;
margin: 15px 0 15px 0;
float: left;
padding: 0 20px;
}
.teaser.model2 p em {
margin-top: 19px;
}
.teaser.model2 p em a {
background:url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0px -21px no-repeat scroll transparent;
font-size: 14px;
color: #999999;
padding-left: 18px;
padding-top: 1px;
padding-bottom: 1px;
float: left;
text-decoration: none;
cursor:pointer !important;
}
.teaser.model2 p em a:hover {
text-decoration: underline;
}
/* TEASER TYPE B - CLASE MODEL 2 MODEL 1 HIGHLIGHT */
.teaser.model2.high,
#extras .teaser.model1,
#extras .teaser.model2 {
height: auto;
width: 100%;
margin: 0 0 15px 0;
overflow: hidden;
padding:0;
-moz-box-shadow: 0px 12px 13px -6px #333;
-webkit-box-shadow: 0px 12px 13px -6px #333;
box-shadow: 0px 12px 13px -6px #333;
background:#999999 url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:1px solid #999999;
}
.teaser.model2.high h2,
#extras .teaser.model1 h2,
#extras .teaser.model2 h2 {
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 22px;
font-style:italic;
font-weight:bold;
margin:0;
background:#999999;
padding: 10px 20px 10px 20px;
}
.teaser.model2.high h2 a,
#extras .teaser.model1 h2 a,
#extras .teaser.model2 h2 a {
color:#FFF !important;
}
.teaser.model2.high h2 a:hover,
#extras .teaser.model1 h2 a:hover,
#extras .teaser.model2 h2 a:hover {
text-decoration:none;
}
.teaser.model2.high h3,
#extras .teaser.model1 h3,
#extras .teaser.model2 h3 {
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 22px;
font-style:italic;
font-weight:bold;
margin:0;
background:none;
padding: 15px 20px 0 20px;
line-height: 1;
}
.teaser.model2.high a,
#extras .teaser.model1 a,
#extras .teaser.model2 a {
display:block;
}
.teaser.model2.high img,
#extras .teaser.model1 img,
#extras .teaser.model2 img {
margin:0 !important;
width:100%;
height:auto;
}
.teaser.model2.high p,
#extras .teaser.model1 p,
#extras .teaser.model2 p {
color:#FFF;
font-family:'Arial-webfont', sans-serif;
font-size:14px;
font-style: italic;
line-height: 16px;
margin: 15px 0 15px 0;
float: left;
padding: 0 20px;
}
.teaser.model2.high p em,
#extras .teaser.model1 p em,
#extras .teaser.model2 p em {
margin-top: 19px;
}
.teaser.model2.high p em a,
#extras .teaser.model1 p em a,
#extras .teaser.model2 p em a {
background:url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0px -21px no-repeat scroll transparent;
font-size: 14px;
font-style: normal;
color: #FFF;
padding-left: 18px;
padding-top: 1px;
padding-bottom: 1px;
float: left;
text-decoration: none;
cursor:pointer !important;
}
.teaser.model2.high p em.more a:hover,
#extras .teaser.model1 p em.more a:hover,
#extras .teaser.model2 p em.more a:hover {
text-decoration: underline;
}
/* TEASER TYPE C - CLASE MODEL 3 */
.teaser.model3 {
height: auto;
width: 100%;
margin: 0 0 15px 0;
overflow: hidden;
padding:0;
background: url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:px solid ;
-moz-box-shadow: ;
-webkit-box-shadow: ;
box-shadow: ;
}
.teaser.model3 h2 {
color:#999;
font-family:'OpenSans-Regular', sans-serif;
font-size: 22px;
font-weight:bold;
margin:0 0 10px;
background:;
padding: 10px 20px 0 20px;
}
.teaser.model3 h2 a {
color:#999; !important;
}
.teaser.model3 h2 a:hover {
text-decoration:none;
}
.teaser.model3 a {
display:block;
}
.teaser.model3 img {
margin:0 !important;
width:100%;
height:auto;
border:5px solid #EEE;
}
.teaser.model3 p {
color:#666;
font-family:'Arial-webfont', sans-serif;
font-size:12px;
line-height: 19px;
margin: 15px 0 15px 0;
float: left;
padding: 5px 16px !important;
}
.teaser.model3 p em {
position: relative !important;
left: 0 !important;
width: auto !important;
height: auto !important;
margin: 10px 0;
text-align: center;
}
.teaser.model3 p em a {
color: #FFF;
font-size:12px;
text-decoration: none;
display: inline-block;
background: #626262;
text-align: center;
padding: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-transform:uppercase;
float:none;
width: 100%;
}
.teaser.model3 p em a:hover {
background: #C8C8C8;
}
/* TEASER TYPE C - CLASE MODEL 3 HIGHLIGHT */
.teaser.model3.high {
height: auto;
width: 100%;
margin: 0 0 15px 0;
overflow: hidden;
padding:0;
background:#666 url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:1px solid #666;
-moz-box-shadow: ;
-webkit-box-shadow: ;
box-shadow: ;
}
.teaser.model3.high h2 {
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 18px;
font-weight:bold;
margin:0 0 10px;
background:#666;
padding: 10px 3px 0 3px;
}
.teaser.model3.high h2 a {
color:#FFF; !important;
}
.teaser.model3.high h2 a:hover {
text-decoration:none;
}
.teaser.model3.high a {
display:block;
width: 85%;
margin: 0 auto;
}
.teaser.model3.high img {
margin:0 !important;
width:100% !important;
height:auto;
border:5px solid #EEE;
}
.teaser.model3.high p {
color:#FFF;
font-family:'Arial-webfont', sans-serif;
font-size:14px;
line-height: 19px;
margin: 15px 0 15px 0;
float: left;
padding: 5px 16px !important;
}
.teaser.model3.high p em {
position: relative !important;
left: 0 !important;
width: auto !important;
height: auto !important;
margin: 10px 0;
text-align: center;
}
.teaser.model3.high p em a {
color: #FFF;
font-size:12px;
text-decoration: none;
display: inline-block;
background: #999999;
text-align: center;
padding: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-transform:uppercase;
float:none;
width: 100%;
}
.teaser.model3.high p em a:hover {
background: #C8C8C8;
}
/*TEASER RESALTADO*/
.teaser.highlight {
padding: 10px;
background: #F9F9F9;
border: none;
}
/*TEASER GROUP*/
.teaser-group .teaser h2 {
background:#CCC;
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 18px;
font-size: 1.5rem;
padding:5px 0 5px 15px;
margin-bottom:15px;
}
.teaser-group .teaserlist {
border: 0;
padding: 0;
margin: 0;
}
.teaser-group .teaserlist ul {
margin:0;
padding:0;
list-style:none;
}
.teaser-group .teaserlist ul li {
background:url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') no-repeat 0px -1187px transparent;
padding-left:20px !important;
}
.teaser-group .teaserlist ul li a {
color:#999999;;
}
.col-float2-subcol #main .teaser h2,
.nav-col-float2 #main .teaser h2 {
width: 190px;
}
#main .no-img h2,
.col-float3 #main .teaser h2,
#main .teaser-group .no-img h2 {
width: auto;
float: none;
margin-top: 0;
}
/* img teasers in other layouts */
.col-float2-subcol .teaser img,
.nav-col-float2 .teaser img {
width: 138px;
}
/* openers & teasers in other layouts */
/* 3 columns: 1 big main column with 3 floating teasers | main */
.col-float3 .opener,
.col-float3 .teaser {
clear: none;
float: left;
width: 300px;
margin: 0 20px 20px 0;
}
.col-float3 #main .highlight {
width: 286px;
}
.col-float3 #teaser-3,
.col-float3 #teaser-6,
.col-float3 #teaser-9,
.col-float3 #teaser-12 {
margin-right: 0;
}
.col-float3 #teaser-4,
.col-float3 #teaser-7,
.col-float3 #teaser-10 {
clear: left;
}
/*COMPONENTE LINK LIST*/
.teaser .links, .box .links, #baseArea .links, #extras .links{
float: left;
width: 100%;
margin: 10px 0;
background: #EDEDED;
}
.teaser .links h2, .box .links h2, #baseArea .links h2, #extras .links h2 {
font-size: 22px;
font-size: 1.8rem;
line-height: 1.2em;
margin: 10px 0 10px 14px;
}
.teaser .links ul, .box .links ul, #baseArea .links ul, #extras .links ul {
line-height: 20px;
list-style: none;
padding: 5px 10px;
margin:0;
}
.teaser .links li, .box .links li, #baseArea .links li, #extras .links li {
border-bottom: 1px solid #d6d6d6;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 24px;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2575px no-repeat;
}
.teaser .links li a, .box .links li a, #baseArea .links li a, #extras .links li a {
color:#999999;;
font-size:12px;
font-weight: normal;
}
.teaser .links li a:hover, .box .links li a:hover, #baseArea .links li a:hover, #extras .links li a:hover {
text-decoration:none;
}
.teaser .links li:hover, .box .links li:hover, #baseArea .links li:hover, #extras .links li:hover {
background-color: #CCC;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2575px no-repeat;
cursor:pointer;
}
.teaser .links li:last-child, .box .links li:last-child, #baseArea .links li:last-child, #extras .links li:last-child {
border-bottom: none;
}
/*COMPONENTE VIDEO/FOTOS/AUDIO MULTIMEDIA*/
.media audio {
height: 30px;
}
.media { /* for dl and without it */
float: left;
display: inline-block;
margin:0;
}
dl.media {
background: #fff;
border: 1px solid #ececec;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-border-radius: 0px;
margin:15px 0;
}
dl.media dt, dl.media dt dd {
margin:0;
}
dl.media dt div.mediaplayer {
margin:10px;
background:#000;
}
dl.media dd.caption {
font-size: 18px;
font-size:1.5rem;
color: #333;
padding-left: 15px;
}
dl.media dd.copyright{
font-size: 11px;
font-size:0.91rem;
color: #FFF;
padding-left: 15px;
padding-bottom: 5px;
background: #000;
}
dl.media dd.longdesc {
font-size: 12px;
font-size:1rem;
color: #000;
background: #FFF;
padding: 15px;
}
.media audio,
.media video,
.media img {
display: block;
width: 218px;
border: 1px solid #ececec;
}
.media audio,
.media video {
border: none;
}
.media video {
height: 120px;
}
dl.large { /* big */
clear: both;
background: #fff;
float: none;
}
.media.large video,
.media.large audio {
width: 100%;
}
.media.large video {
height: 100%;
}
dl.large img {
width: 458px;
}
img.large {
clear: both;
display: block;
}
.media dd {
background: #ececec;
display: block;
padding: 5px 5px 0 5px;
margin:0;
}
.media dd.zoom {
float: right;
}
.media dd.zoom a {
display: block;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -508px no-repeat;
width: 12px;
overflow: hidden;
text-indent: -999px;
}
.media.pos-2 {
float: right;
margin-right: 0;
margin-left: 10px;
}
/*COMPONENTE OPENER TEASER*/
.opener {
clear:both;
}
.opener h1 {
background:#999999;;
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 18px;
font-size: 1.5rem;
padding:10px 15px;
}
.opener h1 a {
color:#FFF !important;
}
.opener img {
float: left;
margin: 10px 10px 15px;
}
.opener a img {
float: left;
margin: 0 0 10px 0;
width:100%;
}
.opener p {
font-family:'Arial-webfont', sans-serif;
font-size:12px;
font-weight:normal;
text-align:justify;
line-height:18px;
width: auto;
margin: 10px;
}
.opener p em {
position: relative !important;
left: 0 !important;
width: auto !important;
height: auto !important;
margin-top: 10px;
text-align: right;
}
.opener p em.more a {
color: #ffffff;
font-size:12px;
text-decoration: none;
display: inline-block;
background: #999999;;
text-align: center;
padding: 3px 15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-transform:uppercase;
float:none;
}
.opener p em.more a:hover {
background: #C8C8C8;
}
/* Opener in other layouts */
.col-float2-subcol .opener {
float: left;
clear: none;
width: 340px;
margin: 0 20px 10px 0;
}
/* img opener in other layouts */
.col-float2-subcol .opener img {
width: 338px;
}
/* Opener in .nav-col */
.nav-col .opener img {
float: left;
width: 340px;
margin: 0 10px 0 0;
}
.col-float3 .opener img,
.col-float3 .teaser img {
display: block;
float: none;
width: 298px;
}
.col-float3 .highlight img {
width: 284px;
}
.col-float3 .opener {
background: #e5e57f;
}
.col-float3 #main .opener h1 {
border: none;
}
.col-float3 .opener img {
height: 150px;
}
.col-float3 .teaser {
border: none;
}
.col-float3 #main .opener h1,
.col-float3 #main .opener p {
margin-left: 10px;
margin-right: 10px;
}
/* COMPONENTE TEASER GROUP CARROUSEL */
#wrapper-3 .tw-switcher, #wrapper-3 .tw-slider{
position: relative;
max-width:1170px;
width:100%;
margin: 10px 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
overflow: hidden;
float: left;
}
#wrapper-3 .tw-switcher h3, #wrapper-3 .tw-slider h3 {
background:#CCC;
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 18px;
font-size: 1.5rem;
padding:5px 0 5px 15px;
margin-bottom:15px;
}
#wrapper-3 .tw-switcher .rack {
display: inline;
margin-left: 19px;
margin-right: 19px;
padding: 6px 0 16px 8px;
width:95.3%;
float: left;
}
#wrapper-3 .tw-slider .rack {
display: inline;
margin: 0;
padding: 10px;
width: 100%;
float: left;
background: #EDEDED;
}
#wrapper-3 .tw-switcher .rack .rack-design, #wrapper-3 .tw-slider .rack .rack-design {
float: left;
}
#wrapper-3 .tw-switcher .pager, #wrapper-3 .tw-slider .pager{
width: 100%;
margin: 0;
padding:0;
overflow: hidden;
height: 88%;
position: absolute;
background: #ececec;
display: block;
}
#wrapper-3 .tw-switcher .prev,
#wrapper-3 .tw-switcher .next {
bottom: 0;
width: 17px;
background: #999999;;
}
#wrapper-3 .tw-switcher .prev{
border-radius: 0;
height: 100%;
float:left;
}
#wrapper-3 .tw-slider .prev {
display:none;
}
#wrapper-3 .tw-switcher .next {
border-radius: 0;
height: 100%;
float:right;
}
#wrapper-3 .tw-slider .next {
display:none;
}
#wrapper-3 .tw-switcher .next span,
#wrapper-3 .tw-switcher .prev span {
display: block;
width: 17px;
height: 100%;
background: url(../img/bgs/prev-next.png) no-repeat;
}
#wrapper-3 .tw-switcher .next.show span,
#wrapper-3 .tw-switcher .prev.show span {
display: block;
cursor: pointer;
background: url(../img/bgs/prev-next.png) no-repeat;
}
#wrapper-3 .tw-switcher .prev.show:hover,
#wrapper-3 .tw-switcher .prev.show.over,
#wrapper-3 .tw-switcher .next.show:hover,
#wrapper-3 .tw-switcher .next.show.over {
background: #626262;
}
#wrapper-3 .tw-switcher .prev span { /* Prev inactive */
background-position: 4px 191px;
}
#wrapper-3 .tw-switcher .next span { /* Next inactive */
background-position: 5px -10px;
}
#wrapper-3 .tw-switcher .prev.show span { /* Prev active */
background-position: 4px 191px;
}
#wrapper-3 .tw-switcher .next.show span { /* Next active */
background-position: 5px -10px;
}
#wrapper-3 .tw-slider .slider-bar{
float: left;
margin: 0px 0 10px 0;
width: 100%;
background: #000;
padding: 10px 13px;
}
#wrapper-3 .tw-switcher .rack-teaser, #wrapper-3 .tw-slider .rack-teaser {
overflow: hidden;
float: left;
border: none;
background: #FFF;
width: 199px;
border-right: none;
margin: 5px 10px 5px 0;
padding: 10px;
}
#wrapper-3 .tw-switcher .rack-teaser h2 a, #wrapper-3 .tw-slider .rack-teaser h2 a {
color:#CCC;
font-size: 22px;
font-size: 1.8rem;
}
#wrapper-3 .tw-switcher .no-img h2, #wrapper-3 .tw-slider .no-img h2 {
width: 100%;
}
#wrapper-3 .tw-switcher .rack-teaser img, #wrapper-3 .tw-slider .rack-teaser img {
display: block;
float: left;
margin: 4px 10px 0 0;
border: none;
width:100%;
height:auto;
}
#wrapper-3 .tw-switcher .rack-teaser p, #wrapper-3 .tw-slider .rack-teaser p {
float: left;
padding: 10px 0 0 0;
font-size:12px;
line-height:15px;
text-align:justify;
}
#wrapper-3 .tw-switcher .rack-teaser em, #wrapper-3 .tw-slider .rack-teaser em {
position: relative !important;
left: 0 !important;
width: auto !important;
height: auto !important;
margin-top: 10px;
text-align: right;
}
#wrapper-3 .tw-switcher .rack-teaser em a, #wrapper-3 .tw-slider .rack-teaser em a {
color: #ffffff;
font-size:12px;
text-decoration: none;
display: inline-block;
background: #999999;;
text-align: center;
padding: 3px 15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-transform:uppercase;
float:left;
}
#wrapper-3 .tw-switcher .rack-teaser em a:hover, #wrapper-3 .tw-slider .rack-teaser em a:hover {
background: #C8C8C8;
}
/*COMPONENTE TESTIMONIALS BLOCKQUOTE*/
blockquote {
background: url('../img/bgs/quote.png') no-repeat scroll 11px 8px #FFF;
border: 10px solid #E5E5E5 !important;
padding: 10px 20px !important;
margin: 15px 0 15px 0;
position: relative;
border:none;
}
blockquote p {
font-weight: 100;
line-height: 17px;
font-size:12px;
font-style:italic;
margin:9px 0;
color:#666;
}
blockquote cite {
background: url(../img/bgs/dash.png) 0 8px no-repeat;
padding-left: 10px;
}
/*WIDGET SOCIAL LINKS*/
.addthis_sharing_toolbox {
position: absolute;
right: 0px;
top: -27px;
padding-right: inherit;
width: 144px;
height: auto;
margin-bottom:5px;
}
@media (max-width: 767px) {
.addthis_sharing_toolbox {
top: -6px;
}
}
/*COMPONENTES NOTAS DE PRENSA/NOTICIAS*/
#newsOverview #main {
width:100%;
margin:0;
}
#newsOverview .teaser {
padding:0 !important;
}
#newsOverview #main .content ul {
padding:0;
margin:0;
}
#newsOverview #main .content ul li {
float: left;
margin-right: 0;
padding-right: 0;
width: 50%;
}
@media(max-width:767px) {
#newsOverview #main .content ul li {
float: none;
display: block;
width: 100%;
}
#newsOverview #main .content ul li .newsItem{
margin-right: 20px;
margin-left: 20px;
}
#newsOverview #main .content .pager ul li {
float: left;
display: block;
width: auto;
}
}
#newsOverview #main .content ul li:last-child {
border-right: none;
padding-right: 0px;
margin-right: 0px;
}
#newsOverview #main .newsItem {
background: #999999;
margin: 0 20px 25px 0;
overflow: hidden;
padding: 30px;
position: relative;
}
#newsOverview #main .newsItem h3 {
font-size: 24px;
font-weight: normal;
margin: 0 0 10px 0;
padding: 0 0 10px;
background: none;
float: left;
width: 100%;
min-height: inherit;
}
#newsOverview #main .newsItem h3 a {
color: #FFF !important;
}
#newsOverview #main .newsItem h3 a em {
display:none;
}
#newsOverview #main .newsItem .image img {
margin:0;
border: none;
width:45%;
}
#newsOverview #main .newsItem p {
color: #AFAFAF;
padding: 0 0 0 15px;
float: left;
margin: 0;
font-size: 14px;
font-weight: normal;
width: 55%;
line-height: 17px;
min-height: 143px;
}
#newsOverview #main .newsItem p em.date {
clear: both;
display: block;
font-size: 13px;
margin-bottom: 5px;
color: #EDEDED;
text-align: left;
}
#newsOverview #main .newsItem em.more {
clear:both;
display:block;
float: left;
width: 100% !important;
}
#newsOverview #main .newsItem em.more a {
background: #999999;
color: #FFF;
float: left;
font-size: 14px;
padding: 9px 26px;
text-align: right;
}
#newsOverview #main .newsItem em.more a:hover {
background: none repeat scroll 0 0 #626262;
}
#newsOverview #main .content ul li.no-img {
background:none repeat scroll 0 0 transparent;
}
#newsOverview #main .content .teaser {
border:0;
box-shadow:none;
margin:0 auto;
}
@media (min-width: 768px){
#newsOverview #main .content .teaser,
#newsOverview #main .content .pager {
width: 750px;
margin:0 auto;
}
}
@media (min-width: 992px){
#newsOverview #main .content .teaser,
#newsOverview #main .content .pager {
width: 970px;
margin:0 auto;
}
}
@media (min-width: 1200px){
#newsOverview #main .content .teaser,
#newsOverview #main .content .pager {
width: 1170px;
margin:0 auto;
}
}
#newsOverview .addthis_sharing_toolbox {
margin:0;
position: absolute;
right: 0px;
top: 6px;
padding-right: inherit;
height: auto;
width:auto;
}
#newsOverview #main .content .teaser .pager {
overflow: hidden;
clear: both;
width: 100%;
margin: 0;
padding: 0;
}
#newsOverview #main .content .pager ul li {
width: auto;
min-height: inherit;
margin-bottom: 15px;
}
/* NOTAS DE PRENSA/NOTICIAS 2 COLUMNAS */
#news #main {
margin:0;
width:100%
}
#news #main #page-intro {
background: none repeat scroll 0 0 #FFF;
clear: both;
display: block;
}
#news #main #page-intro h1 {
border: 0 none;
font-family:'OpenSans-Regular', sans-serif;
font-size: 25px;
/*font-size:2.08rem;*/
font-style: normal;
font-weight:bold;
margin-top:15px;
border-bottom: 2px solid #ccc;
}
#news #main #page-intro .text-meta {
border: 0 none;
margin: 8px 0;
}
#news #main #page-intro .text-meta ul {
width: 100%;
float: left;
}
#news #main #page-intro .text-meta ul li {
clear: both;
color: #999999;;
display: block;
font-size: 16px;
font-size: 1.33rem;
margin-bottom: 2px;
width: 100%;
padding: 2px 5px;
}
#news #main #page-intro .text-meta ul li.author {
background: #999999;;
color: #FFF;
}
#news #main #page-intro .text-meta ul li.location {
background: #000;
color: #FFF;
}
#news #main #page-intro p {
display:block;
color:#666;
float: left;
margin-top: 15px;
padding-bottom: 15px;
}
/*MENU CONTROL EDIT SUPERIOR*/
#adminMenuWrapper{
width:100%;
}
/*COMPONENTE LATEST NEWS TEASER*/
.latest {
margin:15px 0;
overflow: hidden;
}
.latest h2 {
background:#999999;;
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 18px;
font-size: 1.5rem;
padding:5px 0 5px 15px;
}
.latest h3 {
background:#000;
font-family:'OpenSans-Regular', sans-serif;
font-size: 16px;
font-size: 1.33rem;
padding: 5px 5px 5px 15px;
margin: 5px 0 10px;
color:#FFF;
min-height: 47px;
}
.latest h3 a {
color:#FFF;
line-height: 19px;
}
.latest h3 em {
display: block;
margin: 0;
font-style: normal;
font-size:12px;
}
.latest h3 a em {
color: #555;
margin: 0 0 5px 0;
}
.latest ul {
position: relative;
overflow: hidden;
list-style: none;
margin: 15px 0;
}
#home .latest ul {
overflow-y: scroll;
min-height: 220px;
height: 220px;
}
#home .box.latest ul {
min-height: 220px;
height: initial;
}
.latest li {
float: left;
margin-right: 9px;
padding-right: 10px;
width: 48.4%;
min-height: 217px;
display: inline-block;
}
.latest li:last-child {
margin-right: 0;
padding-right: 0;
}
.latest li img {
float:left;
margin: 0 10px 10px 15px;
}
.latest li p em.date {
color: #000;
text-align: left;
}
.latest li p em.author {
color: #999999;;
text-align: left;
}
.latest li p em {
font-style: normal;
font-size: 100%;
font-weight: normal;
display: block;
color: #FFF;
margin: 3px 0;
font-weight: bold;
}
.latest li p em.more {
position: relative !important;
left: 0 !important;
width: auto !important;
height: auto !important;
margin-top: 10px;
text-align: right;
display: block;
overflow: hidden;
}
.latest li p em.more a {
color: #ffffff;
font-size:12px;
text-decoration: none;
display: inline-block;
background: #999999;
text-align: center;
padding: 3px 15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-transform:uppercase;
float:none;
}
.latest li p em.more a:hover {
background: #626262;
}
.latest p span.teaser-meta {
display: block;
border-bottom: 4px solid #EDEDED;
margin-bottom: 10px;
}
.latest p.all a {
color: #999999;;
}
/* other layouts */
.col-subcol-subcol #main .latest h3 {
width: 310px;
}
.nav-col-float2 #main .latest h3 {
width: 190px;
}
.nav-col #main .latest h3 {
width: 550px;
}
.col-float2 #main .latest h3 {
width: 188px;
}
.col-float2 #main .latest h3 {
width: 310px;
}
.col-float3 #main .latest h3 {
width: 150px;
}
.col-float3 .latest img {
float: left;
width: 138px;
}
#extras .latest h3 {
margin: 5px 0 0 0;
}
#extras .latest ul,
#extras .latest ul li {
margin: 0;
border: none;
padding: 0 0 10px 0;
overflow: hidden;
}
#extras .latest li {
width: 100%;
}
#extras .latest h3 a {
background: none;
color:#FFF;
font-size: 16px;
font-size: 1.33rem;
}
#extras .latest h3 em { /* kicker */
display: block;
font-size:12px;
font-style: normal;
}
#extras .latest {
background:#999999;;
padding:15px;
}
#extras .latest .all a {
float:left;
margin:0 0 0 0;
color: #FFF !important;
cursor: pointer !important;
}
#extras .latest p.all {
padding: 0;
background:none;
}
/* alternative layouts */
.col-float2 .text-box-tabs {
width: 460px;
float: left;
clear: none;
}
.col-float3 .text-box-tabs {
width: 100%;
float: left;
clear: none;
}
/* different images for .col-subcol */
ol.text-box-toc {
margin: 0;
background: #999999;;
background-image: none;
}
.col-subcol #text-box-toc {
background: none #000;
}
.col-subcol #main .text-box-tabs .text-box-section h2 {
background: none;
}
.col-subcol #main > .text-box-tabs .text-box-section {
margin-right: 0;
}
/* Different images for .nav-col */
.nav-col #main .text-box-tabs {
background: none #f2f2f2;
width: 700px;
}
.nav-col .text-box-tabs .text-box-section {
width: 680px;
border-left: 2px solid #000;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
background: none #f2f2f2;
border-radius: 0 0 5px 5px;
}
.nav-col #main .text-box-tabs h2 {
padding: 5px 5px 0 6px;
color: #FFF !important;
font-size:35px;
font-size:2.91rem;
font-family:'Arial-webfont', sans-serif;
font-weight:normal;
font-style: italic;
border-radius: 5px 5px 0 0;
}
.nav-col ol.text-box-toc {
background: #000;
background-image: -webkit-linear-gradient(bottom,#000000,#252525); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(bottom,#000000,#252525); /* FF3.6 */
background-image: linear-gradient(bottom,#000000,#252525);
}
.nav-col #main .text-box-tabs .text-box-section h2 {
background: none;
}
.text-box-toc li a.on span {
display: block;
margin-right: 4px;
padding: 5px 6px 5px 10px;
}
.text-box-toc li a span {
display: block;
margin-right: 4px;
padding: 5px 6px 5px 10px;
}
/*COMPONENTE TEASER GROUP PAGING*/
/*TYPE A - CLASE NORMAL */
.tw-paging.normal,
.tw-paging.model1 {
position: relative;
border: 0;
clear: both;
height: auto;
width: 100%;
margin: 0 0 15px 0;
padding: 0;
overflow: hidden;
-moz-box-shadow: 0px 6px 6px -6px #666;
-webkit-box-shadow: 0px 6px 6px -6px #666;
box-shadow: 0px 6px 6px -6px #666;
}
.tw-paging.normal h3,
.tw-paging.model1 h3 {
color:#000;
font-family:'OpenSans-Regular', sans-serif;
font-size: 22px;
/*font-size:1.83rem;*/
font-style:italic;
font-weight:bold;
padding:5px 0 5px 15px;
margin:15px 0;
}
.tw-paging.normal .pagination,
.tw-paging.model1 .pagination {
float:left;
height: 30px;
width:100%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
background: #000;
margin:0;
border-radius: 0px;
}
.tw-paging.normal .pagination ul,
.tw-paging.model1 .pagination ul {
padding: 0;
margin: 0 0 0 5px;
border:none;
box-shadow:none;
}
.tw-paging.normal .pagination li,
.tw-paging.model1 .pagination li {
float: left;
margin: 0 8px 0 0;
list-style-type: none;
}
.tw-paging.normal .pagination li button,
.tw-paging.model1 .pagination li button {
display: block;
float: left;
background:#999999;
color: #FFF;
opacity: .5;
margin-left: 1px;
padding: 7px 10px;
font-size: 11px;
font-size: 0.9rem;
font-weight: bold;
border: none;
-webkit-appearance: none;
cursor: pointer;
}
.tw-paging.normal .pagination li button:hover,
.tw-paging.normal .pagination li button:active,
.tw-paging.normal .pagination li button:focus,
.tw-paging.model1 .pagination li button:hover,
.tw-paging.model1 .pagination li button:active,
.tw-paging.model1 .pagination li button:focus {
background:#C8C8C8;
color: #FFF;
text-decoration: none;
}
.tw-paging.normal .rack,
.tw-paging.model1 .rack {
float: left;
width: 100%;
overflow: hidden;
background:#FFF url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:1px solid #ececec;
padding:5px;
}
.tw-paging.normal .rack .rack-design,
.tw-paging.model1 .rack .rack-design {
-webkit-box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
box-sizing: content-box !important;
overflow:hidden;
}
.tw-paging.normal .rack-teaser,
.tw-paging.normal .first-teaser,
.tw-paging.model1 .rack-teaser,
.tw-paging.model1 .first-teaser {
overflow: hidden;
float: left;
width: 316px;
height:auto;
border: none;
margin: 0 15px 5px 0;
padding:0 15px 0 0;
border-right: 1px dotted #CCC;
}
.tw-paging.normal .rack-teaser h2,
.tw-paging.model1 .rack-teaser h2 {
background:#000;
color:#FFF;
margin: 0;
padding:10px;
}
.tw-paging.normal .rack-teaser h2 a,
.tw-paging.model1 .rack-teaser h2 a {
font-family:'OpenSans-Regular', sans-serif;
font-size: 16px;
color:#FFF;
}
.tw-paging.normal .rack-teaser img,
.tw-paging.model1 .rack-teaser img {
display: inline;
float: left;
height: auto;
width: 100%;
margin: 4px 10px 5px 0;
border: none;
}
.tw-paging.normal .rack-teaser p,
.tw-paging.model1 .rack-teaser p {
font-family:'Arial-webfont', sans-serif;
font-size:12px;
font-weight:normal;
color:#333;
line-height:18px;
width: auto;
float:left;
margin-top: 10px;
padding: 5px 16px;
}
.tw-paging.normal .no-img p,
.tw-paging.model1 .no-img p {
width: 100%;
}
.tw-paging.normal .rack-teaser em,
.tw-paging.model1 .rack-teaser em {
display: block;
margin-top: 5px;
font-style: normal;
}
.tw-paging.normal .rack-teaser em a,
.tw-paging.model1 .rack-teaser em a {
padding-left: 17px;
}
/* TYPE A - CLASE NORMAL HIGHLIGHT */
.tw-paging.normal.high {
position: relative;
border: 0;
clear: both;
height: auto;
width: 100%;
margin: 0 0 15px 0;
padding: 0;
overflow: hidden;
-moz-box-shadow: 0px 6px 6px -6px #666;
-webkit-box-shadow: 0px 6px 6px -6px #666;
box-shadow: 0px 6px 6px -6px #666;
}
.tw-paging.normal.high h3 {
color:#000;
font-family:'OpenSans-Regular', sans-serif;
font-size: 22px;
/*font-size:1.83rem;*/
font-style:italic;
font-weight:bold;
padding:5px 0 5px 15px;
margin:15px 0;
}
.tw-paging.normal.high .pagination {
float:left;
height: 30px;
width:100%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
background: #000;
margin:0;
border-radius: 0px;
}
.tw-paging.normal.high .pagination ul {
padding: 0;
margin: 0 0 0 5px;
border:none;
box-shadow:none;
}
.tw-paging.normal.high .pagination li {
float: left;
margin: 0 8px 0 0;
list-style-type: none;
}
.tw-paging.normal.high .pagination li button {
display: block;
float: left;
background:#626262;
color: #FFF;
opacity: .5;
margin-left: 1px;
padding: 7px 10px;
font-size: 11px;
font-size: 0.9rem;
font-weight: bold;
border: none;
-webkit-appearance: none;
cursor: pointer;
}
.tw-paging.normal.high .pagination li button:hover,
.tw-paging.normal.high .pagination li button:active,
.tw-paging.normal.high .pagination li button:focus {
background:#C8C8C8;
color: #FFF;
text-decoration: none;
}
.tw-paging.normal.high .rack {
float: left;
width: 100%;
overflow: hidden;
background:#999999 url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:1px solid #999999;
padding:5px;
}
.tw-paging.normal.high .rack .rack-design {
-webkit-box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
box-sizing: content-box !important;
overflow:hidden;
}
.tw-paging.normal.high .rack-teaser,
.tw-paging.normal.high .first-teaser {
overflow: hidden;
float: left;
width: 316px;
height:auto;
border: none;
margin: 0 15px 5px 0;
padding:0 15px 0 0;
border-right: 1px dotted #CCC;
}
.tw-paging.normal.high .rack-teaser h2 {
background:#000;
color:#FFF;
margin: 0;
padding:10px;
}
.tw-paging.normal.high .rack-teaser h2 a {
font-family:'OpenSans-Regular', sans-serif;
font-size: 16px;
color:#FFF;
}
.tw-paging.normal.high .rack-teaser img {
display: inline;
float: left;
height: auto;
width: 100%;
margin: 4px 10px 5px 0;
border: none;
}
.tw-paging.normal.high .rack-teaser p {
font-family:'Arial-webfont', sans-serif;
font-size:12px;
font-weight:normal;
color:#FFF;
line-height:18px;
width: auto;
float:left;
margin-top: 10px;
padding: 5px 16px;
}
.tw-paging.normal.high .no-img p {
width: 100%;
}
.tw-paging.normal.high .rack-teaser em {
display: block;
margin-top: 5px;
font-style: normal;
}
.tw-paging.normal.high .rack-teaser em a {
padding-left: 17px;
}
/*TYPE B - CLASE MODEL 2 */
.tw-paging.model2 {
position: relative;
border: 0;
clear: both;
height: auto;
width: 100%;
margin: 0 0 15px 0;
padding: 0;
overflow: hidden;
-moz-box-shadow: 0px 12px 13px -6px #333;
-webkit-box-shadow: 0px 12px 13px -6px #333;
box-shadow: 0px 12px 13px -6px #333;
}
.tw-paging.model2 h3 {
color:#000;
font-family:'OpenSans-Regular', sans-serif;
font-size: 22px;
/*font-size:1.83rem;*/
font-style:italic;
font-weight:bold;
padding:5px 0 5px 15px;
margin:15px 0;
}
.tw-paging.model2 .pagination {
float:left;
height: 30px;
width:100%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
background: #DDD;
margin:0;
border-radius: 0px;
}
.tw-paging.model2 .pagination ul {
padding: 0;
margin: 3px 0 0 13px;
border:none;
box-shadow:none;
}
.tw-paging.model2 .pagination li {
float: left;
margin: 0 8px 0 0;
list-style-type: none;
}
.tw-paging.model2 .pagination li button {
display: block;
float: left;
background:#999;
color: #FFF;
opacity: .5;
margin-left: 1px;
padding: 3px 7px;
font-size: 11px;
font-size: 0.9rem;
font-weight: bold;
border: 1px solid #FFF;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-webkit-appearance: none;
cursor: pointer;
}
.tw-paging.model2 .pagination li button:hover,
.tw-paging.model2 .pagination li button:active,
.tw-paging.model2 .pagination li button:focus {
background:#333;
color: #FFF;
text-decoration: none;
}
.tw-paging.model2 .rack {
float: left;
width: 100%;
overflow: hidden;
background:#EDEDED url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:1px solid #DDD;
padding:0px;
}
.tw-paging.model2 .rack .rack-design {
-webkit-box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
box-sizing: content-box !important;
overflow:hidden;
}
.tw-paging.model2 .rack-teaser,
.tw-paging.model2 .first-teaser {
overflow: hidden;
float: left;
width: 316px;
height:auto;
border: none;
margin: 0 15px 5px 0;
padding:0 4px 0 0;
border-right: 1px dotted #CCC;
}
.tw-paging.model2 .rack-teaser h2 {
background:#DDD;
color:#000;
margin: 0;
padding:10px 16px;
}
.tw-paging.model2 .rack-teaser h2 a {
font-family:'OpenSans-Regular', sans-serif;
font-size: 22px;
color:#000;
font-style:italic;
font-weight:bold;
}
.tw-paging.model2 .rack-teaser img {
display: inline;
float: left;
height: auto;
width: 100%;
margin: 4px 10px 5px 0;
border: none;
}
.tw-paging.model2 .rack-teaser p {
font-family:'Arial-webfont', sans-serif;
font-size:14px;
font-weight:normal;
color:#000;
font-style: italic;
line-height: 19px;
width: auto;
float:left;
margin-top: 10px;
padding: 5px 16px;
}
.tw-paging.model2 .no-img p {
width: 100%;
}
.tw-paging.model2 .rack-teaser em {
display: block;
margin-top: 5px;
font-style: normal;
}
.tw-paging.model2 .rack-teaser em a {
padding-left: 17px;
}
/* TYPE B - CLASE MODEL 2 MODEL 1 HIGHLIGHT */
.tw-paging.model2.high,
#extras .tw-paging.model1 {
position: relative;
border: 0;
clear: both;
height: auto;
width: 100%;
margin: 0 0 15px 0;
padding: 0;
overflow: hidden;
-moz-box-shadow: 0px 12px 13px -6px #333;
-webkit-box-shadow: 0px 12px 13px -6px #333;
box-shadow: 0px 12px 13px -6px #333;
}
.tw-paging.model2.high h3,
#extras .tw-paging.model1 h3 {
color:#000;
font-family:'OpenSans-Regular', sans-serif;
font-size: 22px;
/*font-size:1.83rem;*/
font-style:italic;
font-weight:bold;
padding:5px 0 5px 15px;
margin:15px 0;
}
.tw-paging.model2.high .pagination,
#extras .tw-paging.model1 .pagination {
float:left;
height: 30px;
width:100%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
background: #999999;
margin:0;
border-radius: 0px;
}
.tw-paging.model2.high .pagination ul,
#extras .tw-paging.model1 .pagination ul {
padding: 0;
margin: 3 0 0 13px;
border:none;
box-shadow:none;
}
.tw-paging.model2.high .pagination li,
#extras .tw-paging.model1 .pagination li {
float: left;
margin: 0 8px 0 0;
list-style-type: none;
}
.tw-paging.model2.high .pagination li button,
#extras .tw-paging.model1 .pagination li button {
display: block;
float: left;
background:;
color: #FFF;
opacity: .5;
margin-left: 1px;
padding: 3px 7px;
font-size: 11px;
font-size: 0.9rem;
font-weight: bold;
border: 1px solid #FFF;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-webkit-appearance: none;
cursor: pointer;
}
.tw-paging.model2.high .pagination li button:hover,
.tw-paging.model2.high .pagination li button:active,
.tw-paging.model2.high .pagination li button:focus,
#extras .tw-paging.model1 .pagination li button:hover,
#extras .tw-paging.model1 .pagination li button:active,
#extras .tw-paging.model1 .pagination li button:focus {
background:;
color: #FFF;
text-decoration: none;
}
.tw-paging.model2.high .rack,
#extras .tw-paging.model1 .rack {
float: left;
width: 100%;
overflow: hidden;
background:#999999 url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:1px solid #999999;
padding:0px;
}
.tw-paging.model2.high .rack .rack-design,
#extras .tw-paging.model1 .rack .rack-design {
-webkit-box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
box-sizing: content-box !important;
overflow:hidden;
}
.tw-paging.model2.high .rack-teaser,
.tw-paging.model2.high .first-teaser,
#extras .tw-paging.model1 .rack-teaser,
#extras .tw-paging.model1 .first-teaser {
overflow: hidden;
float: left;
width: 316px;
height:auto;
border: none;
margin: 0 15px 5px 0;
padding:0 4px 0 0;
border-right: 1px dotted #CCC;
}
.tw-paging.model2.high .rack-teaser h2,
#extras .tw-paging.model1 .rack-teaser h2 {
background:#999999;
color:#FFF;
margin: 0;
padding:10px 16px;
}
.tw-paging.model2.high .rack-teaser h2 a,
#extras .tw-paging.model1 .rack-teaser h2 a {
font-family:'OpenSans-Regular', sans-serif;
font-size: 22px;
color:#FFF;
font-style:italic;
font-weight:bold;
}
.tw-paging.model2.high .rack-teaser img,
#extras .tw-paging.model1 .rack-teaser img {
display: inline;
float: left;
height: auto;
width: 100%;
margin: 4px 10px 5px 0;
border: none;
}
.tw-paging.model2.high .rack-teaser p,
#extras .tw-paging.model1 .rack-teaser p {
font-family:'Arial-webfont', sans-serif;
font-size:14px;
font-weight:normal;
color:#FFF;
font-style: italic;
line-height: 19px;
width: auto;
float:left;
margin-top: 10px;
padding: 5px 16px;
}
.tw-paging.model2.high .no-img p,
#extras .tw-paging.model1 .no-img p {
width: 100%;
}
.tw-paging.model2.high .rack-teaser em,
#extras .tw-paging.model1 .rack-teaser em {
display: block;
margin-top: 5px;
font-style: normal;
}
.tw-paging.model2.high .rack-teaser em a,
#extras .tw-paging.model1 .rack-teaser em a {
padding-left: 17px;
}
/* TYPE C - CLASE MODEL 3 */
.tw-paging.model3 {
position: relative;
border: 0;
clear: both;
height: auto;
width: 100%;
margin: 0 0 15px 0;
padding: 0;
overflow: hidden;
}
.tw-paging.model3 h3 {
color:#000;
font-family:'OpenSans-Regular', sans-serif;
font-size: 22px;
/*font-size:1.83rem;*/
font-style:italic;
font-weight:bold;
padding:5px 0 5px 10px;
margin:15px 0;
}
.tw-paging.model3 .pagination {
float:left;
height: 30px;
width:100%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
background: ;
margin:0;
border-radius: 0px;
}
.tw-paging.model3 .pagination ul {
padding: 0;
margin: 0 0 0 5px;
border:none;
box-shadow:none;
float:left;
}
.tw-paging.model3 .pagination li {
float: left;
margin: 0 8px 0 0;
list-style-type: none;
}
.tw-paging.model3 .pagination li button {
display: block;
float: left;
background:#626262;
color: #FFF;
opacity: .5;
margin-left: 1px;
padding: 7px 10px;
font-size: 11px;
font-size: 0.9rem;
font-weight: bold;
border: 1px solid #FFF;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-webkit-appearance: none;
cursor: pointer;
}
.tw-paging.model3 .pagination li button:hover,
.tw-paging.model3 .pagination li button:active,
.tw-paging.model3 .pagination li button:focus {
background:#C8C8C8;
color: #FFF;
text-decoration: none;
}
.tw-paging.model3 .rack {
float: left;
width: 100%;
overflow: hidden;
background: url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:px solid ;
padding:0px;
}
.tw-paging.model3 .rack .rack-design {
-webkit-box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
box-sizing: content-box !important;
overflow:hidden;
}
.tw-paging.model3 .rack-teaser,
.tw-paging.model3 .first-teaser {
overflow: hidden;
float: left;
width: 316px;
height:auto;
border: none;
margin: 0 15px 5px 0;
padding:0 4px 0 0;
border-right: 1px dotted #CCC;
}
.tw-paging.model3 .rack-teaser h2 {
background:;
color:#999;
margin: 0;
border-bottom:2px dotted #eee;
padding: 10px 0 10px 10px;
font-family:'OpenSans-Regular', sans-serif;
font-size: 22px;
font-weight:bold;
}
.tw-paging.model3 .rack-teaser h2 a {
color:#999; !important;
}
.tw-paging.model3 .rack-teaser h2 a:hover {
text-decoration:none;
}
.tw-paging.model3 .rack-teaser img {
margin:10px 0 0 0 !important;
width:100%;
height:auto;
border:5px solid #EEE;
}
.tw-paging.model3 .rack-teaser p {
color:#666;
font-family:'Arial-webfont', sans-serif;
font-size:12px;
line-height: 19px;
margin: 15px 0 15px 0;
float: left;
padding: 0 7px !important;
}
.tw-paging.model3 .no-img p {
width: 100%;
}
.tw-paging.model3 .rack-teaser em {
position: relative !important;
left: 0 !important;
width: auto !important;
height: auto !important;
margin: 10px 0;
text-align: center;
}
.tw-paging.model3 .rack-teaser em a {
color: #FFF;
font-size:12px;
text-decoration: none;
display: inline-block;
background: #626262;
text-align: center;
padding: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-transform:uppercase;
float:none;
width: 100%;
}
/* TYPE C - CLASE MODEL 3 HIGHLIGHT */
.tw-paging.model3.high {
position: relative;
border: 0;
clear: both;
height: auto;
width: 100%;
margin: 0 0 15px 0;
padding: 0;
overflow: hidden;
}
.tw-paging.model3.high h3 {
color:#000;
font-family:'OpenSans-Regular', sans-serif;
font-size: 22px;
/*font-size:1.83rem;*/
font-style:italic;
font-weight:bold;
padding:5px 0 5px 15px;
margin:15px 0;
}
.tw-paging.model3.high .pagination {
float:left;
height: 30px;
width:100%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
background: #666;
margin:0;
border-radius: 0px;
}
.tw-paging.model3.high .pagination ul {
padding: 0;
margin: 0 0 0 15px;
border:none;
box-shadow:none;
float:left;
}
.tw-paging.model3.high .pagination li {
float: left;
margin: 0 8px 0 0;
list-style-type: none;
}
.tw-paging.model3.high .pagination li button {
display: block;
float: left;
background:#999999;
color: #FFF;
opacity: .5;
margin-left: 1px;
padding: 3px 7px;
font-size: 11px;
font-size: 0.9rem;
font-weight: bold;
border: 1px solid #FFF;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-webkit-appearance: none;
cursor: pointer;
}
.tw-paging.model3.high .pagination li button:hover,
.tw-paging.model3.high .pagination li button:active,
.tw-paging.model3.high .pagination li button:focus {
background:#C8C8C8;
color: #FFF;
text-decoration: none;
}
.tw-paging.model3.high .rack {
float: left;
width: 100%;
overflow: hidden;
background:#666 url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:1px solid #666;
padding:0px;
}
.tw-paging.model3.high .rack .rack-design {
-webkit-box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
box-sizing: content-box !important;
overflow:hidden;
}
.tw-paging.model3.high .rack-teaser,
.tw-paging.model3.high .first-teaser {
overflow: hidden;
float: left;
width: 316px;
height:auto;
border: none;
margin: 0 15px 5px 0;
padding:0 20px 0 15px;
border-right: 1px dotted #CCC;
}
.tw-paging.model3.high .rack-teaser h2 {
background:#666;
margin: 0;
border-bottom:2px dotted #eee;
padding: 10px 0;
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 18px;
font-weight:bold;
}
.tw-paging.model3.high .rack-teaser h2 a {
color:#FFF; !important;
}
.tw-paging.model3.high .rack-teaser h2 a:hover {
text-decoration:none;
}
.tw-paging.model3.high .rack-teaser img {
margin:10px 0 0 0 !important;
width:100%;
height:auto;
border:5px solid #EEE;
}
.tw-paging.model3.high .rack-teaser p {
color:#FFF;
font-family:'Arial-webfont', sans-serif;
font-size:14px;
line-height: 19px;
margin: 15px 0 15px 0;
float: left;
padding: 0 7px !important;
}
.tw-paging.model3.high .no-img p {
width: 100%;
}
.tw-paging.model3.high .rack-teaser em {
position: relative !important;
left: 0 !important;
width: auto !important;
height: auto !important;
margin: 10px 0;
text-align: center;
}
.tw-paging.model3.high .rack-teaser em a {
color: #FFF;
font-size:12px;
text-decoration: none;
display: inline-block;
background: #999999;
text-align: center;
padding: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-transform:uppercase;
float:none;
width: 100%;
}
/* EXTRAS box-groups */
#extras .box-group {
background: none repeat scroll 0 0 #CCC;
overflow: hidden;
padding: 15px;
border: none;
float: left;
margin: 0 0 30px 0;
width:100%;
}
#extras .box-group h5 {
margin-bottom: 15px;
padding: 0;
color: #FFF !important;
font-size: 18px;
font-size: 1.5rem;
border:none;
}
#extras .box-group .box {
border: none;
padding: 0;
-moz-box-shadow:none;
-webkit-box-shadow: none;
box-shadow: none;
background:none !important;
}
#extras #module .box-group {
margin-bottom:20px
}
#extras .box .links{
box-shadow: none;
padding: 0;
margin: 0;
clear: both;
}
#extras .box .links h3{
padding: 10px 5px 5px;
color:#FFF;
}
#extras .box .links li{
font-size:12px;
margin:0 15px;
}
#extras .box .links li a{
padding: 0 5px;
}
/* something special */
#extras .highlight {
background: #f7f8d9;
width:auto;
border-top: 4px solid #cdcc00;
margin-bottom: 20px;
padding: 0 7px 10px 7px;
}
/* EXTRAS Latest Comments in Sidebar */
#extras .latest-comments li {
padding: 5px 0 0 0;
}
#extras .latest-comments a {
display: block;
background: none;
height: 1%;
padding: 0;
font-weight: bold;
}
#extras .latest-comments a em {
font-weight: normal;
}
/* 1. 2. 3. list */
#extras .one-two-three {
float: left;
}
#extras .one-two-three li {
position: relative;
float: left;
list-style: none;
margin: 0;
min-height: 30px;
padding: 5px 0 5px 35px;
}
#extras .one-two-three ul > li {
height: auto;
}
#extras .one-two-three .toc-box-toc li { /* dom tabs */
width: auto;
height: auto;
min-height: 0;
padding: 0;
}
#extras .one-two-three ul li { /* one-two-three in dom tabs */
width: 170px;
}
#extras .one-two-three li em {
position: absolute;
background: url(../img/bgs/one-two-three.png) 0 0 no-repeat;
top: 5px;
left: 0;
padding: 5px 10px 9px 9px;
font-size: 140%;
font-style: normal;
text-align: center;
color: #FFF;
}
#extras .one-two-three li.no-10 em {
padding-left: 2px
}
#extras .one-two-three li img {
float: right;
margin: 2px 0 0 5px;
}
#extras .one-two-three ul li a {
padding-left: 0;
background: transparent;
}
/* EXTRAS events */
#extras .event-list {
overflow: hidden;
margin: 0 0 20px 0;
}
#extras .event-list h2 {
background: #999999;;
font-size: 18px;
font-size: 1.5rem;
color: #FFF !important;
margin: 0;
padding: 10px 15px;
margin:0;
}
#extras .event-list ul {
position: static;
overflow: hidden;
margin: -5px 0 10px 0;
border: none;
padding: 0;
}
#extras .event-list li {
position: relative;
overflow: hidden;
float: left;
margin: 10px 0 0 0;
border: none;
padding: 10px 0 0 0;
background: url(../img/bgs/dotted-line.png) 0 0 repeat-x;
width: 100%;
font-size: 100%;
}
#extras div.date {
position: absolute;
background: #AFAF00;
top: 10px;
left: 0;
width: 3.4em;
margin-right: 10px;
}
#extras .date .month {
display: block;
padding: 4px 0 1px 0;
color: #FFF;
text-align: center;
font-weight: normal;
font-size: 140%;
}
#extras .date abbr {
border: none;
cursor: help;
}
#extras .date .day {
display: block;
padding: 4px 0 5px 0;
color: #FFF;
font-size: 160%;
font-weight: bold;
text-align: center;
}
#extras .event-list li h3 {
float: none;
margin: 0 0 5px 0;
padding: 0 0 0 3em;
font-size: 140%;
}
#extras .event-list .event-data {
border: none;
margin: 0;
padding: 0 0 0 4.3em;
}
#extras .event-list .event-data li {
display: block;
background: none;
margin: 0 10px 0 0;
border: none;
padding: 0;
float: none;
clear: both;
height: auto;
width: auto;
color: #555;
font-weight: normal;
font-size: 130%;
}
#extras .event-list li a {
background: none;
padding: 0;
}
/* contact - REVISAR SI HAY QUE ELIMINAR POR LA NUEVA VERSION DE PAGINA DE CONTACTO */
#extras .vcard {
float: left;
clear: both;
width: 100%;
margin: 0 0 30px 0;
border-top: 4px solid #b3b3b3;
padding: 5px 0 5px 0;
background: url(../img/bgs/dotted-line.png) 0 100% repeat-x;
}
#extras .vcard h3 {
background: url(../img/bgs/microformat.png) 100% 0 no-repeat;
padding-right: 30px;
}
#extras .vcard div {
overflow: hidden;
margin: 3px 0;
}
#extras .vcard p {
display: block;
font-weight: normal;
}
#extras .vcard .organization-name {
margin-bottom: 5px;
padding: 2px 0 3px 0;
font-weight: bold;
}
#extras .vcard div.adr p.locality,
#extras .vcard div.adr p.postal-code {
float: left;
}
#extras .vcard div.adr p.locality {
margin-left: .3em;
}
#extras .vcard .given-name,
#extras .vcard .family-name {
margin-right: 5px;
}
#extras .vcard div dl {
margin: 5px 0 0 0;
}
#extras .vcard div dt {
float: left;
clear: both;
width: 5em;
font-weight: bold
}
#extras .vcard div dd {
float: left;
}
#extras .vcard .media {
background: #ececec;
width: 90px;
border-radius: 0 0 5px 5px;
}
#extras .vcard .media img {
width: 88px;
}
#extras .vcard .media dd {
display: block;
font-size: 110%;
}
#extras .vcard .media dt img {
float: none;
margin: 0;
}
#extras .vcard div dl.tel span.type {
display: none;
}
/* EXTRAS BOX*/
#extras .box {
background: none repeat scroll 0 0 #CCC;
overflow: hidden;
border: none;
margin-bottom: 30px;
clear: both;
width: auto;
-moz-box-shadow: 0 6px 6px -6px #666;
-webkit-box-shadow: 0 6px 6px -6px #666;
box-shadow: 0 6px 6px -6px #666;
}
#extras .box p {
background: #EDEDED;
color:#666;
padding: 10px;
margin: 0;
font-size: 12;
overflow:hidden;
text-align:justify;
}
#extras .box p em {
position: relative !important;
left: 0 !important;
width: auto;
height: auto;
margin-top: 10px;
text-align: right;
}
#extras .box p em.more a {
color: #FFF;
font-size:12px;
text-decoration: none;
display: inline-block;
background: #999999;
text-align: center;
padding: 3px 15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-transform:uppercase;
float:none;
}
#extras .box p em.more a:hover {
background: #C8C8C8;
}
#extras .box h2 {
background:#999999;
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 16px;
font-style: italic;
font-weight: bold;
/*font-size:1.33rem;*/
padding:10px;
}
#extras .box h2 em {
display: block;
font-size: 16px;
font-style: normal;
}
#extras .box h2 a {
color:#FFF !important
}
#extras .box h3 {
font-size: 16px;
line-height:20px;
padding:10px 15px;
}
#extras .box img {
float: left;
margin: 0;
width: 100%;
}
#extras li a em {
color: #555;
font-size: 90%;
font-style: normal;
}
#extras .box h2 em {
position: relative;
margin: 0 0 3px 0;
}
#extras h3 a em,
#extras .box h2 a em {
color: #555;
}
#extras li .more a {
display: inline;
}
/* COMPONENTE TEASER GROUP HORIZONTAL TABS -INTERNAL PAGE TEASER */
/* TYPE A - CLASE NORMAL */
.toc-box.normal,
.toc-box.model1,
.text-box-tabs.normal,
.text-box-tabs.model1 {
background:#FFF url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:1px solid #ececec;
padding:7px;
overflow: hidden;
float: left;
margin-bottom:15px;
-moz-box-shadow: 0px 6px 6px -6px #666;
-webkit-box-shadow: 0px 6px 6px -6px #666;
box-shadow: 0px 6px 6px -6px #666;
}
.toc-box.normal h2,
.toc-box.model1 h2,
.text-box-tabs.normal h2,
.text-box-tabs.model1 h2 {
background:#000;
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 16px;
/*font-size:1.33rem;*/
padding:10px 10px 0 10px;
}
.toc-box.normal .toc-box-toc,
.toc-box.model1 .toc-box-toc,
.text-box-tabs.normal .text-box-toc,
.text-box-tabs.model1 .text-box-toc {
list-style: none outside none;
margin: 0;
overflow: hidden;
padding: 10px;
background: #000;
}
.toc-box.normal .toc-box-toc li,
.toc-box.model1 .toc-box-toc li,
.text-box-tabs.normal .text-box-toc li,
.text-box-tabs.model1 .text-box-toc li {
float: left;
border: none;
margin: 0 2px 0 0;
background: none transparent;
list-style-type: none;
}
.toc-box.normal .toc-box-toc li a,
.toc-box.model1 .toc-box-toc li a,
.text-box-tabs.normal .text-box-toc li a,
.text-box-tabs.model1 .text-box-toc li a {
background: #999999;
float: left;
display: block;
padding: 0;
color: #FFF;
text-decoration: underline;
font-weight: bold;
font-size:11px;
text-decoration: none;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border:1px solid #FFF;
margin:0px 10px 0px 0px;
}
.toc-box.normal .toc-box-toc li a.ui-disabled,
.toc-box.model1 .toc-box-toc li a.ui-disabled,
.text-box-tabs.normal .text-box-toc li a.ui-disabled,
.text-box-tabs.model1 .text-box-toc li a.ui-disabled {
cursor: default;
}
.toc-box.normal .toc-box-toc li a.js-selected,
.toc-box.normal .toc-box-toc li a.a11y-focus,
.toc-box.normal .toc-box-toc li a:hover,
.toc-box.normal .toc-box-toc li a:active,
.toc-box.normal .toc-box-toc li a:focus,
.toc-box.model1 .toc-box-toc li a.js-selected,
.toc-box.model1 .toc-box-toc li a.a11y-focus,
.toc-box.model1 .toc-box-toc li a:hover,
.toc-box.model1 .toc-box-toc li a:active,
.toc-box.model1 .toc-box-toc li a:focus,
.text-box-tabs.normal .text-box-toc li a.js-selected,
.text-box-tabs.normal .text-box-toc li a.a11y-focus,
.text-box-tabs.normal .text-box-toc li a:hover,
.text-box-tabs.normal .text-box-toc li a:active,
.text-box-tabs.normal .text-box-toc li a:focus,
.text-box-tabs.model1 .text-box-toc li a.js-selected,
.text-box-tabs.model1 .text-box-toc li a.a11y-focus,
.text-box-tabs.model1 .text-box-toc li a:hover,
.text-box-tabs.model1 .text-box-toc li a:active,
.text-box-tabs.model1 .text-box-toc li a:focus {
background: #C8C8C8 !important;
color: #FFF;
text-decoration: none;
}
.toc-box.normal .toc-box-toc li span,
.toc-box.model1 .toc-box-toc li span,
.text-box-tabs.normal .text-box-toc li span,
.text-box-tabs.model1 .text-box-toc li span {
display: block;
margin-right: 4px;
padding: 5px 6px 5px 10px;
}
.toc-box.normal .toc-box-section-group,
.toc-box.model1 .toc-box-section-group,
.text-box-tabs.normal .text-box-section-group,
.text-box-tabs.model1 .text-box-section-group {
overflow:hidden;
}
.toc-box.normal .toc-box-section,
.toc-box.model1 .toc-box-section,
.text-box-tabs.normal .text-box-section,
.text-box-tabs.model1 .text-box-section {
float: left;
margin: 0;
width:100%;
}
.toc-box.normal .toc-box-section h3,
.toc-box.model1 .toc-box-section h3,
.text-box-tabs.normal .text-box-section h2,
.text-box-tabs.model1 .text-box-section h2 {
background: none;
padding: 10px;
color: #999999;!important;
font-size: 22px;
font-size: 1.83rem;
font-family:'OpenSans-Regular', sans-serif;
}
.toc-box.normal .toc-box-section.offer h3,
.text-box-tabs.normal .text-box-section.offer h3 {
margin: 16px 0 0 0;
font-size: 18px;
font-weight: bold;
}
.toc-box.normal .toc-box-section h3 a,
.toc-box.model1 .toc-box-section h3 a,
.text-box-tabs.normal .text-box-section h2 a,
.text-box-tabs.model1 .text-box-section h2 a {
font-size: 22px;
font-size: 1.83rem;
color:#999999;!important;
}
.toc-box.normal .toc-box-section img,
.toc-box.model1 .toc-box-section img,
.text-box-tabs.normal .text-box-section img,
.text-box-tabs.model1 .text-box-section img {
width:100%;
height:auto;
}
.toc-box.normal .toc-box-section.offer img,
.text-box-tabs.normal .text-box-section.offer img {
margin-top:6px;
width:100% !important;
}
.toc-box.normal .toc-box-section p,
.toc-box.model1 .toc-box-section p,
.text-box-tabs.normal .text-box-section p,
.text-box-tabs.model1 .text-box-section p {
font-family:'Arial-webfont', sans-serif;
font-size:12px;
font-weight:normal;
color:#333;
line-height:18px;
width: auto;
margin-top: 10px !important;
padding: 5px 16px !important;
background:none !important;
}
.toc-box.normal .toc-box-section.offer p,
.text-box-tabs.normal .text-box-section.offer p{
padding: 0 !important;
}
.toc-box.normal .toc-box-section p em,
.toc-box.model1 .toc-box-section p em,
.text-box-tabs.normal .text-box-section p em,
.text-box-tabs.model1 .text-box-section p em {
position: relative !important;
left: 0 !important;
width: auto !important;
height: auto !important;
margin: 10px 0;
text-align: right;
}
.toc-box.normal .toc-box-section.offer p em,
.text-box-tabs.normal .text-box-section.offer p em {
text-align: left;
}
.toc-box.normal .toc-box-section p em.more a,
.toc-box.model1 .toc-box-section p em.more a,
.text-box-tabs.normal .text-box-section p em.more a,
.text-box-tabs.model1 .text-box-section p em.more a {
color: #FFF;
font-size:12px;
text-decoration: none;
display: inline-block;
background: #999999;
text-align: center;
padding: 3px 15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-transform:uppercase;
float:none;
}
.toc-box.normal .toc-box-section p em.more a:hover,
.toc-box.model1 .toc-box-section p em.more a:hover,
.text-box-tabs.normal .text-box-section p em.more a:hover,
.text-box-tabs.model1 .text-box-section p em.more a:hover {
background: #C8C8C8;
}
.toc-box.normal .toc-box-section .links,
.toc-box.model1 .toc-box-section .links,
.text-box-tabs.normal .text-box-section .links,
.text-box-tabs.model1 .text-box-section .links {
background: none;
box-shadow: none;
}
/* TEASER TYPE A - CLASE NORMAL HIGHLIGHT */
.toc-box.normal.high,
.text-box-tabs.normal.high {
background:#999999 url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:1px solid #999999;
padding:7px;
overflow: hidden;
float: left;
margin-bottom:15px;
-moz-box-shadow: 0px 6px 6px -6px #666;
-webkit-box-shadow: 0px 6px 6px -6px #666;
box-shadow: 0px 6px 6px -6px #666;
}
.toc-box.normal.high h2,
.text-box-tabs.normal.high h2 {
background:#000;
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size:16px;
/*font-size:1.33rem;*/
padding:10px 10px 0 10px;
}
.toc-box.normal.high .toc-box-toc,
.text-box-tabs.normal.high .text-box-toc {
list-style: none outside none;
margin: 0;
overflow: hidden;
padding: 10px;
background: #000;
}
.toc-box.normal.high .toc-box-toc li,
.text-box-tabs.normal.high .text-box-toc li {
float: left;
border: none;
margin: 0 2px 0 0;
background: none transparent;
list-style-type: none;
}
.toc-box.normal.high .toc-box-toc li a,
.text-box-tabs.normal.high .text-box-toc li a {
background: #626262;
float: left;
display: block;
padding: 0;
color: #FFF;
text-decoration: underline;
font-weight: bold;
text-decoration: none;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border:1px solid #FFF;
margin:0px 10px 0px 0px
}
.toc-box.normal.high .toc-box-toc li a.ui-disabled,
.text-box-tabs.normal.high .text-box-toc li a.ui-disabled {
cursor: default;
}
.toc-box.normal.high .toc-box-toc li a.js-selected,
.toc-box.normal.high .toc-box-toc li a.a11y-focus,
.toc-box.normal.high .toc-box-toc li a:hover,
.toc-box.normal.high .toc-box-toc li a:active,
.toc-box.normal.high .toc-box-toc li a:focus,
.text-box-tabs.normal.high .text-box-toc li a.js-selected,
.text-box-tabs.normal.high .text-box-toc li a.a11y-focus,
.text-box-tabs.normal.high .text-box-toc li a:hover,
.text-box-tabs.normal.high .text-box-toc li a:active,
.text-box-tabs.normal.high .text-box-toc li a:focus {
background: #C8C8C8 !important;
color: #FFF;
text-decoration: none;
}
.toc-box.normal.high .toc-box-toc li span,
.text-box-tabs.normal.high .text-box-toc li span {
display: block;
margin-right: 4px;
padding: 5px 6px 5px 10px;
}
.toc-box.normal.high .toc-box-section-group,
.text-box-tabs.normal.high .text-box-section-group {
overflow:hidden;
}
.toc-box.normal.high .toc-box-section,
.text-box-tabs.normal.high .text-box-section {
float: left;
margin: 0;
width:100%;
}
.toc-box.normal.high .toc-box-section.offer .row,
.text-box-tabs.normal.high .text-box-section.offer .row {
margin-right: 0 !important;
margin-left: 0 !important;
}
.toc-box.normal.high .toc-box-section.offer .row .col-md-6,
.text-box-tabs.normal.high .text-box-section.offer .row .col-md-6 {
padding-left: 0;
}
.toc-box.normal.high .toc-box-section h3,
.text-box-tabs.normal.high .text-box-section h2 {
background: none;
padding: 10px;
color: #FFF;!important;
font-size: 22px;
font-size: 1.83rem;
font-family:'OpenSans-Regular', sans-serif;
}
.toc-box.normal.high .toc-box-section.offer h3,
.text-box-tabs.normal.high .text-box-section.offer h3 {
color:#FFF;
}
.toc-box.normal.high .toc-box-section h3 a,
.text-box-tabs.normal.high .text-box-section h2 a {
font-size: 22px;
font-size: 1.83rem;
color:#FFF;!important;
}
.toc-box.normal.high .toc-box-section img ,
.text-box-tabs.normal.high .text-box-section img{
width:100%;
height:auto;
}
.toc-box.normal.high .toc-box-section p,
.text-box-tabs.normal.high .text-box-section p {
font-family:'Arial-webfont', sans-serif;
font-size:12px;
font-weight:normal;
color:#FFF;
line-height:18px;
width: auto;
margin-top: 10px !important;
padding: 5px 16px !important;
background:none !important;
}
.toc-box.normal.high .toc-box-section.offer p,
.text-box-tabs.normal.high .text-box-section.offer p {
padding: 0 !important;
}
.toc-box.normal.high .toc-box-section p em,
.text-box-tabs.normal.high .text-box-section p em {
position: relative !important;
left: 0 !important;
width: auto !important;
height: auto !important;
margin: 10px 0;
text-align: right;
}
.toc-box.normal.high .toc-box-section.offer p em,
.text-box-tabs.normal.high .text-box-section.offer p em {
text-align: left;
}
.toc-box.normal.high .toc-box-section p em.more a,
.text-box-tabs.normal.high .text-box-section p em.more a {
color: #FFF;
font-size:12px;
text-decoration: none;
display: inline-block;
background: #626262;
text-align: center;
padding: 3px 15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-transform:uppercase;
float:none;
}
.toc-box.normal.high .toc-box-section p em.more a:hover,
.text-box-tabs.normal.high .text-box-section p em.more a:hover {
background: #C8C8C8;
}
.toc-box.normal.high .toc-box-section .links,
.text-box-tabs.normal.high .text-box-section .links {
background: none;
box-shadow: none;
}
/* TEASER TYPE B - CLASE MODEL 2 */
.toc-box.model2,
.text-box-tabs.model2 {
height: auto;
width: 100%;
margin: 0 0 15px 0;
overflow: hidden;
padding:0;
-moz-box-shadow: 0px 12px 13px -6px #333;
-webkit-box-shadow: 0px 12px 13px -6px #333;
box-shadow: 0px 12px 13px -6px #333;
background:#EDEDED url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:1px solid #DDD;
}
.toc-box.model2 h2,
.text-box-tabs.model2 h2 {
color:#000;
font-family:'OpenSans-Regular', sans-serif;
font-size: 22px;
font-style:italic;
font-weight:bold;
margin:0;
background:#DDD;
padding: 10px 20px 0 20px;
}
.toc-box.model2 h2 a,
.text-box-tabs.model2 h2 a {
color:#000;
font-family:'OpenSans-Regular', sans-serif;
font-size: 22px;
font-style:italic;
font-weight:bold;
}
.toc-box.model2 .toc-box-toc,
.text-box-tabs.model2 .text-box-toc {
list-style: none outside none;
margin: 0;
overflow: hidden;
padding: 5px 10px 5px 20px;
background: #DDD;
}
.toc-box.model2 .toc-box-toc li,
.text-box-tabs.model2 .text-box-toc li {
float: left;
border: none;
margin: 0 2px 0 0;
background: none transparent;
list-style-type: none;
}
.toc-box.model2 .toc-box-toc li a,
.text-box-tabs.model2 .text-box-toc li a {
background: #999;
float: left;
display: block;
padding: 0;
color: #FFF;
text-decoration: underline;
font-weight: bold;
text-decoration: none;
cursor: pointer;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border:1px solid #FFF;
margin:0px 10px 0px 0px
}
.toc-box.model2 .toc-box-toc li a.ui-disabled,
.text-box-tabs.model2 .text-box-toc li a.ui-disabled {
cursor: default;
}
.toc-box.model2 .toc-box-toc li a.js-selected,
.toc-box.model2 .toc-box-toc li a.a11y-focus,
.toc-box.model2 .toc-box-toc li a:hover,
.toc-box.model2 .toc-box-toc li a:active,
.toc-box.model2 .toc-box-toc li a:focus,
.text-box-tabs.model2 .text-box-toc li a.js-selected,
.text-box-tabs.model2 .text-box-toc li a.a11y-focus,
.text-box-tabs.model2 .text-box-toc li a:hover,
.text-box-tabs.model2 .text-box-toc li a:active,
.text-box-tabs.model2 .text-box-toc li a:focus {
background: #333 !important;
color: #FFF;
text-decoration: none;
}
.toc-box.model2 .toc-box-toc li span,
.text-box-tabs.model2 .text-box-toc li span {
display: block;
margin-right: 4px;
padding: 5px 6px 5px 10px;
}
.toc-box.model2 .toc-box-section-group,
.text-box-tabs.model2 .text-box-section-group {
overflow:hidden;
}
.toc-box.model2 .toc-box-section,
.text-box-tabs.model2 .text-box-section {
float: left;
margin: 0;
width:100%;
}
.toc-box.model2 .toc-box-section h3,
.text-box-tabs.model2 .text-box-section h3 {
background: none;
padding: 10px;
color: #999999;!important;
font-size: 18px;
font-size: 1.5rem;
font-family:'OpenSans-Regular', sans-serif;
}
.toc-box.model2 .toc-box-section.offer h3,
.text-box-tabs.model2 .text-box-section.offer h3 {
margin: 13px 15px 0 0;
padding: 0;
font-size: 18px;
font-weight: bold;
}
.toc-box.model2 .toc-box-section h3 a,
.text-box-tabs.model2 .text-box-section h3 a {
font-size: 18px;
font-size: 1.5rem;
color:#999999;!important;
}
.toc-box.model2 .toc-box-section img,
.text-box-tabs.model2 .text-box-section img {
width:100%;
height:auto;
}
.toc-box.model2 .toc-box-section p,
.text-box-tabs.model2 .text-box-section p {
font-family:'Arial-webfont', sans-serif;
font-size:14px;
font-weight:normal;
color:#000 !important;
line-height:18px;
width: auto;
margin-top: 10px !important;
padding: 5px 16px !important;
float:left;
background:none !important;
}
.toc-box.model2 .toc-box-section.offer p,
.text-box-tabs.model2 .text-box-section.offer p {
padding: 0 !important;
}
.toc-box.model2 .toc-box-section p em,
.text-box-tabs.model2 .text-box-section p em {
margin: 15px 0 10px;
float:left;
width: 100% !important;
}
.toc-box.model2 .toc-box-section p em.more a,
.text-box-tabs.model2 .text-box-section p em.more a {
background:url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0px -21px no-repeat scroll transparent;
font-size: 14px;
font-style: normal;
color: #000;
padding-left: 18px;
padding-top: 1px;
padding-bottom: 1px;
float: left;
text-decoration: none;
}
.toc-box.model2 .toc-box-section p em.more a:hover,
.text-box-tabs.model2 .text-box-section p em.more a:hover {
text-decoration: underline;
}
.toc-box.model2 .toc-box-section .links,
.text-box-tabs.model2 .text-box-section .links {
background: none;
box-shadow: none;
}
/* TEASER TYPE B - CLASE MODEL 2 MODEL 1 HIGHLIGHT */
.toc-box.model2.high,
.text-box-tabs.model2.high,
#extras .toc-box.model1 {
height: auto;
width: 100%;
margin: 0 0 15px 0;
overflow: hidden;
padding:0;
-moz-box-shadow: 0px 12px 13px -6px #333;
-webkit-box-shadow: 0px 12px 13px -6px #333;
box-shadow: 0px 12px 13px -6px #333;
background:#999999 url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:1px solid #999999;
}
.toc-box.model2.high h2,
.text-box-tabs.model2.high h2,
#extras .toc-box.model1 h2 {
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 22px;
font-style:italic;
font-weight:bold;
margin:0;
background:#999999;
padding: 10px 20px 0 20px;
}
.toc-box.model2.high h2 a,
.text-box-tabs.model2.high h2 a,
#extras .toc-box.model1 h2 a {
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 22px;
font-style:italic;
font-weight:bold;
}
.toc-box.model2.high .toc-box-toc,
.text-box-tabs.model2.high .text-box-toc,
#extras .toc-box.model1 .toc-box-toc {
list-style: none outside none;
margin: 0;
overflow: hidden;
padding: 5px 20px;
background: #999999;
}
.toc-box.model2.high .toc-box-toc li,
.text-box-tabs.model2.high .text-box-toc li,
#extras .toc-box.model1 .toc-box-toc li {
float: left;
border: none;
margin: 0 2px 0 0;
background: none transparent;
list-style-type: none;
}
.toc-box.model2.high .toc-box-toc li a,
.text-box-tabs.model2.high .text-box-toc li a,
#extras .toc-box.model1 .toc-box-toc li a {
background: ;
float: left;
display: block;
padding: 0;
color: #FFF;
text-decoration: underline;
font-weight: bold;
text-decoration: none;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border:1px solid #FFF;
margin:0px 10px 0px 0px
}
.toc-box.model2.high .toc-box-toc li a.ui-disabled,
.text-box-tabs.model2.high .text-box-toc li a.ui-disabled,
#extras .toc-box.model1 .toc-box-toc li a.ui-disabled {
cursor: default;
}
.toc-box.model2.high .toc-box-toc li a.js-selected,
.toc-box.model2.high .toc-box-toc li a.a11y-focus,
.toc-box.model2.high .toc-box-toc li a:hover,
.toc-box.model2.high .toc-box-toc li a:active,
.toc-box.model2.high .toc-box-toc li a:focus,
.text-box-tabs.model2.high .text-box-toc li a.js-selected,
.text-box-tabs.model2.high .text-box-toc li a.a11y-focus,
.text-box-tabs.model2.high .text-box-toc li a:hover,
.text-box-tabs.model2.high .text-box-toc li a:active,
.text-box-tabs.model2.high .text-box-toc li a:focus,
#extras .toc-box.model1 .toc-box-toc li a.js-selected,
#extras .toc-box.model1 .toc-box-toc li a.a11y-focus,
#extras .toc-box.model1 .toc-box-toc li a:hover,
#extras .toc-box.model1 .toc-box-toc li a:active,
#extras .toc-box.model1 .toc-box-toc li a:focus {
background: !important;
color: #FFF;
text-decoration: none;
}
.toc-box.model2.high .toc-box-toc li span,
.text-box-tabs.model2.high .text-box-toc li span,
#extras .toc-box.model1 .toc-box-toc li span {
display: block;
margin-right: 4px;
padding: 5px 6px 5px 10px;
}
.toc-box.model2.high .toc-box-section-group,
.text-box-tabs.model2.high .text-box-section-group,
#extras .toc-box.model1 .toc-box-section-group {
overflow:hidden;
}
.toc-box.model2.high .toc-box-section,
.text-box-tabs.model2.high .text-box-section,
#extras .toc-box.model1 .toc-box-section {
float: left;
margin: 0;
width:100%;
}
.toc-box.model2.high .toc-box-section.offer,
.text-box-tabs.model2.high .text-box-section.offer,
#extras .toc-box.model1 .toc-box-section.offer {
border-top: 1px solid #FFF;
}
.toc-box.model2.high .toc-box-section h3,
.text-box-tabs.model2.high .text-box-section h3,
#extras .toc-box.model1 .toc-box-section h3 {
background: none;
padding: 0;
color: #999999;!important;
font-size: 18px;
font-size: 1.5rem;
font-family:'OpenSans-Regular', sans-serif;
}
.toc-box.model2.high .toc-box-section.offer h3,
.text-box-tabs.model2.high .text-box-section.offer h3,
#extras .toc-box.model1 .toc-box-section.offer h3 {
color:#FFF !important;
}
.toc-box.model2.high .toc-box-section h3 a,
.text-box-tabs.model2.high .text-box-section h3 a,
#extras .toc-box.model1 .toc-box-section h3 a {
font-size: 18px;
font-size: 1.5rem;
color:#FFF;!important;
padding: 5px 21px;
display: block;
}
.toc-box.model2.high .toc-box-section img,
.text-box-tabs.model2.high .text-box-section img,
#extras .toc-box.model1 .toc-box-section img {
width:100%;
height:auto;
}
.toc-box.model2.high .toc-box-section p,
.text-box-tabs.model2.high .text-box-section p,
#extras .toc-box.model1 .toc-box-section p {
font-family:'Arial-webfont', sans-serif;
font-size:14px;
font-weight:normal;
color:#FFF !important;
line-height:18px;
width: auto;
margin-top: 10px !important;
padding: 5px 16px !important;
background:none !important;
}
.toc-box.model2.high .toc-box-section.offer p,
.text-box-tabs.model2.high .text-box-section.offer p,
#extras .toc-box.model1 .toc-box-section.offer p {
padding: 0 !important;
}
.toc-box.model2.high .toc-box-section p em,
.text-box-tabs.model2.high .text-box-section p em,
#extras .toc-box.model1 .toc-box-section p em {
margin-top: 19px;
width:100% !important;
}
.toc-box.model2.high .toc-box-section p em.more a,
.text-box-tabs.model2.high .text-box-section p em.more a,
#extras .toc-box.model1 .toc-box-section p em.more a {
background:url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0px -21px no-repeat scroll transparent;
font-size: 14px;
font-style: normal;
color: #FFF;
padding-left: 18px;
padding-top: 1px;
padding-bottom: 1px;
float: left;
text-decoration: none;
}
.toc-box.model2.high .toc-box-section p em.more a:hover,
.text-box-tabs.model2.high .text-box-section p em.more a:hover,
#extras .toc-box.model1 .toc-box-section p em.more a:hover {
background: ;
}
.toc-box.model2.high .toc-box-section .links,
.text-box-tabs.model2.high .text-box-section .links,
#extras .toc-box.model1 .toc-box-section .links {
background: none;
box-shadow: none;
}
/* TEASER TYPE C - CLASE MODEL 3 */
.toc-box.model3,
.text-box-tabs.model3 {
height: auto;
width: 100%;
margin: 0 0 15px 0;
overflow: hidden;
padding:0;
background: url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0 !important;
border:px solid ;
-moz-box-shadow: ;
-webkit-box-shadow: ;
box-shadow: ;
}
.toc-box.model3 h2,
.text-box-tabs.model3 h2 {
color:#999;
font-family:'OpenSans-Regular', sans-serif;
font-size: 22px;
font-weight:bold;
margin:0;
background: !important;
padding: 10px 15px;
border-bottom: 2px dotted #DDD;
}
.toc-box.model3 .toc-box-toc,
.text-box-tabs.model3 .text-box-toc {
list-style: none outside none;
margin: 0;
overflow: hidden;
padding: 10px;
background:none;
}
.toc-box.model3 .toc-box-toc li,
.text-box-tabs.model3 .text-box-toc li {
float: left;
border: none;
margin: 0 2px 0 0;
background: none transparent;
list-style-type: none;
}
.toc-box.model3 .toc-box-toc li a,
.text-box-tabs.model3 .text-box-toc li a {
background: #626262;
float: left;
display: block;
padding: 0;
color: #FFF;
text-decoration: underline;
font-weight: bold;
text-decoration: none;
cursor: pointer;
margin:0px 10px 0px 0px
}
.toc-box.model3 .toc-box-toc li a.ui-disabled,
.text-box-tabs.model3 .text-box-toc li a.ui-disabled {
cursor: default;
}
.toc-box.model3 .toc-box-toc li a.js-selected,
.toc-box.model3 .toc-box-toc li a.a11y-focus,
.toc-box.model3 .toc-box-toc li a:hover,
.toc-box.model3 .toc-box-toc li a:active,
.toc-box.model3 .toc-box-toc li a:focus,
.text-box-tabs.model3 .text-box-toc li a.js-selected,
.text-box-tabs.model3 .text-box-toc li a.a11y-focus,
.text-box-tabs.model3 .text-box-toc li a:hover,
.text-box-tabs.model3 .text-box-toc li a:active,
.text-box-tabs.model3 .text-box-toc li a:focus {
background: #C8C8C8 !important;
color: #FFF;
text-decoration: none;
}
.toc-box.model3 .toc-box-toc li span,
.text-box-tabs.model3 .text-box-toc li span {
display: block;
margin-right: 4px;
padding: 5px 6px 5px 10px;
}
.toc-box.model3 .toc-box-section-group,
.text-box-tabs.model3 .text-box-section-group {
overflow:hidden;
}
.toc-box.model3 .toc-box-section,
.text-box-tabs.model3 .text-box-section {
float: left;
margin: 0;
width:100%;
}
.text-box-tabs.model3 .text-box-section.offer .row {
margin-right: 0 !important;
margin-left: 0 !important;
}
.text-box-tabs.model3 .text-box-section.offer .row .col-md-6 {
padding-left: 0 !important;
}
.text-box-tabs.model3 .text-box-section.offer h3 {
margin: 7px 0 0 0;
font-size: 18px;
font-weight: bold;
}
.toc-box.model3 .toc-box-section,
.text-box-tabs.model3 .text-box-section {
float: left;
margin: 0;
width:100%;
}
.toc-box.model3 .toc-box-section h3 a,
.text-box-tabs.model3 .text-box-section h2 a {
font-size: 18px;
/*font-size: 1.5rem;*/
color:#999999;!important;
}
.toc-box.model3 .toc-box-section img,
.text-box-tabs.model3 .text-box-section img {
float: left;
margin: 0 10px 10px 0 !important;
width: 100% !important;
height:auto;
}
.toc-box.model3 .toc-box-section p,
.text-box-tabs.model3 .text-box-section p {
color:#666;
font-family:'Arial-webfont', sans-serif;
font-size:12px;
line-height: 17px;
margin: 15px 0 15px 0;
float: left;
padding: 5px 16px !important;
width: 100%;
background: url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0 !important;
}
.toc-box.model3 .toc-box-section.offer p,
.text-box-tabs.model3 .text-box-section.offer p {
padding: 0 !important;
}
.toc-box.model3 .toc-box-section p em,
.text-box-tabs.model3 .text-box-section p em {
position: relative !important;
left: 0 !important;
width: auto !important;
height: auto !important;
margin: 10px 0;
text-align: center;
}
.toc-box.model3 .toc-box-section p em.more a,
.text-box-tabs.model3 .text-box-section p em.more a {
color: #FFF;
font-size:12px;
text-decoration: none;
display: inline-block;
background: #626262;
text-align: center;
padding: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-transform:uppercase;
float:none;
width: 100%;
}
.toc-box.model3 .toc-box-section p em.more a:hover,
.text-box-tabs.model3 .text-box-section p em.more a:hover {
background: #C8C8C8;
}
.toc-box.model3 .toc-box-section .links,
.text-box-tabs.model3 .text-box-section .links {
background: none;
box-shadow: none;
}
/* TEASER TYPE C - CLASE MODEL 3 HIGHLIGHT */
.toc-box.model3.high,
.text-box-tabs.model3.high {
height: auto;
width: 100%;
margin: 0 0 15px 0 !important;
overflow: hidden;
padding:0 !important;
background:#666 url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0 !important;
border:1px solid #666 !important;
-moz-box-shadow: ;
-webkit-box-shadow: ;
box-shadow: ;
}
.toc-box.model3.high h2,
.text-box-tabs.model3.high h2 {
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 18px;
font-weight:bold;
margin:0 !important;
background:#666 !important;
border-bottom:2px dotted #DDD !important;
padding: 10px 15px !important;
}
.toc-box.model3.high .toc-box-toc,
.text-box-tabs.model3.high .text-box-toc {
list-style: none outside none;
margin: 0;
overflow: hidden;
padding: 10px;
background: #666;
}
.toc-box.model3.high .toc-box-toc li,
.text-box-tabs.model3.high .text-box-toc li {
float: left;
border: none;
margin: 0 2px 0 0;
background: none transparent;
list-style-type: none;
}
.toc-box.model3.high .toc-box-toc li a,
.text-box-tabs.model3.high .text-box-toc li a {
background: #999999;
float: left;
display: block;
padding: 0;
color: #FFF;
text-decoration: underline;
font-weight: bold;
text-decoration: none;
cursor: pointer;
margin:0px 10px 0px 0px
}
.toc-box.model3.high .toc-box-toc li a.ui-disabled,
.text-box-tabs.model3.high .text-box-toc li a.ui-disabled {
cursor: default;
}
.toc-box.model3.high .toc-box-toc li a.js-selected,
.toc-box.model3.high .toc-box-toc li a.a11y-focus,
.toc-box.model3.high .toc-box-toc li a:hover,
.toc-box.model3.high .toc-box-toc li a:active,
.toc-box.model3.high .toc-box-toc li a:focus,
.text-box-tabs.model3.high .text-box-toc li a.js-selected,
.text-box-tabs.model3.high .text-box-toc li a.a11y-focus,
.text-box-tabs.model3.high .text-box-toc li a:hover,
.text-box-tabs.model3.high .text-box-toc li a:active,
.text-box-tabs.model3.high .text-box-toc li a:focus {
background: #C8C8C8 !important;
color: #FFF;
text-decoration: none;
}
.toc-box.model3.high .toc-box-toc li span,
.text-box-tabs.model3.high .text-box-toc li span {
display: block;
margin-right: 4px;
padding: 5px 6px 5px 10px;
}
.toc-box.model3.high .toc-box-section-group,
.text-box-tabs.model3.high .text-box-section-group {
overflow:hidden;
}
.toc-box.model3.high .toc-box-section,
.text-box-tabs.model3.high .text-box-section {
float: left;
margin: 0;
width:100%;
}
.toc-box.model3.high .toc-box-section.offer .row,
.text-box-tabs.model3.high .text-box-section.offer .row {
margin-right: 0 !important;
margin-left: 0 !important;
}
.toc-box.model3.high .toc-box-section h2,
.text-box-tabs.model3.high .text-box-section h2 {
background:none;
border:none;
padding: 5px 15px;
}
.toc-box.model3.high .toc-box-section h2 a,
.text-box-tabs.model3.high .text-box-section h2 a {
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 18px;
font-weight:bold;
}
.toc-box.model3.high .toc-box-section h3,
.text-box-tabs.model3.high .text-box-section h3 {
background: none;
padding: 10px;
color:#FFF;
font-size: 18px;
font-size: 1.5rem;
font-family:'OpenSans-Regular', sans-serif;
}
.toc-box.model3.high .toc-box-section.offer h3,
.text-box-tabs.model3.high .text-box-section.offer h3 {
margin: 7px 0 0 0;
padding: 0;
font-size: 18px;
font-weight: bold;
}
.toc-box.model3.high .toc-box-section h3 a,
.text-box-tabs.model3.high .text-box-section h3 a {
font-size: 18px;
font-size: 1.5rem;
color:#999999;!important;
}
.toc-box.model3.high .toc-box-section img,
.text-box-tabs.model3.high .text-box-section img {
width:100%;
height:auto;
}
.toc-box.model3.high .toc-box-section p,
.text-box-tabs.model3.high .text-box-section p {
color:#FFF !important;
font-family:'Arial-webfont', sans-serif;
font-size:14px;
line-height: 19px;
margin: 15px 0 15px 0 !important;
float: left;
padding: 5px 16px !important;
background:none !important;
}
.toc-box.model3.high .toc-box-section.offer p,
.text-box-tabs.model3.high .text-box-section.offer p {
padding: 0 !important;
}
.toc-box.model3.high .toc-box-section p em,
.text-box-tabs.model3.high .text-box-section p em {
position: relative !important;
left: 0 !important;
width: auto !important;
height: auto !important;
margin: 10px 0;
text-align: center;
}
.toc-box.model3.high .toc-box-section p em.more a,
.text-box-tabs.model3.high .text-box-section p em.more a {
color: #FFF;
font-size:12px;
text-decoration: none;
display: inline-block;
background: #999999;
text-align: center;
padding: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-transform:uppercase;
float:none;
width: 100%;
}
.toc-box.model3.high .toc-box-section p em.more a:hover,
.text-box-tabs.model3.high .text-box-section p em.more a:hover {
background: #C8C8C8;
}
.toc-box.model3.high .toc-box-section .links,
.text-box-tabs.model3.high .text-box-section .links {
background: none;
box-shadow: none;
}
/* EXTRAS SHADOW BOX CONTENT*/
#extras #module .teaser,
#extras .latest,
#extras #module .box-group,
#extras .box-group,
#extras .promo,
#extras .teaserlist,
#extras .text-section,
#extras .opener,
#extras .event-list,
#extras dl.media,
#main dl.video,
#extras .links {
-moz-box-shadow: 0 6px 6px -6px #666;
-webkit-box-shadow: 0 6px 6px -6px #666;
box-shadow: 0 6px 6px -6px #666;
overflow:hidden;
}
/*Text Section Extras*/
#extras .text-section {
background: none repeat scroll 0 0 #999999;
overflow: hidden;
padding: 15px;
border: none;
margin-bottom:30px;
-webkit-box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
box-sizing: content-box !important;
clear: both;
width: auto;
}
#extras .text-section h2 {
background: #626262;
font-size: 18px;
font-size: 1.5rem;
color: #FFF !important;
margin: 0;
padding: 10px 15px;
margin:0;
}
#extras .text-section img {
margin:0 0 5px 0;
width:100%;
height:auto;
}
#extras .text-section p {
color:#FFF;
margin: 10px 0;
float: left;
}
#extras .text-section p span {
color:#FFF;
}
/*Extras .links */
#extras .links {
float: left;
width: 100%;
margin: 10px 0 30px;
background: #EDEDED;
padding:15px;
}
#extras .links ul {
line-height: 20px;
list-style: none;
padding: 0;
margin: 0;
}
#extras .links li {
border-bottom: 1px solid #d6d6d6;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 24px;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2575px no-repeat;
}
#extras .links li a {
color:#666;
font-size:12px;
font-weight: normal;
}
#extras .links li a:hover {
text-decoration:none;
}
#extras .links li:hover {
background-color: #CCC;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2575px no-repeat;
cursor:pointer;
}
#extras .links li:last-child {
border-bottom: none;
}
#extras .links h2 {
display:block;
clear:both;
font-size: 18px;
font-size: 1.5rem;
background: #999999;;
margin: 5px 0 10px 0;
padding: 10px;
color: #FFF;
}
/*Extras links Download list*/
#extras .links h3 {
display:block;
clear:both;
font-size: 18px;
font-size: 1.5rem;
background: #999999;;
margin: 5px 0 10px 0;
padding: 10px;
color: #FFF;
}
#extras .links ul.download li a em {
color:#666;
}
/*TEASERLIST*/
.teaserlist {
height: auto;
width: 100%;
margin: 0 0 15px 0;
overflow: hidden;
padding:15px;
}
.teaserlist h2 {
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 16px;
font-style:italic;
font-weight:bold;
margin:0;
padding: 10px;
}
.teaserlist ul {
line-height: 20px;
list-style: none;
padding: 5px 10px;
margin: 0;
}
.teaserlist ul li {
border-bottom: 1px solid #d6d6d6;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 24px;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2575px no-repeat;
}
.teaserlist ul li a {
display: block;
font-weight: normal;
}
.teaserlist ul li a {
color:#666;
font-size:12px;
font-weight: normal;
}
.teaserlist ul li a:hover {
text-decoration:none;
}
.teaserlist ul li:hover {
background-color: #CCC;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2575px no-repeat;
cursor:pointer;
}
.teaserlist li:last-child {
border-bottom: none;
}
.teaserlist .ui-state-default,
.teaserlist .ui-widget-content .ui-state-default,
.teaserlist .ui-widget-header .ui-state-default {
color: #666;
}
.teaserlist .ui-state-active,
.teaserlist .ui-widget-content .ui-state-active,
.teaserlist .ui-widget-header .ui-state-active {
color:#FFF !important;
border:0 none !important;
background: transparent url(../img/bgs/scroller-main.png) 0 0 no-repeat;
}
/*EXTRAS TEASERLIST*/
#extras .teaserlist {
height: auto;
width: 100%;
margin: 0 0 15px 0;
overflow: hidden;
padding:15px;
background:#999999;
}
#extras .teaserlist h2 {
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 16px;
font-style:italic;
font-weight:bold;
margin:0;
background:#1E1E1E;
padding: 10px;
}
#extras .teaserlist ul {
line-height: 20px;
list-style: none;
padding: 5px 10px;
margin: 0;
background: #FFF;
}
#extras .teaserlist ul li {
border-bottom: 1px solid #d6d6d6;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 24px;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2575px no-repeat;
}
#extras .teaserlist ul li a {
display: block;
font-weight: normal;
}
#extras .teaserlist ul li a {
color:#666;
font-size:12px;
font-weight: normal;
}
#extras .teaserlist ul li a:hover {
text-decoration:none;
}
#extras .teaserlist ul li:hover {
background-color: #CCC;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2575px no-repeat;
cursor:pointer;
}
#extras .teaserlist li:last-child {
border-bottom: none;
}
#extras .teaserlist .ui-state-default,
#extras .teaserlist .ui-widget-content .ui-state-default,
#extras .teaserlist .ui-widget-header .ui-state-default {
color: #666;
}
#extras .teaserlist .ui-state-active,
#extras .teaserlist .ui-widget-content .ui-state-active,
#extras .teaserlist .ui-widget-header .ui-state-active {
color:#FFF !important;
border:0 none !important;
background: transparent url(../img/bgs/scroller-main.png) 0 0 no-repeat;
}
/* 2 Sidebars: tabs module extended extras-1 and #extras-2 */
#module {
float: right;
padding: 0;
width: 100%;
-webkit-box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
box-sizing: content-box !important;
}
#module img {
float: left;
margin: 0 10px 5px 0;
border:none;
width:100%;
height:auto;
}
#extras #module .teaser {
border-bottom:0;
background: #CCC;
margin-bottom:0;
}
#extras #module .teaser ul {
padding: 0 5px;
}
#extras #module .teaser h2 {
background: #666;
color:#FFF;
font-weight: normal;
margin: 0;
padding: 10px 15px;
}
#extras #module .teaserlist {
margin-bottom:30px;
}
#extras #module .toc-box {
background: none repeat scroll 0 0 #999999;;
margin-bottom: 30px;
padding: 15px;
-webkit-box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
box-sizing: content-box !important;
}
#extras #module ol.toc-box-toc {
width: 100%px;
}
#module ol.toc-box-toc li {
display: inline;
}
#extras #module .toc-box .toc-box-section p {
clear: both;
display:block;
color:#CCC;
text-align:justify;
}
#extras #module .toc-box .toc-box-section-group {
overflow:hidden
}
#extras .hTtGoogleMapExtrasArea {
background: none repeat scroll 0 0 #666;
clear: both;
display: block;
margin-bottom: 20px;
padding: 10px 0 12px 12px;
-moz-box-shadow: 0 6px 6px -6px #666;
-webkit-box-shadow: 0 6px 6px -6px #666;
box-shadow: 0 6px 6px -6px #666;
overflow:hidden;
}
#extras .hTtGoogleMapExtrasArea .mapTitle {
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 16px;
/*font-size:1.33rem;*/
margin-bottom: 10px;
font-style: italic;
font-weight: bold;
}
/* Extras component mediaplayer */
#extras dl.media {
background: none repeat scroll 0 0 #999999;;
overflow: hidden;
border: none;
float: left;
margin: 0 0 30px;
}
/*BASE AREA PRODUCT NAVIGATION*/
#baseArea #productLinkList.teaser{
margin:0;
padding: 15px 0;
border:none;
background:none;
width:100%;
}
#baseArea #productLinkList .teaser-group {
margin: 0;
padding: 14px 0;
}
#baseArea #productLinkList .teaser-group .heading h4 {
color: #FFF !important;
font-size: 18px;
font-size: 1.5rem;
background:none;
margin-bottom: 10px;
padding: 0;
}
#baseArea #productLinkList .teaser-group .links{
overflow:hidden;
background:none;
}
#baseArea #productLinkList .teaser-group .links ul {
list-style: none outside none;
overflow: hidden;
padding: 0;
text-align: left;
}
#baseArea #productLinkList .teaser-group .links ul li {
float: left;
margin-bottom: 10px !important;
margin-right: 10px !important;
width: 210px;
background:none;
padding:0 !important;
border:none;
}
#baseArea #productLinkList .teaser-group .links ul li a {
color:#FFF;
}
#baseArea #productLinkList .teaser-group .links ul li a:hover {
text-decoration:underline;
}
/*BASE AREA LINK LIST*/
#baseArea .baseWrapper .list {
margin: 15px 0;
overflow: hidden;
float: left;
}
#baseArea .baseWrapper .list:last-child {
margin-right: 0;
}
#baseArea .baseWrapper .list .links {
float: left;
width: 100%;
margin: 10px 0;
background: none;
}
#baseArea .baseWrapper .list .links h2 {
color: #FFF !important;
font-size: 18px;
font-size: 1.5rem;
margin: 10px 0 10px 0;
padding: 0;
}
#baseArea .baseWrapper .list .links ul{
list-style-type: none;
padding:0;
}
#baseArea .baseWrapper .list .links ul li {
background: none;
padding: 0 30px 0 0;
border-right: 1px solid #FFF;
border-bottom: none;
float: left;
margin-right: 30px;
}
#baseArea .baseWrapper .list .links ul li:last-child {
border-right:none;
}
#baseArea .baseWrapper .list .links ul li a {
color:#FFF;
}
#baseArea .baseWrapper .list .links ul li a:hover {
text-decoration:underline;
}
/*COMPONENTE SEARCH PRODUCT*/
#searchPage #wrapper #productLinkList.teaser {
margin:0;
border:none;
}
#searchPage #wrapper #productLinkList .links {
background:none;
}
#searchPage #wrapper #productLinkList .teaser-group {
margin: 0;
padding: 14px 0;
}
#searchPage #wrapper #productLinkList .teaser-group .links{
overflow:hidden;
padding:0 15px;
}
#searchPage #wrapper #baseArea #productLinkList .teaser-group .links{
padding:0;
}
#searchPage #wrapper #productLinkList .teaser-group .links ul {
list-style: none outside none;
overflow: hidden;
padding: 0;
text-align: left;
}
#searchPage #wrapper #productLinkList .teaser-group .links ul li {
float: left;
margin-bottom: 10px !important;
margin-right: 10px !important;
width: 210px;
}
/*COMPONENTE SEARCH PRODUCT - MAPA BÚSQUEDA DE PRODUCTO*/
#searchPage #main {
margin:0;
width:100%;
}
#searchPage #main .opener #productLinkList {
background: url("../img/bg_hotelMenu.png") repeat-x scroll 0 bottom #FFF;
border: 1px solid #CCC;
padding: 20px;
}
#searchPage #wrapper-2 #productLinkList .heading h4,
#searchPage #main .opener .content h4 {
background:#626262;
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 22px;
font-size: 1.8rem;
padding: 5px 0 5px 15px;
margin: 5px 0 10px;
}
#searchPage #main .opener #productLinkList .links ul {
padding:0
}
#searchPage #main .opener #productLinkList .links ul li {
background: none repeat scroll 0 0 transparent;
float: left;
overflow: hidden;
padding: 0;
width: 235px;
min-height:33px;
margin-right: 10px;
margin-bottom:10px;
text-align:left;
border-bottom:none;
}
#searchPage #main .opener #productLinkList .teaser-group {
background:none;
padding:0;
}
#searchPage #main .opener #productLinkList .links ul li a {
color: #626262;
font-size: 16px;
font-size: 1.3rem;
font-family: 'OpenSans-Regular', sans-serif;
padding-left: 5px;
background:none;
text-transform:uppercase;
font-weight: bold;
display: inline-block;;
}
#searchPage #main .opener #productLinkList .heading h6 {
font-size: 16px;
font-size: 1.3rem;
font-style: normal;
padding:0 15px;
}
#searchPage #main .opener #productLinkList .heading p {
margin: 15px 0;
padding: 0 15px;
}
#searchPage #main .content .heading {
margin-top:15px;
}
#searchPage #main .content .heading h4 {
color:#626262;
font-family:'OpenSans-Regular', sans-serif;
font-size: 22px;
font-size: 1.8rem;
}
#searchPage #main .content .productGMapsList {
border: 1px solid #CCC;
margin-top:10px
}
#searchPage #main .content .links {
display:none;
}
#searchPage .GeocodeItemWrapper {
margin-bottom:30px
}
/*COMPONENTE RELATED TAG PRODUCT*/
/* TYPE A - CLASE NORMAL */
.relatedProductTeaser.normal .container,
.relatedProductTeaser.model1 .container {
width:100%;
}
.relatedProductTeaser.normal .relatedProductTeaser-group,
.relatedProductTeaser.model1 .relatedProductTeaser-group {
clear: both;
background:#FFF url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:1px solid #ececec;
margin-bottom:20px;
padding:7px;
-moz-box-shadow: 0px 6px 6px -6px #666;
-webkit-box-shadow: 0px 6px 6px -6px #666;
box-shadow: 0px 6px 6px -6px #666;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .heading img,
.relatedProductTeaser.model1 .relatedProductTeaser-group .heading img {
width:100%;
height:auto;
padding: 0;
margin-bottom: 10px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .hTt-container-fluid,
.relatedProductTeaser.model1 .relatedProductTeaser-group .hTt-container-fluid {
padding-right: 0;
padding-left: 0;
}
.relatedProductTeaser.normal .heading p,
.relatedProductTeaser.model1 .heading p {
font-family:'Arial-webfont', sans-serif;
font-size:12px;
font-weight:normal;
color:#333;
padding: 15px 15px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .heading h4,
.relatedProductTeaser.model1 .relatedProductTeaser-group .heading h4 {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C8C8C8), color-stop(47%,#999999), color-stop(100%,#626262));
background: -webkit-linear-gradient(top, #C8C8C8 0%,#999999 47%,#626262 100%);
background: -moz-linear-gradient(top, #C8C8C8 0%,#999999 47%,#626262 100%);
background: -o-linear-gradient(top, #C8C8C8 0%,#999999 47%,#626262 100%);
background: -ms-linear-gradient(top, #C8C8C8 0%,#999999 47%,#626262 100%);
background: linear-gradient(to bottom, #C8C8C8 0%,#999999 47%,#626262 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C8C8C8', endColorstr='#626262',GradientType=0 );
padding: 5px 10px 5px 15px;
font-family: 'OpenSans-Regular', sans-serif;
color: #FFF;
font-size:20px;
font-family:'OpenSans-Regular', sans-serif;
margin-bottom:15px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .heading h6,
.relatedProductTeaser.model1 .relatedProductTeaser-group .heading h6 {
color: #666 !important;
font-size: 18px;
font-size: 1.5rem;
font-weight: normal;
padding: 5px 10px 5px 10px;
margin-bottom: 10px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group img.media,
.relatedProductTeaser.model1 .relatedProductTeaser-group img.media {
width: 100%;
float: left;
margin: 10px 0;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item,
.relatedProductTeaser.model1 .relatedProductTeaser-group .item {
background: none repeat scroll 0 0 #FFF;
border:1px solid #ececec;
overflow:hidden;
margin-bottom:15px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaser a,
.relatedProductTeaser.model1 .relatedProductTeaser-group .item .item-relatedProductTeaser a {
float: left;
text-align: center;
overflow:hidden;
width:100%;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaser a img,
.relatedProductTeaser.model1 .relatedProductTeaser-group .item .item-relatedProductTeaser a img {
width: 100%;
height:auto;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaser .item-text,
.relatedProductTeaser.model1 .relatedProductTeaser-group .item .item-relatedProductTeaser .item-text {
clear: both;
display: block;
float: left;
text-align: center;
width: 100%;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-text h4,
.relatedProductTeaser.model1 .relatedProductTeaser-group .item .item-text h4{
text-align: center;
background:#000;
padding: 5px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-text h4 a,
.relatedProductTeaser.model1 .relatedProductTeaser-group .item .item-text h4 a {
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 16px;
font-size: 1.3rem;
font-style: normal;
font-weight: bold;
margin:0 auto;
float:none;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-text span.price,
.relatedProductTeaser.model1 .relatedProductTeaser-group .item .item-text span.price {
color: #333;
font-size: 18px;
font-size: 1.5rem;
font-weight: bold;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-text p,
.relatedProductTeaser.model1 .relatedProductTeaser-group .item .item-text p{
color: #333;
text-align: left;
padding: 10px 5px;
float: left;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-text p em,
.relatedProductTeaser.model1 .relatedProductTeaser-group .item .item-text p em{
margin-top: 15px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-text p em a,
.relatedProductTeaser.model1 .relatedProductTeaser-group .item .item-text p em a {
color: #333;
text-align: left;
display: block;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .tagList .tag,
.relatedProductTeaser.model1 .relatedProductTeaser-group .item .tagList .tag {
background: #D5D5D5;
padding: 3px;
text-align: center;
float: left;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .tagList .tag img,
.relatedProductTeaser.model1 .relatedProductTeaser-group .item .tagList .tag img {
width:25px;
height:25px;
display:inline-block;
vertical-align:middle;
*display: inline;
*zoom:1;
margin-right:2px
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .tagList .tag span,
.relatedProductTeaser.model1 .relatedProductTeaser-group .item .tagList .tag span {
display:none;
/*display:inline-block;
vertical-align:middle;
*display: inline;
*zoom:1;*/
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .tagList,
.relatedProductTeaser.model1 .relatedProductTeaser-group .item .tagList {
clear: both;
width: 100%;
float: left;
background: #D5D5D5;
}
/*MODELO MINIMALIST*/
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserTitle {
display: block;
clear: both;
margin: 8px 3px 0 5px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserTitle h4 {
display: inline-block;
margin-right: 2px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserTitle h4 a {
display:inline-block;
line-height: 1;
color: #999999;
font-size:18px;
font-style: italic;
font-weight:bold;
margin-bottom:3px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserCategory {
display:inline-block;
padding-bottom: 3px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserCategory span.star {
float:left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2924px no-repeat;
margin-right:2px;
width:11px;
height:10px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserCategory span.key {
float:left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2996px no-repeat;
margin-right:2px;
width:10px;
height:10px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserSubtitle,
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserDeveloper {
color: #666;
font-size:14px;
display:inline-block;
line-height: 1;
margin: 0 0 8px 6px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserPrice {
padding:5px 0;
line-height: 17px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
border-top:1px dotted #e5e5e5;
display: table;
width: 100%;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserPrice span.desde {
display:inline-block;
color:#333;
font-size:13px;
margin-left:7px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserPrice span.price {
color:#999999;
font-size: 32px;
font-weight: bold;
margin-right: 15px;
margin-top: 10px;
float: right;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserPrice span.habitacion {
display:block;
color:#333;
font-size:13px;
margin-left:7px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserLink {
background:#999999;
padding: 5px 10px;
overflow: hidden;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserLink span.text {
color:#FFF;
font-size:17px !important;
display:inline-block;
width:75% !important;
margin:5px 0 5px 0 !important;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserLink span.arrow {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -745px no-repeat;
float:right;
width:11px;
height:20px;
margin:5px 0 5px;
}
/*MODELO EXTENDED*/
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader {
background: #FFF;
padding:6px 8px;
text-align: left;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserTitle {
display:block;
clear:both;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserTitle h4 a {
display:block;
line-height: 1;
color: #999999;
font-size:18px;
font-style: italic;
font-weight:bold;
margin-bottom:3px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserCategory {
display:inline-block;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserCategory span.star {
float:left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2924px no-repeat;
margin-right:2px;
width:11px;
height:10px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserCategory span.key {
float:left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2996px no-repeat;
margin-right:2px;
width:10px;
height:10px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserSubtitle {
color: #666;
font-size:14px;
display:inline-block;
line-height: 1;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtteaserDescription {
color:#999;
background: #FFF;
font-size:14px;
display:block;
line-height: 19px;
padding: 10px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter {
color: #666;
background: #F7F7F7;
display:block;
line-height: 14px;
padding: 15px 10px;
overflow: hidden;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter .relatedProductTeaserExtteaserPrice {
width:40%;
float:left;
margin-right: 10px;
font-size:12px;
line-height: 16px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter .relatedProductTeaserExtteaserPrice span.desde {
display:block;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter .relatedProductTeaserExtteaserPrice span.price {
color:#626262;
font-weight:bold;
font-size:16px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter .relatedProductTeaserExtteaserButton {
width:50%;
float:left;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter .relatedProductTeaserExtteaserButton a {
display:block;
background:#999999;
color:#FFF;
padding: 10px 5px;
text-align:center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter .relatedProductTeaserExtteaserButton a:hover {
background:#C8C8C8;
text-decoration:none;
}
/*MODELO SUMMARY*/
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserSum {
display: table;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
padding: 5px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserSum .relatedProductTeaserSumteaser {
display: table-row;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserSum .relatedProductTeaserSumteaser .relatedProductTeaserSumteaserTitle {
display: table-cell;
padding: 0 10px 0 2px;
width: auto;
vertical-align: middle;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserSum .relatedProductTeaserSumteaser .relatedProductTeaserSumteaserTitle .relatedProductTeaserSumteaserName {
display: inline-block;
margin-left: 5px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserSum .relatedProductTeaserSumteaser .relatedProductTeaserSumteaserTitle h4 {
display: inline-block;
margin-right: 2px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserSum .relatedProductTeaserSumteaser .relatedProductTeaserSumteaserTitle h4 a {
display:inline-block;
line-height: 1;
color: #999999;
font-size:18px;
font-style: italic;
font-weight:bold;
margin-bottom:3px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserSum .relatedProductTeaserSumteaser .relatedProductTeaserSumteaserCategory {
display:inline-block;
padding-bottom: 3px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserSum .relatedProductTeaserSumteaser .relatedProductTeaserSumteaserCategory span.star {
float:left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2924px no-repeat;
margin-right:2px;
width:11px;
height:10px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserSum .relatedProductTeaserSumteaser .relatedProductTeaserSumteaserCategory span.key {
float:left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2996px no-repeat;
margin-right:2px;
width:10px;
height:10px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserSum .relatedProductTeaserSumteaser .relatedProductTeaserSumteaserSubtitle,
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserSum .relatedProductTeaserSumteaser .relatedProductTeaserSumteaserDeveloper {
color: #666;
font-size: 14px;
display: block;
line-height: 1;
margin: 0 0 8px 6px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserSum .relatedProductTeaserSumteaser .relatedProductTeaserSumteaserPrice {
padding: 0 10px;
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
border-left: 1px dotted #C0C0C0;
border-right: 1px dotted #C0C0C0;
display: table-cell;
width: 1%;
vertical-align: middle;
margin-right: 7px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserSum .relatedProductTeaserSumteaser .relatedProductTeaserSumteaserPrice span.desde {
display:block;
color:#333;
font-size:11px;
margin-left:10px;
white-space: nowrap;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserSum .relatedProductTeaserSumteaser .relatedProductTeaserSumteaserPrice span.price {
color:#999999;
font-size: 32px;
font-weight: bold;
margin-left: 15px;
margin-top: 0px;
display:block;
line-height:30px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserSum .relatedProductTeaserSumteaser .relatedProductTeaserSumteaserPrice span.habitacion {
display:block;
color:#333;
font-size:12px;
margin-left:10px;
white-space: nowrap;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserSum .relatedProductTeaserSumteaser .relatedProductTeaserSumteaserButton {
vertical-align: middle;
display: table-cell;
width: 1%;
white-space: nowrap;
padding: 0 10px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserSum .relatedProductTeaserSumteaser .relatedProductTeaserSumteaserButton a {
background:#999999;
padding: 5px;
display: block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
line-height: 1;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserSum .relatedProductTeaserSumteaser .relatedProductTeaserSumteaserButton span.text {
color:#FFF;
font-size:17px !important;
display:inline-block;
margin:6px 9px 5px 5px !important;
vertical-align: middle;
float: none !important;
width: auto !important;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserSum .relatedProductTeaserSumteaser .relatedProductTeaserSumteaserButton span.arrow {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -745px no-repeat;
width:11px;
height:20px;
margin:5px 0 5px;
display: inline-block;
vertical-align: middle;
}
/* TEASER TYPE A - CLASE NORMAL HIGHLIGHT */
.relatedProductTeaser.normal.high .container {
width:100%;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group{
clear: both;
background:#999999 url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:1px solid #999999;
margin-bottom:20px;
padding:7px;
-moz-box-shadow: 0px 6px 6px -6px #666;
-webkit-box-shadow: 0px 6px 6px -6px #666;
box-shadow: 0px 6px 6px -6px #666;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .heading img {
width:100%;
height:auto;
padding: 0;
margin-bottom: 10px;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .hTt-container-fluid {
padding-right: 0;
padding-left: 0;
}
.relatedProductTeaser.normal.high .heading p {
font-family:'Arial-webfont', sans-serif;
font-size:12px;
font-weight:normal;
color:#FFF;
padding: 15px 15px;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .heading h4 {
color: #FFF !important;
font-size: 16px;
font-family:'OpenSans-Regular', sans-serif;
background:#000;
padding: 10px;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .heading h6 {
color: #DDD !important;
font-size: 18px;
font-size: 1.5rem;
font-weight: normal;
padding: 5px 10px 5px 10px;
margin-bottom: 10px;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group img.media {
width: 100%;
float: left;
margin: 10px 0;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item {
background: none repeat scroll 0 0 #FFF;
border:1px solid #999999;
overflow:hidden;
margin-bottom:15px;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-relatedProductTeaser a {
float: left;
text-align: center;
overflow:hidden;
width:100%;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-relatedProductTeaser a img {
width: 100%;
height:auto;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-relatedProductTeaser .item-text {
clear: both;
display: block;
float: left;
text-align: center;
width: 100%;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-text h4{
text-align: center;
background:#000;
padding: 10px;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-text h4 a {
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 16px;
/*font-size: 1.3rem;*/
font-style: normal;
font-weight: bold;
margin:0 auto;
float:none;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-text span.price {
color: #000;
font-size: 18px;
/*font-size: 1.5rem;*/
font-weight: bold;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-text p {
text-align: left;
padding: 10px 5px;
float: left;
color: #000;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-text p em{
margin-top: 15px;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-text p em a {
color: #000;
text-align: left;
display: block;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .tagList .tag {
background: #D5D5D5;
padding: 3px;
text-align: center;
float: left;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .tagList .tag img {
width:25px;
height:25px;
display:inline-block;
vertical-align:middle;
*display: inline;
*zoom:1;
margin-right:2px
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .tagList .tag span {
display:none;
/*display:inline-block;
vertical-align:middle;
*display: inline;
*zoom:1;*/
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .tagList {
clear: both;
width: 100%;
float: left;
background: #D5D5D5;
}
/*MODELO MINIMALIST*/
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserSubtitle {
padding:6px 4px;
color:#999999;
text-align: center;
line-height: 1;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserTitle {
border-bottom:1px dotted #EDEDED;
padding:6px 4px;
text-align: center;
display:block;
clear:both;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserTitle h4 a {
color:#1E1E1E;
line-height: 1;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserCategory {
display:inline-block;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserCategory span.star {
float:left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2924px no-repeat;
margin-right:2px;
width:11px;
height:10px;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserCategory span.key {
float:left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2996px no-repeat;
margin-right:2px;
width:10px;
height:10px;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserPrice {
padding:3px 0;
line-height: 17px;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserPrice span.desde {
display:block;
color:#999;
font-size:12px;
margin-left:55px;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserPrice span.price {
display:inline-block;
color:#999;
font-size:24px;
font-weight:bold;
margin-left:75px;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserPrice span.habitacion {
display:inline-block;
color:#999;
font-size:14px;
font-weight:bold;
margin-left:3px;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserLink {
background:#626262;
padding: 5px 10px;
overflow: hidden;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserLink span.text {
color:#FFF;
font-size:14px;
display:inline-block;
width:75% !important;
margin:0 !important;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserLink span.arrow {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -745px no-repeat;
float:right;
width:11px;
height:20px;
margin:5px 0 5px;
}
/*MODELO EXTENDED*/
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader {
background: #FFF;
padding:6px 8px;
text-align: left;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserTitle {
display:block;
clear:both;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserTitle h4 a {
display:block;
line-height: 1;
color: #999999;
font-size:18px;
font-style: italic;
font-weight:bold;
margin-bottom:3px;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserCategory {
display:inline-block;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserCategory span.star {
float:left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2924px no-repeat;
margin-right:2px;
width:11px;
height:10px;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserCategory span.key {
float:left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2996px no-repeat;
margin-right:2px;
width:10px;
height:10px;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserSubtitle {
color: #666;
font-size:14px;
display:inline-block;
line-height: 1;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtteaserDescription {
color:#999;
background: #FFF;
font-size:12px;
display:block;
line-height: 15px;
padding: 10px;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter {
color: #666;
background: #F7F7F7;
display:block;
line-height: 14px;
padding: 15px 10px;
overflow: hidden;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter .relatedProductTeaserExtteaserPrice {
width:40%;
float:left;
margin-right: 10px;
font-size:12px;
line-height: 16px;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter .relatedProductTeaserExtteaserPrice span.price {
color:#000;
font-weight:bold;
font-size:16px;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter .relatedProductTeaserExtteaserButton {
width:55%;
float:left;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter .relatedProductTeaserExtteaserButton a {
display:block;
background:#626262;
color:#FFF;
padding: 10px 5px;
text-align:center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.relatedProductTeaser.normal.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter .relatedProductTeaserExtteaserButton a:hover {
background:#C8C8C8;
text-decoration:none;
}
/* TYPE B - CLASE MODEL 2 */
.relatedProductTeaser.model2 .container {
width:100%;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group {
clear: both;
background:#EDEDED url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
margin-bottom:15px;
overflow: hidden;
padding:0;
-moz-box-shadow: 0px 12px 13px -6px #333;
-webkit-box-shadow: 0px 12px 13px -6px #333;
box-shadow: 0px 12px 13px -6px #333;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .heading img {
width:100%;
height:auto;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .hTt-container-fluid {
padding-right: 0;
padding-left: 0;
}
.relatedProductTeaser.model2 .heading p {
font-family:'Arial-webfont', sans-serif;
font-size:14px;
font-weight:normal;
color:#000;
padding: 15px 15px;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .heading h4 {
color: #000 !important;
font-size: 22px;
font-family:'OpenSans-Regular', sans-serif;
font-style: italic;
font-weight: bold;
background:#DDD;
padding: 10px 20px 10px 20px;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .heading h6 {
color: #666 !important;
font-size: 18px;
font-size: 1.5rem;
font-weight: normal;
padding: 5px 20px 5px 20px;
margin-bottom: 10px;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group img.media {
width: 100%;
float: left;
margin: 10px 0;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .container {
padding: 0;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item {
background: none;
border:1px solid #DDD;
padding: 10px;
overflow:hidden;
margin:0 0 10px 0;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-relatedProductTeaser a {
float: left;
text-align: center;
overflow:hidden;
width:100%;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-relatedProductTeaser a img {
width: 100%;
height:auto;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-relatedProductTeaser .item-text {
clear: both;
display: block;
float: left;
text-align: center;
width: 100%;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-text h4{
text-align: center;
background:#626262;
padding: 5px;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-text h4 a {
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 16px;
font-size: 1.3rem;
font-style: normal;
font-weight: bold;
margin:0 auto;
float:none;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-text span.price {
color: #000;
font-size: 18px;
font-size: 1.5rem;
font-weight: bold;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-text p{
color: #000;
text-align: left;
padding: 10px 5px;
float: left;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-text p em{
margin-top: 15px;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-text p em a {
color: #000;
text-align: left;
display: block;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .tagList .tag {
background: #D5D5D5;
padding: 3px;
text-align: center;
float: left;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .tagList .tag img {
width:25px;
height:25px;
display:inline-block;
vertical-align:middle;
*display: inline;
*zoom:1;
margin-right:2px
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .tagList .tag span {
display:none;
/*display:inline-block;
vertical-align:middle;
*display: inline;
*zoom:1;*/
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .tagList {
clear: both;
width: 100%;
float: left;
background: #D5D5D5;
}
/*MODELO MINIMALIST*/
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserSubtitle {
background: #626262;
padding:6px 4px;
color:#FFF;
text-align: center;
line-height: 1;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserTitle {
background: #1E1E1E;
padding:6px 4px;
text-align: center;
display:block;
clear:both;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserTitle h4 a {
color:#FFF;
line-height: 1;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserCategory {
display:inline-block;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserCategory span.star {
float:left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2924px no-repeat;
margin-right:2px;
width:11px;
height:10px;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserCategory span.key {
float:left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2996px no-repeat;
margin-right:2px;
width:10px;
height:10px;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserPrice {
background:#FFF;
padding:3px 0;
line-height: 17px;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserPrice span.desde {
display:block;
color:#000;
font-size:12px;
margin-left:55px;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserPrice span.price {
display:inline-block;
color:#000;
font-size:24px;
font-weight:bold;
margin-left:75px;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserPrice span.habitacion {
display:inline-block;
color:#000;
font-size:14px;
font-weight:bold;
margin-left:3px;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserLink {
background:#C8C8C8;
padding: 5px 10px;
overflow: hidden;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserLink span.text {
color:#FFF;
font-size:14px;
display:inline-block;
width:75% !important;
margin:0 !important;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserLink span.arrow {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -745px no-repeat;
float:right;
width:11px;
height:20px;
margin:5px 0 5px;
}
/*MODELO EXTENDED*/
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader {
background: #FFF;
padding:6px 8px;
text-align: left;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserTitle {
display:block;
clear:both;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserTitle h4 a {
display:block;
line-height: 1;
color: #999999;
font-size:18px;
font-style: italic;
font-weight:bold;
margin-bottom:3px;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserCategory {
display:inline-block;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserCategory span.star {
float:left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2924px no-repeat;
margin-right:2px;
width:11px;
height:10px;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserCategory span.key {
float:left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2996px no-repeat;
margin-right:2px;
width:10px;
height:10px;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserSubtitle {
color: #666;
font-size:14px;
display:inline-block;
line-height: 1;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtteaserDescription {
color:#000;
background: #FFF;
font-size:12px;
display:block;
line-height: 14px;
padding: 10px;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter {
color: #666;
background: #F7F7F7;
display:block;
line-height: 14px;
padding: 15px 10px;
overflow: hidden;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter .relatedProductTeaserExtteaserPrice {
width:40%;
float:left;
margin-right: 8px;
font-size:12px;
line-height: 16px;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter .relatedProductTeaserExtteaserPrice span.price {
color:#DDD;
font-weight:bold;
font-size:16px;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter .relatedProductTeaserExtteaserButton {
width:55%;
float:left;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter .relatedProductTeaserExtteaserButton a {
display:block;
background:#999;
color:#FFF;
padding: 10px 5px;
text-align:center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter .relatedProductTeaserExtteaserButton a:hover {
background:#333;
text-decoration:none;
}
/* TYPE B - CLASE MODEL 2 MODEL 1 HIGHLIGHT */
.relatedProductTeaser.model2.high .container,
#extras .relatedProductTeaser.model1 .container,
#extras .relatedProductTeaser.model2 .container {
width:100%;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group,
#extras .relatedProductTeaser.model1 .relatedProductTeaser-group,
#extras .relatedProductTeaser.model2 .relatedProductTeaser-group {
clear: both;
background:#999999 url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:1px solid #999999;
margin-bottom:15px;
overflow: hidden;
padding:0;
-moz-box-shadow: 0px 12px 13px -6px #333;
-webkit-box-shadow: 0px 12px 13px -6px #333;
box-shadow: 0px 12px 13px -6px #333;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .heading img,
#extras .relatedProductTeaser.model1 .relatedProductTeaser-group .heading img,
#extras .relatedProductTeaser.model2 .relatedProductTeaser-group .heading img {
width:100%;
height:auto;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .hTt-container-fluid,
#extras .relatedProductTeaser.model1 .relatedProductTeaser-group .hTt-container-fluid,
#extras .relatedProductTeaser.model2 .relatedProductTeaser-group .hTt-container-fluid {
padding-right: 0;
padding-left: 0;
}
.relatedProductTeaser.model2.high .heading p,
#extras .relatedProductTeaser.model1 .heading p,
#extras .relatedProductTeaser.model2 .heading p {
font-family:'Arial-webfont', sans-serif;
font-size:14px;
font-weight:normal;
color:#FFF;
padding: 15px 15px;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .heading h4,
#extras .relatedProductTeaser.model1 .relatedProductTeaser-group .heading h4,
#extras .relatedProductTeaser.model2 .relatedProductTeaser-group .heading h4 {
color: #FFF !important;
font-size: 22px;
font-family:'OpenSans-Regular', sans-serif;
font-style: italic;
font-weight: bold;
background:#999999;
padding: 10px 20px 10px 20px;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .heading h6,
#extras .relatedProductTeaser.model1 .relatedProductTeaser-group .heading h6,
#extras .relatedProductTeaser.model2 .relatedProductTeaser-group .heading h6 {
color: #DDD !important;
font-size: 18px;
font-size: 1.5rem;
font-weight: normal;
padding: 5px 20px 5px 20px;
margin-bottom: 10px;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group img.media,
#extras .relatedProductTeaser.model1 .relatedProductTeaser-group img.media,
#extras .relatedProductTeaser.model2 .relatedProductTeaser-group img.media {
width: 100%;
float: left;
margin: 10px 0;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .container,
#extras .relatedProductTeaser.model1 .relatedProductTeaser-group .container,
#extras .relatedProductTeaser.model2 .relatedProductTeaser-group .container {
padding: 0 20px;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item,
#extras .relatedProductTeaser.model1 .relatedProductTeaser-group .item,
#extras .relatedProductTeaser.model2 .relatedProductTeaser-group .item {
background: none repeat scroll 0 0 #999999;
border:1px solid #999999;
padding: 10px;
overflow:hidden;
margin-bottom:15px;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-relatedProductTeaser a,
#extras .relatedProductTeaser.model1 .relatedProductTeaser-group .item .item-relatedProductTeaser a,
#extras .relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-relatedProductTeaser a{
float: left;
text-align: center;
overflow:hidden;
width:100%;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-relatedProductTeaser a img,
#extras .relatedProductTeaser.model1 .relatedProductTeaser-group .item .item-relatedProductTeaser a img,
#extras .relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-relatedProductTeaser a img {
width: 100%;
height:auto;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-relatedProductTeaser .item-text,
#extras .relatedProductTeaser.model1 .relatedProductTeaser-group .item .item-relatedProductTeaser .item-text,
#extras .relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-relatedProductTeaser .item-text {
clear: both;
display: block;
float: left;
text-align: center;
width: 100%;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-text h4,
#extras .relatedProductTeaser.model1 .relatedProductTeaser-group .item .item-text h4,
#extras .relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-text h4{
text-align: center;
background:#626262;
padding: 5px;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-text h4 a,
#extras .relatedProductTeaser.model1 .relatedProductTeaser-group .item .item-text h4 a,
#extras .relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-text h4 a {
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 16px;
font-size: 1.3rem;
font-style: normal;
font-weight: bold;
margin:0 auto;
float:none;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-text span.price,
#extras .relatedProductTeaser.model1 .relatedProductTeaser-group .item .item-text span.price,
#extras .relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-text span.price {
color: #FFF;
font-size: 18px;
font-size: 1.5rem;
font-weight: bold;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-text p,
#extras .relatedProductTeaser.model1 .relatedProductTeaser-group .item .item-text p,
#extras .relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-text p{
text-align: left;
padding: 10px 5px;
float: left;
color:#FFF;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-text p em,
#extras .relatedProductTeaser.model1 .relatedProductTeaser-group .item .item-text p em,
#extras .relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-text p em{
margin-top: 15px;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-text p em a,
#extras .relatedProductTeaser.model1 .relatedProductTeaser-group .item .item-text p em a,
#extras .relatedProductTeaser.model2 .relatedProductTeaser-group .item .item-text p em a {
color: #FFF;
text-align: left;
display: block;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .tagList .tag,
#extras .relatedProductTeaser.model1 .relatedProductTeaser-group .item .tagList .tag,
#extras .relatedProductTeaser.model2 .relatedProductTeaser-group .item .tagList .tag {
background: #D5D5D5;
padding: 3px;
text-align: center;
float: left;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .tagList .tag img,
#extras .relatedProductTeaser.model1 .relatedProductTeaser-group .item .tagList .tag img,
#extras .relatedProductTeaser.model2 .relatedProductTeaser-group .item .tagList .tag img {
width:25px;
height:25px;
display:inline-block;
vertical-align:middle;
*display: inline;
*zoom:1;
margin-right:2px
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .tagList .tag span,
#extras .relatedProductTeaser.model1 .relatedProductTeaser-group .item .tagList .tag span,
#extras .relatedProductTeaser.model2 .relatedProductTeaser-group .item .tagList .tag span {
display:none;
/*display:inline-block;
vertical-align:middle;
*display: inline;
*zoom:1;*/
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .tagList,
#extras .relatedProductTeaser.model1 .relatedProductTeaser-group .item .tagList,
#extras .relatedProductTeaser.model2 .relatedProductTeaser-group .item .tagList {
clear: both;
width: 100%;
float: left;
background: #D5D5D5;
}
/*MODELO MINIMALIST*/
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserSubtitle {
background: #1E1E1E;
padding:6px 4px;
color:#FFF;
text-align: center;
line-height: 1;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserTitle {
background: #626262;
padding:6px 4px;
text-align: center;
display:block;
clear:both;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserTitle h4 a {
color:#FFF;
line-height: 1;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserCategory {
display:inline-block;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserCategory span.star {
float:left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2924px no-repeat;
margin-right:2px;
width:11px;
height:10px;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserCategory span.key {
float:left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2996px no-repeat;
margin-right:2px;
width:10px;
height:10px;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserPrice {
background:#CCC;
padding:3px 0;
line-height: 17px;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserPrice span.desde {
display:block;
color:#FFF;
font-size:12px;
margin-left:55px;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserPrice span.price {
display:inline-block;
color:#FFF;
font-size:24px;
font-weight:bold;
margin-left:75px;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserPrice span.habitacion {
display:inline-block;
color:#FFF;
font-size:14px;
font-weight:bold;
margin-left:3px;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserLink {
background:#999999;
padding: 5px 10px;
overflow: hidden;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserLink span.text {
color:#FFF;
font-size:14px;
display:inline-block;
width:75% !important;
margin:0 !important;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserLink span.arrow {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -745px no-repeat;
float:right;
width:11px;
height:20px;
margin:5px 0 5px;
}
/*MODELO EXTENDED*/
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader {
background: #FFF;
padding:6px 8px;
text-align: left;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserTitle {
display:block;
clear:both;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserTitle h4 a {
display:block;
line-height: 1;
color: #999999;
font-size:18px;
font-style: italic;
font-weight:bold;
margin-bottom:3px;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserCategory {
display:inline-block;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserCategory span.star {
float:left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2924px no-repeat;
margin-right:2px;
width:11px;
height:10px;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserCategory span.key {
float:left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2996px no-repeat;
margin-right:2px;
width:10px;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserSubtitle {
color: #666;
font-size:14px;
display:inline-block;
line-height: 1;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtteaserDescription {
color:#999;
background: #FFF;
font-size:12px;
display:block;
line-height: 14px;
padding: 10px;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter {
color: #666;
background: #F7F7F7;
display:block;
line-height: 14px;
padding: 15px 10px;
overflow: hidden;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter .relatedProductTeaserExtteaserPrice {
width:40%;
float:left;
margin-right: 10px;
font-size:12px;
line-height: 16px;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter .relatedProductTeaserExtteaserPrice span.price {
color:#999999;
font-weight:bold;
font-size:16px;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter .relatedProductTeaserExtteaserButton {
width:55%;
float:left;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter .relatedProductTeaserExtteaserButton a {
display:block;
background:;
color:#FFF;
padding: 10px 5px;
text-align:center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.relatedProductTeaser.model2.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter .relatedProductTeaserExtteaserButton a:hover {
background:;
text-decoration:none;
}
/* TYPE C - CLASE MODEL 3 */
.relatedProductTeaser.model3 .container {
width:100%;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group {
clear: both;
background: url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:px solid ;
-moz-box-shadow: ;
-webkit-box-shadow: ;
box-shadow: ;
margin-bottom:15px;
overflow: hidden;
padding:0;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .heading img {
width:100%;
height:auto;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .hTt-container-fluid {
padding-right: 0;
padding-left: 0;
}
.relatedProductTeaser.model3 .heading p {
color:#666;
font-family:'Arial-webfont', sans-serif;
font-size:12px;
line-height: 19px;
padding: 15px 15px;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .heading h4 {
color: #999 !important;
font-size: 22px;
font-family:'OpenSans-Regular', sans-serif;
font-style: italic;
font-weight: bold;
background:;
padding: 10px 20px 10px 20px;
border-bottom: 2px dotted #ddd;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .heading h6 {
color: #666 !important;
font-size: 18px;
font-size: 1.5rem;
font-weight: normal;
padding: 5px 20px 5px 20px;
margin-bottom: 10px;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group img.media {
width: 100%;
float: left;
margin: 10px 0;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .container {
padding: 0 20px;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item {
background: #EDEDED;
border:px solid ;
padding: 10px;
overflow:hidden;
margin-bottom:15px;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaser a {
float: left;
text-align: center;
overflow:hidden;
width:100%;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaser a img {
width: 100%;
height:auto;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaser .item-text {
clear: both;
display: block;
float: left;
text-align: center;
width: 100%;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-text h4{
text-align: center;
background:#626262;
padding: 5px;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-text h4 a {
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 16px;
font-size: 1.3rem;
font-style: normal;
font-weight: bold;
margin:0 auto;
float:none;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-text span.price {
color: #666;
font-size: 18px;
font-size: 1.5rem;
font-weight: bold;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-text p{
color: #666;
text-align: left;
padding: 10px 5px;
float: left;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-text p em{
margin-top: 15px;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-text p em a {
color: #666;
text-align: left;
display: block;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .tagList .tag {
background: #D5D5D5;
padding: 3px;
text-align: center;
float: left;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .tagList .tag img {
width:25px;
height:25px;
display:inline-block;
vertical-align:middle;
*display: inline;
*zoom:1;
margin-right:2px
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .tagList .tag span {
display:none;
/*display:inline-block;
vertical-align:middle;
*display: inline;
*zoom:1;*/
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .tagList {
clear: both;
width: 100%;
float: left;
background: #D5D5D5;
}
/*MODELO MINIMALIST*/
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserSubtitle {
padding:6px 4px;
color:#999999;
text-align: center;
line-height: 1;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserTitle {
border-bottom:1px dotted #EDEDED;
padding:6px 4px;
text-align: center;
display:block;
clear:both;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserTitle h4 a {
color:#1E1E1E;
line-height: 1;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserCategory {
display:inline-block;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserCategory span.star {
float:left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2924px no-repeat;
margin-right:2px;
width:11px;
height:10px;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserCategory span.key {
float:left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2996px no-repeat;
margin-right:2px;
width:10px;
height:10px;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserPrice {
padding:3px 0;
line-height: 17px;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserPrice span.desde {
display:block;
color:#666;
font-size:12px;
margin-left:55px;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserPrice span.price {
display:inline-block;
color:#666;
font-size:24px;
font-weight:bold;
margin-left:75px;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserPrice span.habitacion {
display:inline-block;
color:#666;
font-size:14px;
font-weight:bold;
margin-left:3px;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserLink {
background:#626262;
padding: 5px 10px;
overflow: hidden;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserLink span.text {
color:#FFF;
font-size:14px;
display:inline-block;
width:75% !important;
margin:0 !important;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserLink span.arrow {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -745px no-repeat;
float:right;
width:11px;
height:20px;
margin:5px 0 5px;
}
/*MODELO EXTENDED*/
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader {
background: #FFF;
padding:6px 8px;
text-align: left;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserTitle {
display:block;
clear:both;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserTitle h4 a {
display:block;
line-height: 1;
color: #999999;
font-size:18px;
font-style: italic;
font-weight:bold;
margin-bottom:3px;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserCategory {
display:inline-block;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserCategory span.star {
float:left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2924px no-repeat;
margin-right:2px;
width:11px;
height:10px;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserCategory span.key {
float:left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2996px no-repeat;
margin-right:2px;
width:10px;
height:10px;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserSubtitle {
color: #666;
font-size:14px;
display:inline-block;
line-height: 1;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtteaserDescription {
color:#666;
background: #FFF;
font-size:12px;
display:block;
line-height: 14px;
padding: 10px;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter {
color: #666;
background: #F7F7F7;
display:block;
line-height: 14px;
padding: 15px 10px;
overflow: hidden;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter .relatedProductTeaserExtteaserPrice {
width:40%;
float:left;
margin-right: 10px;
font-size:12px;
line-height: 16px;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter .relatedProductTeaserExtteaserPrice span.price {
color:;
font-weight:bold;
font-size:16px;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter .relatedProductTeaserExtteaserButton {
width:55%;
float:left;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter .relatedProductTeaserExtteaserButton a {
display:block;
background:#626262;
color:#FFF;
padding: 10px 5px;
text-align:center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter .relatedProductTeaserExtteaserButton a:hover {
background:#C8C8C8;
text-decoration:none;
}
/*MODELO SUMMARY*/
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserSum {
display: table;
padding: 5px;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserSum .relatedProductTeaserSumteaser {
display: table-row;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserSum .relatedProductTeaserSumteaser .relatedProductTeaserSumteaserTitle {
display: table-cell;
padding: 0 10px 0 2px;
width: auto;
vertical-align: middle;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserSum .relatedProductTeaserSumteaser .relatedProductTeaserSumteaserTitle .relatedProductTeaserSumteaserName {
display: inline-block;
margin-left: 5px;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserSum .relatedProductTeaserSumteaser .relatedProductTeaserSumteaserTitle h4 {
display: inline-block;
margin-right: 2px;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserSum .relatedProductTeaserSumteaser .relatedProductTeaserSumteaserTitle h4 a {
display:inline-block;
line-height: 1;
color: #999999;
font-size:18px;
font-style: italic;
font-weight:bold;
margin-bottom:3px;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserSum .relatedProductTeaserSumteaser .relatedProductTeaserSumteaserCategory {
display:inline-block;
padding-bottom: 3px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserSum .relatedProductTeaserSumteaser .relatedProductTeaserSumteaserCategory span.star {
float:left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2924px no-repeat;
margin-right:2px;
width:11px;
height:10px;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserSum .relatedProductTeaserSumteaser .relatedProductTeaserSumteaserCategory span.key {
float:left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2996px no-repeat;
margin-right:2px;
width:10px;
height:10px;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserSum .relatedProductTeaserSumteaser .relatedProductTeaserSumteaserSubtitle {
color: #666;
font-size: 14px;
display: block;
line-height: 1;
margin: 0 0 8px 6px;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserSum .relatedProductTeaserSumteaser .relatedProductTeaserSumteaserPrice {
padding: 0 10px;
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
border-left: 1px dotted #C0C0C0;
border-right: 1px dotted #C0C0C0;
display: table-cell;
width: 1%;
vertical-align: middle;
margin-right: 7px;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserSum .relatedProductTeaserSumteaser .relatedProductTeaserSumteaserPrice span.desde {
display:block;
color:#666;
font-size:11px;
margin-left:10px;
white-space: nowrap;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserSum .relatedProductTeaserSumteaser .relatedProductTeaserSumteaserPrice span.price {
color:#999999;
font-size: 32px;
font-weight: bold;
margin-left: 15px;
margin-top: 0px;
display:block;
line-height:30px;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserSum .relatedProductTeaserSumteaser .relatedProductTeaserSumteaserPrice span.habitacion {
display:block;
color:#666;
font-size:12px;
margin-left:10px;
white-space: nowrap;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserSum .relatedProductTeaserSumteaser .relatedProductTeaserSumteaserButton {
vertical-align: middle;
display: table-cell;
width: 1%;
white-space: nowrap;
padding: 0 10px;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserSum .relatedProductTeaserSumteaser .relatedProductTeaserSumteaserButton a {
background:#626262;
padding: 5px;
display: block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
line-height: 1;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserSum .relatedProductTeaserSumteaser .relatedProductTeaserSumteaserButton span.text {
color:#FFF;
font-size:17px !important;
display:inline-block;
margin:6px 9px 5px 5px !important;
vertical-align: middle;
float: none !important;
width: auto !important;
}
.relatedProductTeaser.model3 .relatedProductTeaser-group .item .item-relatedProductTeaserSum .relatedProductTeaserSumteaser .relatedProductTeaserSumteaserButton span.arrow {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -745px no-repeat;
width:11px;
height:20px;
margin:5px 0 5px;
display: inline-block;
vertical-align: middle;
}
/* TYPE C - CLASE MODEL 3 HIGHLIGHT */
.relatedProductTeaser.model3.high .container {
width:100%;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group {
clear: both;
background:#666 url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:1px solid #666;
-moz-box-shadow: ;
-webkit-box-shadow: ;
box-shadow: ;
margin-bottom:15px;
overflow: hidden;
padding:0;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .heading img {
width:100%;
height:auto;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .hTt-container-fluid {
padding-right: 0;
padding-left: 0;
}
.relatedProductTeaser.model3.high .heading p {
color:#FFF;
font-family:'Arial-webfont', sans-serif;
font-size:14px;
line-height: 19px;
padding: 15px 15px;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .heading h4 {
color: #FFF !important;
font-size: 18px;
font-family:'OpenSans-Regular', sans-serif;
font-style: italic;
font-weight: bold;
background:#666;
padding: 10px 20px 10px 20px;
border-bottom: 2px dotted #ddd;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .heading h6 {
color: #CCC !important;
font-size: 18px;
font-size: 1.5rem;
font-weight: normal;
padding: 5px 20px 5px 20px;
margin-bottom: 10px;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group img.media {
width: 100%;
float: left;
margin: 10px 0;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .container {
padding: 0 20px;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item {
background: #999;
border:1px solid #666;
padding: 10px;
overflow:hidden;
margin-bottom:15px;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-relatedProductTeaser a {
float: left;
text-align: center;
overflow:hidden;
width:100%;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-relatedProductTeaser a img {
width: 100%;
height:auto;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-relatedProductTeaser .item-text {
clear: both;
display: block;
float: left;
text-align: center;
width: 100%;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-text h4{
text-align: center;
background:#626262;
padding: 5px;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-text h4 a {
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 16px;
font-size: 1.3rem;
font-style: normal;
font-weight: bold;
margin:0 auto;
float:none;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-text span.price {
color: #FFF;
font-size: 18px;
font-size: 1.5rem;
font-weight: bold;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-text p{
text-align: left;
padding: 10px 5px;
float: left;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-text p em{
margin-top: 15px;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-text p em a {
color: #FFF;
text-align: left;
display: block;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .tagList .tag {
background: #D5D5D5;
padding: 3px;
text-align: center;
float: left;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .tagList .tag img {
width:25px;
height:25px;
display:inline-block;
vertical-align:middle;
*display: inline;
*zoom:1;
margin-right:2px
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .tagList .tag span {
display:none;
/*display:inline-block;
vertical-align:middle;
*display: inline;
*zoom:1;*/
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .tagList {
clear: both;
width: 100%;
float: left;
background: #D5D5D5;
}
/*MODELO MINIMALIST*/
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserSubtitle {
padding:6px 4px;
color:#EDEDED;
text-align: center;
line-height: 1;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserTitle {
border-bottom:1px dotted #EDEDED;
padding:6px 4px;
text-align: center;
display:block;
clear:both;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserTitle h4 a {
color:#FFF;
line-height: 1;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserCategory {
display:inline-block;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserCategory span.star {
float:left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2924px no-repeat;
margin-right:2px;
width:11px;
height:10px;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserCategory span.key {
float:left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2996px no-repeat;
margin-right:2px;
width:10px;
height:10px;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserPrice {
padding:3px 0;
line-height: 17px;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserPrice span.desde {
display:block;
color:#FFF;
font-size:12px;
margin-left:55px;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserPrice span.price {
display:inline-block;
color:#FFF;
font-size:24px;
font-weight:bold;
margin-left:75px;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserPrice span.habitacion {
display:inline-block;
color:#FFF;
font-size:14px;
font-weight:bold;
margin-left:3px;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserLink {
background:#999999;
padding: 5px 10px;
overflow: hidden;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserLink span.text {
color:#FFF;
font-size:14px;
display:inline-block;
width:75% !important;
margin:0 !important;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-relatedProductTeaserMin .relatedProductTeaserMinteaser .relatedProductTeaserMinteaserLink span.arrow {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -745px no-repeat;
float:right;
width:11px;
height:20px;
margin:5px 0 5px;
}
/*MODELO EXTENDED*/
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader {
background: #FFF;
padding:6px 8px;
text-align: left;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserTitle {
display:block;
clear:both;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserTitle h4 a {
display:block;
line-height: 1;
color: #999999;
font-size:18px;
font-style: italic;
font-weight:bold;
margin-bottom:3px;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserCategory {
display:inline-block;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserCategory span.star {
float:left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2924px no-repeat;
margin-right:2px;
width:11px;
height:10px;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserCategory span.key {
float:left;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -2996px no-repeat;
margin-right:2px;
width:10px;
height:10px;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtHeader .relatedProductTeaserExtteaserSubtitle {
color: #666;
font-size:14px;
display:inline-block;
line-height: 1;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtteaserDescription {
color:#999;
background: #FFF;
font-size:12px;
display:block;
line-height: 14px;
padding: 10px;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter {
color: #666;
background: #F7F7F7;
display:block;
line-height: 14px;
padding: 15px 10px;
overflow: hidden;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter .relatedProductTeaserExtteaserPrice {
width:40%;
float:left;
margin-right: 10px;
font-size:12px;
line-height: 16px;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter .relatedProductTeaserExtteaserPrice span.price {
color:#666;
font-weight:bold;
font-size:16px;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter .relatedProductTeaserExtteaserButton {
width:55%;
float:left;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter .relatedProductTeaserExtteaserButton a {
display:block;
background:#999999;
color:#FFF;
padding: 10px 5px;
text-align:center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.relatedProductTeaser.model3.high .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter .relatedProductTeaserExtteaserButton a:hover {
background:#C8C8C8;
text-decoration:none;
}
/*COMPONENTE TOPTEN PRODUCTOS*/
/* TYPE A - CLASE NORMAL */
.topTenHotels.normal,
.topTenHotels.model1 {
clear: both;
background:#FFF url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:1px solid #ececec;
margin-bottom:15px;
padding:7px;
position:relative;
overflow:hidden;
-moz-box-shadow: 0px 6px 6px -6px #666;
-webkit-box-shadow: 0px 6px 6px -6px #666;
box-shadow: 0px 6px 6px -6px #666;
}
.topTenHotels.normal h1,
.topTenHotels.model1 h1 {
background:#000;
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 16px;
padding: 10px;
}
.topTenHotels.normal .textintro,
.topTenHotels.model1 .textintro {
float:left;
}
.topTenHotels.normal .textintro h2,
.topTenHotels.model1 .textintro h2 {
color:#999;
font-family:'OpenSans-Regular', sans-serif;
font-size: 18px;
font-size: 1.5rem;
font-weight: normal;
padding: 0 10px;
margin-top:3px;
}
.topTenHotels.normal .textintro img,
.topTenHotels.model1 .textintro img {
float: left;
margin: 10px 0;
width:100%;
height:auto;
}
.topTenHotels.normal .textintro p,
.topTenHotels.model1 .textintro p{
font-family:'Arial-webfont', sans-serif;
font-size:12px;
font-weight:normal;
color:#333;
line-height:18px;
text-align: left;
padding: 10px 5px;
float: left;
}
.topTenHotels.normal .offerList,
.topTenHotels.model1 .offerList {
background: #eee;
float: left;
padding: 10px 0 0 0;
width: 100%;
}
.topTenHotels.normal .offerList ol,
.topTenHotels.model1 .offerList ol {
margin:0;
padding:0;
}
.topTenHotels.normal .offerList ol li,
.topTenHotels.model1 .offerList ol li {
text-transform: uppercase;
border: 1px solid #DDD;
padding:3px;
list-style-type: none;
margin: 0 0 15px 0;
background:#FFF;
}
.topTenHotels.normal .offerList ol li a,
.topTenHotels.model1 .offerList ol li a {
background: #000;
font-size:12px;
font-weight:bold;
font-style:italic;
color:#FFF;
text-transform: uppercase;
text-decoration:none;
font-weight:bold;
display:block;
padding:3px 5px;
}
.topTenHotels.normal .offerList ol li span.productLegend,
.topTenHotels.model1 .offerList ol li span.productLegend {
display: block;
margin: 3px 0;
font-size:12px;
color:#333;
padding: 5px;
}
.topTenHotels.normal .offerList ol li span.productPrice,
.topTenHotels.model1 .offerList ol li span.productPrice {
color:#333;
font-weight: bold;
padding: 5px;
font-size: 14px;
}
/* TYPE A - CLASE NORMAL HIGHLIGHT */
.topTenHotels.normal.high {
clear: both;
background:#999999 url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:1px solid #999999;
margin-bottom:15px;
padding:7px;
position:relative;
overflow:hidden;
-moz-box-shadow: 0px 6px 6px -6px #666;
-webkit-box-shadow: 0px 6px 6px -6px #666;
box-shadow: 0px 6px 6px -6px #666;
}
.topTenHotels.normal.high h1 {
background:#000;
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 16px;
padding: 10px;
}
.topTenHotels.normal.high .textintro {
float:left;
}
.topTenHotels.normal.high .textintro h2 {
color:#999;
font-family:'OpenSans-Regular', sans-serif;
font-size: 18px;
font-size: 1.5rem;
font-weight: normal;
padding: 0 10px;
margin-top:3px;
}
.topTenHotels.normal.high .textintro img {
float: left;
margin: 10px 0;
width:100%;
height:auto;
}
.topTenHotels.normal.high .textintro p{
font-family:'Arial-webfont', sans-serif;
font-size:12px;
font-weight:normal;
color:#FFF;
line-height:18px;
text-align: left;
padding: 10px 5px;
float: left;
}
.topTenHotels.normal.high .offerList {
background: #666;
float: left;
padding: 10px 0 0 0;
margin-top:10px;
width:100%;
}
.topTenHotels.normal.high .offerList ol {
margin:0;
padding:0;
}
.topTenHotels.normal.high .offerList ol li {
text-transform: uppercase;
border: 1px solid #CCC;
padding:3px;
list-style-type: none;
margin: 0 0 15px 0;
background:#999;
}
.topTenHotels.normal.high .offerList ol li a {
background: #000;
font-size:12px;
font-weight:bold;
font-style:italic;
color:#FFF;
text-transform: uppercase;
text-decoration:none;
font-weight:bold;
display:block;
padding:3px 5px;
}
.topTenHotels.normal.high .offerList ol li span.productLegend {
display: block;
margin: 3px 0;
font-size:12px;
color:#FFF;
padding: 5px;
}
.topTenHotels.normal.high .offerList ol li span.productPrice {
color:#FFF;
font-weight: bold;
padding: 5px;
font-size: 14px;
}
/* TYPE B - CLASE MODEL 2 */
.topTenHotels.model2 {
clear: both;
background:#EDEDED url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:1px solid #DDD;
margin-bottom:15px;
padding:7px;
position:relative;
overflow:hidden;
-moz-box-shadow: 0px 12px 13px -6px #333;
-webkit-box-shadow: 0px 12px 13px -6px #333;
box-shadow: 0px 12px 13px -6px #333;
}
.topTenHotels.model2 h1 {
background:#DDD;
color:#000;
font-family:'OpenSans-Regular', sans-serif;
font-size: 22px;
font-weight:bold;
font-style:italic;
padding: 10px;
}
.topTenHotels.model2 .textintro {
float:left;
}
.topTenHotels.model2 .textintro h2 {
color:#999;
font-family:'OpenSans-Regular', sans-serif;
font-size: 18px;
font-size: 1.5rem;
font-weight: normal;
padding: 0 10px;
margin-top:3px;
}
.topTenHotels.model2 .textintro img {
float: left;
margin: 10px 0;
width:100%;
height:auto;
}
.topTenHotels.model2 .textintro p{
font-family:'Arial-webfont', sans-serif;
font-size:14px;
font-weight:normal;
color:#000;
line-height:18px;
text-align: left;
padding: 10px 5px;
float: left;
}
.topTenHotels.model2 .offerList {
float: left;
padding: 10px 0 0 0;
margin-top:10px;
width:100%;
}
.topTenHotels.model2 .offerList ol {
margin:0;
padding:0;
}
.topTenHotels.model2 .offerList ol li {
text-transform: uppercase;
border: 1px solid #DDD;
padding:3px;
list-style-type: none;
margin: 0 0 15px 0;
background:#DDD;
}
.topTenHotels.model2 .offerList ol li a {
background: #666;
font-size:12px;
font-weight:bold;
font-style:italic;
color:#FFF;
text-transform: uppercase;
text-decoration:none;
font-weight:bold;
display:block;
padding:3px 5px;
}
.topTenHotels.model2 .offerList ol li span.productLegend {
display: block;
margin: 3px 0;
font-size:12px;
color:#000;
padding: 5px;
}
.topTenHotels.model2 .offerList ol li span.productPrice {
color:#000;
font-weight: bold;
padding: 5px;
font-size: 14px;
}
/* TYPE B - CLASE MODEL 2 MODEL 1 HIGHLIGHT */
.topTenHotels.model2.high,
#extras .topTenHotels.model1,
#extras .topTenHotels.model2 {
clear: both;
background:#999999 url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:1px solid #999999;
margin-bottom:15px;
padding:7px;
position:relative;
overflow:hidden;
-moz-box-shadow: 0px 12px 13px -6px #333;
-webkit-box-shadow: 0px 12px 13px -6px #333;
box-shadow: 0px 12px 13px -6px #333;
}
.topTenHotels.model2.high h1,
#extras .topTenHotels.model1 h1,
#extras .topTenHotels.model2 h1 {
background:#999999;
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 22px;
font-weight:bold;
font-style:italic;
padding: 10px;
}
.topTenHotels.model2.high .textintro,
#extras .topTenHotels.model1 .textintro,
#extras .topTenHotels.model2 .textintro {
float:left;
}
.topTenHotels.model2.high .textintro h2,
#extras .topTenHotels.model1 .textintro h2,
#extras .topTenHotels.model2 .textintro h2 {
color:#DDD;
font-family:'OpenSans-Regular', sans-serif;
font-size: 18px;
font-size: 1.5rem;
font-weight: normal;
padding: 0 10px;
margin-top:3px;
}
.topTenHotels.model2.high .textintro img,
#extras .topTenHotels.model1 .textintro img,
#extras .topTenHotels.model2 .textintro img {
float: left;
margin: 10px 0;
width:100%;
height:auto;
}
.topTenHotels.model2.high .textintro p,
#extras .topTenHotels.model1 .textintro p,
#extras .topTenHotels.model2 .textintro p{
font-family:'Arial-webfont', sans-serif;
font-size:14px;
font-weight:normal;
color:#FFF;
line-height:18px;
text-align: left;
padding: 10px 5px;
float: left;
}
.topTenHotels.model2.high .offerList,
#extras .topTenHotels.model1 .offerList,
#extras .topTenHotels.model2 .offerList {
float: left;
padding: 10px 0 0 0;
margin-top:10px;
width:100%;
background:none;
}
.topTenHotels.model2.high .offerList ol,
#extras .topTenHotels.model1 .offerList ol,
#extras .topTenHotels.model2 .offerList ol {
margin:0;
padding:0;
}
.topTenHotels.model2.high .offerList ol li,
#extras .topTenHotels.model1 .offerList ol li,
#extras .topTenHotels.model2 .offerList ol li {
text-transform: uppercase;
padding:3px;
list-style-type: none;
margin: 0 0 15px 0;
background: none repeat scroll 0 0 #999999;
border:1px solid #999999;
}
.topTenHotels.model2.high .offerList ol li a,
#extras .topTenHotels.model1 .offerList ol li a,
#extras .topTenHotels.model2 .offerList ol li a {
background:#626262;
font-size:12px;
font-weight:bold;
font-style:italic;
color:#FFF;
text-transform: uppercase;
text-decoration:none;
font-weight:bold;
display:block;
padding:3px 5px;
}
.topTenHotels.model2.high .offerList ol li span.productLegend,
#extras .topTenHotels.model1 .offerList ol li span.productLegend,
#extras .topTenHotels.model2 .offerList ol li span.productLegend {
display: block;
margin: 3px 0;
font-size:12px;
color:#FFF;
padding: 5px;
}
.topTenHotels.model2.high .offerList ol li span.productPrice,
#extras .topTenHotels.model1 .offerList ol li span.productPrice,
#extras .topTenHotels.model2 .offerList ol li span.productPrice {
color:#FFF;
font-weight: bold;
padding: 5px;
font-size: 14px;
}
/* TYPE C - CLASE MODEL 3 */
.topTenHotels.model3 {
clear: both;
background: url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:px solid ;
-moz-box-shadow: ;
-webkit-box-shadow: ;
box-shadow: ;
margin-bottom:15px;
padding:7px;
position:relative;
overflow:hidden;
}
.topTenHotels.model3 h1 {
background:;
color:#999;
font-family:'OpenSans-Regular', sans-serif;
font-size: 22px;
font-weight:bold;
font-style:italic;
padding: 10px;
border-bottom: 2px dotted #ddd;
}
.topTenHotels.model3 .textintro {
float:left;
}
.topTenHotels.model3 .textintro h2 {
color: #666 !important;
font-family:'OpenSans-Regular', sans-serif;
font-size: 18px;
font-size: 1.5rem;
font-weight: normal;
padding: 0 10px;
margin-top:3px;
}
.topTenHotels.model3 .textintro img {
float: left;
margin: 10px 0;
width:100%;
height:auto;
border: 5px solid #EDEDED;
}
.topTenHotels.model3 .textintro p{
font-family:'Arial-webfont', sans-serif;
font-size:12px;
font-weight:normal;
color:#666;
line-height:18px;
text-align: left;
padding: 10px 5px;
float: left;
}
.topTenHotels.model3 .offerList {
float: left;
padding: 10px 0 0 0;
margin-top:10px;
width:100%;
}
.topTenHotels.model3 .offerList ol {
margin:0;
padding:0;
}
.topTenHotels.model3 .offerList ol li {
text-transform: uppercase;
border: 1px solid #DDD;
padding:3px;
list-style-type: none;
margin: 0 0 15px 0;
background:#EDEDED;
}
.topTenHotels.model3 .offerList ol li a {
background: #666;
font-size:12px;
font-weight:bold;
font-style:italic;
color:#FFF;
text-transform: uppercase;
text-decoration:none;
font-weight:bold;
display:block;
padding:3px 5px;
}
.topTenHotels.model3 .offerList ol li span.productLegend {
display: block;
margin: 3px 0;
font-size:12px;
color:#666;
padding: 5px;
}
.topTenHotels.model3 .offerList ol li span.productPrice {
color:#666;
font-weight: bold;
padding: 5px;
font-size: 14px;
}
/* TYPE C - CLASE MODEL 3 HIGHLIGHT */
.topTenHotels.model3.high {
clear: both;
background:#666 url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:1px solid #666;
-moz-box-shadow: ;
-webkit-box-shadow: ;
box-shadow: ;
margin-bottom:15px;
padding:7px;
position:relative;
overflow:hidden;
}
.topTenHotels.model3.high h1 {
background:#666;
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 18px;
font-weight:bold;
font-style:italic;
padding: 10px;
border-bottom: 2px dotted #ddd;
}
.topTenHotels.model3.high .textintro {
float:left;
}
.topTenHotels.model3.high .textintro h2 {
color: #DDD !important;
font-family:'OpenSans-Regular', sans-serif;
font-size: 18px;
font-size: 1.5rem;
font-weight: normal;
padding: 0 10px;
margin-top:3px;
}
.topTenHotels.model3.high .textintro img {
float: left;
margin: 10px 0;
width:100%;
height:auto;
border:5px solid #EDEDED;
}
.topTenHotels.model3.high .textintro p{
font-family:'Arial-webfont', sans-serif;
font-size:14px;
font-weight:normal;
color:#FFF;
line-height:18px;
text-align: left;
padding: 10px 5px;
float: left;
}
.topTenHotels.model3.high .offerList {
float: left;
padding: 10px 0 0 0;
margin-top:10px;
width:100%;
}
.topTenHotels.model3.high .offerList ol {
margin:0;
padding:0;
}
.topTenHotels.model3.high .offerList ol li {
text-transform: uppercase;
padding:3px;
list-style-type: none;
margin: 0 0 15px 0;
background: #999;
border:1px solid #666;
}
.topTenHotels.model3.high .offerList ol li a {
background: #666;
font-size:12px;
font-weight:bold;
font-style:italic;
color:#FFF;
text-transform: uppercase;
text-decoration:none;
font-weight:bold;
display:block;
padding:3px 5px;
}
.topTenHotels.model3.high .offerList ol li span.productLegend {
display: block;
margin: 3px 0;
font-size:12px;
color:#FFF;
padding: 5px;
}
.topTenHotels.model3.high .offerList ol li span.productPrice {
color:#FFF;
font-weight: bold;
padding: 5px;
font-size: 14px;
}
/*COMPONENTE TAG MENU*/
/* TYPE A - CLASE NORMAL */
.tagMenu.normal {
overflow: hidden;
}
.tagMenu.normal .tagMenu-group {
clear: both;
background:#FFF url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:1px solid #ececec;
margin-bottom:15px;
padding:7px;
-moz-box-shadow: 0px 6px 6px -6px #666;
-webkit-box-shadow: 0px 6px 6px -6px #666;
box-shadow: 0px 6px 6px -6px #666;
overflow: hidden;
}
.tagMenu.normal .tagMenu-group .heading img {
display:none;
}
.tagMenu.normal .tagMenu-group .hTt-container-fluid {
padding-right: 0;
padding-left: 0;
}
.tagMenu.normal .tagMenu-group .heading h4 {
color: #FFF !important;
font-size: 16px;
font-family:'OpenSans-Regular', sans-serif;
background:#000;
padding: 10px;
}
.tagMenu.normal .tagMenu-group .heading h6 {
color: #666 !important;
font-size: 18px;
font-size: 1.5rem;
font-weight: normal;
padding: 5px 10px 5px 10px;
margin-bottom: 10px;
}
.tagMenu.normal .tagMenu-group .tagMenuWrapper ul.tagMenuWrapper-toc {
float: left;
width: 100%;
}
.tagMenu.normal .tagMenu-group .tagMenuWrapper ul.tagMenuWrapper-toc li {
float: left;
list-style: none;
list-style-type: none;
margin-right: 10px;
}
.tagMenu.normal .tagMenu-group .tagMenuWrapper ul.tagMenuWrapper-toc li a {
float: left;
list-style: none;
list-style-type: none;
margin-right: 10px;
padding: 5px 15px;
color:#FFF;
background:#999999;
cursor:pointer;
}
.tagMenu.normal .tagMenu-group .tagMenuWrapper ul.tagMenuWrapper-toc li a.on {
color:#FFF;
background:#C8C8C8;
}
.tagMenu.normal .tagMenu-group .tagMenuWrapper ul.tagMenuWrapper-toc li a:hover {
color:#FFF;
background:#C8C8C8;
text-decoration:none;
}
.tagMenu.normal .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont {
float: left;
margin-top: 15px;
}
.tagMenu.normal .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .container {
padding-left:0;
padding-right:0;
}
.tagMenu.normal .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu {
background: none repeat scroll 0 0 #FFF;
border:1px solid #ececec;
padding: 10px;
overflow:hidden;
margin-bottom:15px;
}
.tagMenu.normal .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu h3{
text-align: center;
background:#000;
padding: 5px;
}
.tagMenu.normal .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu h3 a {
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 16px;
font-size: 1.3rem;
font-style: normal;
font-weight: bold;
margin:0 auto;
float:none;
}
.tagMenu.normal .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu a img {
width: 100%;
height:auto;
}
.tagMenu.normal .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu span.price {
color: #333;
font-size: 18px;
font-size: 1.5rem;
font-weight: bold;
width: 100%;
float: left;
text-align: center;
margin-top: 3px;
}
.tagMenu.normal .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu p {
text-align: left;
padding: 5px 5px 10px 5px;
float: left;
}
.tagMenu.normal .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu p em {
margin-top: 15px;
}
.tagMenu.normal .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu p em a {
color: #333;
text-align: left;
display: block;
}
/* TEASER TYPE A - CLASE NORMAL HIGHLIGHT */
.tagMenu.normal.high {
overflow: hidden;
}
.tagMenu.normal.high .tagMenu-group {
clear: both;
background:#999999 url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:1px solid #999999;
margin-bottom:15px;
padding:7px;
-moz-box-shadow: 0px 6px 6px -6px #666;
-webkit-box-shadow: 0px 6px 6px -6px #666;
box-shadow: 0px 6px 6px -6px #666;
overflow: hidden;
}
.tagMenu.normal.high .tagMenu-group .heading img {
display:none;
}
.tagMenu.normal.high .tagMenu-group .hTt-container-fluid {
padding-right: 0;
padding-left: 0;
}
.tagMenu.normal.high .tagMenu-group .heading h4 {
color: #FFF !important;
font-size: 16px;
font-family:'OpenSans-Regular', sans-serif;
background:#000;
padding: 10px;
}
.tagMenu.normal.high .tagMenu-group .heading h6 {
color: #DDD !important;
font-size: 18px;
font-size: 1.5rem;
font-weight: normal;
padding: 5px 10px 5px 10px;
margin-bottom: 10px;
}
.tagMenu.normal.high .tagMenu-group .tagMenuWrapper ul.tagMenuWrapper-toc {
float: left;
width: 100%;
}
.tagMenu.normal.high .tagMenu-group .tagMenuWrapper ul.tagMenuWrapper-toc li {
float: left;
list-style: none;
list-style-type: none;
margin-right: 10px;
}
.tagMenu.normal.high .tagMenu-group .tagMenuWrapper ul.tagMenuWrapper-toc li a {
float: left;
list-style: none;
list-style-type: none;
margin-right: 10px;
padding: 5px 15px;
color:#FFF;
background:#626262;
cursor:pointer;
}
.tagMenu.normal.high .tagMenu-group .tagMenuWrapper ul.tagMenuWrapper-toc li a.on {
color:#FFF;
background:#C8C8C8;
}
.tagMenu.normal.high .tagMenu-group .tagMenuWrapper ul.tagMenuWrapper-toc li a:hover {
color:#FFF;
background:#C8C8C8;
text-decoration:none;
}
.tagMenu.normal.high .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont {
float: left;
margin-top: 15px;
}
.tagMenu.normal.high .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .container {
padding-left:0;
padding-right:0;
}
.tagMenu.normal.high .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu {
background: none repeat scroll 0 0 #FFF;
border:1px solid #999999;
padding: 10px;
overflow:hidden;
margin-bottom:15px;
}
.tagMenu.normal.high .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu h3{
text-align: center;
background:#000;
padding: 5px;
}
.tagMenu.normal.high .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu h3 a {
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 16px;
font-size: 1.3rem;
font-style: normal;
font-weight: bold;
margin:0 auto;
float:none;
}
.tagMenu.normal.high .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu a img {
width: 100%;
height:auto;
}
.tagMenu.normal.high .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu span.price {
color: #FFF;
font-size: 18px;
font-size: 1.5rem;
font-weight: bold;
width: 100%;
float: left;
text-align: center;
margin-top: 3px;
}
.tagMenu.normal.high .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu p {
text-align: left;
padding: 5px 5px 10px 5px;
float: left;
}
.tagMenu.normal.high .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu p em {
margin-top: 15px;
}
.tagMenu.normal.high .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu p em a {
color: #FFF;
text-align: left;
display: block;
}
/* TYPE B - CLASE MODEL 2 */
.tagMenu.model2 {
overflow: hidden;
}
.tagMenu.model2 .tagMenu-group {
clear: both;
background:#EDEDED url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:1px solid #DDD;
margin-bottom:15px;
padding:0;
overflow: hidden;
-moz-box-shadow: 0px 12px 13px -6px #333;
-webkit-box-shadow: 0px 12px 13px -6px #333;
box-shadow: 0px 12px 13px -6px #333;
}
.tagMenu.model2 .tagMenu-group .heading img {
display:none;
}
.tagMenu.model2 .tagMenu-group .hTt-container-fluid {
padding-right: 0;
padding-left: 0;
}
.tagMenu.model2 .tagMenu-group .heading h4 {
color: #000 !important;
font-size: 22px;
font-family:'OpenSans-Regular', sans-serif;
font-style: italic;
font-weight: bold;
background:#DDD;
padding: 10px 20px 10px 20px;
}
.tagMenu.model2 .tagMenu-group .heading h6 {
color: #666 !important;
font-size: 18px;
font-size: 1.5rem;
font-weight: normal;
padding: 5px 20px 5px 20px;
margin-bottom: 10px;
}
.tagMenu.model2 .tagMenu-group .tagMenuWrapper ul.tagMenuWrapper-toc {
float: left;
width: 15%;
margin-left: 15px;
}
.tagMenu.model2 .tagMenu-group .tagMenuWrapper ul.tagMenuWrapper-toc li {
float: left;
list-style: none;
list-style-type: none;
margin-bottom: 10px;
width: 100%;
}
.tagMenu.model2 .tagMenu-group .tagMenuWrapper ul.tagMenuWrapper-toc li a {
display: block;
margin-right: 10px;
padding: 5px 10px;
color:#FFF;
background:#999;
cursor:pointer;
}
.tagMenu.model2 .tagMenu-group .tagMenuWrapper ul.tagMenuWrapper-toc li a.on {
color:#FFF;
background:#333;
}
.tagMenu.model2 .tagMenu-group .tagMenuWrapper ul.tagMenuWrapper-toc li a:hover {
color:#FFF;
background:#333;
text-decoration:none;
}
.tagMenu.model2 .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont {
float: left;
width: 80%;
margin-left: 5px;
}
.tagMenu.model2 .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .container {
padding-left:0;
padding-right:0;
}
.tagMenu.model2 .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .container .tagMenu-itemWrapper {
padding-left:10px;
padding-right:10px;
}
.tagMenu.model2 .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu {
background: none repeat scroll 0 0 #FFF;
border:1px solid #DDD;
padding: 10px;
overflow:hidden;
margin-bottom:15px;
}
.tagMenu.model2 .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu h3{
text-align: center;
background:#DDD;
padding: 5px;
}
.tagMenu.model2 .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu h3 a {
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 16px;
font-size: 1.3rem;
font-style: normal;
font-weight: bold;
margin:0 auto;
float:none;
}
.tagMenu.model2 .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu a img {
width: 100%;
height:auto;
}
.tagMenu.model2 .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu span.price {
color: #000;
font-size: 18px;
font-size: 1.5rem;
font-weight: bold;
width: 100%;
float: left;
text-align: center;
margin-top: 3px;
}
.tagMenu.model2 .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu p {
text-align: left;
padding: 10px 5px;
float: left;
}
.tagMenu.model2 .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu p em {
margin-top: 15px;
}
.tagMenu.model2 .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu p em a {
color: #000;
text-align: left;
display: block;
}
/* TYPE B - CLASE MODEL 2 HIGHLIGHT */
.tagMenu.model2.high {
overflow: hidden;
}
.tagMenu.model2.high .tagMenu-group {
clear: both;
background:#999999 url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:1px solid #999999;
margin-bottom:15px;
padding:0;
overflow: hidden;
-moz-box-shadow: 0px 12px 13px -6px #333;
-webkit-box-shadow: 0px 12px 13px -6px #333;
box-shadow: 0px 12px 13px -6px #333;
}
.tagMenu.model2.high .tagMenu-group .heading img {
display:none;
}
.tagMenu.model2.high .tagMenu-group .hTt-container-fluid {
padding-right: 0;
padding-left: 0;
}
.tagMenu.model2.high .tagMenu-group .heading h4 {
color: #FFF !important;
font-size: 22px;
font-family:'OpenSans-Regular', sans-serif;
font-style: italic;
font-weight: bold;
background:#999999;
padding: 10px 20px 10px 20px;
}
.tagMenu.model2.high .tagMenu-group .heading h6 {
color: #DDD !important;
font-size: 18px;
font-size: 1.5rem;
font-weight: normal;
padding: 5px 20px 5px 20px;
margin-bottom: 10px;
}
.tagMenu.model2.high .tagMenu-group .tagMenuWrapper ul.tagMenuWrapper-toc {
float: left;
width: 15%;
margin-left: 15px;
}
.tagMenu.model2.high .tagMenu-group .tagMenuWrapper ul.tagMenuWrapper-toc li {
float: left;
list-style: none;
list-style-type: none;
margin-bottom: 10px;
width: 100%;
}
.tagMenu.model2.high .tagMenu-group .tagMenuWrapper ul.tagMenuWrapper-toc li a {
display: block;
margin-right: 10px;
padding: 5px 10px;
color:#FFF;
background:;
cursor:pointer;
}
.tagMenu.model2.high .tagMenu-group .tagMenuWrapper ul.tagMenuWrapper-toc li a.on {
color:#FFF;
background:;
}
.tagMenu.model2.high .tagMenu-group .tagMenuWrapper ul.tagMenuWrapper-toc li a:hover {
color:#FFF;
background:;
text-decoration:none;
}
.tagMenu.model2.high .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont {
float: left;
width: 80%;
margin-left: 5px;
}
.tagMenu.model2.high .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .container {
padding-left:0;
padding-right:0;
}
.tagMenu.model2.high .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .container .tagMenu-itemWrapper {
padding-left:10px;
padding-right:10px;
}
.tagMenu.model2.high .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu {
background: none repeat scroll 0 0 #FFF;
border:1px solid #999999;
padding: 10px;
overflow:hidden;
margin-bottom:15px;
}
.tagMenu.model2.high .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu h3{
text-align: center;
background:#999999;
padding: 5px;
}
.tagMenu.model2.high .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu h3 a {
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 16px;
font-size: 1.3rem;
font-style: normal;
font-weight: bold;
margin:0 auto;
float:none;
}
.tagMenu.model2.high .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu a img {
width: 100%;
height:auto;
}
.tagMenu.model2.high .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu span.price {
font-size: 18px;
font-size: 1.5rem;
font-weight: bold;
width: 100%;
float: left;
text-align: center;
margin-top: 3px;
}
.tagMenu.model2.high .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu p {
text-align: left;
padding: 10px 5px;
float: left;
}
.tagMenu.model2.high .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu p em {
margin-top: 15px;
}
.tagMenu.model2.high .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu p em a {
text-align: left;
display: block;
}
/* TYPE C - CLASE MODEL 3 */
.tagMenu.model3 {
overflow: hidden;
}
.tagMenu.model3 .tagMenu-group {
clear: both;
background: url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:px solid ;
-moz-box-shadow: ;
-webkit-box-shadow: ;
box-shadow: ;
margin-bottom:15px;
padding:0;
overflow: hidden;
}
.tagMenu.model3 .tagMenu-group .heading img {
display:none;
}
.tagMenu.model3 .tagMenu-group .hTt-container-fluid {
padding-right: 0;
padding-left: 0;
}
.tagMenu.model3 .tagMenu-group .heading h4 {
color: #999 !important;
font-size: 22px;
font-family:'OpenSans-Regular', sans-serif;
font-style: italic;
font-weight: bold;
background:;
padding: 10px 20px 10px 20px;
border-bottom: 2px dotted #ddd;
}
.tagMenu.model3 .tagMenu-group .heading h6 {
color: #666 !important;
font-size: 18px;
font-size: 1.5rem;
font-weight: normal;
padding: 5px 20px 5px 20px;
margin-bottom: 10px;
}
.tagMenu.model3 .tagMenu-group .tagMenuWrapper ul.tagMenuWrapper-toc {
float: left;
width: 100%;
margin-left:20px;
}
.tagMenu.model3 .tagMenu-group .tagMenuWrapper ul.tagMenuWrapper-toc li {
float: left;
list-style: none;
list-style-type: none;
margin-right: 10px;
}
.tagMenu.model3 .tagMenu-group .tagMenuWrapper ul.tagMenuWrapper-toc li a {
float: left;
list-style: none;
list-style-type: none;
margin-right: 10px;
padding: 5px 15px;
color:#FFF;
background:#626262;
cursor:pointer;
}
.tagMenu.model3 .tagMenu-group .tagMenuWrapper ul.tagMenuWrapper-toc li a.on {
color:#FFF;
background: #C8C8C8;
}
.tagMenu.model3 .tagMenu-group .tagMenuWrapper ul.tagMenuWrapper-toc li a:hover {
color:#FFF;
background: #C8C8C8;
text-decoration:none;
}
.tagMenu.model3 .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont {
float: left;
margin-top: 15px;
}
.tagMenu.model3 .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .container {
padding-left:0;
padding-right:0;
}
.tagMenu.model3 .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu {
background: #EDEDED;
border:px solid ;
padding: 10px;
overflow:hidden;
margin-bottom:15px;
}
.tagMenu.model3 .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu h3{
text-align: center;
background:#626262;
padding: 5px;
}
.tagMenu.model3 .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu h3 a {
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 16px;
font-size: 1.3rem;
font-style: normal;
font-weight: bold;
margin:0 auto;
float:none;
}
.tagMenu.model3 .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu a img {
width: 100%;
height:auto;
}
.tagMenu.model3 .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu span.price {
color: #666;
font-size: 18px;
font-size: 1.5rem;
font-weight: bold;
}
.tagMenu.model3 .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu p {
text-align: left;
padding: 10px 5px;
float: left;
}
.tagMenu.model3 .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu p em {
margin-top: 15px;
}
.tagMenu.model3 .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu p em a {
color: #666;
text-align: left;
display: block;
}
/* TYPE C - CLASE MODEL 3 HIGHLIGHT */
.tagMenu.model3.high {
overflow: hidden;
}
.tagMenu.model3.high .tagMenu-group {
clear: both;
background:#666 url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:1px solid #666;
-moz-box-shadow: ;
-webkit-box-shadow: ;
box-shadow: ;
margin-bottom:15px;
overflow: hidden;
padding:0;
}
.tagMenu.model3.high .tagMenu-group .heading img {
display:none;
}
.tagMenu.model3.high .tagMenu-group .hTt-container-fluid {
padding-right: 0;
padding-left: 0;
}
.tagMenu.model3.high .tagMenu-group .heading h4 {
color: #FFF !important;
font-size: 18px;
font-family:'OpenSans-Regular', sans-serif;
font-style: italic;
font-weight: bold;
background:#666;
padding: 10px 20px 10px 20px;
border-bottom: 2px dotted #ddd;
}
.tagMenu.model3.high .tagMenu-group .heading h6 {
color: #CCC !important;
font-size: 18px;
font-size: 1.5rem;
font-weight: normal;
padding: 5px 20px 5px 20px;
margin-bottom: 10px;
}
.tagMenu.model3.high .tagMenu-group .tagMenuWrapper ul.tagMenuWrapper-toc {
float: left;
width: 100%;
margin-left:20px;
}
.tagMenu.model3.high .tagMenu-group .tagMenuWrapper ul.tagMenuWrapper-toc li {
float: left;
list-style: none;
list-style-type: none;
margin-right: 10px;
}
.tagMenu.model3.high .tagMenu-group .tagMenuWrapper ul.tagMenuWrapper-toc li a {
float: left;
list-style: none;
list-style-type: none;
margin-right: 10px;
padding: 5px 15px;
color:#FFF;
background:#999999;
cursor:pointer;
}
.tagMenu.model3.high .tagMenu-group .tagMenuWrapper ul.tagMenuWrapper-toc li a.on {
color:#FFF;
background: #C8C8C8;
}
.tagMenu.model3.high .tagMenu-group .tagMenuWrapper ul.tagMenuWrapper-toc li a:hover {
color:#FFF;
background: #C8C8C8;
text-decoration:none;
}
.tagMenu.model3.high .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont {
float: left;
margin-top: 15px;
}
.tagMenu.model3.high .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .container {
padding: 0 20px;
}
.tagMenu.model3.high .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu {
background: #999;
border:1px solid #666;
padding: 10px;
overflow:hidden;
margin-bottom:15px;
}
.tagMenu.model3.high .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu h3{
text-align: center;
background:#626262;
padding: 5px;
}
.tagMenu.model3.high .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu h3 a {
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 16px;
font-size: 1.3rem;
font-style: normal;
font-weight: bold;
margin:0 auto;
float:none;
}
.tagMenu.model3.high .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu a img {
width: 100%;
height:auto;
}
.tagMenu.model3.high .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu span.price {
color: #FFF;
font-size: 18px;
font-size: 1.5rem;
font-weight: bold;
}
.tagMenu.model3.high .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu p {
text-align: left;
padding: 10px 5px;
float: left;
}
.tagMenu.model3.high .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu p em {
margin-top: 15px;
}
.tagMenu.model3.high .tagMenu-group .tagMenuWrapper .tagMenuWrapper-cont .tagMenu p em a {
color: #FFF;
text-align: left;
display: block;
}
/*COMPONENTE GRIDSYSTEM*/
.gridSystemWrapper .gridBorder {
border:1px solid #E7E7E7;
padding:10px;
margin-bottom:15px;
}
.gridSystemWrapper .header h1 {
color:#999999;
font-family:'OpenSans-Regular', sans-serif;
font-size: 18px;
font-style:italic;
font-weight:bold;
padding:5px 0 5px 15px;
margin:10px 0;
}
.gridSystemWrapper .header h2 {
background:#1E1E1E;
color:#FFF;
font-family:'OpenSans-Regular', sans-serif;
font-size: 18px;
font-size: 1.5rem;
padding:5px 0 5px 15px;
margin-bottom:15px;
}
.gridSystemWrapper .header h3 {
background:#DDDDDD;
color:#575757;
font-family:'OpenSans-Regular', sans-serif;
font-size: 18px;
padding:5px 0 5px 15px;
margin-bottom:15px;
}
.gridSystemWrapper .header p {
padding: 10px 0 10px 0;
font-size:12px;
line-height:15px;
text-align:justify;
}
.gridSystemWrapper .header img {
float: left;
margin-bottom:15px;
}
.gridSystemWrapper .container {
padding-right: 0;
padding-left: 0;
width:100%;
}
.gridSystemWrapper .container .opener img {
margin: 0 0 10px 0;
width:100%;
height:auto;
}
.gridSystemWrapper .container .opener p {
display:block;
padding: 0;
}
.gridSystemWrapper .container .text-section img {
margin: 0 0 10px 0;
}
.gridSystemWrapper .container .teaser img {
margin: 0 0 10px 0;
width:100%;
height:auto;
}
.gridSystemWrapper .container .teaser p {
padding: 5px 13px;
}
/*flex options for grid container*/
.gridSystemWrapper .flex-container{
display: -webkit-flex;
display: flex;
flex-wrap: nowrap;
}
@media(max-width:767px) {
.gridSystemWrapper .flex-container{
flex-wrap: wrap;
}
.flex-xs-1 {
order: 1;
}
.flex-xs-2 {
order: 2;
}
.flex-xs-3 {
order: 3;
}
.flex-xs-4 {
order: 4;
}
.flex-xs-5 {
order: 5;
}
.flex-xs-6 {
order: 6;
}
}
@media(min-width:768px){
.flex-sm-1 {
order: 1;
}
.flex-sm-2 {
order: 2;
}
.flex-sm-3 {
order: 3;
}
.flex-sm-4 {
order: 4;
}
.flex-sm-5 {
order: 5;
}
.flex-sm-6 {
order: 6;
}
}
@media(min-width:992px){
.flex-md-1 {
order: 1;
}
.flex-md-2 {
order: 2;
}
.flex-md-3 {
order: 3;
}
.flex-md-4 {
order: 4;
}
.flex-md-5 {
order: 5;
}
.flex-md-6 {
order: 6;
}
}
@media(min-width:1200px){
.flex-lg-1 {
order: 1;
}
.flex-lg-2 {
order: 2;
}
.flex-lg-3 {
order: 3;
}
.flex-lg-4 {
order: 4;
}
.flex-lg-5 {
order: 5;
}
.flex-lg-6 {
order: 6;
}
}
/*GRID ASIDE MOVE*/
/*LEFT POSITION*/
@media (min-width: 1458px) and (max-width: 1819px) {
section.grid-system-sticky-left,
div.grid-system-sticky-left {
padding-right: 265px;
}
}
/*RIGHT POSITION*/
@media (min-width: 1458px) and (max-width: 1819px) {
section.grid-system-sticky-right,
div.grid-system-sticky-right {
padding-left: 265px;
}
}
/*SECTION HEADER*/
/*COMPONENTE TITULO CON TEXTO E IMAGEN GRANDE*/
.sectionHeader {
clear:both;
margin-bottom: 15px;
overflow:hidden;
}
.sectionHeader h1 {
color:#000;
font-family:'OpenSans-Regular', sans-serif;
font-size: 22px;
/*font-size:1.83rem;*/
font-style:italic;
font-weight:bold;
background:none;
padding: 15px 15px 5px 15px;
line-height:30px;
}
.sectionHeader h2 {
color:#666;
font-family:'OpenSans-Regular', sans-serif;
font-size: 16px;
/*font-size:1.33rem;*/
margin-top:10px;
padding: 0 15px 10px 15px;
line-height: 22px;
}
.sectionHeader img {
margin: 10px 0 15px 0;
width: 100%;
height: auto;
}
.sectionHeader p {
font-family:'Arial-webfont', sans-serif;
font-size:12px;
font-weight:normal;
text-align:justify;
line-height:22px;
margin: 20px 15px;
}
.sectionHeader ol {
display: block;
list-style-type: decimal;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
width: 100%;
margin: 10px 0;
background: #EDEDED;
}
.sectionHeader ol li {
list-style: decimal;
display: list-item;
text-align: -webkit-match-parent;
border-bottom: 1px solid #d6d6d6;
padding-top: 5px;
padding-bottom: 5px;
}
.sectionHeader ul {
float: left;
width: 100%;
margin: 10px 0;
background: #EDEDED;
line-height: 20px;
list-style: none;
padding: 5px 10px;
}
.sectionHeader ul li {
border-bottom: 1px solid #d6d6d6;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 24px;
background: transparent url('../img/blue/ico-list.png') no-repeat left 4px;
}
.sectionHeader li:last-child {
border-bottom: none;
}
.sectionHeader ol li a, .sectionHeader ul li a {
cursor:pointer;
}
/*FICHA DE PRODUCTO*/
/*COMPONENTE SECTION INTRO EN PAGINA DE PRODUCTO*/
#main .productHeader .overView {
background: none repeat scroll 0 0 #FFF;
border: 1px solid #EDEDED;
float: left;
margin: 15px 0 0;
padding: 15px;
width: 100%;
}
#main .productHeader .overView .leftColumn {
float: left;
}
#main .productHeader .overView .rightColumn {
float: right;
}
#main .productHeader .overView .leftColumn img {
margin: 0;
width:100%;
height:auto;
}
#main .productHeader .overView .rightColumn h2.subtitle {
font-family:'OpenSans-Regular', sans-serif;
color: #000 !important;
font-size: 22px;
font-size: 1.8rem;
padding: 0;
float: left;
margin: 10px 0;
width: 100%;
}
#main .productHeader .overView .rightColumn p {
color: #666;
font-size:12px;
line-height:20px;
float:left;
}
#main .productHeader .overView .rightColumn .address {
margin: 10px 0 15px;
float: left;
}
#main .productHeader .overView .rightColumn .address span {
font-weight: bold;
font-size:12;
}
/* COMPONENTE SUPERPROMOS Finger-Tabs */
div.superpromos {
clear: both;
position: relative;
width: auto;
height: auto;
margin: 20px 0;
padding:12px 200px 12px 12px;
background:#999999;;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.nav-col div.superpromos {
width: 498px; /* plus 200px padding nav */
}
.js div.superpromos {
/*height: 33em;*/
overflow: hidden;
}
div.superpromos ol.superpromos-toc {
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: 195px;
margin: 0;
padding: 0;
}
div.superpromos ol.superpromos-toc li {
float: none;
background: #ebebeb;
font-size: 110%;
color: #FFF;
list-style: none;
}
div.superpromos ol.superpromos-toc a {
display: block;
background: #C8C8C8 url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 19px -1674px no-repeat;
height: 1%;
margin: 0;
border-bottom: 1px solid #999999;;
padding: 12px 10px 8px 20px;
font-weight: bold;
cursor: pointer;
}
div.superpromos ol.superpromos-toc a.on,
div.superpromos ol.superpromos-toc a.a11y-focus,
div.superpromos ol.superpromos-toc a:hover,
div.superpromos ol.superpromos-toc a:active,
div.superpromos ol.superpromos-toc a:focus {
background: #626262 url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -1674px no-repeat;
color: #FFF;
text-decoration: none;
}
div.superpromos .superpromo-section {
margin: 0px;
float:left;
width:100%;
background:#FFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
div.superpromos .superpromo-section h2 {
margin:10px 0 10px 10px;
padding: 0;
font-size: 22px;
font-size: 1.8rem;
color:#CCC !important;
}
div.superpromos .superpromo-section h2 a {
color:#CCC !important;
}
div.superpromos .superpromo-section img {
display: block;
border: none;
margin: 0 10px 10px 10px;
padding: 0;
float:left;
width:280px;
height:auto;
}
div.superpromos .superpromo-section p {
margin: 0 10px 0 10px !important;
line-height: 1.3em;
}
div.superpromos .superpromo-section em.more {
display: block;
}
div.superpromos .superpromo-section em.more a {
display: block;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 -18px no-repeat;
padding: 5px 10px 5px 18px;
color:#C8C8C8;
float:left;
}
/*ESTILOS TABLA TEXT SECTION*/
.text-section table {
overflow:hidden;
border:1px solid #d3d3d3;
background:#fefefe;
margin:0 auto;
-moz-border-radius:5px; /* FF1+ */
-webkit-border-radius:5px; /* Saf3-4 */
border-radius:5px;
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.text-section table caption {
color:#FFF;
text-align:center;
text-transform:uppercase;
padding-top:22px;
text-shadow: 1px 1px 1px #ccc;
background: #0268a6; /* Old browsers */
background: -moz-linear-gradient(top, #999999 0%, #626262 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#626262)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #999999 0%,#626262 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #999999 0%,#626262 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #999999 0%,#626262 100%); /* IE10+ */
background: linear-gradient(to bottom, #999999 0%,#626262 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#626262',GradientType=0 ); /* IE6-9 */
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.text-section table caption, .text-section table th, .text-section table td {
padding:18px 28px 18px;
text-align:left;
}
.text-section table th {
padding-top:22px;
text-shadow: 1px 1px 1px #222;
background:#666;
color:#FFF;
}
.text-section table td {
border-top:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top, #fefefe 0%, #f9f9f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fefefe 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fefefe 0%,#f9f9f9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fefefe 0%,#f9f9f9 100%); /* IE10+ */
background: linear-gradient(to bottom, #fefefe 0%,#f9f9f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}
.text-section table th {
background: #CCC; /* Old browsers */
background: -moz-linear-gradient(top, #CCC 0%, #666 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CCC), color-stop(100%,#666)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #CCC 0%,#666 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #CCC 0%,#666 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #CCC 0%,#666 100%); /* IE10+ */
background: linear-gradient(to bottom, #CCC 0%,#666 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCC', endColorstr='#666',GradientType=0 ); /* IE6-9 */
}
/* COMPONENTE SITEMAP */
#sitemap .links {
border-top: 4px solid #b3b3b3;
margin: 30px 0 30px 0;
}
#sitemap .links h2 {
margin: 16px 0 0 0;
padding: 5px 0 5px 0;
}
#sitemap .links h2 a {
display: block;
color: #555;
}
#sitemap .links h2 a:hover,
#sitemap .links h2 a:active,
#sitemap .links h2 a:focus {
color: #666;
}
#sitemap .links li {
background: transparent url(../img/bgs/dotted-line.png) 0 0 repeat-x;
margin: 0;
border: none;
padding: 0;
}
#sitemap .links li a {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 0 7px no-repeat;
padding: 6px 0 6px 15px;
}
#sitemap .links li li a {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 30px 7px no-repeat;
padding-left: 45px;
}
#sitemap .links li li li a {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 60px 7px no-repeat;
padding-left: 75px;
}
#sitemap #wrapper-3 .links li ul {
margin: 0;
padding: 0;
}
#sitemap .links li li {
font-size: 100%;
}
#main .sitemap {
padding:12px;
background:#999999;;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
float:left;
width:100%;
}
#main .sitemap .links {
margin:0;
padding:5px 0;
background: #FFF;
}
#main .sitemap .links h2 {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') 15px -985px no-repeat;
margin:0;
padding:7px 25px;
font-family:'OpenSans-Regular', sans-serif;
}
#main .sitemap .links h2 a {
color:#999999;
}
#main .sitemap .links ul {
margin-left: 50px;
}
#main .sitemap .links ul li {
background: none;
}
#main .sitemap .links ul li a {
font-size: 18px;
font-size: 1.5rem;
color:#666;
}
#main .sitemap .links ul li a:hover {
text-decoration:underline;
}
/* COMPONENTE FAQ ACCORDION */
#main .super-list{
float:left;
margin: 15px 0;
width: 100%;
}
#main .super-list div div {
background: #f7f8d9;
background: url(../img/bgs/dotted-line.png) 0 0 repeat-x;
padding: 10px 10px 10px 25px;
}
#main .super-list h3{
font-size: 18px;
font-size: 1.5rem;
}
#main .super-list p,
#main .super-list li li {
font-size:12px;
}
#main .super-list p {
margin-bottom: 10px;
}
#main .super-list ul {
margin-left: 0;
}
#main .super-list li {
float: left;
background: url(../img/bgs/dotted-line.png) 0 0 repeat-x;
width: 100%;
list-style-type: none;
}
#main .super-list li li {
background: #FFF;
float: none;
border: none;
list-style-type: disc;
}
#main .super-list li p {
margin: 0;
}
#main .super-list li h3 a {
display: block;
background: transparent url('/resources/templating-kit/themes/hTtGeneric/img/base/sprites.png') no-repeat scroll 5px 7px;
padding: 5px 0 5px 25px;
font-weight: bold;
cursor: pointer;
color:#626262;
}
#main .super-list li h3 a.a11y-focus {
text-decoration: none;
}
#main .super-list li h3 a.js-selected {
background: #EBEBEB;
background-position: 5px -139px;
}
#main .super-list li h3 a:hover {
background: #C8C8C8;
text-decoration:none;
color:#FFF;
}
#main .super-list li ul,
#main .super-list li ol {
margin: 0 0 10px 25px;
}
#main .super-list ol li {
list-style-type: decimal;
}
#main .super-list .media,
#main .super-list dt img {
margin-bottom: 0;
}
#main .super-list dl {
overflow: hidden;
}
#main .super-list dd {
font-size:12px; /* 11px */
line-height: 1.3em;
}
#main .super-list dd.copyright {
font-size: 85%;
}
/* COMPONENTE GLOSSARY */
#glossary-index {
overflow: hidden;
width: 100%;
margin: 0 0 20px 0;
}
#glossary-index ul {
margin: 10px 0 0 0;
}
#glossary-index li {
list-style: none;
float: left;
margin: 0 5px 5px 0;
font-size: 160%;
}
#glossary-index li a,
#glossary-index li span {
display: block;
border: 1px solid #ccc;
padding: 2px 7px 2px 8px;
min-width: 12px;
text-align: center;
font-weight: bold;
}
#glossary-index li span {
color: #555;
}
#glossary-index li a:hover,
#glossary-index li a:active,
#glossary-index li a:focus {
background: #666;
border: 1px solid #666;
color: #FFF;
text-decoration: none;
}
.glossary-box {
float: left;
width: 200px;
height: 20em;
margin: 0 10px 10px 0;
border: 1px solid #ccc;
padding: 10px;
}
#main .glossary-box li.all {
background: none;
}
#main .glossary-box p.all a {
margin-top: -1px;
}
#main .glossary-box h2 {
float: left;
background: #FFF;
margin: 0 10px 0 0;
padding: 0;
font-size: 600%;
color: #000;
line-height: 1;
text-transform: uppercase;
}
#main .glossary-box ul {
list-style: none;
margin: 0;
}
#main .glossary-box ul li {
background: url(../img/bgs/dotted-line.png) 0 100% repeat-x;
margin: 0;
line-height: 1.2em;
}
html > body #main .glossary-box ul li {
height: auto;
}
#main .glossary-box li a {
display: block;
padding: 5px 0 5px 0;
}
/* Glossary Details */
.glossary-details {
height: auto;
width: 688px;
padding: 10px 0 20px 10px;
}
#main .glossary-details h2 {
display: block;
float: none;
}
#main .glossary-details ul li {
width: 47%;
float: left;
margin-right: 19px;
}
/* COMPONENTE PRODUCT FEATURES */
.productFeatures{
margin-bottom:15px;
float: left;
width: 100%;
}
.productFeatures .container{
width: 100%;
}
.productFeatures .productFeatures-wrapper .heading h4{
padding:10px 15px;
color:#FFF;
font-size: 22px;
font-size: 1.8rem;
text-shadow: 1px 1px 1px #222;
background: #999999; /* Old browsers */
background: -moz-linear-gradient(top, #999999; 0%, #626262 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#626262)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #999999 0%,#626262 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #999999 0%,#626262 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #999999 0%,#626262 100%); /* IE10+ */
background: linear-gradient(to bottom, #999999 0%,#626262 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#626262',GradientType=0 ); /* IE6-9 */
}
.productFeatures .productFeatures-wrapper .container .row{
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
}
.productFeatures .productFeatures-wrapper .container .item-wrapper{
padding:15px 15px 10px 15px;
border-top:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top, #fefefe 0%, #f9f9f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fefefe 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fefefe 0%,#f9f9f9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fefefe 0%,#f9f9f9 100%); /* IE10+ */
background: linear-gradient(to bottom, #fefefe 0%,#f9f9f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
min-height: 104px;
}
.productFeatures .productFeatures-wrapper .container .item-wrapper .tag img{
margin-right:10px;
float:left;
}
.productFeatures .productFeatures-wrapper .container .item-wrapper .tag span.title{
color: #000;
font-weight: bold;
font-size: 16px;
font-size: 1.33rem;
line-height: 17px;
}
/* COMPONENTE PRODUCT FEATURES INSIDE GRID WRAPPER */
.gridSystemWrapper .productFeatures .productFeatures-wrapper .heading h4{
float: left;
width: 100%;
color: #999999;
padding: 10px 10px 10px 15px;
font-size: 18px;
line-height: 1.2em;
margin-bottom:10px 0;
font-style: italic;
font-family:'OpenSans-Regular', sans-serif;
font-weight: bold;
background:none;
text-shadow:none;
}
.gridSystemWrapper .productFeatures .productFeatures-wrapper .container .row {
border: 1px solid #e7e7e7;
margin: 0;
background: #fefefe;
background: -moz-linear-gradient(top, #fefefe 0%, #f9f9f9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f9f9f9));
background: -webkit-linear-gradient(top, #fefefe 0%,#f9f9f9 100%);
background: -o-linear-gradient(top, #fefefe 0%,#f9f9f9 100%);
background: -ms-linear-gradient(top, #fefefe 0%,#f9f9f9 100%);
background: linear-gradient(to bottom, #fefefe 0%,#f9f9f9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f9f9f9',GradientType=0 );
}
.gridSystemWrapper .productFeatures .productFeatures-wrapper .container .item-wrapper {
padding: 8px 10px;
background: none;
border:none;
min-height: inherit;
}
.gridSystemWrapper .productFeatures .productFeatures-wrapper.tag-simple .container .item-wrapper .tag img {
margin-right: 5px;
margin-bottom: 10px;
float: left;
}
.gridSystemWrapper .productFeatures .productFeatures-wrapper.tag-mixed .container .item-wrapper .tag img {
margin-right: 5px;
margin-bottom: 10px;
float: left;
width: 25%;
}
.gridSystemWrapper .productFeatures .productFeatures-wrapper.tag-complete .container .item-wrapper .tag img {
margin-right: 5px;
margin-bottom: 10px;
float: left;
width: 20%;
}
.gridSystemWrapper .productFeatures .productFeatures-wrapper .container .item-wrapper .tag span.title {
color: #999;
font-size: 11px;
line-height: 13px;
float: left;
width: 45%;
margin-top: 5px;
}
.gridSystemWrapper .productFeatures .productFeatures-wrapper .container .item-wrapper .tag p {
float: left;
width: 55%;
font-size: 10px;
line-height: 1;
margin-top: 3px;
color: #B1AFAF;
}
/* COMPONENTE PRODUCT FEATURES */
/* TYPE A - NORMAL */
.gridSystemWrapper .productFeatures.normal .productFeatures-wrapper .heading h4{
float: left;
width: 100%;
color: #999999;
padding: 10px 10px 10px 15px;
font-size: 18px;
line-height: 1.2em;
margin-bottom:10px 0;
font-style: italic;
font-family:'OpenSans-Regular', sans-serif;
font-weight: bold;
background:none;
text-shadow:none;
}
.gridSystemWrapper .productFeatures.normal .productFeatures-wrapper .container .row {
border: 1px solid #e7e7e7;
margin: 0;
background: #FFF;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f9f9f9',GradientType=0 );
}
.gridSystemWrapper .productFeatures.normal .productFeatures-wrapper .container .item-wrapper {
padding: 8px 10px;
background: none;
border:none;
min-height: inherit;
}
.gridSystemWrapper .productFeatures.normal .productFeatures-wrapper .container .item-wrapper.col-sm-4.col-md-4 {
width: 33%;
float: left;
}
.gridSystemWrapper .productFeatures.normal .productFeatures-wrapper .container .item-wrapper.col-sm-3.col-md-3 {
width: 25%;
float: left;
}
.gridSystemWrapper .productFeatures.normal .productFeatures-wrapper.tag-simple .container .item-wrapper .tag img {
margin-right: 5px;
margin-bottom: 10px;
float: left;
}
.gridSystemWrapper .productFeatures.normal .productFeatures-wrapper.tag-mixed .container .item-wrapper .tag img {
margin-right: 5px;
margin-bottom: 10px;
float: left;
width: 25%;
}
.gridSystemWrapper .productFeatures.normal .productFeatures-wrapper.tag-complete .container .item-wrapper .tag img {
margin-right: 5px;
margin-bottom: 10px;
float: left;
width: 20%;
}
.gridSystemWrapper .productFeatures.normal .productFeatures-wrapper .container .item-wrapper .tag span.title {
color: #999;
font-size: 11px;
line-height: 13px;
float: left;
width: 45%;
margin-top: 5px;
}
.gridSystemWrapper .productFeatures.normal .productFeatures-wrapper .container .item-wrapper .tag p {
float: left;
width: 55%;
font-size: 10px;
line-height: 1;
margin-top: 3px;
color: #B1AFAF;
}
/* TYPE B - MODEl 2 */
.gridSystemWrapper .productFeatures.model2 .productFeatures-wrapper .heading h4{
float: left;
width: 100%;
color: #999999;
padding: 10px 10px 10px 15px;
font-size: 18px;
line-height: 1.2em;
margin-bottom:10px 0;
font-style: italic;
font-family:'OpenSans-Regular', sans-serif;
font-weight: bold;
background:none;
text-shadow:none;
}
.gridSystemWrapper .productFeatures.model2 .productFeatures-wrapper .container .row {
margin: 0;
background: none;
border:none;
}
.gridSystemWrapper .productFeatures.model2 .productFeatures-wrapper .container .item-wrapper {
padding: 8px 10px;
background: none;
border:none;
min-height: inherit;
}
.gridSystemWrapper .productFeatures.model2 .productFeatures-wrapper .container .item-wrapper.col-sm-4.col-md-4 {
width: 33%;
float: left;
}
.gridSystemWrapper .productFeatures.model2 .productFeatures-wrapper .container .item-wrapper.col-sm-3.col-md-3 {
width: 25%;
float: left;
}
.gridSystemWrapper .productFeatures.model2 .productFeatures-wrapper.tag-simple .container .item-wrapper .tag img {
margin-right: 5px;
margin-bottom: 10px;
float: left;
}
.gridSystemWrapper .productFeatures.model2 .productFeatures-wrapper.tag-mixed .container .item-wrapper .tag img {
margin-right: 5px;
margin-bottom: 10px;
float: left;
width: 25%;
}
.gridSystemWrapper .productFeatures.model2 .productFeatures-wrapper.tag-complete .container .item-wrapper .tag img {
margin-right: 5px;
margin-bottom: 10px;
float: left;
width: 20%;
}
.gridSystemWrapper .productFeatures.model2 .productFeatures-wrapper .container .item-wrapper .tag span.title {
color: #999;
font-size: 11px;
line-height: 13px;
float: left;
width: 45%;
margin-top: 5px;
}
.gridSystemWrapper .productFeatures.model2 .productFeatures-wrapper .container .item-wrapper .tag p {
float: left;
width: 55%;
font-size: 10px;
line-height: 1;
margin-top: 3px;
color: #B1AFAF;
}
/* TYPE B - MODEl 3 */
.gridSystemWrapper .productFeatures.model3 .productFeatures-wrapper .heading h4{
float: left;
width: 100%;
color: #999999;
padding: 10px 10px 10px 15px;
font-size: 18px;
line-height: 1.2em;
margin-bottom:10px 0;
font-style: italic;
font-family:'OpenSans-Regular', sans-serif;
font-weight: bold;
background:none;
text-shadow:none;
}
.gridSystemWrapper .productFeatures.model3 .productFeatures-wrapper .container .row {
margin: 0;
border:1px solid #e5e5e5;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.gridSystemWrapper .productFeatures.model3 .productFeatures-wrapper .container .item-wrapper {
padding: 8px 10px;
background: none;
border:none;
min-height: inherit;
float:left;
}
.gridSystemWrapper .productFeatures.model3 .productFeatures-wrapper .container .item-wrapper.col-sm-4.col-md-4 {
width: 33%;
float: left;
}
.gridSystemWrapper .productFeatures.model3 .productFeatures-wrapper .container .item-wrapper.col-sm-3.col-md-3 {
width: 25%;
float: left;
}
.gridSystemWrapper .productFeatures.model3 .productFeatures-wrapper.tag-simple .container .item-wrapper .tag img {
margin-right: 5px;
margin-bottom: 10px;
float: left;
}
.gridSystemWrapper .productFeatures.model3 .productFeatures-wrapper.tag-mixed .container .item-wrapper .tag img {
margin-right: 5px;
margin-bottom: 10px;
float: left;
width: 25%;
}
.gridSystemWrapper .productFeatures.model3 .productFeatures-wrapper.tag-complete .container .item-wrapper .tag img {
margin-right: 5px;
margin-bottom: 10px;
float: left;
width: 20%;
}
.gridSystemWrapper .productFeatures.model3 .productFeatures-wrapper .container .item-wrapper .tag span.title {
color: #999;
font-size: 11px;
line-height: 13px;
float: left;
width: 45%;
margin-top: 5px;
}
.gridSystemWrapper .productFeatures.model3 .productFeatures-wrapper .container .item-wrapper .tag p {
float: left;
width: 55%;
font-size: 10px;
line-height: 1;
margin-top: 3px;
color: #B1AFAF;
}
@media (max-width: 991px) {
.gridSystemWrapper .productFeatures .productFeatures-wrapper .container .item-wrapper .tag {
text-align:center;
}
.gridSystemWrapper .productFeatures .productFeatures-wrapper .container .item-wrapper .tag img {
width: 100% !important;
float: none !important;
}
.gridSystemWrapper .productFeatures .productFeatures-wrapper .container .item-wrapper .tag span.title,
.gridSystemWrapper .productFeatures .productFeatures-wrapper .container .item-wrapper .tag p {
display:none;
}
}
/*COMPONENTE NEWSLETTER*/
/* TYPE A - CLASE NORMAL */
.mailchimpForm.normal,
.mailchimpForm.model1{
height: auto;
width: 100%;
margin: 10px 0 15px 0;
overflow: hidden;
padding-bottom: 5px;
border: 1px solid #ededed;
padding: 10px 20px;
}
.mailchimpForm.normal h1,
.mailchimpForm.model1 h1 {
color:#000;
font-family:'OpenSans-Regular', sans-serif;
font-size: 22px;
font-style:italic;
font-weight:bold;
padding:5px 0 5px 0;
margin:15px 0 5px;
}
.mailchimpForm.normal h2,
.mailchimpForm.model1 h2 {
font-size: 16px;
}
.mailchimpForm.normal .formContainer,
.mailchimpForm.model1 .formContainer {
position:relative;
background:#FFF url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:1px solid #ececec;
float: left;
width: 100%;
padding: 7px 0 3px 0;
border:none;
margin:0;
overflow: hidden;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.mailchimpForm.normal .formContainer .form-inline p,
.mailchimpForm.model1 .formContainer .form-inline p {
font-size: 13px;
font-style: normal !important;
margin: 10px 0;
color: #9a9a9a;
}
.mailchimpForm.normal .formContainer .form-inline .input-group,
.mailchimpForm.model1 .formContainer .form-inline .input-group {
background-color: #FFFFFF;
}
.mailchimpForm.normal .formContainer .form-inline .input-group .form-control,
.mailchimpForm.model1 .formContainer .form-inline .input-group .form-control {
background-color: #FFFFFF;
border-radius: 0;
color: #a9a9a9;
font-size: 13px;
}
.mailchimpForm.normal .formContainer .form-inline .input-group .input-group-addon,
.mailchimpForm.model1 .formContainer .form-inline .input-group .input-group-addon {
background-color: #f3f3f3;
border-radius: 0;
color: #999999;
}
.mailchimpForm.normal .formContainer .text,
.mailchimpForm.model1 .formContainer .text {
color:#333;
font-family:'Arial-webfont', sans-serif;
font-size:12;
font-weight:normal;
font-style:italic;
line-height:18px;
}
.mailchimpForm.normal .formContainer img,
.mailchimpForm.model1 .formContainer img {
position: absolute;
bottom: 10px;
right: 13px;
}
.mailchimpForm.normal .formContainer form .checkbox label,
.mailchimpForm.model1 .formContainer form .checkbox label {
font-size: 10px;
color:#333;
/*font-size:0.83rem;*/
}
.mailchimpForm.normal .formContainer form .checkbox label a,
.mailchimpForm.model1 .formContainer form .checkbox label a {
cursor:pointer;
color:#333;
}
.mailchimpForm.normal .formContainer form button.btn,
.mailchimpForm.model1 .formContainer form button.btn {
color:#FFF;
background: #999999;
font-size:'Arial-webfont', sans-serif;
font-weight:normal;
font-style:italic;
font-size:14px;
text-decoration: none;
text-align: center;
padding: 5px 15px;
display: inline-block;
}
.mailchimpForm.normal .formContainer form button.btn:hover,
.mailchimpForm.model1 .formContainer form button.btn:hover {
background: #C8C8C8;
}
.mailchimpForm.normal .formContainer form #subscribeNewsletter,
.mailchimpForm.model1 .formContainer form #subscribeNewsletter {
border-radius: 0;
background: #999999;
border: 0;
padding: 7px 0;
width: 90px;
color: #FFFFFF;
cursor: pointer;
font-style: normal;
}
.mailchimpForm.normal .formContainer form #subscribeNewsletter:hover,
.mailchimpForm.model1 .formContainer form #subscribeNewsletter:hover {
background: #C8C8C8;
}
.mailchimpForm.normal .formContainer form .terms-conditions,
.mailchimpForm.model1 .formContainer form .terms-conditions {
font-size: 11px;
font-weight: normal;
margin: 10px 0;
}
.mailchimpForm.normal .formContainer form .terms-conditions input.user-success,
.mailchimpForm.model1 .formContainer form .terms-conditions input.user-success{
vertical-align:sub;
}
.mailchimpForm.normal .formContainer form .terms-conditions a,
.mailchimpForm.model1 .formContainer form .terms-conditions a {
color: #999999;
font-weight: normal;
font-size: 12px;
}
.mailchimpForm.normal .formContainer form .terms-conditions a:hover,
.mailchimpForm.model1 .formContainer form .terms-conditions a:hover {
color: #626262;
}
@media (max-width: 768px) {
.mailchimpForm.normal .mailchimpFormWrapper #subscribeNewsletter,
.mailchimpForm.model1 .mailchimpFormWrapper #subscribeNewsletter {
width: 100%;
}
}
/* TYPE A - CLASE NORMAL HIGHLIGHT */
.mailchimpForm.normal.high{
height: auto;
width: 100%;
margin: 0 0 15px 0;
overflow: hidden;
padding-bottom:5px;
}
.mailchimpForm.normal.high h1 {
color:#000;
font-family:'OpenSans-Regular', sans-serif;
font-size: 22px;
/*font-size:1.83rem;*/
font-style:italic;
font-weight:bold;
padding:5px 0 5px 15px;
margin:15px 0;
}
.mailchimpForm.normal.high .formContainer {
position:relative;
background:#999999 url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:1px solid #999999;
float: left;
width: 100%;
padding: 15px 15px 39px 15px;
margin:0;
overflow: hidden;
-moz-box-shadow: 0px 6px 6px -6px #666;
-webkit-box-shadow: 0px 6px 6px -6px #666;
box-shadow: 0px 6px 6px -6px #666;
}
.mailchimpForm.normal.high .formContainer .text {
font-family:'Arial-webfont', sans-serif;
font-size:12px;
font-weight:normal;
color:#FFF;
font-style:italic;
line-height:18px;
}
.mailchimpForm.normal.high .formContainer img {
position: absolute;
bottom: 10px;
right: 13px;
}
.mailchimpForm.normal.high .formContainer form .checkbox label {
font-size: 10px;
color:#FFF;
/*font-size:0.83rem;*/
}
.mailchimpForm.normal.high .formContainer form .checkbox label a {
cursor:pointer;
color:#FFF;
}
.mailchimpForm.normal.high .formContainer form button.btn {
color:#FFF;
background: #626262;
font-size:'Arial-webfont', sans-serif;
font-weight:normal;
font-style:italic;
font-size:14px;
text-decoration: none;
text-align: center;
padding: 5px 15px;
display: inline-block;
}
.mailchimpForm.normal.high .formContainer form button.btn:hover {
background: #C8C8C8;
}
/* TYPE B - CLASE MODEL 2 */
.mailchimpForm.model2{
width: 100%;
text-align: center;
height: auto;
margin-top: 10px;
margin-bottom: 10px;
overflow: hidden;
padding-bottom: 5px;
border: none;
padding: 10px 20px;
}
.mailchimpForm.model2 h1 {
color:#000;
font-family:'OpenSans-Regular', sans-serif;
font-size: 22px;
font-style:italic;
font-weight:bold;
padding:5px 0 5px 0;
margin:15px 0 5px;
}
.mailchimpForm.model2 h2 {
font-size: 16px;
}
.mailchimpForm.model2 .formContainer {
position:relative;
background:#FFF url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:1px solid #ececec;
float: left;
width: 100%;
padding: 7px 0 3px 0;
border:none;
margin:0;
overflow: hidden;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.mailchimpForm.model2 .formContainer .form-inline p {
font-size: 13px;
font-style: normal !important;
margin: 10px 0;
color: #9a9a9a;
}
.mailchimpForm.model2 .formContainer .form-inline .input-group {
background-color: #FFFFFF;
}
.mailchimpForm.model2 .formContainer .form-inline .input-group .form-control {
background-color: #FFFFFF;
border-radius: 0;
color: #a9a9a9;
font-size: 13px;
}
.mailchimpForm.model2 .formContainer .form-inline .input-group .input-group-addon {
background-color: #f3f3f3;
border-radius: 0;
color: #999999;
}
.mailchimpForm.model2 .formContainer .text {
color:#333;
font-family:'Arial-webfont', sans-serif;
font-size:12;
font-weight:normal;
font-style:italic;
line-height:18px;
}
.mailchimpForm.model2 .formContainer img {
position: absolute;
bottom: 10px;
right: 13px;
}
.mailchimpForm.model2 .formContainer form .checkbox label {
font-size: 10px;
color:#333;
/*font-size:0.83rem;*/
}
.mailchimpForm.model2 .formContainer form .checkbox label a {
cursor:pointer;
color:#333;
}
.mailchimpForm.model2 .formContainer form button.btn {
color:#FFF;
background: #999999;
font-size:'Arial-webfont', sans-serif;
font-weight:normal;
font-style:italic;
font-size:14px;
text-decoration: none;
text-align: center;
padding: 5px 15px;
display: inline-block;
}
.mailchimpForm.model2 .formContainer form button.btn:hover {
background: #C8C8C8;
}
.mailchimpForm.model2 .formContainer form #subscribeNewsletter {
border-radius: 0;
background: #999999;
border: 0;
padding: 7px 0;
width: 90px;
color: #FFFFFF;
cursor: pointer;
font-style: normal;
}
.mailchimpForm.model2 .formContainer form #subscribeNewsletter:hover {
background: #C8C8C8;
}
.mailchimpForm.model2 .formContainer form .terms-conditions {
font-size: 11px;
font-weight: normal;
margin: 10px 0;
}
.mailchimpForm.model2 .formContainer form .terms-conditions input.user-success{
vertical-align:sub;
}
.mailchimpForm.model2 .formContainer form .terms-conditions a {
color: #999999;
font-weight: normal;
font-size: 12px;
}
.mailchimpForm.model2 .formContainer form .terms-conditions a:hover {
color: #626262;
}
@media (max-width: 768px) {
.mailchimpForm.model2 .mailchimpFormWrapper #subscribeNewsletter {
width: 100%;
}
}
/* TYPE B - CLASE MODEL 2 MODEL 1 HIGHLIGHT */
.mailchimpForm.model2.high,
#extras .mailchimpForm.model1{
height: auto;
width: 100%;
margin: 0 0 15px 0;
overflow: hidden;
padding-bottom:5px;
background:none;
border:none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.mailchimpForm.model2.high h1,
#extras .mailchimpForm.model1 h1 {
color:#000;
font-family:'OpenSans-Regular', sans-serif;
font-size: 22px;
/*font-size:1.83rem;*/
font-style:italic;
font-weight:bold;
padding:5px 0 5px 15px;
margin:15px 0;
}
.mailchimpForm.model2.high .formContainer,
#extras .mailchimpForm.model1 .formContainer {
position:relative;
border-radius: 0px;
float: left;
width: 100%;
padding: 15px 20px 39px 20px;
margin:0 0 20px 0;
overflow: hidden;
background:#999999 url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:1px solid #999999;
-moz-box-shadow: 0px 12px 13px -6px #333;
-webkit-box-shadow: 0px 12px 13px -6px #333;
box-shadow: 0px 12px 13px -6px #333;
}
.mailchimpForm.model2.high .formContainer .text,
#extras .mailchimpForm.model1 .formContainer .text {
color:#FFF;
font-size: 14;
font-style: italic;
line-height: 19px;
margin: 0 0 12px 0 !important;
}
.mailchimpForm.model2.high .formContainer img,
#extras .mailchimpForm.model1 .formContainer img {
position: absolute;
bottom: 10px;
left: 55px;
}
.mailchimpForm.model2.high .formContainer form .checkbox label,
#extras .mailchimpForm.model1 .formContainer form .checkbox label {
font-size: 12px;
color:#FFF;
}
.mailchimpForm.model2.high .formContainer form .checkbox label a,
#extras .mailchimpForm.model1 .formContainer form .checkbox label a {
cursor:pointer;
color:#FFF;
}
.mailchimpForm.model2.high .formContainer form button.btn,
#extras .mailchimpForm.model1 .formContainer form button.btn {
margin-top: 18px;
float: right;
background: ;
color: #FFF;
font-size: 12px;
text-decoration: none;
display: inline-block;
text-align: center;
padding: 3px 15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-transform: uppercase;
font-style: normal;
}
.mailchimpForm.model2.high .formContainer form button.btn:hover,
#extras .mailchimpForm.model1 .formContainer form button.btn:hover {
background: ;
color: #FFF;
}
/* TYPE C - CLASE MODEL 3 */
.mailchimpForm.model3{
height: auto;
width: 100%;
margin: 0 0 15px 0;
overflow: hidden;
padding-bottom:5px;
}
.mailchimpForm.model3 h1 {
color:#000;
font-family:'OpenSans-Regular', sans-serif;
font-size: 22px;
/*font-size:1.83rem;*/
font-style:italic;
font-weight:bold;
padding:5px 0 5px 15px;
margin:15px 0;
}
.mailchimpForm.model3 .formContainer {
position:relative;
background: url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:px solid ;
-moz-box-shadow: ;
-webkit-box-shadow: ;
box-shadow: ;
float: left;
width: 100%;
padding: 15px 15px 39px 15px;
margin:0;
overflow: hidden;
}
.mailchimpForm.model3 .formContainer .text {
color:#666;
font-family:'Arial-webfont', sans-serif;
font-size:12;
font-weight:normal;
font-style:italic;
line-height:18px;
}
.mailchimpForm.model3 .formContainer img {
position: absolute;
bottom: 10px;
right: 13px;
}
.mailchimpForm.model3 .formContainer form .checkbox label {
font-size: 10px;
color:#666;
/*font-size:0.83rem;*/
}
.mailchimpForm.model3 .formContainer form .checkbox label a {
cursor:pointer;
color:#666;
vertical-align: sub;
}
.mailchimpForm.model3 .formContainer form button.btn {
color:#FFF;
background: #626262;
font-size:'Arial-webfont', sans-serif;
font-weight:normal;
font-style:italic;
font-size:14px;
text-decoration: none;
text-align: center;
padding: 5px 15px;
display: inline-block;
}
.mailchimpForm.model3 .formContainer form button.btn:hover {
background: #C8C8C8;
}
/* TYPE C - CLASE MODEL 3 */
.mailchimpForm.model3.high{
height: auto;
width: 100%;
margin: 0 0 15px 0;
overflow: hidden;
padding-bottom:5px;
}
.mailchimpForm.model3.high h1 {
color:#000;
font-family:'OpenSans-Regular', sans-serif;
font-size: 22px;
/*font-size:1.83rem;*/
font-style:italic;
font-weight:bold;
padding:5px 0 5px 15px;
margin:15px 0;
}
.mailchimpForm.model3.high .formContainer {
position:relative;
background:#666 url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:1px solid #666;
-moz-box-shadow: ;
-webkit-box-shadow: ;
box-shadow: ;
float: left;
width: 100%;
padding: 15px 15px 39px 15px;
margin:0;
overflow: hidden;
}
.mailchimpForm.model3.high .formContainer .text {
color:#FFF;
font-family:'Arial-webfont', sans-serif;
font-size:14;
font-weight:normal;
font-style:italic;
line-height:18px;
}
.mailchimpForm.model3.high .formContainer img {
position: absolute;
bottom: 10px;
right: 13px;
}
.mailchimpForm.model3.high .formContainer form .checkbox label {
font-size: 10px;
color:#FFF;
/*font-size:0.83rem;*/
}
.mailchimpForm.model3.high .formContainer form .checkbox label a {
cursor:pointer;
color:#FFF;
}
.mailchimpForm.model3.high .formContainer form button.btn {
color:#FFF;
background: #999999;
font-size:'Arial-webfont', sans-serif;
font-weight:normal;
font-style:italic;
font-size:14px;
text-decoration: none;
text-align: center;
padding: 5px 15px;
display: inline-block;
}
.mailchimpForm.model3.high .formContainer form button.btn:hover {
background: #C8C8C8;
}
/* Newsletter Modal Dialog */
#newsletter-modal {
border-radius: 23px;
}
#newsletter-modal .modal-header {
background-color: #2196F3;
}
#newsletter-modal .modal-header #modal-title-newsletter {
color: #FFF;
text-transform: uppercase;
}
#newsletter-modal .modal-footer button {
background-color: #2196F3;
border-color: #2196F3;
color: #FFF;
}
#newsletter-modal .modal-footer button:hover {
background-color: #80c5fb;
border-color: #80c5fb;
}
/*TABLA PRODUCTO BASE AREA*/
.product_base {
margin-left: auto;
margin-right: auto;
width: 990px;
overflow:hidden;
padding-bottom: 11px;
}
.product_base h2 {
color:#C8C8C8;
font-family:'OpenSans-Regular', sans-serif;
font-size:20px;
font-size:1.66rem;
font-weight:bold;
padding:5px 0 5px 0;
margin:15px 0;
}
.product_base ul {
float: left;
margin:0;
padding:10px 0 10px;
list-style:none;
background: url('../img/brown/separate-product-basearea.png') no-repeat center bottom transparent;
}
.product_base ul:last-child {
background: none;
}
.product_base li.product_base_unit {
width: 246px;
padding-right: 12px;
float: left;
list-style-type:none;
}
.product_base li a {
color:#999999;
font-family:'OpenSans-Regular', sans-serif;
font-size:16px;
text-decoration:none;
line-height: 14px;
}
.product_base li a:hover {
color:#626262;
}
.product_base li p {
color:#666;
font-family:'OpenSans-Regular', sans-serif;
font-size:12px;
}
/*TABLA PRODUCTO BASE AREA MODELO 2*/
.product_base_mod2_group {
margin: 15px 0 20px 0;
}
.product_base_mod2 {
overflow:hidden;
margin:0;
}
.product_base_mod2 h2 {
padding:0;
margin:15px 0 5px 0;
}
.product_base_mod2 h2 a {
color:#999999;
font-family:'OpenSans-Regular', sans-serif;
font-size:14px;
font-weight:bold;
cursor:pointer;
}
.product_base_mod2 h2 a:hover {
color:#C8C8C8;
text-decoration:none;
}
.product_base_mod2 ul {
margin:10px 0 0;
list-style:none;
}
.product_base_mod2 ul:last-child {
background: none;
}
.product_base_mod2 li.product_base_unit {
width: 246px;
padding-right: 12px;
display:block;
list-style-type:none;
}
.product_base_mod2 li a {
color:#777;
font-family:'OpenSans-Regular', sans-serif;
font-size:12px;
text-decoration:none;
line-height: 14px;
}
.product_base_mod2 li a:hover {
color:#222;
}
/*MODULO PIE TEASER PRODUCT PARA TARIFAS*/
.tarifa_servicio {
background: none #f7f7f7;
border-top: 1px solid #ddd;
height: 65px;
width: 100%;
overflow: hidden;
}
.tarifa_servicio .preciodesde {
float: left;
margin: 10px 0 0 10px;
width: 105px;
}
.tarifa_servicio .preciodesde p {
color: #999999;
text-transform: uppercase;
margin: 0 !important;
padding: 0 !important;
}
.tarifa_servicio .preciodesde p b {
font-size: 20px;
font-size:1.66rem;
color: #C8C8C8 !important;
}
.tarifa_servicio a {
color: #ffffff;
font-size: 16px;
font-size:1.33rem;
text-decoration: none;
display: inline-block;
background: #C8C8C8;
text-align: center;
padding: 8px 12px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-transform: uppercase;
float: right;
margin: 11px 6px;
}
.tarifa_servicio a:hover {
background: #999999;
}
/*ESTILOS BUSCADOR NUEVO*/
.searcherHTML {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/bg-seacherhtml2_base.png') repeat scroll 0 0;
display: block;
height: auto;
margin: 0 auto;
/*overflow: hidden;*/
padding: 15px 10px 15px 10px;
position: relative;
/*width: 970px;*/
-moz-box-shadow: 0 12px 13px -6px #333;
-webkit-box-shadow: 0 12px 13px -6px #333;
box-shadow: 0 12px 13px -6px #333;
z-index:60;
-webkit-box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
box-sizing: content-box !important;
}
/*CORRIJE POSICIONAMIENTO Z-INDEX DE LOS COMPONENTES Y VISUALIZACION GENERAL CAJA BUSCADOR OFERTAS POPUP*/
.popupOffer {
z-index:1003;
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/bg-seacherhtml2_base.png') repeat scroll 0 0 !important;
padding: 15px !important;
min-height: 0 !important;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.popupOffer .searcher-general {
background: none !important;
}
/*AREA DEL BUSCADOR HOTEL IMPLEMENTADO EN NUEVO REVOLUTION SLIDER*/
@media (max-width:767px) {
/*.revSlider{
height: 100px !important;
}*/
.revolutionSliderComponent .tp-caption {
display:none;
}
}
.revolutionSliderComponent .rev_bg .searcherHTML,
.revolutionSliderComponent .rev_bg .searcherHTML .searcher-general{
background:none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.revolutionSliderComponent .custom_bg .searcherHTML,
.revolutionSliderComponent .custom_bg .searcherHTML .searcher-general{
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.revolutionSliderComponent .custom_bg .searcherHTML .searcher-general{
background:none;
}
.revolutionSliderComponent .searcherHTML.vertical h1.title{
margin: 0 20px 10px 22px;
}
.revolutionSliderComponent .searcherHTML.vertical form{
margin-left: 5px;
}
.revolutionSliderComponent .searcherHTML.horizontal .searcher-general.title-left h1,
.revolutionSliderComponent .searcherHTML.horizontal .searcher-general.title-left form{
display: inline-block !important;
float:none !important;
vertical-align: middle;
margin: 0 0 0 19px;
}
.revolutionSliderComponent .revSliderWrapper,
.revolutionSliderComponent .revSliderWrapper ul,
.revolutionSliderComponent .revSliderWrapper ul li{
overflow:visible !important;
}
.revolutionSliderComponent .revSliderWrapper ul.jAutochecklist_list{
overflow-x: auto !important;
}
.revolutionSliderComponent .revSliderWrapper.row{
margin-right: 0;
margin-left: 0;
}
@media (max-width:767px) {
.revolutionSliderComponent .tp-bullets{
display:none;
}
}
.revolutionSliderComponent .bootstrapTab {
background:none;
font-size:12px;
}
.revolutionSliderComponent .bootstrapTab .tab-content {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/bg-seacherhtml2_base.png') repeat scroll 0 0;
-webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
padding-top: 15px;
}
.searcherHTML.horizontal {
padding: 0;
width:100%;
}
#stage.normal .area_wrapper .searcherHTML.horizontal {
width: 990px;
padding-top:15px;
}
.searcherHTML .searcher-general .searchbutton input[type="submit"] {
background: #CCC;
border: 0 none;
color: #FFFFFF;
cursor:pointer;
}
.searcherHTML .searcher-general .searchbutton input[type="submit"]:hover {
background: #999;
color: #FFF;
}
.searcher-general.horizontal .calendar-request a {
height: 33px;
}
.searcherHTML .searcher-general form {
padding-bottom: 0;
line-height:1;
}
.searcherHTML.vertical .searcher-general form {
padding: 0 17px;
}
.jAutochecklist_list {
top: 48px;
}
.jAutochecklist_wrapper {
margin: 0px 0 3px 0;
}
#home #stage .searcherHTML.horizontal {
padding-top:10px;
}
#home #stage .revolutionSliderComponent .searcherHTML.horizontal {
padding-top:0;
}
#section .searcherHTML.horizontal,
#searchPage .searcherHTML.horizontal,
#contactPage .searcherHTML.horizontal,
#newsOverview .searcherHTML.horizontal {
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/bg-seacherhtml2_base.png') repeat 0 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
padding-top:10px;
}
#section .revolutionSliderComponent .searcherHTML.horizontal,
#section .revolutionSliderComponent .searcherHTML.horizontal .searcher-general
#searchPage .revolutionSliderComponent .searcherHTML.horizontal,
#searchPage .revolutionSliderComponent .searcherHTML.horizontal .searcher-general
#contactPage .revolutionSliderComponent .searcherHTML.horizontal,
#contactPage .revolutionSliderComponent .searcherHTML.horizontal .searcher-general
#newsOverview .revolutionSliderComponent .searcherHTML.horizontal,
#newsOverview .revolutionSliderComponent .searcherHTML.horizontal .searcher-general{
background:none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.searcher-general .title {
font-family: 'Arial-webfont', sans-serif;
color:#FFF;
}
.searcher-general label {
color:#FFF;
}
/*AREA DEL BUSCADOR GENERICOS IMPLEMENTADO EN NUEVO REVOLUTION SLIDER*/
.revolutionSliderComponent .searcher-ticket {
background:none;
}
.revolutionSliderComponent .searcher-ticket.vertical {
padding: 10px 0;
background:none;
}
.revolutionSliderComponent .searcher-ticket h1.title {
/*padding: 0 0 10px;*/
}
.revolutionSliderComponent .searcher-ticket form {
padding-bottom: 10px;
line-height: 1;
}
.revolutionSliderComponent .searcher-ticket.vertical .search-button {
display:block;
}
/******BUSCADOR OFERTA COMPLEMENTARIA - PENDIENTE ELIMINAR CUANDO SE IMPLANTE EL NUEVO BUSCADOR******/
.searcherHTML.horizontal .searcher-generic {
width: 990px;
margin: 0 auto;
}
#stage.vertical .searcherHTML.vertical .searcher-generic{
float: none;
width: 273px;
min-height: 364px;
margin-left: 11px;
text-align: center;
}
/*AREA DEL BUSCADOR GENRICO HORIZONTAL IMPLEMENTADO EN NUEVO REVOLUTION SLIDER*/
.revolutionSliderComponent .searcherHTML.horizontal .searcher-generic{
width: auto;
}
/*TOOLTIP EMPTY DATA*/
.item-data .emptyDate {
height: 50px;
padding: 12px 10px 10px 10px;
position: absolute;
width: 136px;
z-index: 5000;
font-size: 11px;
font-size:0.91rem;
color: #666;
line-height: 14px;
background: url(../../white/img/tooltipCalendar.png) no-repeat;
top: 30px;
}
/***ESTILOS CALENDARIO BUSCADOR***/
.ui-datepicker-header {
background: #999999;
border-color:#999999;
color:#FFF;
}
.ui-datepicker-calendar .ui-state-active {
background: #626262;
color:#FFF;
}
.ui-datepicker-calendar .ui-state-hover {
background: #626262;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
border: 1px solid #999999;
}
/***ESTILOS TIMEPICKER BUSCADOR***/
#ui-timepicker-div .ui-timepicker-table .ui-timepicker-title{
border-color: #999999;
background:#999999;
}
#ui-timepicker-div .ui-timepicker-table .ui-timepicker .ui-timepicker-hour-cell a.ui-state-active,
#ui-timepicker-div .ui-timepicker-table .ui-timepicker .ui-timepicker-minute-cell a.ui-state-active{
background: #626262;
border: 1px solid #626262;
}
#ui-timepicker-div .ui-timepicker-table .ui-timepicker .ui-timepicker-hour-cell .ui-state-hover,
#ui-timepicker-div .ui-timepicker-table .ui-timepicker .ui-timepicker-minute-cell .ui-state-hover {
background: #626262;
}
/*COMPONENTE TAB MULTIBUSCADOR*/
#stage.vertical .bootstrapTab .searcherHTML {
padding:0;
}
#stage.vertical .bootstrapTab{
float:left !important;
min-height:433px;
margin-top: 10px;
-moz-box-shadow: 0 12px 13px -6px #333;
-webkit-box-shadow: 0 12px 13px -6px #333;
box-shadow: 0 12px 13px -6px #333;
}
#stage.vertical .bootstrapTab .searcherHTML .searcher-general {
margin-left: 18px !important;
}
#stage.vertical .bootstrapTab .tab-content .tab-pane {
float:left !important;
}
.bootstrapTab{
background: url('/resources/templating-kit/themes/hTtGeneric/img/base/bg-seacherhtml2_base.png') repeat scroll 0 0;
padding:15px;
}
.bootstrapTab h3{
color:#FFF;
font-size:28px;
font-weight: bold;
display:block;
margin:10px 15px;
}
.bootstrapTab .subtitle{
color:#FFF;
font-size: 18px;
display: block;
margin: 15px 15px 0 0;
line-height: 1px;
}
.bootstrapTab .tabbable .row {
margin-right: 0;
margin-left: 0;
}
.bootstrapTab .tabbable .col-md-4,
.bootstrapTab .tabbable .col-md-8 {
padding-right: 0;
padding-left: 0;
}
.bootstrapTab .tabbable .nav-tabs.nav-justified > .active > a:visited,
.bootstrapTab .tabbable .nav-tabs.nav-justified > .active > a:active{
font-size: 14px;
}
.bootstrapTab .tabbable .nav-tabs.nav-justified > .active > a {
color:#FFF;
font-family:'Arial-webfont', sans-serif;
background:#626262;
border: none;
}
.bootstrapTab .tabbable .nav-tabs.nav-justified > .active > a:hover {
/*font-size: 14px;*/
}
.bootstrapTab .tabbable .nav-tabs.nav-justified > li {
padding-right: 4px;
}
.bootstrapTab .tabbable .nav-tabs.nav-justified > li:last-child {
padding-right: 0px;
}
.bootstrapTab .tabbable .nav-tabs.nav-justified > li > a {
background:#979797;
color:#FFF;
font-family:'Arial-webfont', sans-serif;
font-size: 14px;
border: none;
}
.bootstrapTab .searcherHTML {
background: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
padding-top: 0;
}
.bootstrapTab .searcherHTML .searcher-ticket{
padding: 0 0 0 18px;
background:none;
}
.bootstrapTab .searcherHTML .searcher-general{
background:none;
}
.bootstrapTab .searcherHTML .searcher-general .searcher-ticket form{
padding: 0 0 10px 0;
}
.bootstrapTab .tabbable .nav-tabs > li.active > a,
.bootstrapTab .tabbable .nav-tabs > li.active > a:hover,
.bootstrapTab .tabbable .nav-tabs > li.active > a:focus {
color:#FFF;
font-family:'Arial-webfont', sans-serif;
background:#626262;
cursor: default;
border: none !important;
}
.bootstrapTab .tabbable .nav-tabs > li > a {
border:none !important;
background:#626262;
color:#FFF;
font-family:'Arial-webfont', sans-serif;
font-size: 18px;
margin-right: 0px;
}
#stage.vertical .bootstrapTab .tabbable .nav-tabs > li.active > a,
#stage.vertical .bootstrapTab .tabbable .nav-tabs > li.active > a:hover,
#stage.vertical .bootstrapTab .tabbable .nav-tabs > li.active > a:focus {
color:#999999;
font-family:'Arial-webfont', sans-serif;
font-size: 12px;
background:#EDEDED;
cursor: default;
border: none !important;
margin-right: 0px;
}
#stage.vertical .bootstrapTab .tabbable .nav-tabs > li > a {
border:none !important;
background:#626262;
color:#FFF;
font-family:'Arial-webfont', sans-serif;
font-size: 12px;
margin-right: 0px;
}
.bootstrapTab .tabbable .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
color: #999999;
background-color: #FFF;
font-size:18px;
line-height: 1.3;
}
.bootstrapTab .tabbable .nav-pills > li > a {
color: #FFF;
border:1px solid #FFF;
font-size:18px;
line-height: 1.3;
padding: 3px 5px;
}
.bootstrapTab .tabbable .nav-pills > li > a:hover,
.bootstrapTab .tabbable .nav-pills > li > a:focus {
color: #FFF !important;
background:#626262 !important;
}
#stage.vertical .bootstrapTab .tabbable .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
font-size:12px;
}
#stage.vertical .bootstrapTab .tabbable .nav-pills > li > a {
font-size:12px;
}
/*COMPONENTE OFERTAS*/
.offerLink .modal .modal-content {
background-color: #eee;
}
.offerLink .modal .modal-content .modal-body {
background-color: #fff;
}
.offerLink .modal-content .modal-footer .btn-default {
color: #fff;
background-color: #333;
border-color: #ccc;
}
.text-box-section.offer .row{
margin: 0;
}
.text-box-section.offer div[class*="col-"]{
padding: 0;
}
.text-box-section.offer .text-right{
text-align: right;
padding: 10px 0 0 0 !important;
}
.text-box-section.offer .text-center{
text-align: center;
padding: 10px 0 0 0 !important;
}
.text-box-section.offer .text-left{
text-align: left;
padding: 10px 0 0 0 !important;
}
.text-box-section.offer .text-right a,
.text-box-section.offer .text-center a,
.text-box-section.offer .text-left a,
.text-box-section.offer .priceofferWrapper.text-right,
.text-box-section.offer .priceofferWrapper.text-center,
.text-box-section.offer .priceofferWrapper.text-left{
float: none !important;
}
/* TYPE A - CLASE MODEL NORMAL */
.text-box-section.offer.normal {
border:1px solid #EFEFEF;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
margin:15px 0;
padding: 15px !important;
}
.text-box-section.offer.normal h3 {
color: #999999;
font-size: 16;
margin: 15px 15px 10px 15px;
padding: 15px 5px;
border-bottom: 1px dotted #CCCCCC;
}
.text-box-section.offer.normal .offerText {
color: #333;
font-size: 12px;
margin: 15px 15px;
padding: 0;
}
.text-box-section.offer.normal .offerText p {
margin-bottom: 10px;
}
.text-box-section.offer.normal .offerdates {
color: #999999;
font-size: 12px;
font-weight:bold;
margin: 15px 15px;
padding: 0;
}
.text-box-section.offer.normal .count-label {
color: #333;
font-size: 12px;
margin: 0;
padding: 0 15px;
display: block;
}
.text-box-section.offer.normal .flip-clock-wrapper{
-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin: 8px 15px;
padding: 15px 15px 5px 0;
width: auto;
float: left;
}
.text-box-section.offer.normal .flip-clock-wrapper ul {
position: relative;
float: left;
margin: 5px 2px;
width: 21px;
height: 33px;
font-size: 80px;
font-weight: bold;
line-height: 26px;
border-radius: 6px;
background: #000;
}
.text-box-section.offer.normal .flip-clock-wrapper ul li {
z-index: 1;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
line-height: 30px;
text-decoration: none !important;
}
.text-box-section.offer.normal .flip-clock-wrapper ul li a div div.inn {
position: absolute;
left: 0;
z-index: 1;
width: 100%;
height: 200%;
color: #222;
text-shadow:none;
text-align: center;
background: #b7b7b7; /* Old browsers */
background: -moz-linear-gradient(top, #b7b7b7 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7b7b7), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b7b7b7 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b7b7b7 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b7b7b7 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #b7b7b7 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b7b7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
border-radius: 4px;
font-size: 20px;
border: 1px solid #C0BCBC;
-webkit-box-shadow: inset 6px 6px 6px -5px rgba(255,255,255,1);
-moz-box-shadow: inset 6px 6px 6px -5px rgba(255,255,255,1);
box-shadow: inset 6px 6px 6px -5px rgba(255,25 5,255,1);
}
.text-box-section.offer.normal .flip-clock-wrapper ul:nth-of-type(1) li a div div.inn,
.text-box-section.offer.normal .flip-clock-wrapper ul:nth-of-type(2) a div div.inn {
background: #626262;
-webkit-box-shadow: inset 6px 6px 6px -5px rgba(255,255,255,1);
-moz-box-shadow: inset 6px 6px 6px -5px rgba(255,255,255,1);
box-shadow: inset 6px 6px 6px -5px rgba(255,255,255,1);
border: 1px solid #626262;;
}
.text-box-section.offer.normal .flip-clock-wrapper .flip-clock-divider {
float: left;
display: inline-block;
position: relative;
width: 14px;
height: 46px;
}
.text-box-section.offer.normal .flip-clock-wrapper .flip-clock-divider .flip-clock-dot {
display: block;
background: #323434;
width: 5px;
height: 5px;
position: absolute;
border-radius: 50%;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
left: 5px;
}
.text-box-section.offer.normal .flip-clock-wrapper .flip-clock-divider .flip-clock-dot.top {
top: 15px;
}
.text-box-section.offer.normal .flip-clock-wrapper .flip-clock-divider .flip-clock-dot.bottom {
bottom: 15px;
}
.text-box-section.offer.normal .flip-clock-wrapper .flip-clock-divider.days .flip-clock-label {
position: absolute;
top: -10px;
right: -33px;
color: black;
text-shadow: none;
color:#878787;
font-size:8px;
}
.text-box-section.offer.normal .flip-clock-wrapper .flip-clock-divider.hours .flip-clock-label {
position: absolute;
top: -10px;
right: -36px;
color: black;
text-shadow: none;
color:#878787;
font-size:8px;
}
.text-box-section.offer.normal .flip-clock-wrapper .flip-clock-divider.minutes .flip-clock-label {
position: absolute;
top: -10px;
right: -40px;
color: black;
text-shadow: none;
color:#878787;
font-size:8px;
}
.text-box-section.offer.normal .flip-clock-wrapper .flip-clock-divider.seconds .flip-clock-label {
position: absolute;
top: -10px;
right: -43px;
color: black;
text-shadow: none;
color:#878787;
font-size:8px;
}
.text-box-section.offer.normal .colCount-button {
padding-left: 0px;
margin-top: 20px;
margin-bottom: 20px;
}
.text-box-section.offer.normal .colCount-button .priceofferWrapper .pricelabel,
.text-box-section.offer.normal .priceofferWrapper .pricelabel {
font-size:14px;
color:#333;
font-weight:normal;
margin-right:5px;
}
.text-box-section.offer.normal .colCount-button .priceofferWrapper .priceoffer,
.text-box-section.offer.normal .priceofferWrapper .priceoffer {
font-size:18px;
color:#999999;
font-weight:bold;
}
.text-box-section.offer.normal .colCount-button em.more a,
.text-box-section.offer.normal .colCount-button .offerLink a,
.text-box-section.offer.normal em.more a,
.text-box-section.offer.normal .offerLink a,
.text-box-section.buttonOffer.normal em.more a,
.text-box-section.buttonOffer.normal .offerLink a {
padding: 10px 12px;
cursor: pointer;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
text-decoration: none;
background:#999999;
text-shadow: none;
font-size:13px;
color: #FFF;
border:#999999;
text-transform:uppercase;
line-height: 1;
float: right;
margin: 0 30px 10px 30px;
}
.text-box-section.offer.normal .colCount-button em.more a:hover,
.text-box-section.offer.normal .colCount-button .offerLink a:hover,
.text-box-section.buttonOffer.normal em.more a:hover,
.text-box-section.buttonOffer.normal .offerLink a:hover {
background:#C8C8C8;
color: #FFF;
border:#C8C8C8;
}
.text-box-section.offer.normal .priceofferWrapper{
float: right;
margin: 0 30px;
}
.text-box-section.offer.normal .count-button{
}
.text-box-section.offer.normal .revOfferWrapper em.more a {
float:right;
padding: 10px 12px;
cursor: pointer;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
text-decoration: none;
background:#999999;
text-shadow: none;
font-size:13px;
color: #FFF;/* SKIN */
border:#999999;
text-transform:uppercase;
line-height: 1;
margin-right: 23px;
}
.text-box-section.offer.normal .flip-clock-wrapper .flip {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
}
/* TYPE A - CLASE MODEL NORMAL HIGH */
.text-box-section.offer.normal.high {
border:1px solid #999999;
background: #999999;
margin: 15px 0;
padding: 15px !important;
}
.text-box-section.offer.normal.high h3 {
color: #FFF;
font-size: 16;
margin: 15px 15px 10px 15px;
padding: 15px 5px;
border-bottom: 1px dotted #CCCCCC;
font-weight: bold;
}
.text-box-section.offer.normal.high .offerText {
color: #FFF;
font-size: 12px;
margin: 15px;
padding: 0;
}
.text-box-section.offer.normal.high .offerText p {
margin-bottom: 10px;
}
.text-box-section.offer.normal.high .offerdates {
color: #FFF;
font-size: 12px;
font-weight:bold;
margin: 15px;
padding: 0;
}
.text-box-section.offer.normal.high .count-label {
color: #FFF;
font-size: 12px;
margin: 0;
padding: 0 15px;
display: block;
}
.text-box-section.offer.normal.high .flip-clock-wrapper{
background: none;
border:1px solid #FFF;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin: 8px 15px;
padding: 15px 15px 5px 0;
width: auto;
float: left;
}
.text-box-section.offer.normal.high .flip-clock-wrapper ul {
position: relative;
float: left;
margin: 5px 2px;
width: 21px;
height: 33px;
font-size: 80px;
font-weight: bold;
line-height: 26px;
border-radius: 6px;
background: #000;
}
.text-box-section.offer.normal.high .flip-clock-wrapper ul li {
z-index: 1;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
line-height: 30px;
text-decoration: none !important;
}
.text-box-section.offer.normal.high .flip-clock-wrapper ul li a div div.inn {
position: absolute;
left: 0;
z-index: 1;
width: 100%;
height: 200%;
color: #222;
text-shadow:none;
text-align: center;
background: #b7b7b7; /* Old browsers */
background: -moz-linear-gradient(top, #b7b7b7 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7b7b7), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b7b7b7 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b7b7b7 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b7b7b7 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #b7b7b7 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b7b7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
border-radius: 4px;
font-size: 20px;
border: 1px solid #C0BCBC;
-webkit-box-shadow: inset 6px 6px 6px -5px rgba(255,255,255,1);
-moz-box-shadow: inset 6px 6px 6px -5px rgba(255,255,255,1);
box-shadow: inset 6px 6px 6px -5px rgba(255,25 5,255,1);
}
.text-box-section.offer.normal.high .flip-clock-wrapper ul:nth-of-type(1) li a div div.inn,
.text-box-section.offer.normal.high .flip-clock-wrapper ul:nth-of-type(2) a div div.inn {
background: #626262;
-webkit-box-shadow: inset 6px 6px 6px -5px rgba(255,255,255,1);
-moz-box-shadow: inset 6px 6px 6px -5px rgba(255,255,255,1);
box-shadow: inset 6px 6px 6px -5px rgba(255,255,255,1);
border: 1px solid #626262;;
}
.text-box-section.offer.normal.high .flip-clock-wrapper .flip-clock-divider {
float: left;
display: inline-block;
position: relative;
width: 14px;
height: 46px;
}
.text-box-section.offer.normal.high .flip-clock-wrapper .flip-clock-divider .flip-clock-dot {
display: block;
background: #323434;
width: 5px;
height: 5px;
position: absolute;
border-radius: 50%;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
left: 5px;
}
.text-box-section.offer.normal.high .flip-clock-wrapper .flip-clock-divider .flip-clock-dot.top {
top: 15px;
}
.text-box-section.offer.normal.high .flip-clock-wrapper .flip-clock-divider .flip-clock-dot.bottom {
bottom: 15px;
}
.text-box-section.offer.normal.high .flip-clock-wrapper .flip-clock-divider.days .flip-clock-label {
position: absolute;
top: -10px;
right: -33px;
color: black;
text-shadow: none;
color:#FFF;
font-size:8px;
}
.text-box-section.offer.normal.high .flip-clock-wrapper .flip-clock-divider.hours .flip-clock-label {
position: absolute;
top: -10px;
right: -36px;
color: black;
text-shadow: none;
color:#FFF;
font-size:8px;
}
.text-box-section.offer.normal.high .flip-clock-wrapper .flip-clock-divider.minutes .flip-clock-label {
position: absolute;
top: -10px;
right: -40px;
color: black;
text-shadow: none;
color:#FFF;
font-size:8px;
}
.text-box-section.offer.normal.high .flip-clock-wrapper .flip-clock-divider.seconds .flip-clock-label {
position: absolute;
top: -10px;
right: -43px;
color: black;
text-shadow: none;
color:#FFF;
font-size:8px;
}
.text-box-section.offer.normal.high .colCount-button {
padding-left: 0px;
margin-top: 26px;
}
.text-box-section.offer.normal.high .colCount-button .priceofferWrapper .pricelabel,
.text-box-section.offer.normal.high .priceofferWrapper .pricelabel {
font-size:14px;
color:#FFF;
font-weight:normal;
margin-right:5px;
}
.text-box-section.offer.normal.high .colCount-button .priceofferWrapper .priceoffer,
.text-box-section.offer.normal.high .priceofferWrapper .priceoffer {
font-size:18px;
color:#FFF;
font-weight:bold;
}
.text-box-section.offer.normal.high .colCount-button em.more a,
.text-box-section.offer.normal.high .colCount-button .offerLink a {
padding: 10px 12px;
cursor: pointer;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
text-decoration: none;
background:#626262;
text-shadow: none;
font-size:13px;
color: #FFF;
border:#626262;
text-transform:uppercase;
line-height: 1;
float: right;
margin: 0 15px 10px 15px;
}
.text-box-section.offer.normal.high .colCount-button em.more a:hover,
.text-box-section.offer.normal.high .colCount-button .offerLink a:hover {
background:#C8C8C8;
color: #FFF;
border:#C8C8C8;
}
.text-box-section.offer.normal.high .priceofferWrapper{
float: left;
margin: 0 15px;
}
.text-box-section.offer.normal.high .revOfferWrapper em.more a {
float:right;
padding: 10px 12px;
cursor: pointer;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
text-decoration: none;
background:#999999;
text-shadow: none;
font-size:13px;
color: #FFF;/* SKIN */
border:#999999;
text-transform:uppercase;
line-height: 1;
margin-right: 23px;
}
.text-box-section.offer.normal.high .flip-clock-wrapper .flip {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
}
/* TYPE B - CLASE MODEL 2 */
.text-box-section.offer.model2 {
border:1px solid #EFEFEF;
background: #ffffff;
margin: 15px 0;
padding: 0 !important;
}
.text-box-section.offer.model2 h3 {
color: #999999;
font-size: 22;
margin: 15px 15px 15px 15px;
padding: 0 0 10px 0;
border-bottom: 1px dotted #CCCCCC;
}
.text-box-section.offer.model2 .offerText {
color: #000;
font-size: 12px;
margin: 15px;
padding: 0;
}
.text-box-section.offer.model2 .offerText p {
margin-bottom: 10px;
}
.text-box-section.offer.model2 .offerdates {
color: #999999;
font-size: 12px;
font-weight:bold;
margin: 15px;
padding: 0;
}
.text-box-section.offer.model2 .count-label {
color: #000;
font-size: 12px;
margin: 15px;
padding: 0;
display: block;
}
.text-box-section.offer.model2 .flip-clock-wrapper{
margin: 8px 30px;
padding: 15px 15px 5px 0;
width: auto;
float: left;
}
.text-box-section.offer.model2 .flip-clock-wrapper ul {
position: relative;
float: left;
margin: 5px 2px;
width: 21px;
height: 33px;
font-size: 80px;
font-weight: bold;
line-height: 26px;
border-radius: 6px;
}
.text-box-section.offer.model2 .flip-clock-wrapper ul li {
z-index: 1;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
line-height: 30px;
text-decoration: none !important;
}
.text-box-section.offer.model2 .flip-clock-wrapper ul li a div div.inn {
position: absolute;
left: 0;
z-index: 1;
width: 100%;
height: 200%;
text-align: center;
font-size: 20px;
}
.text-box-section.offer.model2 .flip-clock-wrapper ul:nth-of-type(1) li a div div.inn,
.text-box-section.offer.model2 .flip-clock-wrapper ul:nth-of-type(2) a div div.inn {
}
.text-box-section.offer.model2 .flip-clock-wrapper .flip-clock-divider {
float: left;
display: inline-block;
position: relative;
width: 14px;
height: 46px;
}
.text-box-section.offer.model2 .flip-clock-wrapper .flip-clock-divider .flip-clock-dot {
display: block;
width: 5px;
height: 5px;
position: absolute;
left: 5px;
}
.text-box-section.offer.model2 .flip-clock-wrapper .flip-clock-divider .flip-clock-dot.top {
top: 15px;
}
.text-box-section.offer.model2 .flip-clock-wrapper .flip-clock-divider .flip-clock-dot.bottom {
bottom: 15px;
}
.text-box-section.offer.model2 .flip-clock-wrapper .flip-clock-divider.days .flip-clock-label {
position: absolute;
top: -10px;
right: -33px;
font-size:8px;
}
.text-box-section.offer.model2 .flip-clock-wrapper .flip-clock-divider.hours .flip-clock-label {
position: absolute;
top: -10px;
right: -36px;
font-size:8px;
}
.text-box-section.offer.model2 .flip-clock-wrapper .flip-clock-divider.minutes .flip-clock-label {
position: absolute;
top: -10px;
right: -40px;
font-size:8px;
}
.text-box-section.offer.model2 .flip-clock-wrapper .flip-clock-divider.seconds .flip-clock-label {
position: absolute;
top: -10px;
right: -43px;
font-size:8px;
}
.text-box-section.offer.model2 .colCount-button {
padding-left: 0px;
margin-top: 26px;
}
.text-box-section.offer.model2 .colCount-button .priceofferWrapper .pricelabel,
.text-box-section.offer.model2 .priceofferWrapper .pricelabel {
font-size:14px;
color:#000;
font-weight:normal;
margin-right:5px;
}
.text-box-section.offer.model2 .colCount-button .priceofferWrapper .priceoffer,
.text-box-section.offer.model2 .priceofferWrapper .priceoffer {
font-size:18px;
color:#999999;
font-weight:bold;
}
.text-box-section.offer.model2 .colCount-button em.more a,
.text-box-section.offer.model2 .colCount-button .offerLink a,
.text-box-section.offer.model2 em.more a,
.text-box-section.offer.model2 .offerLink a {
padding: 10px 12px;
cursor: pointer;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
text-decoration: none;
background:#999;
text-shadow: none;
font-size:13px;
color: #FFF;
border:#999;
text-transform:uppercase;
line-height: 1;
float: right;
margin: 0 15px 10px 15px;
}
.text-box-section.offer.model2 .colCount-button em.more a:hover,
.text-box-section.offer.model2 .colCount-button .offerLink a:hover,
.text-box-section.offer.model2 em.more a:hover,
.text-box-section.offer.model2 .offerLink a:hover {
background:#333;
color: #FFF;
border:#333;
}
.text-box-section.offer.model2 .priceofferWrapper{
float: right;
margin: 0 15px;
}
.text-box-section.offer.model2 .revOfferWrapper em.more a {
float:right;
padding: 10px 12px;
cursor: pointer;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
text-decoration: none;
background:#999999;
text-shadow: none;
font-size:13px;
color: #FFF;/* SKIN */
border:#999999;
text-transform:uppercase;
line-height: 1;
margin-right: 23px;
}
.text-box-section.offer.model2 .flip-clock-wrapper .flip {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
}
/* TYPE B - CLASE MODEL 2 HIGH */
.text-box-section.offer.model2.high {
border:1px solid #999999;
background: #999999;
margin: 15px 0;
padding: 0 !important;
}
.text-box-section.offer.model2.high h3 {
color: #FFF;
font-size: 22;
margin: 15px 15px 15px 15px;
padding: 0 0 10px 0;
border-bottom: 1px dotted #CCCCCC;
}
.text-box-section.offer.model2.high .offerText {
color: #FFF;
font-size: 12px;
margin: 15px;
padding: 0;
}
.text-box-section.offer.model2.high .offerText p {
margin-bottom: 10px;
}
.text-box-section.offer.model2.high .offerdates {
color: #FFF;
font-size: 12px;
font-weight:bold;
margin: 15px;
padding: 0;
}
.text-box-section.offer.model2.high .count-label {
color: #FFF;
font-size: 12px;
margin: 15px;
display: block;
}
.text-box-section.offer.model2.high .flip-clock-wrapper{
margin: 8px 30px;
padding: 15px 15px 5px 0;
width: auto;
float: left;
}
.text-box-section.offer.model2.high .flip-clock-wrapper ul {
position: relative;
float: left;
margin: 5px 2px;
width: 21px;
height: 33px;
font-size: 80px;
font-weight: bold;
line-height: 26px;
}
.text-box-section.offer.model2.high .flip-clock-wrapper ul li {
z-index: 1;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
line-height: 30px;
text-decoration: none !important;
}
.text-box-section.offer.model2.high .flip-clock-wrapper ul li a div div.inn {
position: absolute;
left: 0;
z-index: 1;
width: 100%;
height: 200%;
text-shadow:none;
text-align: center;
font-size: 20px;
}
.text-box-section.offer.model2.high .flip-clock-wrapper ul:nth-of-type(1) li a div div.inn,
.text-box-section.offer.model2.high .flip-clock-wrapper ul:nth-of-type(2) a div div.inn {
}
.text-box-section.offer.model2.high .flip-clock-wrapper .flip-clock-divider {
float: left;
display: inline-block;
position: relative;
width: 14px;
height: 46px;
}
.text-box-section.offer.model2.high .flip-clock-wrapper .flip-clock-divider .flip-clock-dot {
display: block;
width: 5px;
height: 5px;
position: absolute;
left: 5px;
}
.text-box-section.offer.model2.high .flip-clock-wrapper .flip-clock-divider .flip-clock-dot.top {
top: 15px;
}
.text-box-section.offer.model2.high .flip-clock-wrapper .flip-clock-divider .flip-clock-dot.bottom {
bottom: 15px;
}
.text-box-section.offer.model2.high .flip-clock-wrapper .flip-clock-divider.days .flip-clock-label {
position: absolute;
top: -10px;
right: -33px;
font-size:8px;
}
.text-box-section.offer.model2.high .flip-clock-wrapper .flip-clock-divider.hours .flip-clock-label {
position: absolute;
top: -10px;
right: -36px;
font-size:8px;
}
.text-box-section.offer.model2.high .flip-clock-wrapper .flip-clock-divider.minutes .flip-clock-label {
position: absolute;
top: -10px;
right: -40px;
font-size:8px;
}
.text-box-section.offer.model2.high .flip-clock-wrapper .flip-clock-divider.seconds .flip-clock-label {
position: absolute;
top: -10px;
right: -43px;
font-size:8px;
}
.text-box-section.offer.model2.high .colCount-button {
padding-left: 0px;
margin-top: 26px;
}
.text-box-section.offer.model2.high .colCount-button .priceofferWrapper .pricelabel,
.text-box-section.offer.model2.high .priceofferWrapper .pricelabel {
font-size:14px;
color:#FFF;
font-weight:normal;
margin-right:5px;
}
.text-box-section.offer.model2.high .colCount-button .priceofferWrapper .priceoffer,
.text-box-section.offer.model2.high .priceofferWrapper .priceoffer {
font-size:18px;
color:#FFF;
font-weight:bold;
}
.text-box-section.offer.model2.high .colCount-button em.more a,
.text-box-section.offer.model2.high .colCount-button .offerLink a {
padding: 10px 12px;
cursor: pointer;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
text-decoration: none;
background:;
text-shadow: none;
font-size:13px;
color: #FFF;
border:;
text-transform:uppercase;
line-height: 1;
float: right;
margin: 0 15px 10px 15px;
}
.text-box-section.offer.model2.high .colCount-button em.more a:hover,
.text-box-section.offer.model2.high .colCount-button .offerLink a:hover {
background:;
color: #FFF;
border:;
}
.text-box-section.offer.model2.high .priceofferWrapper{
float: left;
margin: 0 15px;
}
.text-box-section.offer.model2.high .revOfferWrapper em.more a {
float:right;
padding: 10px 12px;
cursor: pointer;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
text-decoration: none;
background:#999999;
text-shadow: none;
font-size:13px;
color: #FFF;/* SKIN */
border:#999999;
text-transform:uppercase;
line-height: 1;
margin-right: 23px;
}
.text-box-section.offer.model2.high .flip-clock-wrapper .flip {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
}
/* TYPE C - CLASE MODEL 3 */
.text-box-section.offer.model3 {
background: #ffffff;
margin: 15px 0;
padding: 0 !important;
border-bottom: 3px dotted #F7F7F7;
}
.text-box-section.offer.model3 img.img-responsive {
border: 1px solid #EDEDED;
padding: 10px;
}
.text-box-section.offer.model3 h3 {
color: #FFF;
font-size: 22;
margin: 0 15px;
padding: 10px 15px 10px 15px;
background: #999999;
}
.text-box-section.offer.model3 .offerText {
color: #666;
font-size: 12px;
margin: 0 15px;
padding: 10px 15px;
background: #EDEDED;
}
.text-box-section.offer.model3 .offerText p {
margin-bottom: 10px;
}
.text-box-section.offer.model3 .offerdates {
color: #999999;
font-size: 12px;
font-weight:bold;
margin: 0 15px;
padding: 15px;
}
.text-box-section.offer.model3 .count-label {
color: #666;
font-size: 12px;
margin: 0;
padding: 0 15px;
display: block;
}
.text-box-section.offer.model3 .flip-clock-wrapper{
margin: 8px 30px;
padding: 15px 15px 5px 0;
width: auto;
float: left;
background: #EDEDED;
}
.text-box-section.offer.model3 .flip-clock-wrapper ul {
position: relative;
float: left;
margin: 5px 2px;
width: 21px;
height: 33px;
font-size: 80px;
font-weight: bold;
line-height: 26px;
border-radius: 6px;
}
.text-box-section.offer.model3 .flip-clock-wrapper ul li {
z-index: 1;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
line-height: 30px;
text-decoration: none !important;
}
.text-box-section.offer.model3 .flip-clock-wrapper ul li a div div.inn {
position: absolute;
left: 0;
z-index: 1;
width: 100%;
height: 200%;
text-align: center;
font-size: 20px;
background:#999999;
color: #FFF;
}
.text-box-section.offer.model3 .flip-clock-wrapper ul:nth-of-type(1) li a div div.inn,
.text-box-section.offer.model3 .flip-clock-wrapper ul:nth-of-type(2) a div div.inn {
}
.text-box-section.offer.model3 .flip-clock-wrapper .flip-clock-divider {
float: left;
display: inline-block;
position: relative;
width: 14px;
height: 46px;
}
.text-box-section.offer.model3 .flip-clock-wrapper .flip-clock-divider .flip-clock-dot {
display: block;
width: 5px;
height: 5px;
position: absolute;
left: 5px;
}
.text-box-section.offer.model3 .flip-clock-wrapper .flip-clock-divider .flip-clock-dot.top {
top: 15px;
}
.text-box-section.offer.model3 .flip-clock-wrapper .flip-clock-divider .flip-clock-dot.bottom {
bottom: 15px;
}
.text-box-section.offer.model3 .flip-clock-wrapper .flip-clock-divider.days .flip-clock-label {
position: absolute;
top: -10px;
right: -33px;
font-size:8px;
}
.text-box-section.offer.model3 .flip-clock-wrapper .flip-clock-divider.hours .flip-clock-label {
position: absolute;
top: -10px;
right: -36px;
font-size:8px;
}
.text-box-section.offer.model3 .flip-clock-wrapper .flip-clock-divider.minutes .flip-clock-label {
position: absolute;
top: -10px;
right: -40px;
font-size:8px;
}
.text-box-section.offer.model3 .flip-clock-wrapper .flip-clock-divider.seconds .flip-clock-label {
position: absolute;
top: -10px;
right: -43px;
font-size:8px;
}
.text-box-section.offer.model3 .colCount-button {
padding-left: 0px;
margin-top: 26px;
}
.text-box-section.offer.model3 .colCount-button .priceofferWrapper .pricelabel,
.text-box-section.offer.model3 .priceofferWrapper .pricelabel {
font-size:14px;
color:#666;
font-weight:normal;
margin-right:5px;
}
.text-box-section.offer.model3 .colCount-button .priceofferWrapper .priceoffer,
.text-box-section.offer.model3 .priceofferWrapper .priceoffer {
font-size:18px;
color:#999999;
font-weight:bold;
}
.text-box-section.offer.model3 .colCount-button em.more a,
.text-box-section.offer.model3 .colCount-button .offerLink a,
.text-box-section.offer.model3 em.more a,
.text-box-section.offer.model3 .offerLink a {
padding: 10px 12px;
cursor: pointer;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
text-decoration: none;
background:#626262;
text-shadow: none;
font-size:13px;
color: #FFF;
border:#626262;
text-transform:uppercase;
line-height: 1;
float: right;
margin: 0 15px 10px 15px;
}
.text-box-section.offer.model3 .colCount-button em.more a:hover,
.text-box-section.offer.model3 .colCount-button .offerLink a:hover,
.text-box-section.offer.model3 em.more a:hover,
.text-box-section.offer.model3 .offerLink a:hover{
background:#C8C8C8;
color: #FFF;
border:#C8C8C8;
}
.text-box-section.offer.model3 .priceofferWrapper{
float: right;
margin: 0 15px;
}
.text-box-section.offer.model3 em.more a {
padding: 10px 12px;
cursor: pointer;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
text-decoration: none;
background:#999999;
text-shadow: none;
font-size:13px;
color: #FFF;
border:#999999;
text-transform:uppercase;
line-height: 1;
float: right;
margin: 0 23px 10px 0;
}
.text-box-section.offer.model3 .flip-clock-wrapper .flip {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
}
/* TYPE C - CLASE MODEL 3 HIGH */
.text-box-section.offer.model3.high {
background: #666;
margin:15px 0;
padding: 15px !important;
border-bottom:none;
}
.text-box-section.offer.model3.high img.img-responsive {
padding: 10px;
background: #FFF;
}
.text-box-section.offer.model3.high h3 {
color: #FFF;
font-size: 18;
margin: 0 15px 15px 15px;
padding: 10px 15px 10px 15px;
background: #999999;
}
.text-box-section.offer.model3.high .offerText {
color: #FFF;
font-size: 12px;
margin: 15px;
padding: 10px 15px;
background: #EDEDED;
}
.text-box-section.offer.model3.high .offerText p {
margin-bottom: 10px;
}
.text-box-section.offer.model3.high .offerdates {
color: #999999;
font-size: 12px;
font-weight:bold;
margin: 15px;
padding: 5px 15px;
}
.text-box-section.offer.model3.high .count-label {
color: #FFF;
font-size: 12px;
margin: 0;
padding: 0 15px;
display: block;
}
.text-box-section.offer.model3.high .flip-clock-wrapper{
margin: 8px 0 0 0;
padding: 15px 15px 5px 0;
width: auto;
float: left;
background: #EDEDED;
}
.text-box-section.offer.model3.high .flip-clock-wrapper ul {
position: relative;
float: left;
margin: 5px 2px;
width: 21px;
height: 33px;
font-size: 80px;
font-weight: bold;
line-height: 26px;
border-radius: 6px;
}
.text-box-section.offer.model3.high .flip-clock-wrapper ul li {
z-index: 1;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
line-height: 30px;
text-decoration: none !important;
}
.text-box-section.offer.model3.high .flip-clock-wrapper ul li a div div.inn {
position: absolute;
left: 0;
z-index: 1;
width: 100%;
height: 200%;
text-align: center;
font-size: 20px;
background:#999999;
color: #FFF;
}
.text-box-section.offer.model3.high .flip-clock-wrapper ul:nth-of-type(1) li a div div.inn,
.text-box-section.offer.model3.high .flip-clock-wrapper ul:nth-of-type(2) a div div.inn {
}
.text-box-section.offer.model3.high .flip-clock-wrapper .flip-clock-divider {
float: left;
display: inline-block;
position: relative;
width: 14px;
height: 46px;
}
.text-box-section.offer.model3.high .flip-clock-wrapper .flip-clock-divider .flip-clock-dot {
display: block;
width: 5px;
height: 5px;
position: absolute;
left: 5px;
}
.text-box-section.offer.model3.high .flip-clock-wrapper .flip-clock-divider .flip-clock-dot.top {
top: 15px;
}
.text-box-section.offer.model3.high .flip-clock-wrapper .flip-clock-divider .flip-clock-dot.bottom {
bottom: 15px;
}
.text-box-section.offer.model3.high .flip-clock-wrapper .flip-clock-divider.days .flip-clock-label {
position: absolute;
top: -10px;
right: -33px;
font-size:8px;
}
.text-box-section.offer.model3.high .flip-clock-wrapper .flip-clock-divider.hours .flip-clock-label {
position: absolute;
top: -10px;
right: -36px;
font-size:8px;
}
.text-box-section.offer.model3.high .flip-clock-wrapper .flip-clock-divider.minutes .flip-clock-label {
position: absolute;
top: -10px;
right: -40px;
font-size:8px;
}
.text-box-section.offer.model3.high .flip-clock-wrapper .flip-clock-divider.seconds .flip-clock-label {
position: absolute;
top: -10px;
right: -43px;
font-size:8px;
}
.text-box-section.offer.model3.high .colCount-button {
padding-left: 0px;
margin-top: 26px;
}
.text-box-section.offer.model3.high .colCount-button .priceofferWrapper .pricelabel,
.text-box-section.offer.model3.high .priceofferWrapper .pricelabel {
font-size:14px;
color:#FFF;
font-weight:normal;
margin-right:5px;
}
.text-box-section.offer.model3.high .colCount-button .priceofferWrapper .priceoffer,
.text-box-section.offer.model3.high .priceofferWrapper .priceoffer {
font-size:18px;
color:#999999;
font-weight:bold;
}
.text-box-section.offer.model3.high .colCount-button em.more a,
.text-box-section.offer.model3.high .colCount-button .offerLink a,
.text-box-section.offer.model3.high em.more a,
.text-box-section.offer.model3.high .offerLink a {
padding: 10px 12px;
cursor: pointer;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
text-decoration: none;
background:#999999;
text-shadow: none;
font-size:13px;
color: #FFF;
border:#999999;
text-transform:uppercase;
line-height: 1;
float: right;
margin: 0 15px 10px 15px;
}
.text-box-section.offer.model3.high .colCount-button em.more a:hover,
.text-box-section.offer.model3.high .colCount-button .offerLink a:hover,
.text-box-section.offer.model3.high em.more a:hover,
.text-box-section.offer.model3.high .offerLink a:hover {
background:#C8C8C8;
color: #FFF;
border:#C8C8C8;
}
.text-box-section.offer.model3.high .priceofferWrapper{
float: left;
margin: 0 15px;
}
.text-box-section.offer.model3.high .revOfferWrapper em.more a {
float:right;
padding: 10px 12px;
cursor: pointer;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
text-decoration: none;
background:#999999;
text-shadow: none;
font-size:13px;
color: #FFF;/* SKIN */
border:#999999;
text-transform:uppercase;
line-height: 1;
margin-right: 23px;
}
.text-box-section.offer.model3.high .flip-clock-wrapper .flip {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
}
/*RESET ONLY BUTTON*/
.text-box-section.offer.onlyButton{
background: none !important;
border: none !important;
margin: 0 !important;
}
.text-box-section.offer.onlyButton .offerLink{
padding: 0 !important;
}
/*COMPONENTE OFERTAS EN GRIDTAB*/
.gridInTab .text-box-section.offer {
background: #626262;
}
.gridInTab .text-box-section.offer .row .col-md-6 {
padding-left: 0;
padding-right: 0;
}
.gridInTab .text-box-section.offer img {
width: 100%;
height:auto;
}
.gridInTab .text-box-section.offer h3 {
color: #FFF;
font-size: 20px;
margin: 15px 20px 10px 20px;
padding: 0 15px 10px 15px;
border-bottom: 1px dotted #837A7B;
}
.gridInTab .text-box-section.offer p {
margin: 5px 20px;
padding: 0 15px;
color:#C8C8C8;
}
.gridInTab .text-box-section.offer p strong {
font-size: 16px;
color: #FFF;
}
.gridInTab .text-box-section.offer em.more a {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 8px 17px;
color: #222;
text-align: center;
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
margin: 15px 20px;
}
.gridInTab .text-box-section.offer em.more a:hover {
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
text-decoration:none;
}
/*REVOLUTION OFFERS COMPONENT*/
/*BOXED TYPE*/
.revOfferWrapper.boxed {
width:500px;
line-height: 1;
margin:10px;
}
.revOfferWrapper.boxed .container {
display: table;
width: 100%;
padding-right: 0;
padding-left: 0;
}
.revOfferWrapper.boxed .container .row {
display: table-row;
}
.revOfferWrapper.boxed .container .row .col-md-12,
.revOfferWrapper.boxed .container .row .col-md-9,
.revOfferWrapper.boxed .container .row .col-md-3 {
display: table-cell;
float:none;
}
.revOfferWrapper.boxed .container .row .col-md-3.offerButtonWrapper {
background: #999999;
vertical-align: middle;
}
.revOfferWrapper.boxed .offerTitle {
padding: 20px;
overflow: hidden;
background: #FFF;
color: #222;
font-size:18px;
white-space: normal;
line-height: 1.2;
}
.revOfferWrapper.boxed .offerHtml {
padding: 20px;
white-space: normal;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom, #eeeeee 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
color: #333;
font-size:12px;
font-weight:normal;
line-height: 15px;
}
.revOfferWrapper.boxed .offerHtml p strong {
font-size:18px;
font-weight:bold;
}
.revOfferWrapper.boxed .offerButton {
padding: 15px 10px;
white-space: normal;
color:#FFF;
text-align:center;
line-height:0.4;
}
.revOfferWrapper.boxed .offerButton:hover {
background: #C8C8C8;
}
.revOfferWrapper.boxed .offerButton .btn-default {
background: none !important;
color:#FFF;
line-height:1;
text-transform:uppercase;
font-weight:bold;
}
.revOfferWrapper.boxed .offerButton .btn {
padding: 0;
background: none;
border:none;
}
/*PLAIN TYPE*/
.revOfferWrapper.plain {
width:460px;
line-height: 1;
margin:10px;
text-align:right;
}
.revOfferWrapper.plain .container {
width:100%;
}
.revOfferWrapper.plain .offerTitle {
padding: 15px 10px 5px 0;
overflow: hidden;
color: #FFF;
font-size:18px;
border-bottom:1px dotted #FFF;
text-shadow: 1px 1px 2px #000;
}
.revOfferWrapper.plain .offerHtml {
padding: 10px;
white-space: normal;
color: #FFF;
font-size:12px;
font-weight:normal;
line-height: 15px;
text-shadow: 1px 1px 2px #000;
}
.revOfferWrapper.plain .offerHtml p strong {
font-weight:bold;
}
.revOfferWrapper.plain .offerButton .btn-default {
background: #999999;
color:#FFF;
}
.revOfferWrapper.plain .offerButton .btn-default:hover {
background: #C8C8C8;
color:#FFF;
}
/*POSTER TYPE*/
.revOfferWrapper.poster {
width:460px;
background: #626262; /* Old browsers */
background: -moz-linear-gradient(top, #626262 0%, #1E1E1E 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#626262), color-stop(100%,#1E1E1E)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #626262 0%,#1E1E1E 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #626262 0%,#1E1E1E 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #626262 0%,#1E1E1E 100%); /* IE10+ */
background: linear-gradient(to bottom, #626262 0%,#1E1E1E 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#626262', endColorstr='#1E1E1E',GradientType=0 ); /* IE6-9 */
padding:10px;
}
.revOfferWrapper.poster .container {
padding-right: 0;
padding-left: 0;
width:100%;
}
.revOfferWrapper.poster .container .row {
border:1px solid #C8C8C8;
text-align:center;
margin-right: 0;
margin-left: 0;
}
.revOfferWrapper.poster .offerTitle {
padding: 15px 30px 10px 30px;
overflow: hidden;
color: #FFF;
font-size: 18px;
text-transform: uppercase;
white-space: normal;
line-height: 1.2;
}
.revOfferWrapper.poster .offerHtml {
padding: 10px 30px 19px 30px;
color: #FFF;
font-size:12px;
font-weight:normal;
line-height: 15px;
white-space: normal;
}
.revOfferWrapper.poster .offerHtml p strong {
font-size:18px;
font-weight:bold;
}
.revOfferWrapper.poster .offerButton {
padding: 5px 15px 10px 15px;
line-height: 1;
}
.revOfferWrapper.poster .offerButton .btn-default {
background: #999999;
border-color: #999999;
color:#FFF;
text-transform:uppercase;
padding: 6px 70px;
top: -2px;
position: absolute;
left: 113px;
}
.revOfferWrapper.poster .offerButton .btn-default:hover {
background: #626262;
color:#FFF;
}
/*COMPONENTE WELCOME MODEL1*/
.welcome_model1{
width:100%;
background: #ffffff;
background: -moz-linear-gradient(45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
background: -webkit-linear-gradient(45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -o-linear-gradient(45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -ms-linear-gradient(45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: linear-gradient(45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
background-color: #fff;
padding-bottom: 10px;
}
.welcome_model1_wrapper{
width:100%;
margin:0 auto;
text-align:center;
padding-top:24px;
min-height:92px;
}
.welcome_model1_wrapper h1{
font-size:16px;
color:#212121;
}
.welcome_model1_wrapper span.text_welcome{
font-size:14px;
color:#666666;
margin-top:10px;
display:block;
}
@media (max-width:767px) {
.welcome_model1_wrapper h1{
font-size:14px;
line-height: 18px;
}
.welcome_model1_wrapper span.text_welcome{
font-size:13px;
line-height: 14px;
}
}
/*COMPONENTE CONTENT MULTI-TAB*/
/* TYPE A - CLASE NORMAL */
.contentBootstrapTab.normal {
overflow: hidden;
}
.contentBootstrapTab.normal h3 {
color: #999999 !important;
font-size: 16px;
font-family:'OpenSans-Regular', sans-serif;
font-weight:bold;
padding: 10px;
}
.contentBootstrapTab.normal .tabbable {
clear: both;
background:#FFF url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
margin-bottom:20px;
padding:7px;
}
.contentBootstrapTab.normal .tabbable ul.nav-pills {
margin-bottom:10px;
}
.contentBootstrapTab.normal .tabbable ul.nav-tabs {
border-bottom: 8px solid #999999;
margin-bottom:10px;
}
.contentBootstrapTab.normal .tabbable ul.nav-tabs li.active a {
color: #fff;
cursor: default;
background-color: #999999;
border: 1px solid #999999;
}
.contentBootstrapTab.normal .tabbable ul.nav-tabs li {
margin-bottom: 0px;
}
.contentBootstrapTab.normal .tabbable ul.nav-tabs li a {
color: #222;
cursor: pointer;
background-color: #EDEDED;
border: 1px solid #EDEDED;
}
.contentBootstrapTab.normal .tabbable ul.nav-tabs li a:hover {
background-color: #999999;
border: 1px solid #999999;
color:#FFF;
}
.contentBootstrapTab.normal .tabbable ul.nav.nav-stacked {
margin-left:15px;
}
.contentBootstrapTab.normal .tabbable ul.nav.nav-tabs.nav-stacked {
margin-left:0px;
}
.contentBootstrapTab.normal .tabbable ul.nav.nav-stacked li {
margin-bottom:4px;
}
.contentBootstrapTab.normal .tabbable ul.nav.nav-justified {
margin-bottom:15px;
}
.contentBootstrapTab.normal .tabbable ul.nav.nav-justified li {
padding:0 10px;
}
.contentBootstrapTab.normal .tabbable .nav.nav-pills li a{
background:#999;
color:#FFF;
font-size:14px;
padding: 5px 8px;
line-height:1;
}
.contentBootstrapTab.normal .tabbable .nav.nav-pills li a:hover{
background:#C8C8C8;
color:#FFF;
font-size:14px;
padding: 5px 8px;
line-height:1;
}
.contentBootstrapTab.normal .tabbable .nav.nav-pills li.active a{
background:#999999;
color:#FFF;
font-size:14px;
padding: 5px 8px;
line-height:1;
}
.contentBootstrapTab.normal .tabbable .nav.nav-pills li.active a:hover{
background:#C8C8C8;
color:#FFF;
font-size:14px;
padding: 5px 8px;
line-height:1;
text-transform: none;
}
/* TYPE A - CLASE NORMAL HIGH */
.contentBootstrapTab.normal.high h3 {
color: #999999 !important;
font-size: 16px;
font-family:'OpenSans-Regular', sans-serif;
font-weight:bold;
padding: 10px;
}
.contentBootstrapTab.normal.high .tabbable {
clear: both;
background:#999999 url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:1px solid #999999;
margin-bottom:20px;
padding:7px;
-moz-box-shadow: 0px 6px 6px -6px #666;
-webkit-box-shadow: 0px 6px 6px -6px #666;
box-shadow: 0px 6px 6px -6px #666;
}
.contentBootstrapTab.normal.high .tabbable ul.nav.nav-stacked {
margin-left:15px;
}
.contentBootstrapTab.normal.high .tabbable ul.nav.nav-stacked li {
margin-bottom:4px;
}
.contentBootstrapTab.normal.high .tabbable ul.nav.nav-justified {
margin-bottom:15px;
}
.contentBootstrapTab.normal.high .tabbable ul.nav.nav-justified li {
padding:0 10px;
}
.contentBootstrapTab.normal.high .tabbable .nav.nav-pills li a{
background:#626262;
color:#FFF;
font-size:14px;
padding: 5px 8px;
line-height:1;
}
.contentBootstrapTab.normal.high .tabbable .nav.nav-pills li a:hover{
background:#999;
color:#FFF;
font-size:14px;
padding: 5px 8px;
line-height:1;
}
.contentBootstrapTab.normal.high .tabbable .nav.nav-pills li.active a{
background:#C8C8C8;
color:#FFF;
font-size:14px;
padding: 5px 8px;
line-height:1;
}
.contentBootstrapTab.normal.high .tabbable .nav.nav-pills li.active a:hover{
background:#999;
color:#FFF;
font-size:14px;
padding: 5px 8px;
line-height:1;
text-transform: none;
}
/* TYPE B - CLASE MODEL 2 */
.contentBootstrapTab.model2 h3 {
color: #999999 !important;
font-size: 22px;
font-family:'OpenSans-Regular', sans-serif;
font-weight:bold;
padding: 10px;
}
.contentBootstrapTab.model2 .tabbable {
clear: both;
background:#DADDE2;
border:1px solid #DDD;
margin-bottom:20px;
padding:20px;
-moz-box-shadow: 0px 12px 13px -6px #333;
-webkit-box-shadow: 0px 12px 13px -6px #333;
box-shadow: 0px 12px 13px -6px #333;
}
.contentBootstrapTab.model2 .tabbable .row .row {
padding-left: 0;
padding-right: 0;
}
.contentBootstrapTab.model2 .tabbable ul.nav.nav-stacked li {
margin-bottom:4px;
}
.contentBootstrapTab.model2 .tabbable ul.nav.nav-justified {
margin-bottom:15px;
}
.contentBootstrapTab.model2 .tabbable ul.nav.nav-justified li {
padding:0 10px;
}
.contentBootstrapTab.model2 .tabbable .nav.nav-pills{
margin-bottom:10px;
}
.contentBootstrapTab.model2 .tabbable .nav.nav-pills li a{
background:none;
border:1px solid #FFF;
color:#333;
font-size:14px;
padding: 5px 8px;
line-height:1;
border-radius:0px;
}
.contentBootstrapTab.model2 .tabbable .nav.nav-pills li a:hover{
background:#999;
border:1px solid #999;
color:#FFF;
font-size:14px;
padding: 5px 8px;
line-height:1;
}
.contentBootstrapTab.model2 .tabbable .nav.nav-pills li.active a{
background:#FFF;
border:1px solid #FFF;
color:#333;
font-size:14px;
padding: 5px 8px;
line-height:1;
}
.contentBootstrapTab.model2 .tabbable .nav.nav-pills li.active a:hover{
background:#999;
border:1px solid #999;
color:#FFF;
font-size:14px;
padding: 5px 8px;
line-height:1;
text-transform: none;
}
/* TYPE B - CLASE MODEL 2 HIGH */
.contentBootstrapTab.model2.high h3 {
color: #999999 !important;
font-size: 22px;
font-family:'OpenSans-Regular', sans-serif;
font-weight:bold;
padding: 10px;
}
.contentBootstrapTab.model2.high .tabbable {
clear: both;
background:#999999 url('/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif') repeat 0 0;
border:1px solid #999999;
margin-bottom:20px;
padding:20px;
-moz-box-shadow: 0px 12px 13px -6px #333;
-webkit-box-shadow: 0px 12px 13px -6px #333;
box-shadow: 0px 12px 13px -6px #333;
}
.contentBootstrapTab.model2.high .tabbable .row {
padding-left: 10px;
padding-right: 10px;
}
.contentBootstrapTab.model2.high .tabbable .row .row {
padding-left: 0;
padding-right: 0;
}
.contentBootstrapTab.model2.high .tabbable .row .col-md-4,
.contentBootstrapTab.model2.high .tabbable .row .col-md-8 {
padding-left: 0;
padding-right: 0;
}
.contentBootstrapTab.model2.high .tabbable ul.nav.nav-stacked li {
margin-bottom:4px;
}
.contentBootstrapTab.model2.high .tabbable ul.nav.nav-justified {
margin-bottom:15px;
}
.contentBootstrapTab.model2.high .tabbable ul.nav.nav-justified li {
padding:0 10px;
}
.contentBootstrapTab.model2.high .tabbable .nav.nav-pills li a{
background:;
border:1px solid #FFF;
color:#FFF;
font-size:14px;
padding: 5px 8px;
line-height:1;
border-radius:0px;
}
.contentBootstrapTab.model2.high .tabbable .nav.nav-pills li a:hover{
background:;
border:1px solid #999;
color:#FFF;
font-size:14px;
padding: 5px 8px;
line-height:1;
}
.contentBootstrapTab.model2.high .tabbable .nav.nav-pills li.active a{
background:;
border:1px solid #FFF;
color:#FFF;
font-size:14px;
padding: 5px 8px;
line-height:1;
}
.contentBootstrapTab.model2.high .tabbable .nav.nav-pills li.active a:hover{
background:;
border:1px solid #999;
color:#FFF;
font-size:14px;
padding: 5px 8px;
line-height:1;
text-transform: none;
}
/* CONTENTBOOSTRAP TAB GENERAL MOBIL RULES */
@media (max-width: 991px) {
.contentBootstrapTab .container-tabs-mobile {
position: relative;
}
.contentBootstrapTab .nav-tabs.tabs-scroll {
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
overflow-scrolling: touch;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.contentBootstrapTab .prevTab,
.contentBootstrapTab .nextTab {
position: absolute;
top: 0;
bottom: 0;
width: 8%;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0,0,0,.6);
background-color: rgba(12, 12, 12, 0.14);
filter: alpha(opacity=50);
opacity: .5;
}
.contentBootstrapTab .prevTab {
left: 0px;
}
.contentBootstrapTab .nextTab {
right: 0px;
}
.contentBootstrapTab .glyphicon {
display: block !important;
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
width: 30px;
height: 30px;
margin-top: -10px;
font-size: 29px;
}
.contentBootstrapTab .prevTab .glyphicon {
left: 5px;
}
.contentBootstrapTab .nextTab .glyphicon {
right: 5px;
}
}
@media (max-width: 767px) {
.contentBootstrapTab .container-tabs-mobile {
position: relative;
}
.contentBootstrapTab .container-tabs-mobile > ul{
display: none;
}
.contentBootstrapTab .container-tabs-mobile > ul > li{
display: block !important;
}
.contentBootstrapTab .tab-selected{
display: none;
padding-right: 10%;
font-size:18px;
}
.contentBootstrapTab .tab-selected-icon {
font-size: 30px;
position: absolute;
right: 5%;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.contentBootstrapTab .nav-tabs {
width: 100%;
}
.contentBootstrapTab .nav-tabs > li {
display: inline-block !important;
}
.contentBootstrapTab .nav-tabs > li a {
margin: 0 !important;
}
.contentBootstrapTab .nav-tabs > li a p.tabsInsideRoom {
font-size: 1.8em !important;
}
.contentBootstrapTab .nav-tabs > li.active:after, .nav-tabs li a:hover:after {
content: none !important;
}
.contentBootstrapTab .tab-selected {
border: 1px solid #ddd;
padding: 20px;
margin: 0 25px;
position: relative;
}
.contentBootstrapTab .center-block {
color: #626262;
}
.contentBootstrapTab .center-block p.tabsInsideRoom {
font-size: 1.5em !important;
}
.contentBootstrapTabInner {
position: fixed;
bottom: 0;
width: 85%;
height: 80%;
z-index: 3000;
overflow-y: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #e6e6e6;
}
.contentBootstrapTabInner .nav-tabs.nav-justified>.active>a,
.contentBootstrapTabInner .nav-tabs.nav-justified>.active>a:hover,
.contentBootstrapTabInner .nav-tabs.nav-justified>.active>a:focus,
.contentBootstrapTabInner .nav-tabs.nav-justified>.active>a:visited {
border: none !important;
border-radius: 0;
border-bottom: 1px solid #c3c3c3 !important;
background: #d8d8d8;
text-align: left;
color: #555;
}
.contentBootstrapTabInner.no-scroll-tabs > ul {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: none !important;
border: none !important;
}
.contentBootstrapTabInner .nav>li>a {
font-size:18px;
}
.contentBootstrapTabInner .nav>li>a:hover,
.contentBootstrapTabInner .nav>li>a:focus {
text-decoration: none;
background-color: #ccc;
-moz-border-radius: 0;
-webkit-border-radius:0;
border-radius:0;
border: none;
color: #555;
}
.contentBootstrapTabInner p.tabsInsideRoom {
font-size: 1.6em !important;
text-align:left;
}
.contentBootstrapTabInner .nav-tabs>li>a:hover,
.contentBootstrapTabInner .nav-tabs>li>a {
border: none;
text-align: left;
border-bottom: 1px solid #c3c3c3 !important;
}
.contentBootstrapTabInner .nav-tabs>li>a:active,
.contentBootstrapTabInner .nav-tabs>li>a:visited {
color: #555;
}
.contentBootstrapTabInner .tab-active {
font-size: 20px;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
}
.multiTab-backdrop .tab-close {
position: fixed;
top: 5%;
right: 5%;
cursor: pointer;
}
.multiTab-backdrop .tab-up,
.multiTab-backdrop .tab-down {
position: fixed;
left: 50%;
transform: translateX(-50%);
display: none;
}
.multiTab-backdrop .tab-up {
top: 5%;
}
.multiTab-backdrop .tab-down {
bottom: 5%;
}
.multiTab-backdrop {
opacity: 1 !important;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2000;
background-color: #e6e6e6;
}
.multiTab-backdrop .tab-close {
font-size: 25px;
}
}
@media (min-width:767px) and (max-width:991px) {
.contentBootstrapTab ul.nav-vertical li {
display: table-cell;
width: 1%;
}
}
/*CONTENTBOOSTRAP MULTITAB OFERTA*/
.contentTabOferta {
margin:10px;
font-family:Web fonts:OpenSans-Regular:/resources/templating-kit/font/OpenSans-Regular/OpenSans-Regular;
}
.contentTabOferta .contentTabOfertaPrecio,
.contentTabOferta .contentTabOfertaDestino{
display:inline-block;
}
.contentTabOferta .contentTabOfertaPrecio{
padding:8px 15px;
background:#1E1E1E;
text-align: left;
}
.contentTabOferta .contentTabOfertaPrecio span.contentTabOfertaDesde{
font-size: 12px;
color: #FFF;
display: block;
font-weight: normal;
margin-bottom: 13px;
line-height: 1;
}
.contentTabOferta .contentTabOfertaPrecio span.contentTabOfertaImporte{
font-size: 28px;
font-weight: bold;
color: #FFF;
display: block;
line-height: 1;
}
.contentTabOferta .contentTabOfertaDestino{
padding:7px 15px 10px 15px;
background:#999999;
text-align:right;
}
.contentTabOferta .contentTabOfertaDestino span.contentTabOfertaZona{
font-size:32px;
color:#FFF;
display:block;
line-height: 1;
font-weight: normal;
text-transform: uppercase;
margin-bottom: 4px;
}
.contentTabOferta .contentTabOfertaDestino span.contentTabOfertaNumHot{
font-size:16px;
color:#FFF;
display:block;
font-weight: normal;
line-height: 1;
}
.contentTabOferta .contentTabOfertaDestino span.contentTabOfertaZona a,
.contentTabOferta .contentTabOfertaDestino span.contentTabOfertaNumHot a{
color:#FFF;
}
/* COMPONENTE GOOGLE MAPS */
/* POPUP PRODUCTO */
.gmapWindow h3.gHeader {
display: block;
margin-bottom: 3px;
}
.gmapWindow .gmapImage {
float: left;
border: 1px solid #EDEDED;
padding: 5px;
margin: 5px 12px 0 0;
}
.gmapWindow .gmapImage img {
width: 140px;
height: 93px;
}
.gmapWindow .gContent {
font-size: 11px;
padding: 5px;
}
.gmapWindow a.gLink {
padding: 7px 18px;
cursor: pointer;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
text-decoration: none;
background:#999999;
text-shadow: none;
font-family: Web fonts:Arial-webfont:/resources/templating-kit/font/Arial-webfont/Arial-webfont;
font-size:13px;
color: #FFF;
border:#999999;
text-transform:uppercase;
line-height: 1;
margin-top: 5px;
float: left;
}
.gmapWindow a.gLink:hover {
background: #626262;
color: #FFF;
}
/* COMPONENTE CONTENT NAVIGATION */
.dropdown-submenu {
position: relative;
}
.dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px;
border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.dropdown-submenu>a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #ccc;
margin-top: 5px;
margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
border-left-color: #fff;
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}
/* TYPE A - CLASE MODEL NORMAL */
.contentNavigation.normal ul.nav {
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
border: 1px solid #D3D2D2;
border-bottom: 5px solid #D3D2D2;
margin-bottom: 15px;
display: table;
width: 100%;
}
.contentNavigation.normal ul.nav li{
padding: 0 5px;
}
@media (max-width:767px) {
.contentNavigation.normal ul.nav li{
width:100%;
}
}
.contentNavigation.normal ul.nav li a{
font-family: Web fonts:Arial-webfont:/resources/templating-kit/font/Arial-webfont/Arial-webfont;
color: #999999;
background: none;
padding: 15px 10px;
line-height:1;
border-radius: 5px;
font-size:14px;
text-transform: uppercase;
}
.contentNavigation.normal ul.nav li a span.caret{
border-top-color: #999999;
border-bottom-color: #999999;
}
.contentNavigation.normal ul.nav li.active a{
font-family: Web fonts:Arial-webfont:/resources/templating-kit/font/Arial-webfont/Arial-webfont;
color: #999999;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
padding: 15px 10px;
line-height:1;
border-radius:0;
}
.contentNavigation.normal ul.nav li.active a span.caret{
border-top-color: #999999;
border-bottom-color: #999999;
}
.contentNavigation.normal ul.nav li a:hover{
font-family: Web fonts:Arial-webfont:/resources/templating-kit/font/Arial-webfont/Arial-webfont;
color: #999999;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
padding: 15px 10px;
line-height:1;
border-radius:0;
}
.contentNavigation.normal ul.nav li a:hover span.caret{
border-top-color: #999999;
border-bottom-color: #999999;
}
.contentNavigation.normal ul.nav li ul.dropdown-menu{
top: 29px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
border: 1px solid #e5e5e5;
}
.contentNavigation.normal ul.nav li ul.dropdown-menu li{
padding: 0 10px;
}
.contentNavigation.normal ul.nav li ul.dropdown-menu li a{
padding: 5px 10px;
}
.contentNavigation.normal .select-contentNavigation{
background: #ffffff;
border: 4px solid #D4D4D4;
display: table;
width: 100%;
height: 45px;
padding: 5px 25px 5px 10px;
font-size: 16px;
}
@media (max-width: 767px) {
.contentNavigation.normal ul.nav.nav-pills {
display: none;
}
}
@media (min-width: 767px) {
.contentNavigation.normal .select-contentNavigation {
display: none;
}
}
/* TYPE A - CLASE MODEL NORMAL HIGH */
.contentNavigation.normal.high ul.nav {
background: #ffffff;
background: -moz-linear-gradient(top, #999999 0%, #626262 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#626262));
background: -webkit-linear-gradient(top, #999999 0%,#626262 100%);
background: -o-linear-gradient(top, #999999 0%,#626262 100%);
background: -ms-linear-gradient(top, #999999 0%,#626262 100%);
background: linear-gradient(to bottom, #999999 0%,#626262 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#626262',GradientType=0 );
border: 1px solid #999999;
border-bottom: 5px solid #cccccc;
margin-bottom: 15px;
display: table;
width: 100%;
}
.contentNavigation.normal.high ul.nav li{
padding: 0 5px;
}
.contentNavigation.normal.high ul.nav li a{
font-family: Web fonts:Arial-webfont:/resources/templating-kit/font/Arial-webfont/Arial-webfont;
color: #FFF;
background: none;
padding: 15px 10px;
line-height:1;
border-radius: 5px;
font-size:14px;
}
.contentNavigation.normal.high ul.nav li a span.caret{
border-top-color: #CCC;
border-bottom-color: #CCC;
}
.contentNavigation.normal.high ul.nav li.active a{
font-family: Web fonts:Arial-webfont:/resources/templating-kit/font/Arial-webfont/Arial-webfont;
color: #999999;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
padding: 15px 10px;
line-height:1;
border-radius:0;
}
.contentNavigation.normal.high ul.nav li.active a span.caret{
border-top-color: #999999;
border-bottom-color: #999999;
}
.contentNavigation.normal.high ul.nav li a:hover{
font-family: Web fonts:Arial-webfont:/resources/templating-kit/font/Arial-webfont/Arial-webfont;
color: #999999;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
padding: 15px 10px;
line-height:1;
border-radius:0;
}
.contentNavigation.normal.high ul.nav li a:hover span.caret{
border-top-color: #999999;
border-bottom-color: #999999;
}
.contentNavigation.normal.high ul.nav li ul.dropdown-menu{
top: 29px;
background: #ffffff;
background: -moz-linear-gradient(top, #999999 0%, #626262 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#626262));
background: -webkit-linear-gradient(top, #999999 0%,#626262 100%);
background: -o-linear-gradient(top, #999999 0%,#626262 100%);
background: -ms-linear-gradient(top, #999999 0%,#626262 100%);
background: linear-gradient(to bottom, #999999 0%,#626262 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#626262',GradientType=0 );
}
.contentNavigation.normal.high ul.nav li ul.dropdown-menu li{
padding: 0 10px;
}
.contentNavigation.normal.high ul.nav li ul.dropdown-menu li a{
padding: 5px 10px;
color: #FFF;
}
.contentNavigation.normal.high ul.nav li ul.dropdown-menu li a:hover{
color: #999999;
}
.contentNavigation.normal.high .select-contentNavigation{
background: #ffffff;
background: -moz-linear-gradient(top, #999999 0%, #626262 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#626262));
background: -webkit-linear-gradient(top, #999999 0%,#626262 100%);
background: -o-linear-gradient(top, #999999 0%,#626262 100%);
background: -ms-linear-gradient(top, #999999 0%,#626262 100%);
background: linear-gradient(to bottom, #999999 0%,#626262 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#626262',GradientType=0 );
border: 1px solid #999999;
border-bottom: 5px solid #cccccc;
margin-bottom: 15px;
display: table;
width: 100%;
height: 45px;
padding: 10px;
font-size: 16px;
}
@media (max-width: 767px) {
.contentNavigation.normal.high ul.nav.nav-pills {
display: none;
}
}
@media (min-width: 767px) {
.contentNavigation.normal.high .select-contentNavigation {
display: none;
}
}
/* TYPE B - CLASE MODEL 2 */
.contentNavigation.model2 ul.nav{
background-image:/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif;
background: #EDEDED;
border:none;
border-bottom: 5px solid #DDD;
-webkit-box-shadow: 0px 12px 13px -6px #333;
-moz-box-shadow:0px 12px 13px -6px #333;
box-shadow:0px 12px 13px -6px #333;
margin-bottom: 15px;
display: table;
width: 100%;
}
.contentNavigation.model2 ul.nav li{
padding: 0 5px;
}
.contentNavigation.model2 ul.nav li a{
font-family: Web fonts:Arial-webfont:/resources/templating-kit/font/Arial-webfont/Arial-webfont;
color: #000;
background: #CCC;
padding: 15px 10px;
line-height:1;
-moz-border-radius: 4px;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 0;
-webkit-border-radius: 4px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
font-size:14px;
}
.contentNavigation.model2 ul.nav li a span.caret{
border-top-color: #666;
border-bottom-color: #666;
}
.contentNavigation.model2 ul.nav li.active a{
font-family: Web fonts:Arial-webfont:/resources/templating-kit/font/Arial-webfont/Arial-webfont;
font-size:22;
color: #FFF;
background: #333;
padding: 15px 10px;
line-height:1;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 0;
-webkit-border-radius: 4px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
}
.contentNavigation.model2 ul.nav li.active a span.caret{
border-top-color: #999999;
border-bottom-color: #999999;
}
.contentNavigation.model2 ul.nav li a:hover{
font-family: Web fonts:Arial-webfont:/resources/templating-kit/font/Arial-webfont/Arial-webfont;
color: #000;
background: #333;
padding: 15px 10px;
line-height:1;
-moz-border-radius: 4px;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 0;
-webkit-border-radius: 4px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
}
.contentNavigation.model2 ul.nav li a:hover span.caret{
border-top-color: #999999;
border-bottom-color: #999999;
}
.contentNavigation.model2 ul.nav li ul.dropdown-menu{
top: 29px;
background-image:/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif;
background: #EDEDED;
border: 1px solid #DDD;
}
.contentNavigation.model2 ul.nav li ul.dropdown-menu li{
padding: 0 10px;
}
.contentNavigation.model2 ul.nav li ul.dropdown-menu li a{
padding: 5px 10px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.contentNavigation.model2 .select-contentNavigation{
background-image:/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif;
background: #EDEDED;
border:none;
border-bottom: 5px solid #DDD;
-webkit-box-shadow: 0px 12px 13px -6px #333;
-moz-box-shadow:0px 12px 13px -6px #333;
box-shadow:0px 12px 13px -6px #333;
margin-bottom: 15px;
display: table;
width: 100%;
height: 45px;
padding: 10px;
font-size: 16px;
}
@media (max-width: 767px) {
.contentNavigation.model2 ul.nav.nav-pills {
display: none;
}
}
@media (min-width: 767px) {
.contentNavigation.model2 .select-contentNavigation {
display: none;
}
}
/* TYPE B - CLASE MODEL 2 HIGH */
.contentNavigation.model2.high ul.nav{
background-image:/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif;
background: #999999;
border: 1px solid #999999;
border-bottom: 5px solid #999999;
-webkit-box-shadow: 0px 12px 13px -6px #333;
-moz-box-shadow:0px 12px 13px -6px #333;
box-shadow:0px 12px 13px -6px #333;
margin-bottom: 15px;
display: table;
width: 100%;
}
.contentNavigation.model2.high ul.nav li{
padding: 0 5px;
}
.contentNavigation.model2.high ul.nav li a{
font-family: Web fonts:Arial-webfont:/resources/templating-kit/font/Arial-webfont/Arial-webfont;
color: #FFF;
background: none;
padding: 15px 10px;
line-height:1;
-moz-border-radius: 4px;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 0;
-webkit-border-radius: 4px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
font-size:14px;
}
.contentNavigation.model2.high ul.nav li a span.caret{
border-top-color: #999999;
border-bottom-color: #999999;
}
.contentNavigation.model2.high ul.nav li.active a{
font-family: Web fonts:Arial-webfont:/resources/templating-kit/font/Arial-webfont/Arial-webfont;
font-size:22;
color: #FFF;
background: ;
padding: 15px 10px;
line-height:1;
-moz-border-radius: 4px;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 0;
-webkit-border-radius: 4px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
}
.contentNavigation.model2.high ul.nav li.active a span.caret{
border-top-color: #999999;
border-bottom-color: #999999;
}
.contentNavigation.model2.high ul.nav li a:hover{
font-family: Web fonts:Arial-webfont:/resources/templating-kit/font/Arial-webfont/Arial-webfont;
color: #FFF;
background: ;
padding: 15px 10px;
line-height:1;
-moz-border-radius: 4px;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 0;
-webkit-border-radius: 4px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
}
.contentNavigation.model2.high ul.nav li a:hover span.caret{
border-top-color: #999999;
border-bottom-color: #999999;
}
.contentNavigation.model2.high ul.nav li ul.dropdown-menu{
top: 29px;
background-image:/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif;
background: #999999;
border: 1px solid #999999;
}
.contentNavigation.model2.high ul.nav li ul.dropdown-menu li{
padding: 0 10px;
}
.contentNavigation.model2.high ul.nav li ul.dropdown-menu li a{
padding: 5px 10px;
}
.contentNavigation.model2.high .select-contentNavigation{
background-image:/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif;
background: #999999;
border: 1px solid #999999;
border-bottom: 5px solid #999999;
-webkit-box-shadow: 0px 12px 13px -6px #333;
-moz-box-shadow:0px 12px 13px -6px #333;
box-shadow:0px 12px 13px -6px #333;
margin-bottom: 15px;
display: table;
width: 100%;
height: 45px;
padding: 10px;
font-size: 16px;
}
@media (max-width: 767px) {
.contentNavigation.model2.high ul.nav.nav-pills {
display: none;
}
}
@media (min-width: 767px) {
.contentNavigation.model2.high .select-contentNavigation {
display: none;
}
}
/* TYPE C - CLASE MODEL 3 */
.contentNavigation.model3 ul.nav{
background: none;
border:none;
-webkit-box-shadow: ;
-moz-box-shadow:;
box-shadow:;
margin-bottom: 15px;
display: table;
width: 100%;
}
.contentNavigation.model3 ul.nav li{
padding: 0 5px;
}
.contentNavigation.model3 ul.nav li a{
font-family: Web fonts:Arial-webfont:/resources/templating-kit/font/Arial-webfont/Arial-webfont;
color: #FFF;
background: #999999;
padding: 15px 10px;
line-height:1;
border-radius:4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.contentNavigation.model3 ul.nav li a span.caret{
border-top-color: #666;
border-bottom-color: #666;
}
.contentNavigation.model3 ul.nav li.active a{
font-family: Web fonts:Arial-webfont:/resources/templating-kit/font/Arial-webfont/Arial-webfont;
font-size:22;
color: #FFF;
background: #626262;
padding: 15px 10px;
line-height:1;
border-radius:4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.contentNavigation.model3 ul.nav li.active a span.caret{
border-top-color: #999999;
border-bottom-color: #999999;
}
.contentNavigation.model3 ul.nav li a:hover{
font-family: Web fonts:Arial-webfont:/resources/templating-kit/font/Arial-webfont/Arial-webfont;
color: #FFF;
background: #C8C8C8;
padding: 15px 10px;
line-height:1;
border-radius:4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.contentNavigation.model3 ul.nav li a:hover span.caret{
border-top-color: #999999;
border-bottom-color: #999999;
}
.contentNavigation.model3 ul.nav li ul.dropdown-menu{
top: 29px;
background-image:/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif;
background: ;
border: px solid ;
}
.contentNavigation.model3 ul.nav li ul.dropdown-menu li{
padding: 0 10px;
}
.contentNavigation.model3 ul.nav li ul.dropdown-menu li a{
padding: 5px 10px;
border-radius:4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin-bottom:3px;
}
.contentNavigation.model3 .select-contentNavigation{
background: none;
border:none;
-webkit-box-shadow: ;
-moz-box-shadow:;
box-shadow:;
margin-bottom: 15px;
display: table;
width: 100%;
height: 45px;
padding: 10px;
font-size: 16px;
}
@media (max-width: 767px) {
.contentNavigation.model3 ul.nav.nav-pills {
display: none;
}
}
@media (min-width: 767px) {
.contentNavigation.model3 .select-contentNavigation {
display: none;
}
}
/* TYPE C - CLASE MODEL 3 HIGH */
.contentNavigation.model3.high ul.nav{
background-image:/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif;
background: #626262;
border: none;
-webkit-box-shadow: 0px 12px 13px -6px #333;
-moz-box-shadow:0px 12px 13px -6px #333;
box-shadow:0px 12px 13px -6px #333;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding:5px 10px;
margin-bottom: 15px;
display: table;
width: 100%;
}
.contentNavigation.model3.high ul.nav li{
padding: 0 5px;
}
.contentNavigation.model3.high ul.nav li a{
font-family: Web fonts:Arial-webfont:/resources/templating-kit/font/Arial-webfont/Arial-webfont;
color: #FFF;
background: #999999;
padding: 15px 10px;
line-height:1;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.contentNavigation.model3.high ul.nav li a span.caret{
border-top-color: #999999;
border-bottom-color: #999999;
}
.contentNavigation.model3.high ul.nav li.active a{
font-family: Web fonts:Arial-webfont:/resources/templating-kit/font/Arial-webfont/Arial-webfont;
font-size:22;
color: #FFF;
background: ;
padding: 15px 10px;
line-height:1;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.contentNavigation.model3.high ul.nav li.active a span.caret{
border-top-color: #999999;
border-bottom-color: #999999;
}
.contentNavigation.model3.high ul.nav li a:hover{
font-family: Web fonts:Arial-webfont:/resources/templating-kit/font/Arial-webfont/Arial-webfont;
color: #FFF;
background: ;
padding: 15px 10px;
line-height:1;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.contentNavigation.model3.high ul.nav li a:hover span.caret{
border-top-color: #999999;
border-bottom-color: #999999;
}
.contentNavigation.model3.high ul.nav li ul.dropdown-menu{
top: 29px;
background-image:/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif;
background: #626262;
border: none;
}
.contentNavigation.model3.high ul.nav li ul.dropdown-menu li{
padding: 0 10px;
}
.contentNavigation.model3.high ul.nav li ul.dropdown-menu li a{
padding: 5px 10px;
}
.contentNavigation.model3.high .select-contentNavigation{
background-image:/resources/templating-kit/themes/hTtGeneric/img/void/binary/void.gif;
background: #626262;
border: none
-webkit-box-shadow: 0px 12px 13px -6px #333;
-moz-box-shadow:0px 12px 13px -6px #333;
box-shadow:0px 12px 13px -6px #333;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding:5px 10px;
margin-bottom: 15px;
display: table;
width: 100%;
height: 45px;
padding: 10px;
font-size: 16px;
}
@media (max-width: 767px) {
.contentNavigation.model3.high ul.nav.nav-pills {
display: none;
}
}
@media (min-width: 767px) {
.contentNavigation.model3.high .select-contentNavigation {
display: none;
}
}
/*FUNCIONALIDAD transformar GRID en carousel version mobile*/
.carousel-mobile .carousel-control{
background: none !important;
filter: none !important;
color: #FFF !important;
opacity: 1;
}
.carousel-mobile .carousel-control:hover{
color: #555 !important;
text-shadow: 1px 1px 8px #fff;
}
/*COMPONENTE BOOSTRAP GALLERY*/
.bootstrapGalleryComponent .row div[class*="col-"]{
margin-bottom: 10px;
}
.bootstrapGalleryComponent .thumbnail{
margin-bottom: 0px;
}
@media (max-width: 767px) {
.gallery .xs-relative{
position: relative;
}
.gallery .item .container{
background: #A0A0A0;
color: #FFF;
text-align: center;
}
.thumbnail {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
}
/*COMPONENTE BOOSTRAP GALLERY carousel version mobile*/
.bootstrapGalleryComponent .carousel-control{
background: none !important;
/*filter: none !important;
color: transparent !important;
text-shadow: none !important;*/
color: #000 !important;
opacity: 1;
}
.bootstrapGalleryComponent .carousel-control:hover {
color: #FFF !important;
}
/*GALLERY STYLE2 BORDES RECTOS*/
.bootstrapGalleryComponent .style2 .thumbnail{
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
padding: 10px;
border: 2px solid #eee;
}
.bootstrapGalleryComponent .style2 .thumbnail:hover,
.bootstrapGalleryComponent .style2 .thumbnail:focus,
.bootstrapGalleryComponent .style2 .thumbnail.active {
border-color: #428bca;
}
/*GALLERY STYLE3 fotos pegada*/
.bootstrapGalleryComponent .style3 .thumbnail{
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
padding: 0;
border: none;
background: none;
}
.bootstrapGalleryComponent .style3.row{
margin: 0;
}
.bootstrapGalleryComponent .style3.row div[class*="col-"]{
margin-bottom: 0;
padding: 0;
}
.bootstrapGalleryComponent .style3 .thumbnail:hover,
.bootstrapGalleryComponent .style3 .thumbnail:focus,
.bootstrapGalleryComponent .style3 .thumbnail.active {
border-color: #428bca;
}
/*GALLERY STYLE4 sin marco con margenes 4*/
.bootstrapGalleryComponent .style4 .thumbnail{
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
padding: 0;
border: none;
background: none;
}
.bootstrapGalleryComponent .style4.row div[class*="col-"]{
margin-bottom: 30px;
}
.bootstrapGalleryComponent .style4 .thumbnail:hover,
.bootstrapGalleryComponent .style4 .thumbnail:focus,
.bootstrapGalleryComponent .style4 .thumbnail.active {
border-color: #428bca;
}
/*GALLERY STYLE5 FOTO SIN MARCO CON BORDER RADIUS*/
.bootstrapGalleryComponent .style5.row div[class*="col-"]{
margin-bottom: 30px;
}
.bootstrapGalleryComponent .style5 .thumbnail{
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding:0 ;
border: none;
background: none;
overflow: hidden;
}
.bootstrapGalleryComponent .style5 .thumbnail:hover,
.bootstrapGalleryComponent .style5 .thumbnail:focus,
.bootstrapGalleryComponent .style5 .thumbnail.active {
border-color: #428bca;
}
/*GALLERY STYLE6 FONDO NEGRO*/
.bootstrapGalleryComponent .style6.row div[class*="col-"]{
margin-bottom: 30px;
}
.bootstrapGalleryComponent .style6 .thumbnail{
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
padding: 5px;
border: none;
background: #333;
}
.bootstrapGalleryComponent .style6 .thumbnail:hover,
.bootstrapGalleryComponent .style6 .thumbnail:focus,
.bootstrapGalleryComponent .style6 .thumbnail.active {
border-color: #428bca;
}
/*GALLERY STYLE7 FONDO NEGRO PEGADAS*/
.bootstrapGalleryComponent .style7.row{
margin: 0;
background-color: #333;
padding: 5px;
}
.bootstrapGalleryComponent .style7.row div[class*="col-"]{
margin-bottom: 0;
padding: 0;
}
.bootstrapGalleryComponent .style7 .thumbnail{
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
padding: 5px;
border: none;
background: #333;
}
.bootstrapGalleryComponent .style7 .thumbnail:hover,
.bootstrapGalleryComponent .style7 .thumbnail:focus,
.bootstrapGalleryComponent .style7 .thumbnail.active {
border-color: #428bca;
}
/* GALLERY MODAL */
.gallery-modal{
z-index: 10000;
background-color: rgba(0, 0, 0, 0.498039);
}
.gallery-modal .modal-dialog{
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) !important;
transform: translate(-50%, -50%) !important;
margin: auto !important;
}
.modal-backdrop-gallery{
z-index: 9999;
}
.gallery-modal .img-container > .btn-prev,
.gallery-modal .img-container > .btn-next {
z-index: 2;
top: 50%;
margin-top: -25px;
height: 50px;
width: 50px;
}
.gallery-modal .img-container button{
font-size: 35px;
top: 0;
right:35px;
width:auto;
}
.gallery-modal .btn-prev, .gallery-modal .btn-next {
font-size: 50px;
width:inherit;
}
.gallery-modal .modal-header {
padding: 20px 15px;
}
.gallery-modal .modal-header .close {
margin-top: -9px;
}
.gallery-modal .button-prev {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
/*COMPONENTE FOOTER CONTACT DATA*/
#site-info #site-info-box .footerDataWrapper.oneRow {
margin: 0;
display:block;
clear: both;
}
#site-info #site-info-box .footerDataWrapper.oneRow .contactData {
margin: 10px 0;
overflow: hidden;
width:auto;
}
#site-info #site-info-box .footerDataWrapper.oneRow .contactData div {
float: left;
margin: 0 15px 3px 0;
width:auto;
}
#site-info #site-info-box .footerDataWrapper.oneRow .contactData .location {
background: url("../img/icono-local.png") no-repeat scroll 0 0 transparent;
padding-left: 17px;
width: 450px;
float: left;
text-align: left;
}
#site-info #site-info-box .footerDataWrapper.oneColumn .contactData {
width:auto;
}
#site-info #site-info-box .footerDataWrapper.oneColumn .contactData .workTime {
display: block;
clear: both;
width: auto;
}
#site-info #site-info-box .footerDataWrapper.oneColumn .contactData .workTime,
#site-info #site-info-box .footerDataWrapper.oneColumn .contactData .phone,
#site-info #site-info-box .footerDataWrapper.oneColumn .contactData .email,
#site-info #site-info-box .footerDataWrapper.oneColumn .contactData .location {
display: block;
clear: both;
width: auto;
}
/*COMPONENTE GOOGLE MAPS DIRECTIONS*/
.googleMapsDirections ul.points-list {
border: 1px solid #F4F4F4;
padding: 5px;
}
.googleMapsDirections ul.points-list li {
margin-bottom:5px;
}
.googleMapsDirections ul.points-list li.active > a,
.googleMapsDirections ul.points-list li.active > a:hover,
.googleMapsDirections ul.points-list li.active > a:focus {
color: #FFF;
cursor: pointer;
background: #626262;
border: 1px solid #626262;
border-radius:0;
}
.googleMapsDirections ul.points-list li > a,
.googleMapsDirections ul.points-list li > a:focus {
color: #666666;
cursor: pointer;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
border: 1px solid #ededed;
border-radius:0;
}
.googleMapsDirections ul.points-list li > a:hover {
color: #FFF;
cursor: default;
background: #626262;
border: 1px solid #626262;
border-radius:0;
}
.googleMapsDirections ul.points-list li:last-child {
margin-bottom:0px;
}
.googleMapsDirections .panel {
padding:5px 15px;
background: #999999;
color:#FFF;
}
.googleMapsDirections .panel select {
color:#222;
}
.googleMapsDirections .map-style {
border: 1px solid #F4F4F4;
padding: 5px;
}
.googleMapsDirections table.adp-placemark tr td {
padding: 5px;
}
.googleMapsDirections table.adp-placemark img.adp-marker {
width: 16px;
height: auto;
}
.googleMapsDirections table.adp-directions {
width: 100%;
}
.googleMapsDirections table.adp-directions tr:nth-child(2n) {
background: #FCFCFC;
}
.googleMapsDirections .sendmaildirections {
margin-top: 15px;
background: #999999;
padding: 10px;
color: #FFF;
}
.googleMapsDirections .sendmaildirections input[type="submit"] {
background: #CCC;
border: 0 none;
color: #FFFFFF;
cursor:pointer;
}
.googleMapsDirections .sendmaildirections input[type="submit"]:hover {
background: #999;
color: #FFF;
}
/*NAV ACCORDION*/
/*TYPE A - NORMAL*/
.contentNavigationAccordion.normal ul.nav-accordion {
margin-bottom: 20px;
}
.contentNavigationAccordion.normal ul.nav-accordion li div {
color:#FFF;
border-top: 1px solid #FFF;
background: #626262;
padding: 8px;
cursor: pointer;
}
.contentNavigationAccordion.normal ul.nav-accordion li div.active {
color:#FFF;
border-top: 1px solid #FFF;
background: #626262;
cursor: pointer;
}
.contentNavigationAccordion.normal ul.nav-accordion li div:hover {
color:#FFF;
border-top: 1px solid #FFF;
background: #999999;
padding: 8px;
}
.contentNavigationAccordion.normal ul.nav-accordion li a,
.contentNavigationAccordion.normal ul.nav-accordion li ul li a {
color:#FFF;
text-transform:uppercase;
text-decoration:none;
display: inline-block;
}
.contentNavigationAccordion.normal ul.nav-accordion li div.content-accordionIcon {
background:#C8C8C8;
border-radius:5px;
display: inline-block;
width: 17px;
height:20px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
padding: 0 !important;
border: none;
float: right;
margin-right: 5px;
}
.contentNavigationAccordion.normal ul.nav-accordion li div.content-accordionIcon:hover {
border: none;
padding: 0 !important;
}
.contentNavigationAccordion.normal ul.nav-accordion li div.content-accordionIcon .accordionIcon {
width: 11px;
height: 10px;
display: inline-block;
vertical-align: middle;
}
.contentNavigationAccordion.normal ul.nav-accordion li div.content-accordionIcon .accordionIcon.arrows-down {
background:url('../img/accord-arrow-white-down.png') no-repeat scroll center top;
}
.contentNavigationAccordion.normal ul.nav-accordion li div.content-accordionIcon .accordionIcon.arrows-up {
background:url('../img/accord-arrow-white-up.png') no-repeat scroll center top;
}
.contentNavigationAccordion.normal ul.nav-accordion li .badge {
float:right;
background:#1E1E1E;
min-width: 27px;
}
.contentNavigationAccordion.normal ul.nav-accordion li .glyphicon{
font-size:12px;
cursor:pointer;
vertical-align: top;
width: 13px;
margin-top: 3px;
}
.contentNavigationAccordion.normal ul.nav-accordion li a.accordionZoneName{
vertical-align: top;
display: inline-block;
width: 75%;
text-align: left;
}
.contentNavigationAccordion.normal ul.nav-accordion li a.accordionZoneName:hover{
width: 75%;
}
.contentNavigationAccordion.normal ul.nav-accordion li a.accordionBadge{
vertical-align: top;
}
.contentNavigationAccordion.normal ul.nav-accordion li ul li a.accordionZoneName{
width: 74%;
}
.contentNavigationAccordion.normal ul.nav-accordion li ul li a.accordionZoneName:hover{
width: 74%;
}
.contentNavigationAccordion.normal ul.nav-accordion li ul li div {
background: #999999;
color:#FFF;
border-top: 1px solid #FFF;
padding-left: 15px;
}
.contentNavigationAccordion.normal ul.nav-accordion li ul li div.active {
background: #626262;
color:#FFF;
border-top: 1px solid #FFF;
}
.contentNavigationAccordion.normal ul.nav-accordion li ul li div:hover {
background: #626262;
color:#FFF;
border-top: 1px solid #FFF;
padding-left: 15px;
}
.contentNavigationAccordion.normal ul.nav-accordion li ul li div.content-accordionIcon {
background:#1E1E1E;
border-radius:5px;
display: inline-block;
width: 17px;
height:20px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
padding: 0 !important;
border: none;
float: right;
margin-right: 5px;
}
.contentNavigationAccordion.normal ul.nav-accordion li ul li div.content-accordionIcon:hover {
border: none;
padding: 0 !important;
}
.contentNavigationAccordion.normal ul.nav-accordion li ul li div.content-accordionIcon .accordionIcon {
width: 11px;
height: 10px;
display: inline-block;
vertical-align: middle;
}
.contentNavigationAccordion.normal ul.nav-accordion li ul li div.content-accordionIcon .accordionIcon.arrows-down {
background:url('../img/accord-arrow-white-down.png') no-repeat scroll center top;
}
.contentNavigationAccordion.normal ul.nav-accordion li ul li div.content-accordionIcon .accordionIcon.arrows-up {
background:url('../img/accord-arrow-white-up.png') no-repeat scroll center top;
}
.contentNavigationAccordion.normal ul.nav-accordion li ul li .badge {
float:right;
background:#1E1E1E;
}
.contentNavigationAccordion.normal ul.nav-accordion li ul li ul li div {
background: #e5e5e5; /* Old browsers */
background: -moz-linear-gradient(top, #e5e5e5 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e5e5e5 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e5e5e5 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e5e5e5 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(to bottom, #e5e5e5 0%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
border-top: 1px solid #FFF;
padding-left: 15px;
}
.contentNavigationAccordion.normal ul.nav-accordion li ul li ul li div:hover {
background: #CCC;
border-top: 1px solid #FFF;
padding-left: 15px;
}
.contentNavigationAccordion.normal ul.nav-accordion li ul li ul li a {
color:#666;
display: inline-block;
}
.contentNavigationAccordion.normal ul.nav-accordion li ul li ul li a.accordionZoneName{
width: 75%;
}
.contentNavigationAccordion.normal ul.nav-accordion li ul li ul li a.accordionZoneName:hover{
width: 75%;
}
.contentNavigationAccordion.normal ul.nav-accordion li ul li ul li .glyphicon{
width: 11px;
}
.contentNavigationAccordion.normal ul.nav-accordion li ul li ul li a:hover {
color:#FFF;
}
.contentNavigationAccordion.normal ul.nav-accordion li ul li ul li div.content-accordionIcon {
background:#E8E8E8;
}
.contentNavigationAccordion.normal ul.nav-accordion li ul li ul li div.content-accordionIcon .accordionIcon.arrows-down {
background:url('../img/accord-arrow-gray-down.png') no-repeat scroll center top;
}
.contentNavigationAccordion.normal ul.nav-accordion li ul li ul li div.content-accordionIcon .accordionIcon.arrows-up {
background:url('../img/accord-arrow-gray-up.png') no-repeat scroll center top;
}
.contentNavigationAccordion.normal ul.nav-accordion li ul li ul li .badge {
background:#1E1E1E;
}
.contentNavigationAccordion.normal ul.nav-accordion li ul li ul li ul li div {
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top, #f4f4f4 0%, #eaeaea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f4f4f4 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f4f4f4 0%,#eaeaea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f4f4f4 0%,#eaeaea 100%); /* IE10+ */
background: linear-gradient(to bottom, #f4f4f4 0%,#eaeaea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
border-top: 1px solid #FFF;
}
.contentNavigationAccordion.normal ul.nav-accordion li ul li ul li ul li div:hover {
background: #CCC;
border-top: 1px solid #FFF;
}
.contentNavigationAccordion.normal ul.nav-accordion li ul li ul li ul li a {
text-transform:none;
color:#666;
max-width: 78%;
display: inline-block;
}
.contentNavigationAccordion.normal ul.nav-accordion li ul li ul li ul li div.content-accordionIcon {
background:#FCFCFC;
}
.contentNavigationAccordion.normal ul.nav-accordion li ul li ul li ul li div.content-accordionIcon .accordionIcon.arrows-down {
background:url('../img/accord-arrow-gray-down.png') no-repeat scroll center top;
}
.contentNavigationAccordion.normal ul.nav-accordion li ul li ul li ul li div.content-accordionIcon .accordionIcon.arrows-up {
background:url('../img/accord-arrow-gray-up.png') no-repeat scroll center top;
}
.contentNavigationAccordion.normal ul.nav-accordion li ul li ul li ul li .badge {
background:#999;
}
/*TYPE B - MODEL 2*/
.contentNavigationAccordion.model2 ul.nav-accordion {
margin-bottom: 20px;
}
.contentNavigationAccordion.model2 ul.nav-accordion li div {
color:#FFF;
border-top: 1px solid #FFF;
background: #333;
padding: 8px;
margin-bottom: 4px;
cursor:pointer;
}
.contentNavigationAccordion.model2 ul.nav-accordion li div.active {
background: #000;
}
.contentNavigationAccordion.model2 ul.nav-accordion li div:hover {
color:#FFF;
border-top: 1px solid #FFF;
background: #222;
padding: 8px;
margin-bottom: 4px;
}
.contentNavigationAccordion.model2 ul.nav-accordion li a,
.contentNavigationAccordion.model2 ul.nav-accordion li ul li a {
color:#FFF;
text-transform:uppercase;
text-decoration:none;
max-width: 75%;
display: inline-block;
}
.contentNavigationAccordion.model2 ul.nav-accordion li div.content-accordionIcon {
background:#BAB9B7;
border-radius:0px;
display: inline-block;
width: 17px;
height:18px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
padding: 0 !important;
border: none;
float: right;
margin-right: 5px;
}
.contentNavigationAccordion.model2 ul.nav-accordion li div.content-accordionIcon:hover {
border: none;
padding: 0 !important;
}
.contentNavigationAccordion.model2 ul.nav-accordion li div.content-accordionIcon .accordionIcon {
width: 11px;
height: 10px;
display: inline-block;
vertical-align: middle;
}
.contentNavigationAccordion.model2 ul.nav-accordion li div.content-accordionIcon .accordionIcon.arrows-down {
background:url('../img/accord-arrow-white-down.png') no-repeat scroll center top;
}
.contentNavigationAccordion.model2 ul.nav-accordion li div.content-accordionIcon .accordionIcon.arrows-up {
background:url('../img/accord-arrow-white-up.png') no-repeat scroll center top;
}
.contentNavigationAccordion.model2 ul.nav-accordion li .badge {
float:right;
background:#606160;
min-width: 27px;
border-radius: 0;
}
.contentNavigationAccordion.model2 ul.nav-accordion li .glyphicon{
font-size:12px;
cursor:pointer;
vertical-align: top;
width: 13px;
margin-top: 3px;
}
.contentNavigationAccordion.model2 ul.nav-accordion li a.accordionZoneName{
vertical-align: top;
display: inline-block;
width: 75%;
text-align: left;
}
.contentNavigationAccordion.model2 ul.nav-accordion li a.accordionZoneName:hover{
width: 75%;
}
.contentNavigationAccordion.model2 ul.nav-accordion li a.accordionBadge{
vertical-align: top;
}
.contentNavigationAccordion.model2 ul.nav-accordion li ul li div {
background: #666;
color:#FFF;
border-top: 1px solid #FFF;
}
.contentNavigationAccordion.model2 ul.nav-accordion li ul li div.active {
color:#000;
}
.contentNavigationAccordion.model2 ul.nav-accordion li ul li div:hover {
background: #555;
color:#FFF;
border-top: 1px solid #FFF;
}
.contentNavigationAccordion.model2 ul.nav-accordion li ul li .badge {
float:right;
background:#858585;
min-width: 27px;
border-radius: 0;
}
.contentNavigationAccordion.model2 ul.nav-accordion li ul li ul li div {
background: #e5e5e5;
border-top: 1px solid #FFF;
padding-left: 15px;
cursor:pointer;
}
.contentNavigationAccordion.model2 ul.nav-accordion li ul li ul li div:hover {
background: #CCC;
border-top: 1px solid #FFF;
padding-left: 15px;
}
.contentNavigationAccordion.model2 ul.nav-accordion li ul li ul li a {
text-transform:none;
color:#666;
max-width: 78%;
display: inline-block;
}
.contentNavigationAccordion.model2 ul.nav-accordion li ul li ul li .glyphicon{
width: 5px;
}
.contentNavigationAccordion.model2 ul.nav-accordion li ul li ul li a:hover {
color:#FFF;
width: 5px;
}
.contentNavigationAccordion.model2 ul.nav-accordion li ul li ul li div.content-accordionIcon {
background:#E8E8E8;
}
.contentNavigationAccordion.model2 ul.nav-accordion li ul li ul li div.content-accordionIcon .accordionIcon.arrows-down {
background:url('../img/accord-arrow-gray-down.png') no-repeat scroll center top;
}
.contentNavigationAccordion.model2 ul.nav-accordion li ul li ul li div.content-accordionIcon .accordionIcon.arrows-up {
background:url('../img/accord-arrow-gray-up.png') no-repeat scroll center top;
}
.contentNavigationAccordion.model2 ul.nav-accordion li ul li ul li .badge {
background:#999;
border-radius: 0;
}
.contentNavigationAccordion.model2 ul.nav-accordion li ul li ul li ul li div {
background: #f4f4f4;
border-top: 1px solid #FFF;
padding-left: 20px;
}
.contentNavigationAccordion.model2 ul.nav-accordion li ul li ul li ul li div:hover {
background: #CCC;
border-top: 1px solid #FFF;
padding-left: 20px;
}
.contentNavigationAccordion.model2 ul.nav-accordion li ul li ul li ul li a {
text-transform:none;
color:#666;
max-width: 78%;
display: inline-block;
}
.contentNavigationAccordion.model2 ul.nav-accordion li ul li ul li ul li div.content-accordionIcon {
background:#FCFCFC;
cursor:pointer;
}
.contentNavigationAccordion.model2 ul.nav-accordion li ul li ul li ul li div.content-accordionIcon .accordionIcon.arrows-down {
background:url('../img/accord-arrow-gray-down.png') no-repeat scroll center top;
}
.contentNavigationAccordion.model2 ul.nav-accordion li ul li ul li ul li div.content-accordionIcon .accordionIcon.arrows-up {
background:url('../img/accord-arrow-gray-up.png') no-repeat scroll center top;
}
.contentNavigationAccordion.model2 ul.nav-accordion li ul li ul li ul li .badge {
background:#999;
}
/*TYPE C - MODEL 3*/
.contentNavigationAccordion.model3 {
background: #ccc;
padding: 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.contentNavigationAccordion.model3 ul.nav-accordion li div {
color:#FFF;
background: #626262;
padding: 8px;
margin-bottom: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.contentNavigationAccordion.model3 ul.nav-accordion li div.active {
background: #626262;
}
.contentNavigationAccordion.model3 ul.nav-accordion li div:hover {
color:#FFF;
background: #999999;
padding: 8px;
margin-bottom: 4px;
}
.contentNavigationAccordion.model3 ul.nav-accordion li a,
.contentNavigationAccordion.model3 ul.nav-accordion li ul li a {
color:#FFF;
text-transform:uppercase;
text-decoration:none;
max-width: 74%;
display: inline-block;
}
.contentNavigationAccordion.model3 ul.nav-accordion li div.content-accordionIcon {
background:#333;
border-radius:6px;
display: inline-block;
width: 17px;
height:20px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
padding: 0 !important;
border: none;
float: right;
margin-right: 5px;
cursor:pointer;
}
.contentNavigationAccordion.model3 ul.nav-accordion li div.content-accordionIcon:hover {
border: none;
padding: 0 !important;
}
.contentNavigationAccordion.model3 ul.nav-accordion li div.content-accordionIcon .accordionIcon {
width: 11px;
height: 10px;
display: inline-block;
vertical-align: middle;
cursor:pointer;
}
.contentNavigationAccordion.model3 ul.nav-accordion li div.content-accordionIcon .accordionIcon.arrows-down {
background:url('../img/accord-arrow-white-down.png') no-repeat scroll center top;
}
.contentNavigationAccordion.model3 ul.nav-accordion li div.content-accordionIcon .accordionIcon.arrows-up {
background:url('../img/accord-arrow-white-up.png') no-repeat scroll center top;
}
.contentNavigationAccordion.model3 ul.nav-accordion li .badge {
float:right;
background:#333;
min-width: 27px;
}
.contentNavigationAccordion.model3 ul.nav-accordion li .glyphicon{
font-size:12px;
cursor:pointer;
vertical-align: top;
width: 13px;
margin-top: 3px;
}
.contentNavigationAccordion.model3 ul.nav-accordion li a.accordionZoneName{
vertical-align: top;
display: inline-block;
width: 75%;
text-align: left;
}
.contentNavigationAccordion.model3 ul.nav-accordion li a.accordionZoneName:hover{
width: 75%;
}
.contentNavigationAccordion.model3 ul.nav-accordion li a.accordionBadge{
vertical-align: top;
}
.contentNavigationAccordion.model3 ul.nav-accordion li ul li div {
background: #999999;
color:#FFF;
cursor:pointer;
}
.contentNavigationAccordion.model3 ul.nav-accordion li ul li div.active {
background: #626262;
}
.contentNavigationAccordion.model3 ul.nav-accordion li ul li div:hover {
background: #626262;
color:#FFF;
}
.contentNavigationAccordion.model3 ul.nav-accordion li ul li .badge {
float:right;
background:#333;
min-width: 27px;
}
.contentNavigationAccordion.model3 ul.nav-accordion li ul li ul li div {
background: #ededed;
padding-left: 15px;
cursor:pointer;
}
.contentNavigationAccordion.model3 ul.nav-accordion li ul li ul li div:hover {
background: #A9A6A6;
padding-left: 15px;
color:#FFF;
}
.contentNavigationAccordion.model3 ul.nav-accordion li ul li ul li a {
text-transform:none;
color:#666;
max-width: 78%;
display: inline-block;
cursor:pointer;
}
.contentNavigationAccordion.model3 ul.nav-accordion li ul li ul li .glyphicon{
width: 5px;
}
.contentNavigationAccordion.model3 ul.nav-accordion li ul li ul li a:hover {
color:#FFF;
width: 5px;
}
.contentNavigationAccordion.model3 ul.nav-accordion li ul li ul li div.content-accordionIcon {
background:#D7D7D7;
cursor:pointer;
border-radius:6px;
}
.contentNavigationAccordion.model3 ul.nav-accordion li ul li ul li div.content-accordionIcon .accordionIcon.arrows-down {
background:url('../img/accord-arrow-gray-down.png') no-repeat scroll center top;
}
.contentNavigationAccordion.model3 ul.nav-accordion li ul li ul li div.content-accordionIcon .accordionIcon.arrows-up {
background:url('../img/accord-arrow-gray-up.png') no-repeat scroll center top;
}
.contentNavigationAccordion.model3 ul.nav-accordion li ul li ul li a:hover {
background: #A9A6A6;
color:#FFF;
}
.contentNavigationAccordion.model3 ul.nav-accordion li ul li ul li .badge {
background:#333;
}
.contentNavigationAccordion.model3 ul.nav-accordion li ul li ul li ul li div {
background: #f4f4f4;
padding-left: 20px;
cursor:pointer;
}
.contentNavigationAccordion.model3 ul.nav-accordion li ul li ul li ul li div:hover {
background: #A9A6A6;
color:#FFF;
padding-left: 20px;
}
.contentNavigationAccordion.model3 ul.nav-accordion li ul li ul li ul li a {
text-transform:none;
color:#666;
max-width: 78%;
display: inline-block;
}
.contentNavigationAccordion.model3 ul.nav-accordion li ul li ul li ul li a:hover {
color:#FFF;
}
.contentNavigationAccordion.model3 ul.nav-accordion li ul li ul li ul li div.content-accordionIcon {
background:#FCFCFC;
cursor:pointer;
border-radius:6px;
}
.contentNavigationAccordion.model3 ul.nav-accordion li ul li ul li ul li div.content-accordionIcon .accordionIcon.arrows-down {
background:url('../img/accord-arrow-gray-down.png') no-repeat scroll center top;
}
.contentNavigationAccordion.model3 ul.nav-accordion li ul li ul li ul li div.content-accordionIcon .accordionIcon.arrows-up {
background:url('../img/accord-arrow-gray-up.png') no-repeat scroll center top;
}
.contentNavigationAccordion.model3 ul.nav-accordion li ul li ul li ul li .badge {
background:#999;
}
/*COMPONENTE NOTIFICACION DE COOKIES*/
.cookieBanner-dark-filter{
z-index: 999999999;
background: rgba(0,0,0,0.5);
width: 100%;
height: 100%;
overflow: hidden;
position: fixed;
top: 0;
bottom: 0;
left: 0;
text-align: center;
}
.cookieBanner {
background: rgb(40, 40, 40) !important;
background-color: rgba(25, 25, 25, 0.7) !important;
color: #FFF !important;
border: none !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 12px;
/*width: 100% !important;*/
overflow: visible !important;
position: absolute;
/*bottom: 0px;*/
/*z-index: 9999999;*/
top: 50%;
right: 50%;
transform: translate(50%, -50%);
}
.cookieBanner .cookieBanner-wrapper {
padding: 15px 0 !important;
}
.cookieBanner .cookieBanner-wrapper .container {
/*display: table;*/
width: 850px;
}
/*
.cookieBanner .cookieBanner-wrapper .container > div {
display: table-cell;
vertical-align: middle;
}
*/
.cookieBanner .cookieCol-text {
/*width: 70%;*/
padding-bottom: 15px;
}
.cookieBanner .cookieCol-button {
/*width: 30%;*/
text-align: center;
}
.cookieBanner p {
color: #FFF !important;
margin-bottom: 7px;
text-align: center !important;
font-size: 12px;
width: auto !important;
}
.linkCookies {
background-color: transparent;
border-color: #FFF;
color: #fff !important;
}
.linkCookies:hover,
.linkCookies:focus,
.linkCookies:active {
color: #333 !important;
background-color: #e6e6e6;
border-color: #adadad;
}
#cookiePreferencesModal{
z-index: 8000;
}
#cookiePreferencesModal .row {
padding-bottom: 15px;
}
@media (min-width:901px) {
.cookieBanner .cookieCol-button br{
display:none;
}
.cookieCol-button a:not(:first-child){
margin-left: 15px;
}
}
@media (max-width:900px) {
.cookieBanner .cookieBanner-wrapper .container {
margin-right: 0;
margin-left: 0;
width: 100% !important;
display: block !important;
min-width: 350px;
}
.cookieBanner .cookieBanner-wrapper .container > div {
display: block;
text-align: center;
}
.cookieBanner .cookieCol-text, .cookieBanner .cookieCol-button {
width: 100%;
}
.cookieBanner p {
text-align: center !important;
}
.linkCookies,
.linkCookies a,
.linkCookies:visited,
.linkCookies:hover {
background: none !important;
background-color: none !important;
text-transform: none;
font-weight: normal;
padding: 0px;
color: #ffffff !important;
border: none;
margin-right: 7px;
margin-bottom: 7px;
text-decoration: underline;
font-size: 13px;
}
.cookieCol-button .btn-preferences,
.cookieCol-button .acceptCookies{
margin-left: 15px;
}
#cookiePreferencesModal .centered {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - (.5rem * 2));
}
}
.cookieTitle-span {
font-size: 1.33rem;
font-weight: bold;
}
.cookieSubtitle {
font-weight: bold;
}
.savePreferencesCookies {
color: #FFF;
background-color: #333;
border-color: #333;
}
.savePreferencesCookies:hover {
background-color: #1E1E1E;
border-color: #1E1E1E;
}
.cookieToggleContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
input[type="checkbox"].cookieToggle {
font-size: 30px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 2em;
height: 1em;
background: #ddd;
border-radius: 3em;
position: relative;
cursor: pointer;
outline: none;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
input[type="checkbox"].cookieToggle:checked {
background: #0EBEFF;
}
input[type="checkbox"].cookieToggle:after {
position: absolute;
content: "";
width: 1em;
height: 1em;
border-radius: 50%;
background: #FFF;
-webkit-box-shadow: 0 0 .25em rgba(0,0,0,.3);
box-shadow: 0 0 .25em rgba(0,0,0,.3);
-webkit-transform: scale(.7);
transform: scale(.7);
left: 0;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
input[type="checkbox"].cookieToggle:checked:after {
left: calc(100% - 1em);
}
/*LOGIN AGENCY USERS*/
.popoverPersonLogin, .popoverHotelLogin{
border-radius: 0;
top:20px !important;
z-index: 6000;
}
.popoverPersonLogin .arrow, .popoverHotelLogin .arrow{
display:none;
}
.popoverPersonLogin .popover-content, .popoverHotelLogin .popover-content{
background:#eee;
}
.loginbe3 input.form-control {
padding: 8px 11px;
height: auto;
font-size: 13px;
border-radius: 4px;
background: #FFF;
border-color: #FFF;
text-align: center;
border: 1px solid #FFF;
box-shadow: none;
}
.loginbe3 .form-inline .btn-default {
color: #FFF;
background-color: #363636;
padding: 3px 6px;
height: auto;
font-size: 12px;
}
.loginbe3 .form-inline .btn-default:hover {
background-color: #222;
}
.login-popover {
float:right;
margin-top:8px;
}
.login-popover span{
font-size: 12px;
margin-right: 5px;
cursor:pointer;
}
.login-popover span.loginPopoverButton{
font-size: 10px;
margin-right: 0;
}
.loginbe3 span {
display: inline-block;
margin-right: 5px;
font-size: 12px;
}
.loginbe3 .btn-default{
color: #FFF;
background-color: #363636;
padding: 3px 6px !important;
height: auto !important;
font-size: 12px !important;
}
.loginbe3 .btn-default:hover{
background-color: #222;
}
.logedbe3{
float: right;
}
.logedbe3 span{
display: inline-block;
margin: 8px 5px 0 0;
}
.logedbe3 form.form-inline{
display: inline-block;
}
.logedbe3 form.form-inline .btn-default {
color: #FFF;
background-color: #363636;
padding: 3px 6px;
height: auto;
font-size: 12px;
}
.logedbe3 form.form-inline .btn-default:hover {
background-color: #222;
}
.loginbe3.personLogin{
min-width: 200px;
}
.loginbe3.personLogin .divider{
color: #ccc;
font-size:11px;
margin-right:0;
}
.loginbe3.personLogin .btn{
color: #FFF;
padding: 7px 11px !important;
height: auto !important;
font-size: 15px !important;
font-family: "Oswald", sans-serif;
width: 100%;
background: #539EFF;
text-transform:uppercase;
}
.loginbe3.personLogin .btn:hover{
background: #62BDFF;
}
.loginbe3.personLogin .resetPassLink,
.loginbe3.personLogin .registerLink{
font-size: 11px;
margin-top: 20px;
color: #363636;
display: inline-block;
text-align: center;
}
@media (max-width:767px) {
.loginbe3.personLogin .resetPassLink,
.loginbe3.personLogin .registerLink{
font-size: 10px;
}
.loginbe3.personLogin .resetPassLink{
margin-left: 0;
margin-right: 0;
}
}
.loginbe3.personLogin .resetPassLink:hover,
.loginbe3.personLogin .registerLink:hover{
color: #539EFF;
}
.loginbe3.personLogin input:-webkit-autofill,
.loginbe3.personLogin textarea:-webkit-autofill,
.loginbe3.personLogin select:-webkit-autofill {
background-color: #ccc;
}
.popover-personLogin-content-links .personLogin-content-link a{
font-size: 12px;
color: #363636;
padding: 8px 15px;
border-bottom: 2px solid #fff;
background: #f6f6f6;
display: block;
}
.popover-personLogin-content-links .personLogin-content-link a:hover{
background: #e6e6e6;
text-decoration: none;
}
.popover-personLogin-content-links .personLogin-content-link.personLogin-logout{
text-align: center;
border: none;
padding: 15px 0 0 0;
background: none;
}
.popover-personLogin-content-links .personLogin-content-link.personLogin-logout a{
display: inline;
color: #fff;
background-color: #C0504D;
border-color: #C0504D;
font-family: "Oswald", sans-serif;
font-size: 12px;
font-weight: 300;
text-transform: uppercase;
-webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.5);
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.5);
padding: 4px 7px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.popover-personLogin-content-links .personLogin-content-link.personLogin-logout button{
background: #b90a0a;
border:none;
color:white;
padding: 8px;
width: 100%;
}
.popover-personLogin-content-links .personLogin-content-link.personLogin-logout button:hover{
opacity: 0.6;
}
.popover-personLogin-content-links .personLogin-content-link.personLogin-logout a:hover,
.popover-personLogin-content-links .personLogin-content-link.personLogin-logout a:focus,
.popover-personLogin-content-links .personLogin-content-link.personLogin-logout a:active,
.popover-personLogin-content-links .personLogin-content-link.personLogin-logout a.active{
color: #fff;
background-color: #953735;
border-color: #953735;
-webkit-box-shadow: 0px -1px 1px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 0px -1px 1px 0px rgba(50, 50, 50, 0.5);
box-shadow: 0px -1px 1px 0px rgba(50, 50, 50, 0.5);
text-decoration: none;
}
@media (max-width:767px) {
.modal-message-user strong {
color: #222;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
}
.modal-message-user strong:before {
content: "\f05a";
font: normal normal normal 14px/1 FontAwesome;
font-size: 2em;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: bottom;
float: left;
margin-right: 10px;
color: #999;
}
.modal-message-user p {
margin: 0;
font-size: 13px;
}
.modal-message-user .close {
color: #020202;
font-weight: 300;
text-shadow: 0 1px 0 #272727;
opacity: 1;
font-size: 24px;
background: transparent;
float: none;
margin: 0;
padding: 0;
position: absolute;
top: 7px;
right: 15px;
}
}
/*LOGIN USERS*/
.personLogin-wrapper, .hotelLogin-wrapper{
display: inline-block;
cursor: default;
}
.personLogin-wrapper .person-login-text, .hotelLogin-wrapper .hotel-login-text{
font-size: 13px;
cursor: pointer;
}
.personLogin-wrapper .person-login-text-high, .hotelLogin-wrapper .hotel-login-text-high{
font-size: 13px;
font-weight: bold;
}
.popover-personLogin-content-links ul{
list-style-type: none;
}
.messageLoginComponent, successLoginAlert{
position: absolute;
top: 20px;
min-width:210px ;
z-index: 10000;
font-size: 12px;
color:#999;
background-color: #eee;
border-radius: 0;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.2);
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
box-shadow: 0 5px 10px rgba(0,0,0,.2);
display: none;
}
.messageLoginComponent strong, successLoginAlert strong {
color:#222;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
}
.messageLoginComponent p, successLoginAlert p{
float: left;
margin: -4px 0 0 31px;
font-size: 13px;
}
.messageLoginComponent strong:before {
content: "\f05a";
font: normal normal normal 14px/1 FontAwesome;
font-size: 2em;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align:bottom;
float:left;
margin-right:10px;
color:#999;
}
/*LOGIN USER ADVANCED*/
.logusu_contenedorMainLogin{
position: relative;
width: 100%;
padding: 20px 50px 20px 50px;
background-color: #eeeeee;
}
.logusu_contenedorMainLogin h2.titlelogin{
font-size:19px;
font-family: 'Arial', sans-serif;
color:#222;
font-weight: bold;
padding: 0px;
margin:0px;
text-transform: uppercase;
}
.logusu_contenedorMainLogin hr.skeLine{
height: 3px;
width: 70%;
background-color:#222;
margin:10px 0px 10px 0px;
}
.logusu_contenedorMainLogin p.firstLevel{
font-size:17px;
font-family: 'Arial', sans-serif;
color:gray;
font-weight: bold;
padding: 0px;
margin:0px;
text-transform: uppercase;
}
.logusu_contenedorMainLogin p.secondLevel{
font-size:14px;
font-family: 'Arial', sans-serif;
color:gray;
padding: 0px;
margin:0px;
text-transform: uppercase;
}
.logusu_contenedorMainLogin ul.listVentajas{
margin:15px 0px 0px 0px;
padding: 5px;
}
.logusu_contenedorMainLogin ul.listVentajas, .logusu_contenedorMainLogin ul.listVentajas li.listVentajas{
list-style: none;
color:#9e9e9e;
font-family: 'Arial', sans-serif;
font-weight: bold;
}
.logusu_contenedorMainLogin ul.listVentajas li.listVentajas span.checkIcon{
color:#222;
}
.logusu_contenedorMainLogin .descuentoContainer{
position: relative;
width: 240px;
border-radius: 3px;
padding: 10px;
background-color: #cecdcd;
}
.logusu_contenedorMainLogin .descuentoContainer h3.descuento{
text-transform: uppercase;
font-family: 'Arial', sans-serif;
color:white;
font-size:16px;
text-align: center;
padding:0px;
margin:0px;
}
.logusu_contenedorMainLogin .descuentoContainer p.cifraDescuento{
text-transform: uppercase;
font-family: 'Arial', sans-serif;
color:white;
font-size:45px;
font-weight: bold;
text-align: center;
padding:0px;
margin:0px;
}
.logusu_contenedorMainLogin .crearCuentaContainer{
position: relative;
font-family: 'Arial', sans-serif;
width: auto;
text-align: left;
border:none;
font-size:15px;
margin-top:20px;
text-transform: uppercase;
}
.logusu_contenedorMainLogin .crearCuentaContainer a{
color:white;
text-decoration: none;
transition: all 0.3s;
background-color: black;
padding: 10px 20px;
}
.logusu_contenedorMainLogin .crearCuentaContainer a:hover{
color:white;
text-decoration: none;
background-color: gray;
}
.logusu_contenedorMainLogin button.crearCuentaContainer{
color:white;
width:100%;
text-align:center;
text-decoration: none;
transition: all 0.3s;
opacity:1;
background-color: black;
padding: 10px 20px;
}
.logusu_contenedorMainLogin button.crearCuentaContainer:hover{
opacity:0.6;
}
.logusu_contenedorMainLogin .asignadoMD4{
border-left: 1px solid #c1c1c1;
padding: 0px 0px 0px 55px;
}
.logusu_contenedorMainLogin .contentShowMobile{
display:none;
}
.logusu_contenedorMainLogin .containerForm{
position: relative;
width: 90%;
padding: 10px 0px 10px 0px;
margin:0px;
text-align: center;
}
.logusu_contenedorMainLogin .containerForm input{
width: 100%;
margin-bottom:10px;
font-family: 'Arial', sans-serif;
padding: 10px;
border-radius: 1px;
border: 1px solid #c3c3c3;
text-align: center;
}
.logusu_contenedorMainLogin .containerForm .passOlvido{
color:gray;
font-family: 'Arial', sans-serif;
cursor: pointer;
}
.logusu_contenedorMainLogin .containerForm .passOlvido:hover{
text-decoration:underline;
}
.logusu_contenedorMainLogin a.registerLink{
text-decoration:none;
color:#428bca;
transition:all 0.3s;
}
.logusu_contenedorMainLogin a.registerLink:hover{
text-decoration:underline;
}
@media (max-width: 1250px) {
.logusu_contenedorMainLogin .discDirecto{
margin-top:20px;
}
}
@media (max-width: 991px) {
.logusu_contenedorMainLogin .asignadoMD4{
border-left:none;
width: 100%; /** WIDTH 70% PARA VISION IPAD ¿?**/
padding: 20px;
margin:0 auto;
}
.logusu_contenedorMainLogin .contentShowMobile{
display: block;
margin-bottom:20px;
width: 90%;
}
.logusu_contenedorMainLogin p.firstLevel{
font-size:15px;
text-align: left;
}
.logusu_contenedorMainLogin .progCliMargin{
margin-bottom:20px;
}
.logusu_contenedorMainLogin .descuentoContainer{
position: relative;
width: 100%;
background-color: #cecdcd;
}
}
/*MY BOOKINGS*/
.mybooking-wrapper{
display: inline-block;
cursor: pointer;
}
.mybooking-wrapper .mybooking-content-text{
font-size: 13px;
}
.popoverMyBooking {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
top: 20px !important;
z-index: 6000;
}
.popoverMyBooking .arrow {
display: none;
}
.popoverMyBooking.popover {
max-width: none !important;
}
.popoverMyBooking .popover-content {
background: #eee;
}
.popoverMyBooking .popover-content .popover-mybooking-inside {
width: 332px;
}
.popoverMyBooking .popover-content .myBooking-title {
display:block;
color:#454545;
font-size:16px;
font-weight:600;
}
.popoverMyBooking .popover-content .myBooking-subtitle {
display:block;
color:#8a8a8a;
font-size:13px;
font-weight:300;
margin-bottom:15px;
}
.popoverMyBooking input.form-control {
width:100%;
padding: 8px 11px;
height: auto;
font-size: 13px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background: #FFF;
border-color: #FFF;
text-align: center;
border: 1px solid #FFF;
box-shadow: none;
}
.popoverMyBooking .btn {
color: #FFF;
padding: 7px 11px !important;
height: auto !important;
font-size: 15px !important;
width: 100%;
background: #539EFF;
text-transform: uppercase;
}
.prh-view-my-books .prh-info {
background: none repeat scroll 0 0 #eee;
min-height: 150px;
text-align: center;
}
.prh-view-my-books .prh-info .info-row {
color: #b1b1b1;
font-size: 17px;
}
/*GALLERY MODAL*/
.gallery-modal .img-wrapper > .btn-prev, .gallery-modal .img-wrapper > .btn-next {
font-size: 50px;
width: 0;
}
.gallery-modal .img-wrapper > .btn-prev {
left: 75px;
}
.gallery-modal .img-wrapper > .btn-next {
right: 75px;
}
.gallery-modal .btn-close {
font-size: 30px;
}
.gallery-modal .img-container img {
max-height: 100% !important;
}
.gallery-modal .title.up {
top: 0 !important;
left: 0 !important;
width: 100%;
padding: 3px 0;
font-size: 1.2rem;
text-align: left;
margin: 5px 0 0 15px;
}
/*EMBED ELEMENTS RESPONSIVE*/
/*VIDEO EMBED RESPONSIVE*/
.video-responsive {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
overflow:hidden;
}
.video-responsive iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-responsive-local {
width: 100%;
height: auto;
}
/*GOOGLE MAPS EMBED RESPONSIVE*/
.google-maps {
position: relative;
padding-bottom: 30%; // This is the aspect ratio
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
/*CAPTCHA GOOGLE EMBED RESPONSIVE*/
@media (max-width:320px) {
.g-recaptcha {
transform:scale(0.79);
-webkit-transform:scale(0.79);
transform-origin:0 0;
-webkit-transform-origin:0 0;
}
}
/*SEARCH WEB GENERAL COMPONENT*/
.searcherWeb{
max-width: 250px;
}
.searcherWeb .input-group-btn .btn{
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
color: #222;
border-color: #ccc;
}
/*SEARCH RESULT COMPONENT*/
.results-page {
background:#FFF;
}
.results-page h1{
clear: both;
color: #C3C3C3 !important;
margin: 0 0 10px;
padding: 10px 18px;
font-weight: normal;
font-size: 1.5rem;
display: block;
border-bottom: 7px solid #ededed;
}
.results-page h1 em{
font-size: 3.5rem;
color: #1a0dab;
line-height: 1;
font-style: normal;
font-weight: 600;
}
.results-page h1 span.search-term{
color: #1a0dab;
font-weight: 600;
}
.results-page .pager li strong {
background:#1a0dab;
}
.results-page ol{
margin: 0;
list-style-position: inside;
color: #1a0dab;
font-size: 1.5rem;
font-weight: bold;
}
.results-page ol h2{
background-color: #F7F7F7;
padding: 5px 10px;
}
.results-page ol h2 a{
color: #1a0dab;
font-size: 1.5rem;
font-weight:bold;
}
.results-page ol .text-meta{
padding: 0 10px;
font-size: 1rem;
display: block;
float: none;
overflow: hidden;
border-top:0;s
}
.results-page ol p{
display: block;
margin-bottom: 15px;
color: #A5A5A5;
padding: 0 0 0 15px;
font-weight: normal;
font-size: 1.2rem;
}
.results-page ol p .highlight{
color: #1a0dab;
font-style: normal;
font-weight: 600;
}
/*Correcciones achors con menu sticky*/
@media (min-width: 768px) {
.ancla{
margin-top: -70px;
position: absolute;
}
}
@media (max-width: 767px) {
.ancla{
margin-top: 0;
position: relative;
}
}
/*BOTON SCROLL UP*/
.cms-btn-up-mov {
width: 50px;
height: 50px;
opacity: 0.8;
position: fixed;
bottom: 80px;
right: 20px;
display: none;
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
border: 4px solid #ddd;
border-radius: 50%;
text-align: center;
padding: 10px;
z-index: 1000;
}
.cms-btn-up-mov span.glyphicon {
font-size: 24px;
color: #376092;
top: -2px;
}
/*alert sabias que*/
.alert-sabias-que-popup{
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 7000;
display: block;
overflow: scroll;
outline: 0;
background: rgba(0,0,0,0.5) !important;
}
.alert-sabias-que-popup .modal-dialog {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) !important;
transform: translate(-50%, -50%) !important;
margin: auto !important;
}
.alert-sabias-que-popup .modal-header{
position: absolute;
z-index: 4000;
min-height: inherit;
right: 0;
color: #FFF;
padding: 15px;
border: none;
opacity: .7;
border-top: 64px solid #404040;
border-left: 64px solid transparent;
}
.alert-sabias-que-popup .modal-header .close{
color: #FFF;
font-weight: 300;
text-shadow: 0 1px 0 #272727;
opacity: 1;
font-size: 34px;
background: transparent;
float: none;
margin: 0;
padding: 0;
position: absolute;
top: -54px;
right: 15px;
}
.alert-sabias-que-popup .modal-content{
background-color: transparent !important;
box-shadow:none;
border:none;
}
.alert-sabias-que{
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
background:transparent;
width: 100%;
height: auto;
max-width: 1200px;
}
.alert-sabias-que .sabias-que-content{
background: transparent;
margin: auto;
width: auto;
max-width: 1100px;
text-align: center;
}
.alert-sabias-que img{
width: auto;
max-width: 100%;
margin: auto;
}
.alert-sabias-que .carousel-indicators{
bottom: 0;
margin-top: 20px;
}
.alert-sabias-que .carousel-inner{
padding-bottom: 30px;
}
.alert-sabias-que .carousel-inner .item:after {
background-color: none !important;
}
.alert-sabias-que .btn-close{
font-size: 40px;
right: 15px;
top: 15px;
position: absolute;
z-index: 2000;
}
.alert-sabias-que .btn-close span,
.alert-sabias-que .carousel-control span{
color: #fff !important;
opacity: 0.7;
}
.alert-sabias-que .btn-close:hover span,
.alert-sabias-que .carousel-control:hover span{
color: #fff;
opacity: 1;
}
.carousel-indicators li {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
height: 15px;
margin: 1px;
width: 15px;
}
.carousel-indicators .active {
background-color: #fff;
height: 17px;
margin: 0;
width: 17px;
}
@media (max-width: 1199px) {
.alert-sabias-que{
max-width: 992px;
}
.alert-sabias-que .sabias-que-content{
max-width: 900px;
}
}
@media (max-width: 991px) {
.alert-sabias-que{
max-width: 767px;
}
.alert-sabias-que .sabias-que-content{
max-width: 700px;
}
}
@media (max-width: 767px) {
.alert-sabias-que .sabias-que-content{
max-width: 400px;
}
}
@media (max-width: 479px) {
.alert-sabias-que .sabias-que-content{
max-width: 300px;
}
.alert-sabias-que .btn-close{
right: 4px;
top: 4px;
font-size: 25px;
}
}
/*MENU LOGIN MOVIL*/
@media (max-width: 767px) {
.personLogin-side-menu,
.hotelLogin-side-menu,
.myBooking-side-menu {
top: 0;
bottom: 0;
right: -275px;
width: 275px !important;
position: fixed;
overflow-y: scroll;
overflow-x: hidden;
transition: right .4s;
background: #F3F3F3;
padding: 20px;
}
.personLogin-side-menu.show,
.hotelLogin-side-menu.show,
.myBooking-side-menu.show {
right: 0 !important;
}
.personLogin-side-menu .person-login-text, .hotelLogin-side-menu .hotel-login-text{
padding: 10px 0 10px 20px;
display: inline-block;
}
.personLogin-side-menu .person-login-text-high, .hotelLogin-side-menu .hotel-login-text-high{
font-weight: bold;
}
.myBooking-side-menu .myBooking-title {
display: block;
color: #454545;
font-size: 16px;
font-weight: 600;
}
.myBooking-side-menu .myBooking-subtitle {
display: block;
color: #8a8a8a;
font-size: 13px;
font-weight: 300;
margin-bottom: 15px;
}
.personLogin-side-menu.collapsing,
.personLogin-side-menu.collapse,
.hotelLogin-side-menu.collapsing,
.hotelLogin-side-menu.collapse,
.myBooking-side-menu.collapsing,
.myBooking-side-menu.collapse {
height: auto !important;
}
/* La clase "out" antigua pasa a llamarse "out-left" */
#wrapper.out-left{
left:275px;
top:0;
}
#wrapper.out-right{
left:-275px;
}
.personLogin-side-menu .loginbe3 input.form-control,
.hotelLogin-side-menu .loginbe3 input.form-control,
.myBooking-side-menu input.form-control {
padding: 11px 6px;
height: auto;
font-size: 13px;
}
.personLogin-side-menu .loginbe3 input:-webkit-autofill,
.personLogin-side-menu .loginbe3 textarea:-webkit-autofill,
.personLogin-side-menu .loginbe3 select:-webkit-autofill,
.hotelLogin-side-menu .loginbe3 input:-webkit-autofill,
.hotelLogin-side-menu .loginbe3 textarea:-webkit-autofill,
.hotelLogin-side-menu .loginbe3 select:-webkit-autofill,
.myBooking-side-menu .loginbe3 input:-webkit-autofill,
.myBooking-side-menu .loginbe3 textarea:-webkit-autofill,
.myBooking-side-menu .loginbe3 select:-webkit-autofill {
background-color: #ededed !important;
}
.personLogin-side-menu .loginbe3.personLogin .btn-default,
.hotelLogin-side-menu .loginbe3.hotelLogin .btn-default{
background-color: #363636;
padding: 10px 19px !important;
font-size: 13px !important;
text-transform: uppercase;
}
.loginbe3.personLogin .btn-green,
.loginbe3.hotelLogin .btn-green{
font-weight: 400;
font-family: "Oswald", sans-serif;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-decoration: none;
background: #84B64A;
text-shadow: none;
color: #fff;
border: #84B64A;
height: 37px;
padding: 10px 19px !important;
font-size: 13px !important;
text-transform: uppercase;
}
.myBooking-side-menu .btn {
color: #FFF;
padding: 7px 11px !important;
height: auto !important;
font-size: 15px !important;
width: 100%;
background: #539EFF;
text-transform: uppercase;
}
.personLogin-side-menu ul,
.hotelLogin-side-menu ul{
list-style: none;
padding: 0;
margin: 0;
}
.personLogin-side-menu ul li a,
.hotelLogin-side-menu ul li a{
padding: 10px 20px;
border-top: 1px solid #ddd;
display: block;
width: 100%;
text-align: center;
color: #fff7f7;
background: #272727;
transition:all 0.3s;
}
.personLogin-side-menu ul li ul li a,
.hotelLogin-side-menu ul li ul li a{
border-top: none;
}
.personLogin-side-menu ul li a:hover,
.hotelLogin-side-menu ul li a:hover{
text-decoration: none;
opacity:0.8;
}
.personLogin-side-menu ul li a img,
.hotelLogin-side-menu ul li a img{
width: 16px;
margin-right: 5px;
}
/** boton logout para móvil **/
li.personLogin-logout button{
background-color:#cd0101;
color:white;
border:none;
padding:10px;
width:100%;
margin-top:10px;
cursor: pointer;
transition:all 0.3s;
}
li.personLogin-logout button:hover{
opacity:0.8;
}
}
/*SECTION AREA*/
.grid-section{
margin-left: -15px;
margin-right: -15px;
}
#stage .grid-section{
margin-left: 0;
margin-right: 0;
}
.grid-parallax{
background-size: cover;
background-attachment: fixed;
}
.grid-bg-move{
background-size: 120% 120%;
}
.grid-content-move{
background-size: cover;
background-position: center center;
}
.grid-no-effect{
background-size: cover;
}
/*COMMENTS MODULE*/
.comments-module {
margin-left:0;
margin-right:0;
}
.comments-module .averages {
background: #FFF;
border: 1px solid #eee;
padding: 15px 0;
margin:20px 0 0;
}
.comments-module .averages table tr td {
font-size: 12px;
}
.comments-module .averages .averages-group {
border-bottom: 1px solid #eee;
padding-bottom: 10px;
}
.comments-module .averages .averages-first {
border-right: 1px solid #eee;
}
@media (max-width: 767px) {
.comments-module .averages .averages-first {
width: 100%;
border-bottom: 1px solid #eee;
border-right: none;
padding-bottom: 15px;
}
}
.comments-module .averages .averages-first .title-first {
font-size: 50px;
font-weight: bold;
color: #3AC739;
position: relative;
text-align: center;
margin: 0;
padding: 0;
}
.comments-module .averages .averages-first .title-second {
font-size: 15px;
font-weight: bold;
color: #484848;
padding: 0;
text-align: center;
margin: -13px 0 0 0;
}
.comments-module .averages .averages-second {
padding-top: 20px;
padding-left: 30px;
position:relative;
}
@media (max-width: 767px) {
.comments-module .averages .averages-second {
width: 100%;
text-align: center;
padding:20px 0;
}
}
.comments-module .averages .averages-second .glyphicon {
font-size: 50px;
padding-right: 10px;
float: left;
color: #3AC739;
}
.comments-module .averages .averages-second .fa {
font-size: 55px;
margin-right: 15px;
float: left;
}
@media (max-width: 767px) {
.comments-module .averages .averages-second .fa {
float: none;
vertical-align: middle;
}
}
.comments-module .averages .averages-second .fa-frown-o,
.comments-module .averages .averages-second .face-sad {
color: #CB3C3C;
}
.comments-module .averages .averages-second .fa-smile-o,
.comments-module .averages .averages-second .face-smile {
color: #3AC739;
}
.comments-module .averages .averages-second .fa-meh-o,
.comments-module .averages .averages-second .face-normal {
color: #E0B539;
}
.comments-module .averages .averages-second .title {
font-weight: 400;
font-size: 18px;
}
@media (min-width: 768px) and (max-width: 991px) {
.comments-module .averages .averages-second .title {
font-weight: 400;
font-size: 15px;
}
}
.comments-module .averages .averages-second p {
font-size: 16px;
padding: 0;
margin: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
.comments-module .averages .averages-second p {
font-size: 14px;
}
}
.comments-module .averages .averages-second button {
position: absolute;
top: 26px;
right: 0;
font-size: 18px;
color: #FFF;
background: #3AC739;
border: 1px solid #3AC739;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-property: background-color;
transition-property: background-color;
}
@media (max-width: 767px) {
.comments-module .averages .averages-second button {
width: 100%;
position: relative;
top: 3px;
font-size:16px;
}
.comments-module .averages .averages-second p {
margin: 5px 0;
}
}
.comments-module .averages .averages-second button:hover,
.comments-module .averages .averages-second button:focus,
.comments-module .averages .averages-second button:active {
background: #26E024 !important;
border: 1px solid #26E024 !important;
}
.comments-module .averages .punctuation-group {
padding: 14px 0 0 0;
}
.comments-module .averages .punctuation-group .punctuation,
.comments-module .averages .punctuation-group .opinions {
border-right: 1px solid #eee;
}
@media (max-width: 767px) {
.comments-module .averages .punctuation-group .punctuation,
.comments-module .averages .punctuation-group .opinions {
border-right: none;
}
.comments-module .averages .punctuation-group .punctuation table,
.comments-module .averages .punctuation-group .opinions table {
margin: 0 auto;
width: 350px;
padding: 25px 0;
display: block;
border-bottom: 1px dotted #ccc;
}
.comments-module .averages .punctuation-group .summary table {
margin: 0 auto;
width: 350px;
padding: 25px 0;
display: block;
}
}
@media (min-width: 768px) {
.comments-module .averages .punctuation-group .punctuation {
width:258px;
}
.comments-module .averages .punctuation-group .opinions {
width:180px;
}
}
@media (min-width: 992px) {
.comments-module .averages .punctuation-group .punctuation {
width:338px;
}
.comments-module .averages .punctuation-group .opinions {
width:295px;
}
}
@media (min-width: 992px) and (max-width:1199px) {
.comments-module .averages .punctuation-group .summary {
width:28%;
}
}
@media (min-width: 1200px) {
.comments-module .averages .punctuation-group .punctuation {
width:265px;
}
.comments-module .averages .punctuation-group .opinions {
width:199px;
}
}
@media (min-width: 321px) and(max-width: 425px) {
.comments-module .averages .punctuation-group .punctuation table{
width: 340px;
}
}
@media (max-width: 425px) {
.comments-module .averages .punctuation-group .opinions table {
width: 338px;
}
}
@media (max-width: 375px) {
.comments-module .averages .punctuation-group .punctuation table {
width: 289px;
}
.comments-module .averages .punctuation-group .opinions table {
width: 269px;
}
.comments-module .averages .punctuation-group .opinions table {
width: 280px;
}
}
@media (max-width: 320px) {
.comments-module .averages .punctuation-group .punctuation table {
width: 238px;
}
.comments-module .averages .punctuation-group .opinions table {
width: 230px;
}
}
.comments-module .averages .punctuation-group .opinions .fa {
color:#3AC739;
font-size: 19px;
}
.comments-module .averages .punctuation-group .summary td {
font-size: 12px;
color:#2c2c2c;
padding-bottom: 5px;
}
@media (min-width: 768px) and (max-width: 991px) {
.comments-module .averages .punctuation-group .summary td {
font-size: 11px;
}
}
.comments-module .averages .punctuation table tr > *:nth-child(1) {
width: 30%;
}
.comments-module .averages .punctuation table tr > *:nth-child(2) {
width: 60%;
text-align: center;
}
.comments-module .averages .punctuation table tr > *:nth-child(3) {
width: 10%;
text-align: center;
}
@media (max-width: 767px) {
.comments-module .averages .punctuation-group .opinions .fa {
font-size: 30px;
}
.comments-module .averages .punctuation table tr > *:nth-child(3) {
font-size: 18px;
}
.comments-module .averages .opinions table tr > *:nth-child(3) {
font-size: 19px;
}
}
@media (max-width: 320px) {
.comments-module .averages .punctuation table tr > *:nth-child(1) {
width: 1%;
}
.comments-module .averages .punctuation table tr > *:nth-child(2) {
width: 6%;
}
.comments-module .averages .punctuation table tr > *:nth-child(3) {
width: 1%;
}
}
.comments-module .averages .punctuation table .filter-input,
.comments-module .averages .opinions table .filter-input {
display:none;
}
.comments-module .averages .punctuation table input[type=radio] + label,
.comments-module .averages .punctuation table input[type=checkbox] + label,
.comments-module .averages .opinions table input[type=radio] + label,
.comments-module .averages .opinions table input[type=checkbox] + label {
display: inline-block;
width: 100%;
margin: 0 0 5px 0;
padding: 4px 12px;
font-size: 13px;
font-weight:300;
white-space: nowrap;
color: #333;
text-align: center;
line-height:15px;
text-shadow: 0 1px 1px rgba(255,255,255,0.75);
vertical-align: middle;
cursor: pointer;
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
background-image: -o-linear-gradient(top,#fff,#e6e6e6);
background-image: linear-gradient(to bottom,#fff,#e6e6e6);
background-repeat: repeat-x;
border: 1px solid #ccc;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
border-bottom-color: #b3b3b3;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}
@media (max-width: 767px) {
.comments-module .averages .punctuation table input[type=radio] + label,
.comments-module .averages .punctuation table input[type=checkbox] + label,
.comments-module .averages .opinions table input[type=radio] + label,
.comments-module .averages .opinions table input[type=checkbox] + label {
font-size: 15px;
}
.comments-module .averages .opinions table input[type=radio] + label,
.comments-module .averages .opinions table input[type=checkbox] + label {
font-size: 15px;
}
}
@media (max-width: 320px) {
.comments-module .averages .punctuation table input[type=radio] + label,
.comments-module .averages .punctuation table input[type=checkbox] + label,
.comments-module .averages .opinions table input[type=radio] + label,
.comments-module .averages .opinions table input[type=checkbox] + label {
font-size: 14px;
padding: 4px 0;
}
}
.comments-module .averages .punctuation table input[type=radio]:checked + label,
.comments-module .averages .punctuation table input[type=checkbox]:checked + label,
.comments-module .averages .opinions table input[type=radio]:checked + label,
.comments-module .averages .opinions table input[type=checkbox]:checked + label {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
background-color: #3AC739;
color:#FFF;
}
.comments-module .averages .summary table tr > *:nth-child(1) {
width: 50%;
}
.comments-module .averages .summary table tr > *:nth-child(2) {
width: 51%;
text-align: left;
line-height:0;
}
.comments-module .averages .opinions table tr {
line-height: 2;
}
.comments-module .averages .opinions table tr > *:nth-child(1) {
width: 45%;
}
.comments-module .averages .opinions table tr > *:nth-child(2) {
width: 40%;
text-align: center;
}
@media (max-width: 767px) {
.comments-module .averages .opinions table tr > *:nth-child(2) {
width: 52%;
}
.comments-module .averages .opinions table tr > *:nth-child(1) {
width: 75%;
}
.comments-module .averages .summary table tr > *:nth-child(1) {
width: 61%;
font-size: 15px;
}
}
@media (max-width: 320px) {
.comments-module .averages .summary table tr > *:nth-child(1) {
width: 40%;
font-size: 14px;
}
}
.comments-module .averages .opinions table tr > *:nth-child(3) {
width: 15%;
text-align: center;
}
.comments-module .averages .punctuation-group .btn {
background: transparent;
border: 1px solid #3AC739;
color: #2c2c2c;
margin-bottom: 5px;
padding: 3px 8px;
font-size: 13px;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-property: color, background-color;
transition-property: color, background-color;
background: transparent;
color: #222;
border: 1px solid #26E024;
margin-bottom: 5px;
}
.comments-module .averages .punctuation-group .btn:hover {
background: #26E024;
border: 1px solid #26E024;
color: #FFF;
}
.comments-module .averages .punctuation-group .rating-symbol {
display:inline-block;
position: relative;
}
.comments-module .averages .punctuation-group .rating-symbol-background {
visibility:visible;
}
.comments-module .averages .punctuation-group .rating-symbol-foreground {
display: inline-block;
position: absolute;
overflow: hidden;
left: 0;
right: 0;
width: 0;
}
.comments-module .averages .punctuation-group .symbol {
display: inline-block;
border-radius: 50%;
border: 5px double white;
width: 20px;
height: 20px;
}
@media (max-width: 991px) {
.comments-module .averages .punctuation-group .symbol {
width: 19px;
height: 19px;
}
}
.comments-module .averages .punctuation-group .symbol-square {
display: inline-block;
border-radius: 0;
width: 16px;
height: 13px;
}
@media (max-width: 767px) {
.comments-module .averages .punctuation-group .symbol-square {
width: 33px;
height: 20px;
}
.comments-module .averages .punctuation-group .symbol {
width: 25px;
height: 25px;
}
}
@media (max-width: 375px) {
.comments-module .averages .punctuation-group .symbol-square {
width: 20px;
height: 20px;
}
.comments-module .averages .punctuation-group .symbol {
width: 22px;
height: 22px;
}
}
@media (max-width: 320px) {
.comments-module .averages .punctuation-group .symbol-square {
width: 19px;
height: 20px;
}
.comments-module .averages .punctuation-group .symbol {
width: 23px !important;
height: 23px !important;
}
}
.comments-module .averages .punctuation-group .symbol-empty {
background-color: #ccc;
}
.comments-module .averages .punctuation-group .symbol-filled {
background-color: #3AC739;
}
/* Pagination */
.comments-module .pagination li a {
color: #3f49ae;
}
.comments-module .pagination li:hover a {
color: #7273DE;
}
.comments-module .pagination li a.page.current {
color: #f67b00;
}
.comments-module .pagination li a.disabled {
color: #7273DE;
}
.comments-module .easyPaginateList li {
text-decoration: none;
list-style-type: none;
}
.comments-module .easyPaginateNav {
text-align: center;
margin: 0 auto;
width: 100% !important;
}
/*----- MODAL COMMENTS -----*/
/* Modal Header */
.modal-comments-opinion .modal-header,
.modal-comments-answer .modal-header,
.modal-comments-login .modal-header {
background-color: #9A9A9A;
border-color: #9A9A9A;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.modal-comments-opinion .modal-header .modal-title,
.modal-comments-answer .modal-header .modal-title,
.modal-comments-login .modal-header .modal-title {
color: #FFFFFF;
}
.modal-comments-opinion .modal-header button,
.modal-comments-answer .modal-header button,
.modal-comments-login .modal-header button {
opacity: 1 !important;
text-shadow: none;
}
.modal-comments-opinion .modal-header button,
.modal-comments-answer .modal-header button,
.modal-comments-login .modal-header button {
color: #FFFFFF;
}
.modal-comments-opinion .modal-header button:hover,
.modal-comments-answer .modal-header button:hover,
.modal-comments-login .modal-header button:hover {
color: #222;
}
.modal-comments-opinion .modal-body,
.modal-comments-answer .modal-body,
.modal-comments-login .modal-body {
max-height: 100%;
height: 100%;
padding: 30px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.modal-comments-opinion .modal-body .form-group,
.modal-comments-answer .modal-body .form-group,
.modal-comments-login .modal-body .form-group {
line-height: 0;
}
.modal-comments-opinion .modal-body .form-group .control-label,
.modal-comments-answer .modal-body .form-group .control-label,
.modal-comments-login .modal-body .form-group .control-label {
display: inline-block;
max-width: 100%;
width:55%;
margin: 15px 0 14px 0;
vertical-align:super;
font-size: 15px;
}
@media (max-width: 320px) {
.modal-comments-opinion .modal-body .form-group .control-label,
.modal-comments-answer .modal-body .form-group .control-label,
.modal-comments-login .modal-body .form-group .control-label {
font-size:13px;
}
}
.modal-comments-opinion .modal-body .form-horizontal .control-label,
.modal-comments-answer .modal-body .form-horizontal .control-label,
.modal-comments-login .modal-body .form-horizontal .control-label {
font-weight: 300;
color: #0E0E0E;
font-size: 14px;
text-align: left;
}
.modal-comments-opinion .modal-body .form-horizontal .form-group select option,
.modal-comments-answer .modal-body .form-horizontal .form-group select option,
.modal-comments-login .modal-body .form-horizontal .form-group select option {
text-align: center;
}
.modal-comments-opinion .modal-footer .btn-default,
.modal-comments-answer .modal-footer .btn-default,
.modal-comments-login .modal-footer .btn-default {
color: #FFFFFF;
background-color: #9A9A9A;
border-color: #9A9A9A;
}
.modal-comments-opinion .modal-footer .btn-default:hover,
.modal-comments-answer .modal-footer .btn-default:hover,
.modal-comments-login .modal-footer .btn-default:hover {
color: #FFFFFF;
background-color: #CCC;
border-color: #CCC;
}
.modal-comments-opinion .modal-footer .btn-primary,
.modal-comments-answer .modal-footer .btn-primary,
.modal-comments-login .modal-footer .btn-primary {
color: #FFFFFF;
background-color: #3AC739;
border-color: #3AC739;
}
.modal-comments-opinion .modal-footer .btn-primary:hover,
.modal-comments-answer .modal-footer .btn-primary:hover,
.modal-comments-login .modal-footer .btn-primary:hover {
color: #FFFFFF;
background-color: #26E024;
border-color: #26E024;
}
.modal-comments-opinion .modal-btn,
.modal-comments-answer .modal-btn,
.modal-comments-login .modal-btn {
color: #FFFFFF;
background-color: #f67b00;
border-color: #f67b00;
}
.modal-comments-opinion .modal-btn:hover, .modal-btn:active, .modal-btn:focus,
.modal-comments-answer .modal-btn:hover, .modal-btn:active, .modal-btn:focus,
.modal-comments-login .modal-btn:hover, .modal-btn:active, .modal-btn:focus {
color: #FFFFFF;
background-color: #F6A754 !important;
border-color: #F6A754 !important;
}
.modal-comments-opinion .rating-symbol,
.modal-comments-answer .rating-symbol,
.modal-comments-login .rating-symbol {
display:inline-block;
position: relative;
}
.modal-comments-opinion .rating-symbol-background,
.modal-comments-answer .rating-symbol-background,
.modal-comments-login .rating-symbol-background {
visibility:visible;
}
.modal-comments-opinion .rating-symbol-foreground,
.modal-comments-answer .rating-symbol-foreground,
.modal-comments-login .rating-symbol-foreground {
display: inline-block;
position: absolute;
overflow: hidden;
left: 0;
right: 0;
width: 0;
}
.modal-comments-opinion .symbol,
.modal-comments-answer .symbol,
.modal-comments-login .symbol {
display: inline-block;
border-radius: 50%;
border: 5px double white;
width: 20px;
height: 20px;
}
.modal-comments-opinion .symbol-square,
.modal-comments-answer .symbol-square,
.modal-comments-login .symbol-square {
display: inline-block;
border-radius: 0;
width: 20px;
height: 13px;
}
.modal-comments-opinion .symbol-empty,
.modal-comments-answer .symbol-empty,
.modal-comments-login .symbol-empty {
background-color: #ccc;
}
.modal-comments-opinion .symbol-filled,
.modal-comments-answer .symbol-filled,
.modal-comments-login .symbol-filled {
background-color: #3AC739;
}
.modal-comments-opinion .text-danger {
background: #ededed;
padding: 10px;
}
.pac-container.pac-logo {
z-index: 1500;
}
.comments-module .comments-management {
background: #A6A6A6;
margin: 0;
padding: 15px;
color: #FFF;
}
.comments-module .comments-management-title {
font-size: 16px;
font-weight: 400;
}
.comments-module .comments-management .comments-management-title .glyphicon {
color: #FFF;
font-size: 22px;
margin-right: 5px;
}
.comments-module .comments-management-login {
text-align: right;
}
.comments-module .comments-management-login span {
font-size: 13px;
font-weight: 300;
margin-right: 10px;
}
.comments-module .comments-management-login form {
display:inline-block;
}
.comments-module .nav-toggle {
height: 50px;
}
.comments-module .nav-toggle .btn{
float: right;
font-size: 10px;
background: #A6A6A6;
border-color: #A6A6A6;
border-radius: 0;
padding: 2px 15px;
}
.comments-module .nav-toggle .btn:active,
.comments-module .nav-toggle .btn:focus{
background: #A6A6A6;
border-color: #A6A6A6;
}
/*----- COMMENTS ------*/
.comments-module .button-comment-form{
margin: 0px;
padding: 5px 15px;
}
.comments-module .comment-user .panel .panel-body .user-title {
padding-top: 20px;
}
.comments-module .punctuation-group h5 {
font-weight: bold;
font-size: 16px;
padding-bottom: 15px;
}
@media (max-width: 767px) {
.comments-module .punctuation-group h5 {
text-align:center;
margin-top:10px;
font-size: 20px;
}
}
.comments-module .punctuation-group .punctuation,
.comments-module .punctuation-group .opinions {
border-right: 1px solid #eee;
margin-right:10px;
}
.comments-module .averages .client-opinions li a {
color: #f67b00;
}
.comments-module .averages .client-opinions li:hover a,
.comments-module .averages .client-opinions li:focus a {
color: #3f49ae;
}
/* Comment visible-novisible*/
.comments-module .row .no-visible .panel-default {
background-color: #ddd;
}
/* Button visible and remove */
.comments-module .button-comment-form button {
margin-right:5px;
}
.comments-module .button-comment-form button span {
color: white;
}
.comments-module .button-comment-form .button-comment-visible {
margin-right: -1px;
}
.comments-module .button-comment-form .button-comment-visible,
.comments-module .button-comment-form .button-comment-remove,
.comments-module .button-comment-form .button-comment-write {
background-color: #A6A6A6;
}
.comments-module .button-comment-form .button-comment-visible:hover,
.comments-module .button-comment-form .button-comment-remove:hover,
.comments-module .button-comment-form .button-comment-write:hover {
background-color: #222;
}
.comments-module .button-comment-form .button-comment-write {
margin-right:0;
}
.comments-module .comment-user{
margin: 0;
text-align: center;
color: #222;
}
.comments-module .comment-country{
text-align: center;
color: #999;
font-size: 13px;
}
@media (max-width: 320px) {
.comments-module .comment-user .visible{
padding-left: 0;
padding-right: 0;
}
}
.comments-module .comment-user .thumbnail{
margin: 10px;
}
.comments-module .comment-user .panel{
min-height: 160px;
position: relative;
background: #ffffff;
border: 4px solid #f2f2f2;
}
.comments-module .comment-hotel .panel{
min-height: 160px;
position: relative;
background: #EEE;
border: 4px solid #f2f2f2;
}
.comments-module .comment-user .panel:before{
right: 100%;
top: 14px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.comments-module .comment-user .panel:after{
right: 100%;
top: 20px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
@media (max-width: 991px) {
.comments-module .comment-user .panel:after,
.comments-module .comment-user .panel:before{
display:none;
}
}
@media (max-width: 1199px) {
.comments-module .comment-user .thumbnail{
margin: 10px;
}
}
.comments-module .comment-user .panel:after {
border-color: rgba(255, 255, 255, 0);
border-right-color: #ffffff;
border-width: 15px;
}
.comments-module .comment-user.comment-hotel .panel:after {
border-right-color: #ddd;
}
.comments-module .comment-user .panel:before {
border-color: rgba(242, 242, 242, 0);
border-right-color: #f2f2f2;
border-width: 21px;
}
.comments-module .comment-user .panel .panel-heading {
position: absolute;
border: none;
border-top-right-radius: 0;
top: 1px;
}
.comments-module .comment-user .panel .panel-heading.right {
border-right-width: 0;
border-top-left-radius: 0;
right: 16px;
}
.comments-module .comment-user .panel .panel-body {
padding: 15px 45px;
}
.comments-module .comment-user .panel .panel-body .user-average {
color: #f67b00;
font-size: 35px;
font-weight: 600;
}
.comments-module .comment-user .panel .panel-body .user-average-number {
margin-bottom: -15px;
text-align:center;
}
.comments-module .comment-user .panel .panel-body .user-title {
color: #3f49ae;
font-size: 20px;
font-weight: bold;
padding: 0;
text-align: left;
margin-top: 10px;
}
.comments-module .comment-user .panel .panel-body .comment-post {
color: #797979;
margin: 3px 0 10px -7px;
text-align: left;
}
.comments-module .comment-user .panel .panel-body .comment-hotel-name {
background: #ededed;
padding:2px 0;
}
.comments-module .comment-hotel .panel .panel-body .comment-post {
color: #797979;
margin: 10px 0 10px -16px;
text-align: left;
}
.comments-module .comment-user .panel .panel-body .comment-user {
float:left;
margin-right: 15px;
padding-top: 10px;
color: #222;
font-size: 13px;
}
.comments-module .comment-user .panel .panel-body .comment-date {
color: #222;
font-weight: 300;
font-size: 13px;
display: block;
text-align: left;
margin-top: 14px;
}
.comments-module .comment-hotel .panel .panel-body .comment-date {
color: #222;
font-weight: 300;
font-size: 13px;
float:left;
text-align: left;
margin-top: 10px;
}
.comments-module .comment-user .panel .rating-symbol {
display:inline-block;
position: relative;
}
.comments-module .comment-user .panel .rating-symbol-background {
visibility:visible;
}
.comments-module .comment-user .panel .rating-symbol-foreground {
display: inline-block;
position: absolute;
overflow: hidden;
left: 0;
right: 0;
width: 0;
}
.comments-module .comment-user .panel .symbol {
display: inline-block;
border-radius: 50%;
border: 5px double white;
width: 20px;
height: 20px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.comments-module .comment-user .panel .symbol {
width: 16px;
height: 16px;
}
}
.comments-module .comment-user .panel .symbol-square {
display: inline-block;
border-radius: 0;
width: 20px;
height: 13px;
}
.comments-module .comment-user .panel .symbol-empty {
background-color: #ccc;
}
.comments-module .comment-user .panel .symbol-filled {
background-color: #3AC739;
}
.comments-pagination .pagination>.disabled>span,
.comments-pagination .pagination>.disabled>span:hover,
.comments-pagination .pagination>.disabled>span:focus,
.comments-pagination .pagination>.disabled>a,
.comments-pagination .pagination>.disabled>a:hover,
.comments-pagination .pagination>.disabled>a:focus,
.comments-pagination .pagination>li>a,
.comments-pagination .pagination>li>span {
color: #777;
cursor: pointer;
background-color: #fff;
border-color: #ddd;
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
background-image: -o-linear-gradient(top,#fff,#e6e6e6);
background-image: linear-gradient(to bottom,#fff,#e6e6e6);
background-repeat: repeat-x;
border: 1px solid #ccc !important;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
border-bottom-color: #b3b3b3;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}
.comments-pagination .pagination>.active>span,
.comments-pagination .pagination>.active>span:hover,
.comments-pagination .pagination>.active>span:focus,
.comments-pagination .pagination>.active>a,
.comments-pagination .pagination>.active>a:hover,
.comments-pagination .pagination>.active>a:focus {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
background-color: #e0e0e0;
}
.comments-module .alert-info {
color: #2E95C7;
background-color: #FFFFFF;
border-color: #FFFFFF;
}
/*COMPONENTE SHOWBIZ*/
.showbiz .reveal_opener.opener_big_grey {
width: auto;
height: 29px;
padding: 0px 10px;
font-weight: 300;
font-size: 14px;
}
/*AREA CLIENTE*/
.grid-area-cliente{
margin-top:20px;
}
.area-cliente h1{
width:auto !important;
border-bottom: 2px dotted #ccc;
padding: 20px 15px 15px 15px !important;
margin: 15px !important;
font-size: 21px;
}
.area-cliente .titulo-ofertas{
background: none;
margin-bottom: 0 !important;
color: #525252;
font-size: 18px;
text-align: center;
font-weight: 600;
font-size: 20px;
text-align: left;
padding: 0 31px;
margin: 45px 15px 15px 0;
line-height: 25px;
position:relative;
}
.area-cliente .titulo-ofertas:before {
position: absolute;
width: 262px;
height: 5px;
content: " ";
bottom: -18px;
background-color: #AAA;
}
.area-cliente .subtitulo-ofertas{
width:auto !important;
padding: 20px 15px 0 15px !important;
margin: 15px !important;
font-size: 16px;
color: s#525252;
line-height: 19px;
}
.area-cliente .descripcion-ofertas{
font-size: 14px;
color:#AAAAAA;
text-justify:auto;
padding:15px 30px;
}
.area-cliente .ofertas-button{
color: #FFF;
font-size: 15px;
background: #999999;
text-decoration: none;
margin-left: 31px;
padding: 22px 13px 23px 13px;
line-height: 0px;
display: block;
width: 340px;
}
.area-cliente .ofertas-button:hover,
.area-cliente .ofertas-button:active,
.area-cliente .ofertas-button:focus{
background: #626262;
}
.area-cliente .subtitle{
margin:0 15px;
font-size:15px;
line-height:20px;
}
.area-cliente .menu-area{
margin: 15px 29px 0;
}
.area-cliente .menu-button{
color: #FFF;
font-size: 15px;
background: #999999;
padding: 7px 13px;
margin: 5px 0 0;
display: block;
text-decoration: none;
}
@media (max-width: 768px) {
.area-cliente .menu-bienvenida {
padding: 0 25px;
}
.area-cliente .menu-area{
margin: 15px 5px 0;
}
.area-cliente .menu-button{
font-size: 12px;
}
.area-cliente .banner-ventajas {
margin: 15px 0 0 0;
}
.area-cliente .banner-ventajas img {
float: left;
padding-right: 0;
width: 100%;
height: auto;
}
.area-cliente .ofertas-button {
color: #FFF;
font-size: 12px;
background: #525252;
text-decoration: none;
margin-left: 0;
padding: 22px 0;
text-decoration: none;
line-height: 0px;
display: block;
width: auto;
text-align: center;
}
}
.area-cliente .menu-button:hover,
.area-cliente .menu-button:active,
.area-cliente .menu-button:focus{
background: #626262;
}
.area-cliente .banner-ventajas{
background:#272727;
padding: 10px;
overflow: hidden;
margin: 15px 29px 0 0;
}
.area-cliente .banner-ventajas img{
float:left;
padding-right:15px;
}
.area-cliente .banner-ventajas .title{
font-size:18px;
color:#FFF;
margin-left: 10px;
float:left;
}
.area-cliente .banner-ventajas .title:before {
position: absolute;
width: 130px;
height: 3px;
content: " ";
bottom: -12px;
background-color: #FFF;
}
.area-cliente .banner-ventajas ul {
width:auto !important;
background:none !important;
}
.area-cliente .banner-ventajas ul li {
color:#FFF;
font-size:12px;
border-bottom: 1px solid #646060 !important;
padding-bottom: 0px;
}
@media (max-width: 768px) {
.area-cliente .banner-ventajas {
margin: 15px 0 0 0;
}
.area-cliente .banner-ventajas img {
float: left;
padding-right: 0;
width: 100%;
height: auto;
}
}
.area-cliente.grid-motor {
margin-top:25px;
}
.area-cliente.grid-motor .hTt-container-fluid{
padding:20px 0;
}
/*CARROUSEL SLIDER BOOSTRAP*/
.carousel-inner .item:after {
content: "";
/*background-color: rgba(0, 0, 0, 0.5);*/
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.carousel-control {
width: 10%;
}
.carousel-control .fa {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
}
.carousel-control .fa.fa-chevron-right {
right: 50%;
margin-right: -10px;
}
.carousel-teaser-slider .list-group {
position:absolute;
top:0;
right:0;
}
.carousel-teaser-slider .list-group-item {
border-radius:0px;
cursor:pointer;
}
@media screen and (min-width: 768px) {
.carousel-control .fa {
width: 30px;
height: 30px;
margin-top: -15px;
font-size: 30px;
}
}
@media screen and (min-width: 768px) {
.carousel-control .fa-chevron-left {
margin-left: -15px;
}
}
/*CARROUSEL HEIGHT 100%*/
.carousel.imagesAsBack,
.carousel.imagesAsBack .carousel-inner,
.carousel.imagesAsBack .carousel-inner .item {
height: 100%;
width: 100%;
}
.carousel.imagesAsBack .carousel-fill {
height: 100%;
width: 100%;
background-position: center center;
background-size: cover;
}
@media screen and (max-width: 991px) {
.gridSystemWrapper .flex-container .col-sm-12 .carousel.imagesAsBack {
height:400px;
}
}
@media screen and (max-width: 767px) {
.gridSystemWrapper .flex-container .col-xs-12 .carousel.imagesAsBack {
height:300px;
}
}
/* Slider caption*/
.carousel-caption h2 {
color: #fff;
font-size: 70px;
margin-bottom: 20px;
text-transform: uppercase;
}
.carousel-caption p {
font-family: "Oswald", sans-serif;
font-weight: 300;
font-size: 20px;
margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
.carousel-caption {
right: 20%;
left: 20%;
bottom: 20%;
}
}
.carousel-inner .btn-rounded {
border-radius: 70px;
}
.carousel-inner .btn-transparent {
background: transparent;
color: #fff;
border: 2px solid #fff;
}
.carousel-inner .btn-transparent:hover {
background-color: #fff;
color: #222;
}
.carousel-inner .btn-large {
padding: 11px 45px;
font-size: 18px;
}
.carousel-inner .video-responsive iframe {
position: absolute;
top: -13px;
left: 0;
width: 100%;
height: 100%;
}
.carousel-inner video {
top: -155px;
}
/* GRID CARROUSEL MOBIL */
@media (max-width: 767px) {
.carousel-mobile {
margin-bottom:20px;
}
.carousel-mobile .carousel-inner {
width:auto;
}
.carousel-mobile .carousel-inner .text-section {
margin:0 !important;
}
.carousel-mobile .carousel-inner .text-section .thumbnail {
margin:0 !important;
}
}
/* MENU EXTENDED COLLAPSED BY RESOLUTION */
.side-menu-resolution {
top: 0;
bottom: 0;
right: -275px;
width: 275px !important;
position: fixed;
overflow-y: auto;
overflow-x: hidden;
transition: right .4s;
background: #F3F3F3;
}
.side-menu-resolution.show {
right: 0 !important;
padding: 20px;
}
.side-menu-resolution.collapsing,
.side-menu-resolution.collapse {
height: auto !important;
}
/* La clase "out" antigua pasa a llamarse "out-left" */
#wrapper.out-left{
left:275px;
}
#wrapper.out-right{
left:-275px;
}
.side-menu-resolution ul{
list-style: none;
padding: 0;
margin: 0;
}
.side-menu-resolution ul li a{
padding: 10px 20px;
border-top: 1px solid #ddd;
display: block;
width: 100%;
color: #555;
background:#C3C2C2;
}
.side-menu-resolution ul li ul li a{
border-top: none;
}
.side-menu-resolution ul li a:hover {
color: #FFF;
background:#444;
text-decoration: none;
}
/*COMPONENTE WIDGET PUNTUACIÓN*/
.circular-radial-progressbar {
position: relative;
width: 190px;
border: 4px solid #ededed;
padding: 10px 10px 0 10px;
background: #FFF;
margin-bottom: 10px;
}
.circular-progressbar {
margin: 0 auto;
width: 150px;
padding-bottom: 160px;
}
.circular-radial-progressbar .progressBar-average {
font-weight: 100;
font-size: 23px;
color: #3ac739;
background: #f7f7f7;
margin: 0 5px;
}
circular-radial-progressbar .ProgressBar-data > span {
display: list-item;
text-align: center;
}
.circular-radial-progressbar .ProgressBar-data > .progressBar-button {
display: block;
margin-top: 14px;
text-align: center;
}
.circular-radial-progressbar .ProgressBar-data > .progressBar-text,
.circular-radial-progressbar .ProgressBar-data > .progressBar-average {
text-align: center;
}
.circular-radial-progressbar .ProgressBar-data > .progressBar-text {
background: #3ac739;
margin: 0 5px;
padding: 3px 0;
color: #FFF;
}
.circular-radial-progressbar .ProgressBar-data > .progressBar-btn {
color: #1a671a;
}
.circular-radial-progressbar .ProgressBar-data > .progressBar-button > a {
background: #3ac739;
color: #ffffff;
text-decoration: none;
padding: 10px 20px;
}
.circular-radial-progressbar .ProgressBar-data > .progressBar-button a:hover {
background: #248024;
border-color: #FF9900;
}
.circular-radial-progressbar .progressBar-comments {
color: #3ac739;
font-weight: 800;
}
.circular-radial-progressbar .ProgressBar {
display: table;
height: 150px;
position: absolute;
width: 150px;
}
.circular-radial-progressbar .ProgressBar-contentCircle {
display: table;
height: 150px;
position: absolute;
width: 150px;
}
.circular-radial-progressbar .ProgressBar-circle,
.circular-radial-progressbar .ProgressBar-background {
fill: none;
stroke: #3ac739;
stroke-width: 5;
stroke-linecap: round;
stroke-dasharray: 0;
stroke-dashoffset: 0;
position: relative;
z-index: 10;
}
.circular-radial-progressbar .ProgressBar-background {
stroke: #999;
stroke-width: 4;
z-index: 0;
}
.circular-radial-progressbar .ProgressBar-percentage {
color: #959595;
font-size: 35px;
text-align: center;
width: 100%;
display: table-cell;
vertical-align: middle;
}
.circular-radial-progressbar .ProgressBar-ratting {
display: table;
margin: 0 auto;
font-size: 35px;
color: #959595;
padding-bottom: 10px;
}
/*EVENTS CALENDAR*/
.tiva-events-calendar {
font-family:'Arial-webfont', sans-serif;
}
/* ESTILOS CABECERA LISTA EVENTOS */
.container-month{
background-color: rgb(44, 44, 44);
margin-bottom: -20px;
position: relative;
width: 100%;
text-align: center;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
display: block;
padding: 10px;
overflow: hidden;
z-index: 999;
}
div.container-month p.month{
text-transform: uppercase;
font-size: 15px;
color: #d6d6d6;
font-weight: bold;
margin-bottom: 5px;
padding: 5px;
border-bottom: 1px outset#C4C4C2;
}
div.container-month p.year{
color:#afafaf;
margin:0 0 0px !important;
}
div.container-month .i-calendar-arrows{
font-size:30px;
color: #4f4f4f;
text-shadow: 1px 1px 3px black;
-webkit-transition: -webkit-color 0.3s;
transition: color 0.3s;
}
div.container-month .i-calendar-arrows:hover{
color: #9d9d9d;
text-shadow: none;
}
div.container-month .left-arrow, div.container-month .right-arrow{
margin-top:10px;
}
div.container-month .i-left{
text-align: right !important;
margin-right:40px;
}
div.container-month .i-right{
text-align: left !important;
margin-left: 0px;
}
/**MEDIA QUERIES*/
@media (min-width: 320px) {
.content-arrow-right{
position: relative;
width: 10px;
margin-left: 0px;
}
.content-arrow-right:hover{
}
.content-arrow-left{
position: relative;
width: 10px;
text-align: center;
margin-left: 89%;
}
.content-arrow-left:hover{
}
}
@media (min-width: 800px) {
.content-arrow-right{
position: relative;
width: 10px;
margin-left: 40px;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.content-arrow-right:hover{
transform: rotate(360deg);
}
.content-arrow-left{
position: relative;
width: 10px;
text-align: center;
margin-left: 89%;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.content-arrow-left:hover{
transform: rotate(360deg);
}
}
@media (min-width: 1541px){
.content-arrow-right{
position: relative;
width: 10px;
margin-left: 40px;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.content-arrow-right:hover{
transform: rotate(360deg);
}
.content-arrow-left{
position: relative;
width: 10px;
text-align: center;
margin-left: 89%;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.content-arrow-left:hover{
transform: rotate(360deg);
}
}
/* Events Calendar contain */
.tiva-events-calendar .tiva-events-calendar-wrap {
padding: 15px;
margin:20px 0;
background:#FFF;
box-shadow: none;
-moz-border-radius-bottomleft: 0;
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
-moz-border-radius-bottomright: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
-moz-border-radius-topright: 0;
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
-moz-border-radius-topleft: 0;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
border-collapse: collapse;
border-spacing: 0;
}
/* Calendar */
.tiva-calendar-full .calendar-table {
margin-bottom: 20px;
}
.tiva-calendar-full .calendar-title, .tiva-calendar-full .calendar-btn {
text-align: center !important;
background: #222;
color: #ffffff;
height: 30px;
vertical-align: middle !important;
}
.tiva-calendar-full .calendar-btn {
padding: 0;
}
.tiva-calendar-full .calendar-btn span {
cursor: pointer;
font-size: 13px !important;
}
.tiva-calendar-full .calendar-title {
font-size: 15px;
font-weight: bold;
padding-top: 12px;
padding-left: 30px;
}
.tiva-calendar-full .calendar-title span {
position: relative;
color: #fff;
font-weight: bold;
font-size: 15px;
line-height: 20px;
}
.tiva-calendar-full .calendar-title i {
position: absolute;
left: -22px;
top: -1px;
}
.tiva-calendar-full .table>thead>tr>td.active,
.tiva-calendar-full .table>tbody>tr>td.active,
.tiva-calendar-full .table>tfoot>tr>td.active,
.tiva-calendar-full .table>thead>tr>th.active,
.tiva-calendar-full .table>tbody>tr>th.active,
.tiva-calendar-full .table>tfoot>tr>th.active,
.tiva-calendar-full .table>thead>tr.active>td,
.tiva-calendar-full .table>tbody>tr.active>td,
.tiva-calendar-full .table>tfoot>tr.active>td,
.tiva-calendar-full .table>thead>tr.active>th,
.tiva-calendar-full .table>tbody>tr.active>th,
.tiva-calendar-full .table>tfoot>tr.active>th {
background-color: #808080;
}
.tiva-calendar-full .calendar-table tr th {
text-align: center;
color: #ffffff;
background: #808080;
font-size: 14px;
}
.tiva-calendar-full .calendar-table tr td {
border:1px solid #e2e2e2;
}
.tiva-calendar-full .calendar-table tr th, .tiva-calendar-full .calendar-table tr td {
width: 14.285714285714285%;
}
.tiva-calendar-full .calendar-day-normal {
height: 60px;
font-size: 16px;
text-align: right !important;
padding: 6px 10px !important;
color: #666;
background: #ffffff;
}
.tiva-calendar-full .calendar-day-blank {
background: #f6f6f6;
color: #d7d7d7;
}
.tiva-calendar-full .calendar-day-today {
background: #d8efff;
}
.tiva-calendar-full .calendar-day-event .tiva-event-tooltip {
background: #ffffff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.tiva-calendar-full .calendar-day-event .tiva-event-tooltip .event-time {
background: #008AEF;
color:#FFF;
}
.tiva-calendar-full .calendar-day-event .tiva-event-tooltip .event-name a{
color: #FFF !important;
font-size: 13px;
background: #222;
padding: 3px 10px;
display: block;
}
.tiva-calendar-full .calendar-day-event .tiva-event-tooltip .event-intro span {
font-size: 13px !important;
line-height: 16px;
display: block;
}
.tiva-calendar-full .calendar-day-weekend {
color: #ef4f69;
line-height: 20px;
font-size: 16px;
}
.tiva-calendar-full .calendar-event-name {
color: #ffffff;
font-size: 11px;
margin-top: 5px;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
line-height: 20px;
padding: 0 3px;
cursor: pointer;
}
/* COLOR OWN PROPERTIES */
.calendar-event-name.color-0,
.tiva-events-calendar-span.color-0 {
background: #c45486
}
.calendar-event-name.color-1,
.tiva-events-calendar-span.color-1 {
background: #e6632d;
}
.calendar-event-name.color-2,
.tiva-events-calendar-span.color-2 {
background: #eac81c;
}
.calendar-event-name.color-3,
.tiva-events-calendar-span.color-3 {
background: #82030d;
}
.calendar-event-name.color-4,
.tiva-events-calendar-span.color-4 {
background: #0d8195;
}
.calendar-event-name.color-5,
.tiva-events-calendar-span.color-5 {
background: #21aebd;
}
.calendar-event-name.color-6,
.tiva-events-calendar-span.color-6 {
background: #71361f;
}
.calendar-event-name.color-7,
.tiva-events-calendar-span.color-7 {
background: #dbb885;
}
.calendar-event-name.color-8,
.tiva-events-calendar-span.color-8 {
background: #7f42b7;
}
.calendar-event-name.color-9,
.tiva-events-calendar-span.color-9 {
background: #878af5;
}
.tiva-calendar-full .calendar-event-name span {
color: #ffffff;
font-size: 11px;
line-height: 20px;
}
.tiva-calendar-full .calendar-event-name.no-name {
opacity: 0;
visibility: hidden;
}
.tiva-calendar-full .calendar-event-name.first-day {
margin-right: -11px;
-moz-border-radius-topright: 0;
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
-moz-border-radius-bottomright: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
}
.tiva-calendar-full .calendar-event-name.middle-day {
margin-left: -11px;
margin-right: -11px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.tiva-calendar-full .calendar-event-name.last-day {
margin-left: -11px;
-moz-border-radius-topleft: 0;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-moz-border-radius-bottomleft: 0;
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
}
/* Event list */
.tiva-event-list-full {
padding: 15px;
background: #eeeeee;
}
.tiva-event-list-full .event-item {
width: 100%;
border-top: 1px dotted #666;
margin-top: 20px;
padding-top: 20px;
}
.tiva-event-list-full .event-item:first-child {
border-top: none;
margin-top: 0;
padding-top: 0;
}
.tiva-event-list-full .event-item-left {
width: 20%;
margin-right: 2%;
}
.tiva-event-list-full .event-item-right {
width: 78%;
}
.tiva-event-list-full .event-image img {
width: 100%;
border: 1px solid #eee;
}
.tiva-event-list-full .event-name {
font-size: 17px;
color: #5AA4A3 !important;
margin-bottom: 4px;
}
.tiva-event-list-full .event-time, .tiva-event-list-full .event-date {
margin-bottom: 3px;
color: #ef4f69;
font-size: 13px;
}
.tiva-event-list-full .event-time i, .tiva-event-list-full .event-date i {
margin-right: 5px;
}
.tiva-event-list-full .event-intro {
color: #666;
font-size: 14px;
}
.tiva-event-list-full .link {
cursor: pointer;
}
/* Responsive */
@media (min-width: 768px) {
.tiva-event-list-full .event-item-left {
margin-right: 2% !important;
}
.tiva-event-list-full .event-item-left.pull-left, .tiva-event-list-full .event-item-right.pull-left {
float: left !important;
}
}
@media (max-width: 768px) {
.tiva-calendar-full .btn-change-date {
display: none;
}
.tiva-calendar-full .calendar-day-normal, .tiva-calendar-full .calendar-day-blank {
padding: 2px !important;
}
.tiva-calendar-full .calendar-table tr th {
padding: 5px 3px !important;
}
.tiva-event-list-full .event-item-left {
margin-bottom: 10px !important;
}
.tiva-event-list-full .event-item-left, .tiva-event-list-full .event-item-right {
width: 100%;
}
}
/* OWN PROPERTIES */
body::-webkit-scrollbar {
width: 1em;
}
body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
body::-webkit-scrollbar-thumb {
background-color: darkgrey;
outline: 1px solid slategrey;
}
/*EVENTS CALENDAR COMPACT*/
/* Events Calendar contain */
.tiva-events-calendar.compact .tiva-events-calendar-wrap {
padding: 1px;
margin:20px 0;
background:#FFF;
box-shadow: none;
-moz-border-radius-bottomleft: 0;
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
-moz-border-radius-bottomright: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
-moz-border-radius-topright: 0;
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
-moz-border-radius-topleft: 0;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
border-collapse: collapse;
border-spacing: 0;
}
/* Calendar */
.tiva-calendar-compact .calendar-table {
margin-bottom: 20px;
}
.tiva-calendar-compact .calendar-title, .tiva-calendar-compact .calendar-btn {
text-align: center !important;
background: #222;
color: #ffffff;
height: 30px;
vertical-align: middle !important;
}
.tiva-calendar-compact .calendar-btn span {
cursor: pointer;
font-size: 13px !important;
}
.tiva-calendar-compact .calendar-title {
font-size: 13px;
font-weight: bold;
padding-top: 12px;
padding-left: 30px;
}
.tiva-calendar-compact .calendar-table tr th {
text-align: center;
color: #ffffff;
background: #808080;
font-size: 11px;
}
.tiva-calendar-compact .calendar-table tr th, .tiva-calendar-compact .calendar-table tr td {
width: 14.285714285714285%;
line-height: 19px;
font-size:11px;
}
.tiva-calendar-compact .calendar-table tr td {
border:1px solid #e2e2e2;
}
.tiva-calendar-compact .table>thead>tr>td.active,
.tiva-calendar-compact .table>tbody>tr>td.active,
.tiva-calendar-compact .table>tfoot>tr>td.active,
.tiva-calendar-compact .table>thead>tr>th.active,
.tiva-calendar-compact .table>tbody>tr>th.active,
.tiva-calendar-compact .table>tfoot>tr>th.active,
.tiva-calendar-compact .table>thead>tr.active>td,
.tiva-calendar-compact .table>tbody>tr.active>td,
.tiva-calendar-compact .table>tfoot>tr.active>td,
.tiva-calendar-compact .table>thead>tr.active>th,
.tiva-calendar-compact .table>tbody>tr.active>th,
.tiva-calendar-compact .table>tfoot>tr.active>th {
background-color: #808080;
}
.tiva-calendar-compact .calendar-day-normal {
text-align: center;
padding: 0 !important;
height: 34px;
vertical-align: middle !important;
color: #666;
background: #ffffff;
}
.tiva-calendar-compact .calendar-day-blank {
background: #f6f6f6 !important;
color: #d7d7d7 !important;
}
.tiva-calendar-compact .calendar-day-normal .calendar-day-event {
cursor: pointer;
}
.tiva-calendar-compact .calendar-day-today {
background: #d8efff;
}
.tiva-calendar-compact .calendar-day-weekend {
color: #ef4f69;
}
.tiva-calendar-compact .calendar-event-mark {
position: absolute;
top: -8px;
right: 0;
background: none !important;
}
.tiva-calendar-compact .calendar-event-mark::after {
content: '';
visibility: visible;
display: block;
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-top: 16px solid #567BD2;
border-left: 16px solid transparent;
}
/* Event list */
.tiva-event-list-compact {
padding: 15px;
background: #eeeeee;
}
.tiva-event-list-compact .event-item {
width: 100%;
border-top: 1px dotted #666;
margin-top: 20px;
padding-top: 20px;
}
.tiva-event-list-compact .event-item:first-child {
border-top: none;
margin-top: 0;
padding-top: 0;
}
.tiva-event-list-compact .event-image img {
width: 100%;
border: 1px solid #eee;
margin-bottom: 10px;
}
.tiva-event-list-compact .event-name {
font-size: 16px;
color: #5AA4A3;
margin-bottom: 6px;
}
.tiva-event-list-compact .event-time, .tiva-event-list-compact .event-date {
margin-bottom: 3px;
color: #ef4f69;
font-size: 13px;
}
.tiva-event-list-compact .event-time i, .tiva-event-list-compact .event-date i {
margin-right: 5px;
}
.tiva-event-list-compact .event-intro {
color: #666;
font-size: 14px;
}
.tiva-event-list-compact .link {
cursor: pointer;
}
/* Event detail */
.tiva-event-detail-compact {
padding: 15px;
background: #eeeeee;
display: none;
}
.tiva-event-detail-compact .event-item {
width: 100%;
border-top: 1px dotted #666;
margin-top: 20px;
padding-top: 20px;
}
.tiva-event-detail-compact .event-item:first-child {
border-top: none;
margin-top: 0;
padding-top: 0;
}
.tiva-event-detail-compact .event-image img {
width: 100%;
border: 1px solid #eee;
margin-bottom: 10px;
}
.tiva-event-detail-compact .event-name {
font-size: 16px;
color: #5AA4A3;
margin-bottom: 6px;
}
.tiva-event-detail-compact .event-time, .tiva-event-detail-compact .event-date, .tiva-event-detail-compact .event-location {
margin-bottom: 5px;
color: #666;
font-size: 14px;
}
.tiva-event-detail-compact .event-time i, .tiva-event-detail-compact .event-date i, .tiva-event-detail-compact .event-location i {
margin-right: 5px;
width: 14px;
}
.tiva-event-detail-compact .event-location i {
font-size: 18px;
}
.tiva-event-detail-compact .event-desc {
color: #666;
border-top: 1px solid #e2e2e2;
padding-top: 15px;
margin-top: 15px;
margin-bottom: 22px;
line-height: 22px;
font-size: 14px;
}
.tiva-event-detail-compact .event-link {
margin-bottom: 30px;
}
.tiva-event-detail-compact .event-link a {
color: #fff;
background: #5AA4A3;
padding: 8px 10px 8px 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size: 14px;
border: 0;
cursor: pointer;
position: relative;
}
.tiva-event-detail-compact .event-link a:hover {
text-decoration: none;
}
.tiva-event-detail-compact .event-link a i {
margin-right: 5px;
}
.tiva-events-modal .event-image img {
max-width: 100%;
height: auto;
}
.tiva-events-modal .event-item {
border: 1px solid #ccc;
margin-bottom: 43px;
}
.tiva-events-modal .event-name {
background: #222;
color: #FFF;
padding: 10px;
}
.tiva-events-modal .event-name a {
color: #FFF;
}
.tiva-events-modal .event-date,
.tiva-events-modal .event-time,
.tiva-events-modal .event-location {
background: #616161;
color: #FFF;
padding: 10px;
border-bottom: 1px solid #ededed;
}
.tiva-events-modal .event-desc {
background: #e5e5e5;
color: #FFF;
padding: 10px;
border-bottom: 1px solid #ededed;
}
.tiva-events-modal .event-date .fa,
.tiva-events-modal .event-time .fa,
.tiva-events-modal .event-location .fa {
margin-right: 10px;
}
.tiva-events-modal .event-button {
background: #3e95fb;
color: #FFF;
padding: 10px;
border-bottom: 1px solid #ededed;
margin: 10px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.tiva-event-list .event-name {
background: #222;
padding: 10px;
}
.tiva-event-list .event-name a {
color: #FFF;
}
.tiva-event-list .event-date,
.tiva-event-list .event-time,
.tiva-event-list .event-location {
background: #616161;
color: #FFF;
padding: 10px;
border-bottom: 1px solid #ededed;
}
.tiva-event-list .event-intro span {
background: #ffffff !important;
color: #222 !important;
padding: 10px !important;
display: block;
}
.tiva-event-list .event-date .fa,
.tiva-event-list .event-time .fa,
.tiva-event-list .event-location .fa {
margin-right: 10px;
}
.tiva-event-list .event-button {
background: #3e95fb;
color: #FFF;
padding: 10px;
border-bottom: 1px solid #ededed;
margin: 10px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
/*SOCIAL SHARE COMPONENT*/
div#socialShareWrapper .socialFloatNoneLeft #socialShareLinks,
div#socialShareWrapper .socialFloatNoneRight #socialShareLinks,
div#socialShareWrapper .socialFloatNoneLeft #socialShareEmail,
div#socialShareWrapper .socialFloatNoneRight #socialShareEmail{
display: inline-block;
}
div#socialShareWrapper .socialFloatNoneLeft #socialShareLinks a,
div#socialShareWrapper .socialFloatNoneRight #socialShareLinks a{
display: inline-block;
height: 50px;
cursor:pointer;
margin-right: -4px;
}
div#socialShareWrapper .socialFloatNoneLeft #socialShareLinks a:first-child,
div#socialShareWrapper .socialFloatNoneRight #socialShareLinks a:first-child{
margin-right: -3px;
}
div#socialShareWrapper .socialFloatNoneLeft #socialShareLinks .fa,
div#socialShareWrapper .socialFloatNoneRight #socialShareLinks .fa,
div#socialShareWrapper .socialFloatNoneLeft #socialShareEmail .fa,
div#socialShareWrapper .socialFloatNoneRight #socialShareEmail .fa{
text-align: center;
}
#socialShareLinks .fa.fa-2x,
#socialShareEmail .fa.fa-2x{
font-size: 2.5rem;
}
#socialShareLinks .fa.fa-facebook-square{
color: #FFF;
background: #3A559F;
padding: 5px;
}
#socialShareLinks .fa.fa-twitter-square{
color: #FFF;
background: #50ABF1;
padding: 5px;
}
#socialShareLinks .fa.fa-google-plus-square{
color: #FFF;
background: #DD4B39;
padding: 5px;
}
#socialShareLinks .fa.fa-tumblr-square{
color: #FFF;
background: #2F4F6E;
padding: 5px;
}
#socialShareLinks .fa.fa-pinterest-square{
color: #FFF;
background: #cb1f26;
padding: 5px;
}
#socialShareLinks .fa.fa-whatsapp{
color: #FFF;
background: #1BD741;
padding: 5px;
}
#socialShareEmail .fa.fa-envelope-square{
color: #FFF;
background: #f89839;
padding: 5px;
}
div#socialShareWrapper .socialFloatLeft #socialShareLinks a,
div#socialShareWrapper .socialFloatRight #socialShareLinks a,
div#socialShareWrapper .socialFloatLeft #socialShareEmail a,
div#socialShareWrapper .socialFloatRight #socialShareEmail a{
cursor:pointer;
display:block;
}
div#socialShareWrapper .socialFloatLeft #socialShareLinks a,
div#socialShareWrapper .socialFloatLeft #socialShareEmail a{
text-align:left;
}
div#socialShareWrapper .socialFloatRight #socialShareLinks a,
div#socialShareWrapper .socialFloatRight #socialShareEmail a{
text-align:right;
}
div#socialShareWrapper .socialFloatNoneLeft #socialShareLinks .fa:hover,
div#socialShareWrapper .socialFloatNoneRight #socialShareLinks .fa:hover,
div#socialShareWrapper .socialFloatNoneLeft #socialShareEmail .fa:hover,
div#socialShareWrapper .socialFloatNoneRight #socialShareEmail .fa:hover{
padding-bottom: 10px;
}
div#socialShareWrapper .socialFloatLeft #socialShareLinks .fa:hover,
div#socialShareWrapper .socialFloatLeft #socialShareEmail .fa:hover{
padding-right: 10px;
}
div#socialShareWrapper .socialFloatRight #socialShareLinks .fa:hover,
div#socialShareWrapper .socialFloatRight #socialShareEmail .fa:hover{
padding-left: 10px;
}
@media (min-width: 768px){
div#socialShareWrapper .socialFloatNone{
position: relative;
display:block;
}
div#socialShareWrapper .socialFloatLeft {
position: fixed;
left: 0;
top: 20%;
z-index: 10000;
}
div#socialShareWrapper .socialFloatRight {
position: fixed;
right: 0;
top: 20%;
z-index: 10000;
}
}
@media (max-width: 767px){
div#socialShareWrapper{
position: fixed;
bottom: 0;
width: 100%;
z-index: 10000;
text-align: center;
}
div#socialShare{
width: auto;
margin: auto;
display: inline-block;
text-align: left;
}
}
/*CAPTCHA GOOGLE FORMS GENERAL*/
.g-recaptcha {
display: initial;
}
.g-recaptcha .grecaptcha-badge {
display: none;
}
/***********************************/
/*REGISTRO CLIENTES Y RESERVAS NEW*/
/*********************************/
/*BIENVENIDA CLIENTES*/
@media (min-width: 1200px){
.bienvenida-clientes .content .container,
#section.bienvenida-clientes #wrapper-2.full-width .container {
width: 1170px !important;
}
}
@media (max-width: 1199px) and (min-width: 992px){
.bienvenida-clientes .content .container,
#section.bienvenida-clientes #wrapper-2.full-width .container {
width: 100% !important;
}
}
@media (max-width: 991px) and (min-width: 768px){
.bienvenida-clientes .content .container,
#section.bienvenida-clientes #wrapper-2.full-width .container {
width: 100% !important;
}
}
@media (max-width: 767px){
.bienvenida-clientes .content .container,
#section.bienvenida-clientes #wrapper-2.full-width .container {
width: 100% !important;
}
}
/*TABS MENU REGISTRO*/
.grid-cabecera-area-cliente {
background-color: #eeeeee;
}
.grid-cabecera-area-cliente h1 {
text-align: center;
font-size: 27px;
color: #444;
}
.grid-cabecera-area-cliente p {
text-align: center;
color: #8c8b8b;
font-size: 16px;
}
.grid-area-cliente .container {
background:#FFF;
}
.grid-area-cliente .gridBorder {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.grid-area-cliente .contentNavigation.normal ul.nav {
margin-bottom: 0;
width: 100%;
border-radius: none;
border: 1px solid #e7e7e7;
border-bottom: none;
background: #FFF;
}
.grid-area-cliente .contentNavigation.normal ul.nav li {
padding: 0;
border-right: 1px solid #e7e7e7;
}
.grid-area-cliente .contentNavigation.normal ul.nav li:last-child {
border-right: none;
}
.grid-area-cliente .contentNavigation.normal ul.nav li a {
color: #444;
background: none;
padding: 20px 43px;
line-height: 1;
border-radius: 5px;
font-size: 16px;
cursor:pointer !important;
}
.grid-area-cliente .contentNavigation.normal ul.nav li.active a,
.grid-area-cliente .contentNavigation.normal ul.nav li a:hover {
color: #fff;
background: #444;
padding: 20px 43px;
border-radius: 0;
}
.grid-area-cliente h1,
.menu-bienvenida h1 {
color: #444;
font-weight: 600 !important;
padding:0 15px;
}
.grid-area-cliente p,
.menu-bienvenida p {
color: #8c8b8b;
font-size: 14px;
font-weight: 300;
line-height: 25px;
padding:0 15px !important;
}
.grid-area-cliente hr,
.menu-bienvenida hr {
border-bottom: 1px dotted #ccc;
padding:0 15px;
}
/*CONSULTA RESERVAs*/
#neoPersonBookingsList .prh {
background: #FFF;
border-right: 1px solid #E7E7E7;
border-bottom: 1px solid #E7E7E7;
border-left: 1px solid #E7E7E7;
margin-bottom: 20px;
}
#neoPersonBookingsList #main .container {
background: #FFF;
border: 1px solid #E7E7E7;
}
@media (max-width: 1199px) {
#neoPersonBookingsList #main .container {
width: 100%;
}
}
#neoPersonBookingsList .text,
#neoPersonBookingsList .text-section {
margin: 0;
}
#neoPersonBookingsList .horizontal {
background: #f5f5f5 !important;
}
#neoPersonBookingsList #main {
background:none !important;
}
#neoPersonModifyDataUser .horizontal {
background: #f5f5f5 !important;
}
#neoPersonModifyDataUser #main {
background:none !important;
}
#neoHotelBookConfirm #main {
background:none !important;
}
#neoHotelBookConfirm .horizontal {
background: #f5f5f5 !important;
}
#neoPersonModifyDataUser .grid-area-cliente .gridBorder {
margin-bottom:20px !important;
}
#neoPersonBookingsList .prh.my-books-tools-popover {
border: none;
}
/*FORMULARIO REGISTRO CLIENTES*/
#neoPersonModifyDataUser .text,
#neoPersonModifyDataUser .text-section {
margin: 0;
}
#neoPersonModifyDataUser .form-control {
border-radius: 0px !important;
}
#neoPersonModifyDataUser .prh-form-data-user h2 {
font-size: 17px;
color: #404040;
margin-bottom: 20px;
}
#neoPersonModifyDataUser .prh label {
font-size: 15px;
color: #8c8b8b;
margin-bottom: 20px;
}
#neoPersonModifyDataUser .conditions label:nth-child(1) {
margin-bottom: 0;
}
#neoPersonModifyDataUser .prh .btn-green {
float:right;S
color: #fff;
background-color: #444;
border-color: #444;
font-size: 1.333rem;
padding: 11px 90px;
border-radius: 0px !important;
font-weight: 600;
text-transform: uppercase;
box-shadow:none !important;
}
#neoPersonModifyDataUser .alert-success strong,
#neoPersonModifyDataUser .alert-danger strong {
text-transform: uppercase;
font-size: 12px;
vertical-align: sub;
}
#neoPersonModifyDataUser .alert-success p,
#neoPersonModifyDataUser .alert-danger p {
font-size: 12px;
}
/*FORMULARIO MODIFICACIÓN RESERVAS*/
#neoPersonModifyDataUser #main .container {
background: #FFF;
border: 1px solid #E7E7E7;
}
@media (max-width: 1199px) {
#neoPersonModifyDataUser #main .container {
width:100%
}
}
#neoPersonModifyDataUser .prh-booking-close .prh-booking-close-locator-confirmed {
background: none repeat scroll 0 0 #01518b;
border: 1px solid #01518b;
}
#neoPersonModifyDataUser .prh-booking-close .prh-booking-close-locator-confirmed h3 {
font-size: 1.7rem;
font-weight: normal;
text-transform: uppercase;
margin: 0;
color: #fff;
}
#neoPersonModifyDataUser .prh-booking-close .prh-booking-close-locator-confirmed .txt-locator {
color: #fff;
}
/*MODAL PROMO BIENVENIDA*/
.welcomeMessage .modal-dialog {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) !important;
transform: translate(-50%, -50%) !important;
margin: auto !important;
overflow: hidden;
}
.welcomeMessage .modal-content{
background-color: transparent;
border: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
text-align:center;
}
@media (min-width: 768px){
.welcomeMessage .modal-content {
-webkit-box-shadow: none;
box-shadow: none;
}
}
.prh-modal.welcomeMessage .close {
opacity: 1;
background: transparent;
color: #fff;
border-radius: 50px;
line-height: 0;
padding: 0;
font-size: 28px;
font-weight: normal;
text-shadow: none;
position: absolute;
z-index: 2000;
right: 0;
}
.prh-modal.welcomeMessage .close:hover {
background: transparent;
}
.welcomeMessage .welcomeMessage-box {
width:100%;
height:508px;
background: url(../../../themes/hTtGeneric/img/welcomeMessage-bg.jpg) no-repeat 0 0;
padding: 20px;
}
.welcomeMessage .modal-body {
position: relative;
padding: 0;
}
.welcomeMessage .modal-content .title-welcomeMessage{
color: #FFFFFF;
font-size: 34px;
display: block;
padding-top: 142px;
position: relative;
}
.welcomeMessage .modal-content .body-welcomeMessage{
color:#D0D0D0;
font-size:18px;
display:block;
margin-top:15px;
}
.welcomeMessage .welcomeMessage-promocode{
position: absolute;
z-index: 2000;
bottom: 50px;
left: 50%;
color: #FFF;
border: 1px solid #FFF;
padding: 10px 40px;
transform: translate(-50%, -50%) !important;
margin: auto !important;
}
.modal-loading.modal {
z-index:9002 !important;
}
/*VENTAJAS ECOMMERCE*/
#neoHotelAvailability .textos-ventajas,#neoHotelAvailability .textos-ventajas,#neoHotelBookInfo .textos-ventajas,#neoHotelBookConfirm .textos-ventajas,#neoHotelCalendar .textos-ventajas {
font-family: 'Arial',sans-serif !important;
color: #fff;
font-size: 22px ;
line-height: 29px ;
text-align: left;
font-weight: 600 ;
}
#neoHotelAvailability p.textosiconos-ventajas ,#neoHotelAvailability p.textosiconos-ventajas,#neoHotelBookInfo p.textosiconos-ventajas,#neoHotelBookConfirm p.textosiconos-ventajas,#neoHotelCalendar p.textosiconos-ventajas {
font-family: 'Arial',sans-serif !important;
color: #ffffff;
font-size: 12px;
margin-top: 10px ;
font-weight: 600;
line-height: 17px;
}
/*CAMPO OCULTO PARA SPAM EN FORMULARIOS*/
div#mgnlhp {
position: absolute;
left: -20000px;
}
/*VENTAJAS VERSIÓN MÓVIL*/
.claim-list-movil {
position: absolute;
z-index: 100;
bottom: 0;
background: rgba(43, 43, 43, 0.8);
left: 0;
right: 0;
}
.claim-list-movil ul {
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
background: none;
}
.claim-list-movil ul li {
padding: 0 5px;
background: none;
}
.claim-list-movil ul li img {
transform: scale(0.7);
border: 1px solid #FFF;
padding: 5px;
}
/*POLITICA DE PRIVACIDAD*/
#legal-notice h1{
background: #868686;
color:#fff;
padding: 10px;
text-transform: uppercase;
font-size: 1.85rem;
margin-top: 60px;
}
#legal-notice h1{
margin-top: 0;
}
#legal-notice h2, #cookies-policy h2, #reservation-conditions h2, #data-protection h2, #clauses-second-layer h2{
background: #ededed;
color:#333;
padding: 10px;
text-transform: uppercase;
font-size: 1.7rem;
margin-top: 30px;
}
#legal-notice .subheader, #cookies-policy .subheader, #reservation-conditions .subheader, #data-protection .subheader, #clauses-second-layer .subheader{
font-size: 1.4rem;
font-weight: bold;
}
#legal-notice .subheader, #legal-notice div, #cookies-policy .subheader, #cookies-policy div, #reservation-conditions .subheader, #reservation-conditions div, #data-protection .subheader, #data-protection div, #clauses-second-layer .subheader, #clauses-second-layer div{
margin: 20px 0 0 0;
display: block;
}
#legal-notice .subheader, #cookies-policy .subheader, #reservation-conditions .subheader, #data-protection .subheader, #clauses-second-layer .subheader{
border-top: 1px solid #cccccc;
padding-top: 12px;
}
#legal-notice .subheader-title, #cookies-policy .subheader-title, #reservation-conditions .subheader-title, #data-protection .subheader-title, #clauses-second-layer .subheader-title{
font-size: 1.4rem;
font-weight: bold;
color: #ada8a8;
}
#legal-notice .subheader-subtitle, #cookies-policy .subheader-subtitle, #reservation-conditions .subheader-subtitle, #data-protection .subheader-subtitle, #clauses-second-layer .subheader-subtitle{
font-size: 1.15rem;
font-weight: bold;
margin:10px 0;
display: block;
}
/* LEGAL FOOTER*/
.data-protection-footer {
text-align:center;
}
/* G MAP (visualización de imagen previa y mapa) */
.mapwrapper .GeocodeItemWrapper .gmap,
.gmapDataWrapper .gmap{
background: #1a79bd url("/resources/templating-kit/themes/hTtGeneric/img/bgs/darkMap/binary.jpg") no-repeat center center;
background-size: cover;
cursor: pointer;
}
.mapwrapper .GeocodeItemWrapper .gmap .gmap-overlay,
.gmapDataWrapper .gmap .gmap-overlay{
background: transparent;
position: relative;
height: 100%;
transition: all 0.3s;
}
.mapwrapper .GeocodeItemWrapper .gmap .gmap-overlay p,
.gmapDataWrapper .gmap .gmap-overlay p{
display: block;
color: #dfdfdf;
text-align: center;
width: 100%;
top: 50%;
transform: translateY(calc(50% - 50px));
position: absolute;
transition: all 0.3s;
text-decoration: none;
}
.mapwrapper .GeocodeItemWrapper .gmap .gmap-overlay p:before,
.gmapDataWrapper .gmap .gmap-overlay p:before{
content: "\f25a";
display: block;
font-size: 30px;
font-family: fontawesome;
}
.mapwrapper .GeocodeItemWrapper .gmap:hover .gmap-overlay,
.gmapDataWrapper .gmap:hover .gmap-overlay{
background: rgba(0, 0, 0, 0.53);
}
.mapwrapper .GeocodeItemWrapper .gmap:hover .gmap-overlay p,
.gmapDataWrapper .gmap:hover .gmap-overlay p{
color: white;
text-decoration: none;
}
/*alert comments promocode*/
.alert-comments-popup{
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #404040;
font-size: 1rem;
background: #fff;
padding: 15px;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: block;
overflow: hidden;
outline: 0;
background: rgba(0,0,0,0.5);
}
.alert-comments{
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: url(../../../img/ecommerce/prh/promo-img.png) no-repeat 0 0 transparent;
width: 407px;
height: 457px;
}
.alert-comments .txt{
color: #fff;
font-size: 16px;
font-weight: normal;
padding: 240px 40px 30px 50px;
}
.alert-comments .txt strong{
color: #fff;
font-size: 22px;
font-weight: 400;
margin-bottom:20px;
display: block;
font-family: "Oswald", sans-serif;
}
.alert-comments .alert-comments-code{
background:#FFF;
color:#444;
padding:3px 6px;
}
.alert-comments .btn{
float: right;
}
.alert-comments .btn-close{
font-size: 40px;
right: 0;
top: 0;
position: absolute;
z-index: 2000;
}
.alert-comments .btn-close span{
color: rgba(255,255,255,0.8);
}
.alert-comments .btn-green {
color: #fff;
background-color: #5CB85C;
border-color: #4cae4c;
font-family: "Oswald", sans-serif;
font-size: 1.333rem;
font-weight: 300;
text-transform: uppercase;
-webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.5);
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.5);
}
.alert-comments .btn-green:hover,
.alert-comments .btn-green:focus,
.alert-comments .btn-green:active,
.alert-comments .btn-green.active {
color: #fff;
background-color: #449d44;
border-color: #398439;
-webkit-box-shadow: 0px -1px 1px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 0px -1px 1px 0px rgba(50, 50, 50, 0.5);
box-shadow: 0px -1px 1px 0px rgba(50, 50, 50, 0.5);
}
.alert-comments.alert-comments-freestyle{
background: none;
width: auto;
height: auto;
}
.alert-comments.alert-comments-freestyle .btn-close{
font-size: 40px;
right: 0;
top: 0;
}
@media (max-width: 479px) {
.alert-comments{
background: url(../../../img/ecommerce/prh/promo-img-mini.png) no-repeat 0 0 transparent;
width: 300px;
height: 341px;
}
.alert-comments .txt{
font-size: 12px;
padding: 180px 20px 20px 40px;
}
.alert-comments .txt strong{
font-size: 16px;
margin-bottom:10px;
}
.alert-comments .btn-close{
right: 4px;
top: 52px;
}
.alert-comments .btn-green{
font-size: 14px;
}
}
/*STYLES COMMON CAMPAIGN HOME/ LANDING PAGE*/
.promo-home-to-landing .hTt-container-fluid {
background-attachment: initial;
overflow: hidden;
height: 650px;
background-size: cover;
}
.caption-landingpage .divTitleSection {
margin-top: 30vh;
text-align:center;
}
.caption-landingpage h1.titleSection {
font-family: 'Montserrat', sans-serif !important;
font-size: 31px !important;
font-weight: 300 !important;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0,0,0,.6);
line-height: 49px;
transition: all 400ms ease-in;
-webkit-transition: all 200ms ease-in;
-ms-transition: all 400ms ease-in;
-moz-transition: all 400ms ease-in;
}
.caption-landingpage h1.titleSection span {
text-align:center;
}
.caption-landingpage h1.titleSection strong {
font-size: 61px !important;
font-weight: 800 !important;
display: block;
}
.caption-landingpage .subtitleSection {
color: #fff;
font-weight: 200;
font-size: 16px;
text-align: left;
}
.caption-landingpage .caption-landingpage-claim {
color: #fff;
background: #222;
padding: 5px 10px;
font-weight: 200;
font-size: 16px;
text-align: left;
display: inline-block;
margin-top: 8px;
}
.caption-landingpage .caption-landingpage-discount {
font-size: 28px;
}
@media (max-width: 767px){
.promo-home-to-landing .hTt-container-fluid {
height: 100%;
}
.caption-landingpage .divTitleSection {
margin-top: 15vh;
}
}
h2.subtitleLanding,
h2.subtitleHoteles {
font-family: 'Montserrat', sans-serif !important;
color: #c20012 !important;
font-size: 4em !important;
font-weight: 900 !important;
padding: 0 !important;
font-style: normal;
background: none !important;
line-height: 1em !important;
margin: 0 !important;
}
h2.subtitleLanding span,
h2.subtitleHoteles span {
color: #222;
font-weight:300;
}
h2.subtitleLanding span i,
h2.subtitleHoteles span i {
color: #c20012;
}
.text-section p.descriptionLanding {
font-size:15px;
padding:0;
margin-top:40px;
}
h3.expeFamily {
font-family: 'Montserrat', sans-serif !important;
color: #c20012;
font-size: 4.5em;
font-weight: 900 !important;
letter-spacing: -3px;
text-align: center;
font-style: normal;
line-height: 1em !important;
padding:0;
}
/*ESTILOS NUEVO MOBILE TOUCH SLIDER SWIPER*/
.swiperMain {
width: 100%;
height: 300px;
}
.swiperThumbs{
height: 50px;
}
.swiper-container .swiperAsBackground {
background-size: cover;
background-position: center;
}