@charset "UTF-8";
@import url(frontend/neucha.css);
@import url(frontend/font-awesome.min.css);
@import url(frontend/ionicons.min.css);
@import url(frontend/oswald.css);

/********************************
CSS STYLES BY BRYAN ARTAVIA, 2015. 
CONTACT ME AT: info@bryanartavia.com 
*********************************/


/* RESET STYLES */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, img, ol, ul, li, form, label, article, aside, embed, menu, nav, section, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display:block}
ol, ul {list-style: none}
li {display: inline-block; margin: 0; padding: 0; border: none}

/*GLOBAL STYLES*/
body {
    background: #f4f4f4;
    font: 15px "Roboto",Arial,helvetica,sans-serif;
    -webkit-font-smoothing:antialiased; width: 100%;
    height:100%;
    z-index: -1500;
}
figure, figcaption {margin:0; padding:0 }
form, input {margin:0; padding:0}
input, textarea {font-size:1em; outline:none; border:none; resize:none; border-radius:0}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
h1, h2, h3, h4, h5, h6 {
    margin: 0px;
    padding: 0px;
    color: #000000;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}	
h1, h3{font-family: 'Droid Serif', serif }
h2, h5, h4, h6, table {font: "Roboto",Arial,helvetica,sans-serif }
h1 { font-size: 2.2em }
h2 {
    font-size: 1.25em;
    font-weight: bold;
    padding: .25em .5em;
    display: block;
    width: 100%;
    margin-top: 30px;
    text-align: left;
    background: rgb(102,102,102);
    background: -moz-linear-gradient(top, rgba(102,102,102,1) 0%, rgba(33,33,33,1) 82%);
    background: -webkit-linear-gradient(top, rgba(102,102,102,1) 0%,rgba(33,33,33,1) 82%);
    background: linear-gradient(to bottom, rgba(102,102,102,1) 0%,rgba(33,33,33,1) 82%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#212121',GradientType=0 );
}
h2.sinfondo {background:transparent; margin-top:0;}
h3 {font-size: 1.85em}
h4 {font-size: 1em;}
h5 {font-size: 1em; font-weight: normal;}
h6 {font-weight: bold; font-size: .85em; color: #666666; margin-bottom: 5px}
p {font-size: 1em; line-height: 1.25em; color:#444;}
a {cursor:pointer; border: none; text-decoration: none !important}
a:focus {outline: none}
*:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
button {
    cursor: pointer;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
button:focus {outline: none}


/*** HEADER ***/
header {
    width: 100%;
    margin-top: 10px;
}
.miscellaneous {
    width: 1180px;
    height: 75px;
    margin: 0 auto;
    text-align: right;
    background: #fff;
}
.miscellaneous section {
    overflow:hidden;
    width: 20%;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding: 10px 10px 10px 20px;
    position: relative;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,ffffff+15,ffffff+15&1+0,0+43 */
    background: -moz-linear-gradient(left,  rgba(237,237,237,1) 0%, rgba(255,255,255,0.65) 15%, rgba(255,255,255,0) 43%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(237,237,237,1) 0%,rgba(255,255,255,0.65) 15%,rgba(255,255,255,0) 43%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(237,237,237,1) 0%,rgba(255,255,255,0.65) 15%,rgba(255,255,255,0) 43%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.miscellaneous section:first-child {display: none;}
.miscellaneous section p:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
}
.miscellaneous section #date:before {background: url(../img/frontend/calendar.svg)}
.miscellaneous section #timeInfo:before {background: url(../img/frontend/hour.svg)}
.miscellaneous section #moneyExchange:before {background: url(../img/frontend/exchange.svg)}

#wheaterBox { visibility:hidden }
#wheaterBox p:before, #exchangeBox p:before {
    content: "";
    display: inline-block;
    height: 20px;
    margin-right: 5px;
    vertical-align: top;
    width: 20px;
}
#wheaterBox #weather:before {background: url(../img/frontend/weather.svg)}
#wheaterBox #weather1:before {background: url(../img/frontend/weather1.svg)}
#wheaterBox #weather2:before {background: url(../img/frontend/weather2.svg)}
#wheaterBox #weather3:before {background: url(../img/frontend/weather3.svg)}
#wheaterBox #weather4:before {background: url(../img/frontend/weather4.svg)}
#wheaterBox #weather5:before {background: url(../img/frontend/weather5.svg)}
#wheaterBox #weather6:before {background: url(../img/frontend/weather6.svg)}
#wheaterBox #weather7:before {background: url(../img/frontend/weather7.svg)}
#wheaterBox span, #exchangeBox span { font-weight: bold }

#exchangeBox { padding-bottom: 10px }
#exchangeBox #moneyExchange:before {background: url(../img/frontend/exchange.svg)}

.miscellaneous section span { font-weight: bold }
.miscellaneous section form {
    color: #fff; 
	font-size: .85em;
	width: 100%;
}
.miscellaneous section:nth-child(3) {position: relative}
.miscellaneous section form input[type="submit"] {
    width: 12.5%;
    padding: 5px 5px 5px 10px;
    display: inline-block;
    vertical-align: middle;
    background: #265e91;
    background-image: url(../img/frontend/search.svg);
    background-repeat: no-repeat;
    background-position: center center;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.miscellaneous section form input[type="text"] {
    width: 87.5%;
    color: #666666;
    padding: 5px;
    background: #e2e2e2;
    display: inline-block;
    vertical-align: middle;
}
.miscellaneous section form input[type="submit"]:hover {background-color: #3e83b7}
.miscellaneous section:last-child {
	padding-left: 10px;
	text-align: right;
	font-weight: normal;
}
.miscellaneous section:last-child div{ margin:0 }

/* TEXTO HEADER*/
.textoheader {
	width: 50%;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: .7em;
    text-align: left;
    padding-left: 15px;
    padding-bottom: 5px;
    font-weight: normal;
}
.textoheader a span{ font-weight: normal !important }
.textoheader a span:hover{ color:#e34 }
.buscadorheader{ position:relative }
.textoheader a{color:#444 }

.miscellaneous section:last-child > a {
    width: 27px;
    height: 27px;
    margin-top: 7px;
    display: inline-block;
    vertical-align: middle;
    background: url(../img/frontend/social.png)
}
.miscellaneous section:last-child > a:nth-child(4) {margin-left: 5%; margin-right: 5%}
.miscellaneous section:last-child > a:hover {opacity: .7}

/*** PAGER ***/
.previous, .next {
    width: 19px;
    height: 19px;
    display: inline-block;
    margin: 0 2px;
    position: absolute;
    right: 5px;
    background: url(../img/frontend/pager.png)
}

.previous {background-position: top left; right: 26px}
.next {background-position: top right; right: 5px}
.previous:hover {background-position: bottom left}
.next:hover {background-position: bottom right}
 
.previous.wPager, .next.wPager {bottom: 2px}
.previous.hPager, .next.hPager {top: 0px}
.previous.hPager {right: 47px}
.next.hPager {right: 26px;}

/*** PAGER GALERIA***/
.paginatorPage span.next{
    position: initial;
    background:none;
    width:auto;
}
.paginatorPage{ margin-bottom: 10px;}
.paginatorPage ul li{
    background-color: #888;
    color:#FFF;
    display: inline-block;
    line-height: 10px;
    padding: 7px 10px;
    margin-right: 10px;
    margin-bottom: 15px;
}
.paginatorPage ul li .next {
    height: auto;
    line-height: 10px;
}
.current { background-color: #c00 !important }
.paginatorPage ul li a { color:#FFF }

/*** MAIN MENU ***/
#nav {
    background: #fff;
    box-shadow: 0px 10px 23px 3px rgba(102,102,102,.3);
    margin: -75px auto 0 auto;
    width: 1180px;
}
#nav > a {
    width: 20%;
    height: auto;
    display: inline-block;
    vertical-align: bottom;
    border-bottom: solid 1px #d3d3d3;
    
    /* Permalink - use to edit and share thi3;s gradient: http://colorzilla.com/gradient-editor/#ededed+0,ffffff+15,ffffff+15&1+0,0+43 */
    background: -moz-linear-gradient(left,  rgba(237,237,237,1) 0%, rgba(255,255,255,0.65) 15%, rgba(255,255,255,0) 43%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(237,237,237,1) 0%,rgba(255,255,255,0.65) 15%,rgba(255,255,255,0) 43%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(237,237,237,1) 0%,rgba(255,255,255,0.65) 15%,rgba(255,255,255,0) 43%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
#nav a img {
    padding: 10px;
    width: 100%;
}
.menu {
    width: 80%;
    display: inline-block;
    vertical-align: bottom;
    color: #fff;
    font-weight: bold;
    text-transform: capitalize;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#666666+0,212121+82 */
    background: rgb(102,102,102); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(102,102,102,1) 0%, rgba(33,33,33,1) 82%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(33,33,33,1) 82%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(102,102,102,1) 0%,rgba(33,33,33,1) 82%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#212121',GradientType=0 ); /* IE6-9 */
}
.menu span {
    display: none;
    font-size: 15px;
    padding: 8px 0 0 10px;
    position: absolute;
    text-transform: uppercase;
}
.menu a {
    width: 11.1%;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 8px 0;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    border-right: solid 2px #0a0a0a;
}
.menu a:last-child {border-right: none}
.menu a:after {
    content: "";
    height: 5px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    display: none;
}
.menu a:nth-child(1) { width:10% }
.menu a:nth-child(2) { width:10% }
.menu a:nth-child(3) { width:11.1% }
.menu a:nth-child(4) { width:13.3% }
.menu a:nth-child(5) { width:11.1% }
.menu a:nth-child(6) { width:12.2% }
.menu a:nth-child(7) { width:10% }
.menu a:nth-child(8) { width:11.1% }
.menu a:nth-child(9) { width:11.1% }

.menu  a:nth-child(1):after{background-color: #265e91}
.menu  a:nth-child(2):after{background-color: #ec1c24}
.menu  a:nth-child(3):after{background-color: #02acd3}
.menu  a:nth-child(4):after{background-color: #fc7b1a}
.menu  a:nth-child(5):after{background-color: #5d0d70}
.menu  a:nth-child(6):after{background-color: #f928d2}
.menu  a:nth-child(7):after{background-color: #a6e233}
.menu  a:nth-child(8):after{background-color: #787878}
.menu  a:nth-child(9):after{background-color: #D7B300}
.menu  a:hover {background-color: rgba(0,0,0,.5)}
.menu  a:hover:after, #nav div  a.active:after  {display:block} 


/*** CATEGORY COLORS ***/
.sucesos {background-color: #ec1c24}
.clasificados {background-color: #D7B300;}
.ediciones {background-color: #089DD8;}
.nacionales {background-color: #02acd3}
.internacionales {background-color: #fc7b1a}
.opinion {background-color: #5d0d70}
.espectaculos {background-color: #f928d2 !important;}
.vida {background-color: #a6e233}
.deportes {background-color: #787878}
.galeria {background-color: #fc7b1a !important;}
.buscador {background-color: #621CCA;}

/*** CONTAINER ***/
#container {
    background: #fff;
    box-shadow: 0px 10px 23px 3px rgba(102,102,102,.3);
	height: auto;
	margin:  0px auto 50px auto;
    width: 1180px;
}

/*** ADVERTISING WRAP ***/
#adWrap {
    width: 100%; 
    background: #e2e2e2;
    border-bottom: solid 1px #d3d3d3;
    text-align: center;
}
#adWrap > div {
    width: 66.55%;
    height: 106px;
    padding: 8px;
    margin: auto;
    vertical-align: top;
    background: #e2e2e2;
}
#adWrap.v2 > div { display: inline-block; }
#adWrap.noteDetail > div {
    display: block;
    margin: 0 auto;
    width: 790px;
}
#adWrap.noteDetail > div div {margin: 0 auto;}
.bigBanner {
    height: 90px;
    display: inline-block;
    overflow: hidden;
    width: 790px;
}
.bigBanner div { margin: 0 auto }
.sectionBanner {
	width: 800px;
	max-width: 100%;
	height: auto;
	margin: 20px auto;
	padding: 10px 0 5px 0;
	border: solid 1px #d3d3d3;
	text-align: center;
}

/*** HOROSCOPE ***/
#adWrap section#zodiac, #adWrap section#loteria  {
    width: 33.45%;
    height: 106px;
    background: #fff;
    display: inline-block;
    vertical-align: top;
    border-left: solid 1px #d3d3d3;
}
#zodiac > p {
    color: #000; 
    font-size: 1.05em;
    border-bottom: solid 1px #afafaf;
    line-height: 1.4em;
    display: block;
    padding-left: 7px;
    width: 97%;
}
#moveBoxes #zodiac { display: none }


/*** HOROSCOPE AJAX WRAPPER ***/
.zodiacWrap {
    width: 100%;
	display: inline-block;
	vertical-align: middle;
}
.zodiacWrap > div {
    width: 40%;
	height: 82px;
	display: inline-block;
	vertical-align: middle;
}
.zodiacWrap div  p {font-size: .8em; line-height: 1.5em; color:#444 }
.zodiacWrap span.sign {
    width: 27px;
	height: 27px;
	margin: 27px 7px 0 7px;
	display: block;
    float: left;
	background-image: url(../img/frontend/horoscope.png);
}
.zodiacWrap span.sign.one {background-position: left top}
.zodiacWrap span.sign.two {background-position: right top}
.zodiacWrap span.sign.three {background-position: left -27px}
.zodiacWrap span.sign.four {background-position: right -27px}
.zodiacWrap span.sign.five {background-position: left -54px}
.zodiacWrap span.sign.six {background-position: right -54px}
.zodiacWrap span.sign.seven {background-position: left -81px}
.zodiacWrap span.sign.eight {background-position: right -81px}
.zodiacWrap span.sign.nine {background-position: left -108px}
.zodiacWrap span.sign.ten {background-position: right -108px}
.zodiacWrap span.sign.eleven {background-position: left -135px}
.zodiacWrap span.sign.twelve {background-position: right -135px}
.zodiacWrap > div h4 {margin-top: 13px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold}
.zodiacWrap > span {
    width: 60%;
    padding-right: 10px;
    display: inline-block;
    vertical-align: middle;
    font-size: .85em;
    font-style: italic;
    color: #666666;
}


/*** ANIMATE LAZY LOADING ***/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}


/*** MAIN ***/
main {
    width: 100%;
    height: auto; 
    background: #fff;
    padding-bottom: 40px;
}

/***MAIN NEW ***/
.mainNew {
    display: inline-block;
    margin: 0 .4% 0 .8%;
    margin-top: 10px;
    position: relative;
    vertical-align: top;
    width: 65%;
}
.mainNew .bx-wrapper .bx-viewport .bxslider li a, .mainNew .bx-wrapper .bx-viewport .bxsliderMain li a {
    height: 590px;
    display: block;
    position: relative;
    width: 100%;
}
.mainNew .bx-wrapper .bx-viewport .bxslider li a figcaption, .mainNew .bx-wrapper .bx-viewport .bxsliderMain li a figcaption {
    background: #e2e2e2;
    height: auto;
    padding: 15px;
    width: 100%;
}
.mainNew .bx-wrapper .bx-viewport .bxslider li a figure, .mainNew .bx-wrapper .bx-viewport .bxsliderMain li a figure {
    height: 100%;
    background-color: #333333;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
}
#mainBanner { visibility:hidden }


/*** MAIN NEWS SECTION ***/
.mainNew.section { border: none }
.mainNew.section section:nth-child(1) {
    height: 550px;
    float: left;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    position: relative;
    width: 50%;
}
.mainNew.section a {
    height: 100%; 
	width: 100%;
}
.mainNew.section section:nth-child(1) a figure {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    transition: all .5s;
    width: 100%;
}
.mainNew.section section:nth-child(1) a figcaption {
    height: auto;
    background: #e2e2e2;
    padding: 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all .5s;
    width: 100%;
}
.mainNew.section section a:hover .figcaption {background: #000}
.mainNew.section section a:hover .figcaption h3, .mainNew.section section a:hover .figcaption h5 {color: #fff}
.mainNew.section section:nth-child(2), 
.mainNew.section section:nth-child(3) {
    height: 270px;
    margin-left: 1.3%;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    width: 48.7%;
}
.mainNew.section section:nth-child(2) a figure, .mainNew.section section:nth-child(3) a figure {
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .5s;
    width: 100%;
}
.mainNew.section section:nth-child(2) a figcaption, .mainNew.section section:nth-child(3) a figcaption {
    width: 100%;
    height: auto;
    background: #e2e2e2;
    padding: 8px 12px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all .5s;
}


/***MAIN NEW DETAIL SLIDER ***/
.mainNew.detailSlider {
    display: inline-block;
    margin: 10px .4% 0 .8%;
    padding: 0 14px;
    position: relative;
    vertical-align: top;
    width:65%;
}
.mainNew.detailSlider.edianteriores { height: auto }
.mainNew.detailSlider.galeryinterna span.galeria a { color:#fff }
.mainNew.detailSlider figcaption { padding: 8px 0 8px 0 }
.mainNew.detailSlider figcaption h1 { font-size: 2.1em }
.mainNew.detailSlider .bx-wrapper .bx-viewport .bxslider li, .mainNew.detailSlider .bx-wrapper .bx-viewport .bxsliderMain li {
    width: 100%; 
    height: 462px;
    display: block;
    position: relative;
}
.mainNew.detailSlider .bx-wrapper .bx-viewport .bxslider li figure, .mainNew.detailSlider .bx-wrapper .bx-viewport .bxsliderMain li figure {
    width: 100%;
    height: 462px;
    background-color: #333333;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
.mainNew.detailSlider > div.singleImg img {
    display: block;
    width: 100%
} 
.mainNew.detailSlider div.imgCaption {
    background-color: rgba(51,51,51,0.85);
    padding: 10px 15px 14px 15px;
    width: 100%;
}
.mainNew.detailSlider div.imgCaption.v2 {
    bottom: 0px;
    padding-bottom: 24px;
    position: absolute;
}
.mainNew.detailSlider div.imgCaption.v3 {
    bottom: 0px;
    position: absolute;
}
.mainNew.detailSlider div.imgCaption p { color: #fff }
.mainNew.detailSlider div.imgCaption.v2 p { margin-bottom: 8px }
.mainNew.detailSlider div.imgCaption.v3 p { margin-bottom: 0 !important; }
/*** OPINION LIST ***/
.mainNew.section.opinionList section:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+99&0+0,1+100 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.99) 99%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.99) 99%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.99) 99%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.mainNew.section.opinionList section:first-child {
    padding: 0px;
    background-color: #333333;
}
.mainNew.section.opinionList section:first-child h3{ margin-top: 46px }
.opinionList section {
    padding: 20px;
    background-color: #fff !important;
    border: solid 1px #d3d3d3;
}
.opinionList section:hover {background-color: #e2e2e2 !important}
.opinionList section h3, .opinionList section p {
    margin-top: 25px;
}
.opinionList section p { text-align:justify }
.opinionList section h6 { margin-top: 5px }

/*** OPINION DETAIL ***/
.mainNew.opinionDetail {
    height: auto;
    background: #e2e2e2;
    padding: 0px 20px;
}
.mainNew.opinionDetail.politicasprivacidad{
    min-height:1156px;
}
.mainNew.opinionDetail.divcontacto{
    min-height:1156px;
    text-align: left;
}
.mainNew.opinionDetail.divcontacto article > span{
    text-align: left;
    margin-bottom: 10px;
    margin-top: 10px;
}
.mainNew.opinionDetail.divcontacto article > h1 { text-align: left }
.mainNew.opinionDetail.divcontacto article > p { text-align: left }
.mainNew.opinionDetail.divcontacto article > h2 { text-align: left }
.mainNew.opinionDetail.divcontacto article > table { border:none }
.mainNew.opinionDetail.divcontacto article > table tr td{
    padding:10px;
    border:none;
}
.mainNew.opinionDetail.divcontacto article > table tr td:nth-child(odd){ padding-left:0px; }

/* GALERIA*/
.mainNew.opinionDetail.newgalery{
    width:98.35%;
    min-height:auto;
}
.mainNew.opinionDetail.newgalery a span{
    color:#FFF;
    padding: 3px 10px;
    margin-left: 0;
    margin-top: 20px;
    display: inline-block;
    position: static;
    box-shadow: none;
}
.galeriaboton{
    background: rgb(102,102,102);
    background: -moz-linear-gradient(top, rgba(102,102,102,1) 0%, rgba(33,33,33,1) 82%);
    background: -webkit-linear-gradient(top, rgba(102,102,102,1) 0%,rgba(33,33,33,1) 82%);
    background: linear-gradient(to bottom, rgba(102,102,102,1) 0%,rgba(33,33,33,1) 82%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#212121',GradientType=0 );
}

/* PAGINA INTERNA GALERIA CON VIDEO */
.responsivevideo{
    position: relative;
    padding-bottom: 62.5%;
    height: 0; 
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}
.responsivevideo  iframe,
.responsivevideo object,
.responsivevideo embed {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
}

/* -- cajas de fotos --*/
.galeriafotos{ height:auto }
.boxgalery{
    display: inline-block;
    position: relative;
    width: 48%;
    height: auto;
    overflow: hidden;
    background: #fff;
    cursor: pointer;
    background-size: cover;
    background-position: center center;
    margin-right: 10px;
    margin-bottom:15px;
    vertical-align:top;
    transition: all .5s;
}
.boxgalery:hover{
    background-color:#C1C1C1;
    color:#FFF;
}
.boxgalery:hover .image-num4 {
    opacity:0.4;
    -webkit-transform: scale(1.5) rotate(-10deg);
    transform: scale(1.5) rotate(-10deg);
}
.boxgalery.boxbuscador:hover .image-num4 {
    opacity:0.4;
    -webkit-transform:none;
    transform:none;
}
.boxgalery:hover  .caption-num4 {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.image-container {
  display: inline-block;
  position: relative;
  width: 35%;
  height: 130px;
  overflow: hidden;
  background: #888;
  cursor: pointer;
  vertical-align:top;
}
.spanbuscador{
	color: #FFF;
    padding: 3px 10px;
    display: inline-block;
    box-shadow: none;
    position: absolute;
    left: 0;
    top: 10px;
}
.textoalbum{
	width:64%;
	height:100%;
	padding:10px;
	display:inline-block;
	vertical-align:top;
}
.textoalbum h4{
	text-transform:uppercase;
	margin-bottom:10px;
	font-family: 'Droid Serif', serif;
}
.image {
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: all .5s;
    transition: all .5s;
    background-size: cover;
    background-position: center center;
    background-color:#000;
}
.image img {
    width: 100%;
    background-size: cover;
    background-position: center center;
}
.caption {
    width: 200px;
    height: auto;
    padding-left: 6px;
    padding-right: 3px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: rgba(0,0,0,.8);
    z-index: 2;
    font-weight: 300;
    -webkit-transition: all .5s;
    transition: all .5s;
    color:#FFF;
}
.caption p { color:#FFF;}
.caption-num1 {
  position: relative;
  height: 60px;
  padding: none;
  -webkit-transform: rotate(45deg) translateY(-280px) translateX(-50%);
          transform: rotate(45deg) translateY(-280px) translateX(-50%);
}

.galeriafotos .boxgalery:nth-child(1){margin-top:20px;}
.galeriafotos .boxgalery:nth-child(2){margin-top:20px;}
.galeriafotos .boxgalery:nth-child(even){margin-right:0;}
.galeriafotos .boxgalery:nth-child(odd){margin-right:10px;}

.bottom {
    position: absolute;
    bottom: 15px;
    left: 0px;
    right: 0;
}

.image-container-num4:hover .image-num4 {
opacity:0.4;
  -webkit-transform: scale(1.5) rotate(-10deg);
          transform: scale(1.5) rotate(-10deg);
}
.image-container-num4:hover .caption-num4 {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.break { display: none; }


/*publicidad*/
.mainNew.opinionDetail.politicasprivacidad.publicidadtarifas img { width:100%;}
.mainNew.opinionDetail article {
    border-right: none;
    margin-right: 0px;
    text-align: justify;
    display: block;
    padding-bottom: 20px;
    width: 100%;
}
.mainNew.opinionDetail.politicasprivacidad article { padding-bottom: 0; }
.mainNew.opinionDetail article h1 { margin-top:50px; }
.mainNew.opinionDetail article h6 { margin-bottom:30px; }
.mainNew.opinionDetail article div section {
    width: 100%;
    background-color: #333333;
    padding: 15px 10px;
}
.mainNew.opinionDetail article div section p {color: #fff }

/*** ULTIMA HORA ***/
.lastHour {
    margin: 0 .8% 0 .4%;
    margin-top: 10px;
    padding: 12px 0px 12px 12px;
    display: inline-block;
    vertical-align: top;
    background: #e2e2e2;
    position: relative;
    width: 32.6%;
}
.lastHour.movil {display: none }
.lastHour h2 {
    border-bottom: solid 1px #afafaf;
    color: #0e0e0e;
    font-weight: normal;
    width: 97%;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 0;
    background: none;
    display: block;
}
.lastHour h2.dbalon {
    border-bottom: none;
    color: #ec1c24;
    margin-bottom: 6px;
}
.lastHour aside {
    width: 100%;
    height: 398px;
    overflow-y: auto;
}
.lastHour.v2 aside { height: 490px }
.lastHour.v3 aside { height: 530px }
.lastHour.donbalon aside { height: 196px; margin-bottom: 6px }
aside.donb {
    height: 251px !important
}
.lastHour.lastDetail aside { height: 490px; }
.lastHour aside section {
    width: 98%;
    margin-right: 2%;
    height: 90px;
    min-height: auto;
    margin-bottom: 10px;
    background: #fff;
}
.lastHour aside section a {
    width: 100%;
    height: 100%
}
.lastHour aside section a:hover {opacity: .7}
.lastHour aside section a figure {
    background-color: #333333;
    background-image: url(../img/thumbs/.jpg);
    background-size: cover;
    background-position: center;
    height: 100%;
    display: block;
    float: left;
    width: 25%;
}
.lastHour aside section a span {
    font-size: .9em;
    width: 75%;
    display: inline-block;
    padding: 5px 10px 3px 10px;
    color: #666666;
}
.lastHour aside section a figcaption {
    width: 75%;
    display: inline-block;
    padding: 0px 10px;
}

/*** PROMOCIONES ***/
.cpromociones {
    width: 100%;
	margin-top: 10px;
	display: inline-block;
	vertical-align: top;
	background: #e2e2e2;
}
.cpromociones h2 {
    color: #00000;
	font-weight: normal;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0;
    background: none;
	display: block;
}
.cpromociones h2:after {
    content: "";
	width: 195px;
	margin-left: 4%;
	height: 1px;
	background: #c6c6c6;
	display: inline-block;
	vertical-align: middle;
}
.cpromociones aside {
    width: 100%;
	height: 490px;
}
.cpromociones aside section {
    width:100%;
	display:inline-block;
	vertical-align:top;
	margin-right: 2%;
	height: 90px;
	min-height: auto;
	margin-bottom: 10px;
	background: none;
	border: 1px solid #888;
	padding: 10px;
	cursor:pointer;
}
.cpromociones aside section:hover{
	background-color:#FFF;
	border:none;}
.cpromociones aside section a {
    width: 100%; 
	height: 100%
}
.cpromociones aside section a:hover {opacity: .7}
.cpromociones aside section a figure {
	margin-right: 10px;
    width: 30%;
	height: 100%;
	display: block;
	float: left;
	background-color: #333333;
	background-image: url(../img/thumbs/.jpg);
	background-size: cover;
	background-position: center center; 
}
.cpromociones aside section a span {
    font-size: .9em;
    width: 75%;
    display: inline-block;
    padding: 5px 10px 3px 10px;
    color: #666666;
}
.cpromociones aside section a figcaption {
	width: 75%;
    display: inline-block;
    padding: 0px 10px;
}


/**** RSS ****/
ul.seccionesrss{
	margin-top: 10px;
    padding-left: 15px;
}
ul.seccionesrss li{
    display: block;
    padding: 5px 0;
    position: relative;
    padding-left: 20px;
    margin-bottom: 15px;
}
ul.seccionesrss li a {
    color:#444;
    cursor: pointer;
}
ul.seccionesrss li a:hover { color:#e34 }
ul.seccionesrss li.colorseccion a:after{
   content: "";
    width: 10px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}
ul.seccionesrss li.colorseccion:nth-child(1) a:after{background-color: #02acd3}
ul.seccionesrss li.colorseccion:nth-child(2) a:after {background-color: #fc7b1a}
ul.seccionesrss li.colorseccion:nth-child(3) a:after {background-color: #ec1c24}
ul.seccionesrss li.colorseccion:nth-child(4) a:after{background-color: #787878}
ul.seccionesrss li.colorseccion:nth-child(5) a:after {background-color: #f928d2}
ul.seccionesrss li.colorseccion:nth-child(6) a:after {background-color: #5d0d70}
ul.seccionesrss li.colorseccion:nth-child(7) a:after{background-color: #D7B300}


/*** GALLERY ***/
.gallery {
    width: 98.4%; 
    margin: 0 .8% 0 .8%;
    margin-top: 8px; 
    padding-bottom: 15px;
    display: block;
    background: #333333;
}
.gallery h2 {
   color: #fff;
   width: 15%;
   margin-bottom: 10px;
   margin-top: 0px;
   text-align: center;
   font-weight: normal;
   line-height: 1.75em;
   display: inline-block;
   vertical-align: middle;
   border-bottom: solid 1px #3d3d3d;
   border-right: solid 1px #3d3d3d;
   position: relative;
}
.gallery h2 a {color:#FFF;}
.gallery h2:before {
    content: "";
    height: 5px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
}
.gallery.one h2:before {background-color: #265e91}
.gallery.two h2:before {background-color: #a6e233}
.bx-wrapper .bx-viewport .bxslider02 li,
.bx-wrapper .bx-viewport .bxslider07 li,
.bx-wrapper .bx-viewport .bxslider08 li {
    height: 150px;
    overflow: hidden;
}
.bx-wrapper .bx-viewport .bxslider02 li > a,
.bx-wrapper .bx-viewport .bxslider07 li > a,
.bx-wrapper .bx-viewport .bxslider08 li > a {
    width: 100%; 
    height: 150px;
    display: inline-block;
    background-color: #787878;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .5s;
    opacity: .7;
}
.bx-wrapper .bx-viewport .bxslider02 li > a:hover,
.bx-wrapper .bx-viewport .bxslider07 li > a:hover,
.bx-wrapper .bx-viewport .bxslider08 li > a:hover {
    opacity: 1;
}
.bx-wrapper .bx-viewport .bxslider02 li h5 a,
.bx-wrapper .bx-viewport .bxslider07 li h5 a,
.bx-wrapper .bx-viewport .bxslider08 li h5 a {
    color: #fff;
    font-size: 1em;
    line-height: 1.1em;
    padding: 5px;
    height: auto;
    min-height: 50px;
    background: rgba( 0,0,0,.4);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2500
}


/*** NEWS SPAN TITLE ***/
.rowOne section,
.rowTwo section,
.mainNew.section section {position: relative}
.rowOne section a span,
.rowTwo section a span,
.mainNew.section section a span,
.mainNew.detailSlider > span,
.mainNew.opinionDetail > span{
    width: auto;
    height: auto;
    color: #FFF;
    font-weight: bold;
    padding: 2px 5px;
    position: absolute;
    left: 0;
    top: 15px;
    box-shadow: 6px 6px 42px -8px rgba(0,0,0,0.9);
    z-index: 10000;
}
.mainNew.detailSlider > span {
    padding: 3px 10px;
    margin-top: 10px;
    display: inline-block;
    position: static;
    box-shadow: none;
}
.mainNew.detailSlider > span a { color:#FFF }


/*** ROW ONE ***/
h2.events {color: #ec1c24; margin-top: 30px;}
.rowOne {
    width: 100%;
    height: auto;
    display: block;
    margin-top: 10px;
}
.rowOne.v2 { margin-top: 0 }
.rowOne section:nth-child(1) {
    height: 570px;
    float: left;
    margin: 0 .8%;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    width: 39.9%;
}
.noFloat section { float: none !important; width:336px !important }
.rowOne a {
    height: 100%; 
    width: 100%;
}
.rowOne section:nth-child(1) a figure {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .5s;
}
.rowOne section:nth-child(1) a figcaption {
    width: 100%;
    height: auto;
    background: #e2e2e2;
    padding: 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all .5s;
}
.rowOne section a:hover .figcaption { background: #000 }
.rowOne section a:hover .figcaption h3, .rowOne section a:hover .figcaption h5 { color: #fff }

.rowOne section:nth-child(2),
.rowOne section:nth-child(3),
.rowOne section:nth-child(4),
.rowOne section:nth-child(5), .rowOne section.snote {
    display: inline-block;
    height: 280px;
    margin: 0 .4% 0 0;
    margin-bottom: 10px;
    overflow: hidden;
    vertical-align: top;
    width: 336px;
}
.rowOne section.snote:nth-child(1) { margin: 0 .8% 0 .8% !important }

.rowOne section:nth-child(2) a figure,
.rowOne section:nth-child(3) a figure,
.rowOne section:nth-child(4) a figure,
.rowOne section:nth-child(5) a figure, .rowOne section.snote a figure {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    transition: all .5s;
    width: 100%;
}

.rowOne section:nth-child(2) a figcaption,
.rowOne section:nth-child(3) a figcaption,
.rowOne section:nth-child(4) a figcaption,
.rowOne section:nth-child(5) a figcaption, .rowOne section.snote a figcaption {
    width: 100%;
    height: auto;
    background: #e2e2e2;
    padding: 8px 12px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all .5s;
}
.rowOne.opinionList.transparency section:before,
.rowTwo.opinionList.transparency section:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: 0;
    left: 0;
    right: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+66&0+0,1+67 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.99) 66%, rgba(255,255,255,1) 67%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.99) 66%,rgba(255,255,255,1) 67%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.99) 66%,rgba(255,255,255,1) 67%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.bx-viewport ul.bxslider02 li a, .bx-viewport ul.bxslider07 li a, .bx-viewport ul.bxslider08 li a { color:#fff }

/*CONTACTO*/
.tablecontacto{color:#444 }
.cuadroscontacto table.tablecontacto{width:100% }
.cuadroscontacto {
    background-color:transparent;
    margin:20px 0;
    width:47%;
    display:inline-block;
    padding:10px 15px;
    vertical-align:top;
    margin-right:10px;
}

@media only screen and (max-width:1031px){
    .cuadroscontacto.telefono { width:100% !important }
}

/* PROMCCIONES*/
a.linkpromociones{color:#444;}
a.linkpromociones:hover{color:#d23;}

/*** SMALL ADVERTISING ***/
.smallAd {
    height: 280px !important;
    width: 336px;
    background-color: #fff !important;
    border: none;
    display: inline-block;
    vertical-align: top;
    padding: 0 !important;
    overflow: hidden;
}
.smallAd div {margin: 0 auto}

.rowOne.opinionList.transparency > .smallAdd:before,
.rowTwo.opinionList.transparency > .smallAdd:before {
    content: none !important;
    background-color: none !important;
}


/*** ROW TWO ***/
h2.nationals{color: #02acd3; margin-bottom: 10px}
.rowTwo {
    width: 100%;
    height: auto;
    display: block;
}
.rowTwo .column {
    width: 30%;
    height: auto;
    display: inline-block;
    vertical-align: top
}
.rowTwo .column section {
    height: 280px;
    margin: 0 auto;
    margin-bottom: 10px;
    display: block;
    vertical-align: top;
    overflow: hidden;
    width: 336px;
}
.rowTwo .column section:last-child { margin-bottom: 0px }
.rowTwo .column section a figure {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .5s;
}
.rowTwo .column section a figcaption {
    width: 100%;
    height: auto;
    background: #e2e2e2;
    padding: 8px 12px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    transition: all .5s;
}
.rowTwo > section {
    width: 40%;
    height: 570px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}
.rowTwo > section a {
    height: 100%; 
    width: 100%
}
.rowTwo > section a figure {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .5s;
}
.rowTwo > section a figcaption {
    width: 100%;
    height: auto;
    background: #e2e2e2;
    padding: 15px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    transition: all .5s;
}
.rowTwo section a:hover .figcaption {background: #000}
.rowTwo section a:hover .figcaption h3, .rowTwo section a:hover .figcaption h5 {color: #fff}


/*** OPINION ***/
.tableWrap {
    width: 100%;
    display: table;
    border-spacing: 10px;
}
.opinionBox {
    width: 50%;
    height: auto;
    margin-top: 25px;
    padding: 15px;
    display: table-cell;
    vertical-align: top;
    background: #e2e2e2;
}
.opinionBox h2 {
    font-weight: bold;
    color: #5d0d70;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 0;
    background: none;
    display: block;
    border-bottom: solid 1px #c6c6c6;
}
.opinionBox article {
    width: 100%;
    height:auto;
    min-height: 100px;
    padding: 10px;
    margin-bottom: 10px;
    background: #fff;
}
.opinionBox article:last-child { margin-bottom: 0px }
.opinionBox article a, .internacionales article a {width: 100%; height: 100%}
.opinionBox article a:hover, .internacionales article a:hover {opacity: .7}

/*** INTERNACIONALES ***/
.internationals {
    width: 50%;
    height: auto;
    margin-top: 25px;
    padding: 15px;
    display: table-cell;
    vertical-align: top;
    background: #333333;
}
.internationals.trelacionadas { background: #e2e2e2 }
.internationals.tveatambien { background: #e2e2e2 }
.internationals h2 {
    font-weight: bold;
    color: #fc7b1a;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 0;
    background: none;
    display: block;
    border-bottom: solid 1px #666666;
}
.internationals.trelacionadas h2 { color: #494949 }
.internationals.tveatambien h2 { color: #494949 }
.internationals article {
    width: 100%;
    height: 100px;
    margin-bottom: 10px;
    background: #000;
}
.internationals article.relacionadas {
    width: 100%;
    height: 80px;
    margin-bottom: 10px;
    background: #FFF;
}
.internationals article.veatambien {
    width: 100%;
    height: 80px;
    margin-bottom: 10px;
    background: #FFF;
}
.internationals article:last-child {
    margin-bottom: 0px;
}
.internationals article figure {
    width: 20%;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    border-right: solid 8px #333333;
    position: relative;
    background-color: #d3d3d3;
    background-position: center;
    background-size: cover;
}
.internationals article.relacionadas figure {
    width: 20%;
    border-right: solid 8px #e2e2e2;
}
.internationals article.veatambien figure {
    width: 20%;
    border-right: solid 8px #e2e2e2;
}
.internationals article figure:after {
    content: "";
    width: 8px;
    height: 100px;
    background-color: #fc7b1a;
    position: absolute;
    right: -16px;
    top: 0;
    bottom: 0;
}
.internationals article.relacionadas figure:after {
    content: "";
    height: 80px;
    background-color: #494949;
}
.internationals article.veatambien figure:after {
    content: "";
    height: 80px;
    background-color: #494949;
}
.internationals article figcaption {
    width: 80%;
    color: #fff;
    padding-left: 20px;
    font-weight: normal;
    font-size: 1.2em;
    display: inline-block;
    vertical-align: middle;
}
.internationals article.relacionadas figcaption {
    color: #494949;
    font-size: 1em;
    padding-right: 20px;
}
.internationals article.veatambien figcaption {
    color: #494949;
    font-size: 1em;
    padding-right: 20px;
}


/*** DEPORTES ***/
h2.sports {color: #fff;}
h2.sports span {color: #ec1c24}


/*** GALLERY TABS ***/
.tabsWrapper {
    width: 98.4%;
    height: 215px;
    margin: 0 .8%;
    margin-top: 20px; 
    background: #333333;
    position: relative;
    padding-bottom: 15px;
}
.cd-tabs nav {
    overflow: hidden; 
    -webkit-overflow-scrolling: touch
}
.mediaTabs a {
    width: 15%;
    margin-bottom: 10px;
    margin-top: 0px;
    color: #fff;
    text-align: center;
    font-weight: normal;
    line-height: 1.75em;
    padding: .6em 2em; 
    border-bottom: solid 1px #3d3d3d;
    border-right: solid 1px #3d3d3d;
    display: inline-block;
    vertical-align: middle;
    position: relative;

     /*** Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#666666+0,212121+82 ***/
    background: rgb(102,102,102); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(102,102,102,1) 0%, rgba(33,33,33,1) 82%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(33,33,33,1) 82%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(102,102,102,1) 0%,rgba(33,33,33,1) 82%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#212121',GradientType=0 ); /* IE6-9 */
}
.mediaTabs a:before {
    content: "";
    height: 5px;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    background-color: #265e91
}
.mediaTabs a:first-child:before {background-color: #fc7b1a}
.mediaTabs a:last-child:before {background-color: #f928d2}
.mediaTabs.read a:first-child:before {background-color: #0ABDA1;}
.mediaTabs.read a:last-child:before {background-color: #5D1CC0;}
.mediaTabs a:hover {background: #333333}
.mediaTabs a.current {background: #333333 !important}


/*** SHOWS ***/
h2.shows {color: #f928d2}


/*** ARTICLE ***/
main article {
    text-align:justify;
    display: inline-block;
    padding-top: 14px;
    vertical-align: top;
}
main article #ebzNative_above {display: none;}
main article div {
    width: 100%;
    height: auto;
    border: solid 1px #e2e2e2;
    margin-top: 30px;
    position: relative;
    background: #fff
}
main article p {
    line-height: 1.30;
    /*margin-bottom: 16px*/
}
main article div section {
    width: 100%;
    background-color: #e2e2e2;
    color: #666666;
    padding: 10px 10px;
}
main article div section p {
    border-right: solid 1px #666666;
    display: inline-block;
    width: auto;
    padding-right: 10px;
}
main article div section p:first-child {padding-left: 0px}
main article div section p:last-child {border-right: none;}
main article div section p span {
    font-weight: bold;
}
main article div img {
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin: 10px 20px;
}
.abotonsign {
    font-weight: bold;
    padding: 16px;
    color: #fff;
    background: #ec1c24;
    position: absolute;
    bottom: 0;
    right: 0;
}
main article div a span {
    width: 19px;
    height: 19px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: top;
    background: url(../img/frontend/pager_gallery.png);
    background-position: right top 
}
.articleAds {
    display: inline-block;
    vertical-align: top;
    width: 30.2%;
    margin: 0;
    margin-top: 30px;
    margin-bottom: 0;
    padding-left: 10px;
}
.articleAds section.smallAd {
    margin-bottom: 10px;
}
#asideBox {
    display: inline-block;
    width:33%
}
#asideBox .lastHour { width: 100% }


/*** ASIDE ADS ***/
.lastHour .articleAds {
    width: 100%;
    margin-bottom: 0px;
    padding-left: 0px;
}
.lastHour .articleAds .smallAd {
    margin: 0px 0px 10px 12px;
    display: block;
}


/*** COMMENT BOX ***/
.commentBox {
    display: inline-block;
    vertical-align: top;
    width: 69%;
    margin-left: .8%;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: justify;
    border-right: solid 1px #d3d3d3;
    padding-right: 10px;
}
.commentAd {
    margin: 0 .8%;
    margin-top: 30px;
    display: inline-block;
    vertical-align: top;
    width: 28%;
}
.commentAd .smallAd {
    display: ggblock;
    margin-bottom: 10px;
}

.commentAd.publicitythree {
    width:100%;
    text-align: center;
}
.commentAd.publicitythree section {
    display: inline-block;
    margin: 0px 10px 10px 0px;
}

/*** FOOTER ***/
footer {
    width: 1180px;
    max-width: 100%;
    height:auto;
    margin: 0 auto;
    background: #333333;
}
footer .menu {
    width: 100%;
}
footer p {
    font-size: .85em;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    width: 50%;
    padding: 20px 10px;
}
footer p:first-child {
    text-align: left;
}
footer p:last-child {
    text-align: right;
}

/*footermenu*/
ul.menufooter{
    width:100%;
    text-align:center;
    padding-bottom: 25px;
}
ul.menufooter li {
    display:inline-block;
    color:#FFF;
    width:auto;
    margin-right:20px;
    font-size:.85em;
}
ul.menufooter li a{color:#FFF;}
ul.menufooter li a:hover{color:#e34;}
a.novaqlink{color:#FFF;}
a.novaqlink:hover{color:#e34;}

/*** RESPPONSIVE NAVBAR ***/
/*** NAV ***/
.toggler,
.toggler:before,
.toggler:after {display: none;}
.overlay {
    background-color: #000;
    position: fixed;
    z-index: 999999;
    top: 110px;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    overflow: hidden;
    text-align: left
}
.overlay nav {
    perspective: 1200px;
    height: 100%
}
.overlay ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    max-width: 90%;
    left: 50%;
    top: 45%;
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}
.overlay li {
    display: block;
    position: relative;
    padding: 0;
    border-bottom: solid 1px #666666;
}
.overlay li a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 15px;
}
.overlay li:nth-child(1) a:before { background-color: #265e91 }
.overlay li:nth-child(2) a:before { background-color: #ec1c24 }
.overlay li:nth-child(3) a:before { background-color: #02acd3 }
.overlay li:nth-child(4) a:before { background-color: #fc7b1a }
.overlay li:nth-child(5) a:before { background-color: #5d0d70 }
.overlay li:nth-child(6) a:before { background-color: #f928d2 }
.overlay li:nth-child(7) a:before { background-color: #a6e233 }
.overlay li:nth-child(8) a:before { background-color: #787878 }
.overlay li:nth-child(9) a:before { background-color: #D7B300 }
.overlay li:nth-child(10) a:before { background-color: #ae0b11 }
.overlay li:nth-child(11) a:before { background-color: #343434 }

.overlay a {
    font-size: 1.1em;
    display: block;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 0;
    text-decoration: none
}
.overlay a:hover {color: #ff6f2f}

/*----  CSS select form Clasificados -----*/

/* SELECT */
.selectCF{
    margin:0;
    padding:0;
    display:inline-block;
    position:relative;
    font-size:17px;
    font-weight:bold;
}
.selectCF li{
    list-style:none;
    cursor: pointer;
    perspective: 900px;
    -webkit-perspective: 900px;
    text-align: left;
}
.selectCF > li{
    position:relative;
    font-size:0;
}
.selectCF span{
    display:inline-block;
    height:45px;
    line-height:45px;
    color:#FFF;
    z-index:1;
}
.selectCF .arrowCF{
    transition: .3s;
    -webkit-transition: .3s;
    width:45px;
    text-align:center;
    vertical-align: top;
    font-size:17px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#666666+0,212121+82 */
    background: rgb(102,102,102) !important; /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(102,102,102,1) 0%, rgba(33,33,33,1) 82%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(33,33,33,1) 82%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(102,102,102,1) 0%,rgba(33,33,33,1) 82%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#212121',GradientType=0 ) !important; /* IE6-9 */
}
.selectCF .titleCF{
    padding: 0 10px 0 20px;
    border-left: dotted 1px rgba(244,244,244,.5);
    font-size:16px;
    font-weight:400;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 300px !important;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#666666+0,212121+82 */
    background: rgb(102,102,102) !important; /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(102,102,102,1) 0%, rgba(33,33,33,1) 82%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(33,33,33,1) 82%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(102,102,102,1) 0%,rgba(33,33,33,1) 82%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#212121',GradientType=0 ) !important; /* IE6-9 */
}
.selectCF .searchCF{
    padding: 0 10px 0 20px;
    border-left: dotted 1px rgba(244,244,244,.5);
    position: absolute;
    top:0;
    right:0;
    z-index:-1;
}
@keyframes searchActive {
    from{ transform: rotateY(180deg) }
    to{ transform: rotateY(0deg); }
}@-moz-keyframes searchActive {
    from{ transform: rotateY(180deg) }
    to{ transform: rotateY(0deg); }
}
@-webkit-keyframes searchActive {
    from{ -webkit-transform: rotateY(180deg) }
    to{ -webkit-transform: rotateY(0deg); }
}
.searchActive .searchCF{
    z-index:1;
    animation: searchActive 0.3s alternate 1;
    -moz-animation: searchActive 0.3s alternate 1;
    -webkit-animation: searchActive 0.3s alternate 1;
}
.searchActive .titleCF{ opacity:0 }
.selectCF .searchCF input{
    line-height:45px;
    border:none;
    padding:0;
    margin:0;
    width:100%;
    height:100%;
    background:transparent;
    font-size:17px;
}
.selectCF .searchCF input:active, .selectCF .searchCF input:focus{
    box-shadow:none;
    border:none;
    outline: none;
}
.selectCF li ul{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    padding: 0 !important;
    width:100%;
    background: #FFF;
    max-height: 255px;
    overflow-y: auto;
    transition: .2s;
    -webkit-transition: .2s;
    z-index:2;
    background:rgba(253,253,253,.9);
}
.selectCF li ul li{
    padding:9px 0 9px 20px;
    border-bottom: 1px solid rgba(240,240,240,.9);
    font-weight:normal;
    font-size:14px;
    transition: .2s;
    -webkit-transition: .2s;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.selectCF li ul li:hover{
    background: #666;
    color:#FFF;
}
.selectCF .selected{
    background: #666;
    color:#FFF;
}
.selectCF li ul li:last-child { border-bottom: none }
.onCF .arrowCF{
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
@-moz-keyframes effect1 {
    from{ transform: translateY(15px); opacity:0; }
    to{ transform: translateY(0px); opacity:1; }
}
@-webkit-keyframes effect1 {
    from{ -webkit-transform: translateY(15px); opacity:0; }
    to{ -webkit-transform: translateY(0px); opacity:1; }
}
.onCF li ul{
    display:block;
    -moz-animation: effect1 0.3s alternate 1;
    -webkit-animation: effect1 0.3s alternate 1;
}
#wapper .style1{ padding: 15px }
/**************************/

ul.info{
    padding: 0;
    margin: 0 0 20px 0;
}
ul.info li{
    display: inline-block;
    border: solid 1px #FFF;
    border-radius: 5px;
    padding: 0 5px;
}
.custom-link{
    position: absolute;
    bottom: 30px;
    right: 30px;
    color: #FFF;
    font-size: 12px;
    text-decoration: none;
    transition: .3s;
    -webkit-transition: .3s;
    font-size: 20px
}

/* clasificados cajas*/
#item-list{
    overflow-y: auto;
    padding: 0 15px 15px 15px;
}
#item-list > ul {
    padding: 0;
    margin: 20px 0;
    font-family: Arial, sans serif;
    color: #555;
}
#item-list > ul > li {
    list-style: none;
    border-top: 1px solid #ddd;
    display: block;
    padding: 15px 0;
}
#item-list > ul:last-child { border-bottom: 1px solid #ddd }

.button {
    padding: 8px 12px;
    font-size: 14px;
    background: #ccc;
    display: block;
    width: 200px;
    border-radius: 3px;
    cursor: pointer;
}

.expand {
    color: #555;
    cursor: default;
    display: block;
    text-decoration: none;
}
.expand h2 { padding-left: 64px }
.expand span {
    display: block;
    padding-left: 64px
}
.detail {
    margin: 20px 0 0 0;
    display: none;
    line-height: 22px;
}
.icon {
    height: 50px;
    position: absolute;
    width: 50px;
}
.alquiler, .animales, .autos, .bienesraices, .clases, .computacion, .cursos, .dobletraccion, .empleos, .maquinaria,
.maquinariapesada, .motos, .muebles, .personales, .relax, .prestamos, .servicios, .turismo, .varios, .ventas {
    height:50px;
    width:50px;
}
.alquiler { background: url(../img/frontend/c.alquileres.svg) top left no-repeat }
.animales { background: url(../img/frontend/c.animales.svg) top left no-repeat }
.autos { background: url(../img/frontend/c.autos.svg) top left no-repeat }
.bienesraices { background: url(../img/frontend/c.bienesraices.svg) top left no-repeat }
.clases { background: url(../img/frontend/c.clases.svg) top left no-repeat }
.computacion { background: url(../img/frontend/c.computacion.svg) top left no-repeat }
.cursos { background: url(../img/frontend/c.cursos.svg) top left no-repeat }
.dobletraccion { background: url(../img/frontend/c.dobletraccion.svg) top left no-repeat }
.empleos { background: url(../img/frontend/c.empleo.svg) top left no-repeat }
.maquinaria { background: url(../img/frontend/c.maquinaria.svg) top left no-repeat }
.maquinariapesada { background: url(../img/frontend/c.maquinariapesada.svg) top left no-repeat }
.motos { background: url(../img/frontend/c.motos.svg) top left no-repeat }
.muebles { background: url(../img/frontend/c.muebles.svg) top left no-repeat }
.personales { background: url(../img/frontend/c.personales.svg) top left no-repeat }
.relax { background: url(../img/frontend/c.relax.svg) top left no-repeat }
.prestamos { background: url(../img/frontend/c.prestamos.svg) top left no-repeat }
.servicios { background: url(../img/frontend/c.servicios.svg) top left no-repeat }
.turismo { background: url(../img/frontend/c.turismo.svg) top left no-repeat }
.varios { background: url(../img/frontend/c.otros.svg) top left no-repeat }
.ventas { background: url(../img/frontend/c.ventas.svg) top left no-repeat }

/* CALENDARIO VERSIONES ANTERIORES */
.edicionportada{
    padding:10px;
    margin-right:10px;
    width:10%;
    height:auto;
    background-position:center;
    background-size:cover;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); 
}
.circle-button {
    background-color: #2196f3;
    width: 70px;
    height: 70px;
    position: absolute;
    right: 3rem;
    bottom: 3rem;
    border-radius: 50%;
    color: #fff;
    font-size: 42px;
    line-height: 65px;
    text-align: center;
    transition: 300ms ease;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); 
}
.circle-button:hover{
    -webkit-transform: scale3d(1.15, 1.15, 1);
    transform: scale3d(1.15, 1.15, 1);
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}
.wrapper{
    background: #fff;
    padding: 5px 15px 5px 15px;
    width: 300px;
    margin: 10px 0 20px 20px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); 
}
#theInput{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #888;
    outline: none;
    height: 2rem;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 15px 0;
    padding: 0;
    box-shadow: none;
    box-sizing: content-box;
    transition: 0.3s;
    color: #888;
}
.dd_wrap a,.dd_wrap img,.dd_wrap ul,.dd_wrap li,.dd_wrap div { 
    margin:0;
    padding:0;
    list-style:none;
    box-sizing: initial !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-family: 'Roboto', sans-serif;
    font-weight:100;
}

/* wrap */
.dd_wrap {
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    outline: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display:none;
    z-index:999;
}
.dd_overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:1;
}

/* window */
.dd_ {
    background: #FFF;
    border-radius: 2px;
    position: absolute;
    width: 200px;
    color:#000000;
    display: none;
    z-index: 10;
    box-shadow: 0 0px 0px 6px rgba(0,0,0,0.05);
    -webkit-box-shadow: 0 0px 0px 6px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 0px 0px 6px rgba(0,0,0,0.05);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.dd_:after {
    content: "";
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -sand-transform: rotate(45deg);
    background: #FFF;
    top: -6px;
    left: 50%;
    margin-left: -4px;
    position: absolute;
    border-radius: 1px;
}

/* swiper */
.dd_ .dd_sw_ {
    width:200px;
    overflow:hidden;
    position:relative;
    z-index:1;
}
.dd_ .dd_sw_ .dd_sl_ {
    overflow-x:scroll;
    overflow-y:hidden;
}
.dd_ .dd_sw_ .dd_sl_ ul {
    padding:0;
    margin:0;
    list-style:none;
    color:inherit;
    font-size:inherit;
}
.dd_ .dd_sw_ .dd_sl_ li {
    width:200px;
    float:left;
    text-align:center;
    font-weight:300;
    cursor:pointer;
}
.dd_ .dd_sw_ .dd_sl_ li:hover { background: rgba(0,0,0,0.04) }

.dd_ li.dd_sltd_{ position:relative }

/* nativagion buttons */
.dd_ .dd_sw_:hover .dd_nav_ { display:block }
.dd_ .dd_sw_ .dd_nav_ {
    position:absolute;
    width:24px;
    height:100%;
    color:#ccc;
    font-size:12px;
    text-align:center;
    z-index:11;
    top:0;
    cursor:pointer;
    display:none;
    background-size:12px 12px !important;
    opacity:0.3;
}
.dd_ .dd_sw_ .dd_nav_.dd_prev_ {
    left:0;
    background:url(icons/prev.png) center no-repeat;
}
.dd_ .dd_sw_ .dd_nav_.dd_next_ {
    right:0;
    background:url(icons/next.png) center no-repeat;
}

/* month */
.dd_ .dd_m_ {
    font-size:24px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.dd_ .dd_m_,.dd_ .dd_m_ .dd_sl_ ul,.dd_ .dd_m_ .dd_sl_ ul li { height:30px }
.dd_ .dd_m_ .dd_sl_ ul li { line-height:30px }

/* day */
.dd_ .dd_d_ {
    font-size:44px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    border-top: 1px solid rgba(0,0,0,0.1);
}
.dd_ .dd_d_,.dd_ .dd_d_ .dd_sl_ ul,.dd_ .dd_d_ .dd_sl_ ul li { height:60px }
.dd_ .dd_d_ .dd_sl_ ul li { line-height:48px; position:relative }
.dd_ .dd_d_ .dd_sl_ ul li em {
    position:absolute;
    bottom:2px;
    left:10px;
    right:10px;
    text-align:center;
    font-style:normal;
    font-size:14px;
    line-height:normal;
    color:#a5cedb;
}
.dd_ .dd_all_ {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:2;
    color:#000;
    background:#FFF;
    border-radius:8px;
    transform: scale3d(0,0,1);
    -webkit-transform: scale3d(0,0,1);
    -moz-transform: scale3d(0,0,1);
    opacity:0;
}
.dd_ .dd_all_.dd_open_ {
    transform: scale3d(1,1,1);
    -webkit-transform: scale3d(1,1,1);
    -moz-transform: scale3d(1,1,1);
    opacity:1;
}
.dd_ .dd_all_ ul {
    float:left;
    padding: 1px 4px 4px 4px;
}
.dd_ .dd_all_ ul li {
    width: 20.5%;
    float: left;
    margin: 0 2px;
    padding: 3px 0 1px 0;
    font-size: 10pt;
    letter-spacing: -1px;
    line-height: 10pt;
    text-align: center;
    font-weight: 900;
    cursor: pointer;
    border-bottom: 2px solid rgba(0,0,0,0.2);
    color: rgba(0,0,0,0.2);
}
.dd_ .dd_all_ ul li.dd_sunday { color:#FFF }
.dd_ .dd_all_ ul li:hover,.dd_ .dd_all_ ul li.dd_sltd_{
    color:#000000;
    border-bottom: 2px solid #000000;
}
.dd_ .dd_all_.dd_a_y_ ul li { width: 45.5% }

/* year */
.dd_ .dd_y_ {
    font-size:18px;
    position:relative;
}
.dd_ .dd_y_,.dd_ .dd_y_ .dd_sl_ ul,.dd_ .dd_y_ .dd_sl_ ul li { height:30px }
.dd_ .dd_y_ .dd_sl_ ul li { line-height:30px }

/* range */
.dd_ .dd_r_  {
    padding: 0 2px;
    text-align: center;
    margin: 0 0 6px 0px;
    position:relative;
    clear:both;
    font-size: 0;
}
.dd_ .dd_r_:after {
    left: 0;
    right: 0;
    border-bottom: 2px solid rgba(0,0,0,0.1);
    content: "";
    position: absolute;
    top: 8px;	
}
.dd_ .dd_r_ ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align:center;
}
.dd_ .dd_r_ ul li {
    display: inline-block;
    border:2px solid;
    position: relative;
    cursor: pointer;
    width:8px;
    height: 8px;
    z-index:1;
    border-radius:50%;
    background:#FFF;
    text-align:center;
    margin: 3px;
}
.dd_ .dd_r_ ul li {
    -webkit-transition: all 0.2s cubic-bezier(.7, 0, .175, 1) 0s;
    -moz-transition: all 0.2s cubic-bezier(.7, 0, .175, 1) 0s;
    -ms-transition: all 0.2s cubic-bezier(.7, 0, .175, 1) 0s;
    transition: all 0.2s cubic-bezier(.7, 0, .175, 1) 0s;
}
.dd_ .dd_all_ {
    -webkit-transition: all 0.4s cubic-bezier(.7, 0, .175, 1) 0s;
    -moz-transition: all 0.4s cubic-bezier(.7, 0, .175, 1) 0s;
    -ms-transition: all 0.4s cubic-bezier(.7, 0, .175, 1) 0s;
    transition: all 0.4s cubic-bezier(.7, 0, .175, 1) 0s;
}
.dd_ .dd_r_ ul li:hover {
    transform:scale3d(2,2,1);
    -webkit-transform:scale3d(2,2,1);
    -moz-transform:scale3d(2,2,1);
    z-index:11;
}
.dd_ .dd_r_ ul li.dd_sltd_ {
    transform: scale3d(1,1,1);
    -webkit-transform: scale3d(1,1,1);
    -moz-transform: scale3d(1,1,1);
}
.dd_ .dd_d_ .dd_sl_{ height:80px }
.dd_ .dd_y_ .dd_sl_,.dd_ .dd_m_ .dd_sl_{ height:50px }

/* sybmit */
.dd_ .dd_submit {
    color:#fff;
    text-align:center; padding:6px 0;
    cursor:pointer;
    height:20px;
}
.dd_ .dd_submit i:hover{
    -webkit-animation-name: dd_bounce;
    animation-name: dd_bounce;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}


/* effects */
@-webkit-keyframes dd_bounce {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  20% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  30% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  60% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  70% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }
  80% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes dd_bounce {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  20% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  30% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  60% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  70% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }
  80% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounce{
    -webkit-animation-name: dd_bounce;
    animation-name: dd_bounce;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
.dd_.dd_bounce {
    -webkit-animation-name: dd_bounce;
    animation-name: dd_bounce;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

@-webkit-keyframes dd_fadein {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes dd_fadein {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.dd_.dd_fadein {
    -webkit-animation-name: dd_fadein;
    animation-name: dd_fadein;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
}

@-webkit-keyframes dd_fadeout {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

@keyframes dd_fadeout {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

.dd_.dd_fadeout {
    -webkit-animation-name: dd_fadeout;
    animation-name: dd_fadeout;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
}

@-webkit-keyframes dd_dropdown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -30%, 0);
    transform: translate3d(0, -30%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes dd_dropdown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -30%, 0);
    transform: translate3d(0, -30%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.dd_.dd_dropdown {
    -webkit-animation-name: dd_dropdown;
    animation-name: dd_dropdown;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
}

@-webkit-keyframes dd_alert {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes dd_alert {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  25% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  50%  {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
}

.dd_alert {
    -webkit-animation-name: dd_alert;
    animation-name: dd_alert;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
}

/* galeria versiones anteriores*/
#galerie {
    margin: 0px auto;
    height:auto;
    margin-left:10px;
    margin-top: 10px;
    width: 99%;
}
.image-lightbox a img {
    width: inherit;
    height: inherit;
    z-index: 3000;
}
.holder {
    width: 27%;
    height: auto;
    display:inline-block;
    vertical-align: top;
    margin: 0 5% 0 0;
    opacity:0.5;
}
.holder:hover{opacity:1}

.image-lightbox {
    padding: 10px;
    /* Ombrage des blocs */
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    background: #fff;
    border-radius: 5px;
    /* Position absolue pour permettre de zoomer ultérieurement */
    font-family: Arial, sans-serif;
    /* Transitions pour rendre l'ensemble visuellement abouti */
    -webkit-transition: all ease-in 0.5s;
    -moz-transition: all ease-in 0.5s;
    -ms-transition: all ease-in 0.5s;
    -o-transition: all ease-in 0.5s;
    margin-bottom: 15px;
}
.image-lightbox span { display: none; }
.image-lightbox .expand {
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 4000;
    background: rgba(0,0,0,0); /* Fixe un bogue d'IE */
    left: 0;
    width: 100%;
}
.image-lightbox .close {
    position: absolute;
    width: 20px; height: 20px;
    right: 20px; top: 20px;
}
div[id^=image]:target {
    height: 300px;
    z-index: 5000;
    top: 50px;
    left: 200px;
    width: 450px;
}
div[id^=image]:target .close { display: block }
div[id^=image]:target .expand { display: none }
 
div#image-1:target, div#image-2:target, div#image-3:target { left: 200px }

div#image-1 { left: 0 }
div#image-2 { left: 290px }
div#image-3 { left: 580px }
/*---------------*/


/* BUSCADOR PRINCIPAL*/
.contenedorbuscador{
    height:1055px;
    margin-top:0;
}
.boxbuscador{width:98%; position:relative;}
.mainNew.opinionDetail.newsearch > span {
    color: #FFF;
    padding: 3px 10px;
    margin-left: 0;
    margin-top: 20px;
    display: inline-block;
    position: static;
    box-shadow: none;
}
.botonbusqueda2{
    text-align: center;
    color:#888;
    margin-top:10px;
    margin-bottom:10px;
    padding: 10px;
    font-size: 14px;
    font-weight: 400;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    background-color:#FFF;
    width:186px;
}

/*------*/
.lottery {
    padding-top: 14px;
    text-align: center
}
.lottery .title {
    font-size: 15px;
    font-weight: bold;
}
.lottery .subtitle {
    font-size: 12px;
    margin: 2px 0 7px 0;
}
.divloteria > div {
    display: inline-block;
    height: 85px;
}
.divloteria span { vertical-align: top }
.divloteria span.red {
    background:#ec1c24;
    border-radius: 4px 4px 0 0;
    color: #fff;
    display: inline-block;
    font:13px/26px Arial;
    font-weight: bold;
    height: 26px;
    margin-right: 8px;
    text-align: center;
    width:50px;
}
.divloteria span.red2 {
    background:#ec1c24;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font:13px/32px Arial;
    font-weight: bold;
    height: 32px;
    margin-right: 4px;
    text-align: center;
    width:32px;
}
.divloteria span.white {
    background:#fff;
    border-radius:0 0 4px 4px;
    color: #444;
    display: inline-block;
    font:13px/26px Arial; 
    height: 26px;
    margin-bottom: 4px;
    margin-right: 8px;
    text-align: center;
    width:50px;
}
.divloteria span.opt {
    display: inline-block;
    font-size: 11px;
    margin-right: 8px;
    text-align: center;
    width:50px;
}
.divloteria span.divisor { display: block }


@media only screen and (max-width: 1180px) {
    body { font: 13px "Roboto",Arial,helvetica,sans-serif; }
    .miscellaneous { max-width: 100%; }
    .miscellaneous section p:before { content: none; }
    .miscellaneous section:first-child {display: inline-block }
    .miscellaneous section:first-child a img { display: block; margin: 0 auto; min-width: 80px; width: 70% }
    .miscellaneous section:last-child {text-align: right}
    .miscellaneous section:last-child  a:nth-child(3) { margin-left: 10%; margin-right: 0% }
    .miscellaneous section:last-child  a { margin-left: 10% !important;  margin-right: 0% !important }
    .miscellaneous section form input[type="submit"] { width: 20% }
    .miscellaneous section form input[type="text"] { width: 80% }
    #nav { max-width: 100%; margin: 0 auto 0 auto; width: 1180px }
    #nav a img { display: none }
    .menu { font-size: .9em; width: 100% }
    #container { margin:0px auto; max-width: 100% }
    section#zodiac > p { font-size: 1.05em; line-height: 1.8em }
    #adWrap > div { width: 100% }
    #adWrap section#zodiac { width: 39.45% }

    section#zodiac { display: none !important }
    
    #moveBoxes { padding: 12px 12px 0 12px }
    #moveBoxes #zodiac { display: block }

    /*** BIG BANNER ***/
    .bigBanner { width: 100% !important }
    .bigBanner img { width: 100% }

    /***MAIN NEW ***/
    .mainNew { width: 59% !important }
    #asideBox { width:39% }
    .mainNew.opinionDetail.newgalery{ width:100% !important; }
    .mainNew .bx-wrapper .bx-viewport .bxslider li a, .mainNew .bx-wrapper .bx-viewport .bxsliderMain li a { height: 582px; width: 100%; }
    .mainNew.opinionDetail { padding: 0px 10px; }
    
    /*** ULTIMA HORA ***/
    .lastHour { margin: 0 .8% 0 .4%; margin-top: 10px; width: 38.6%; }
    .lastHour h2:after { width: 51% }

    /*** GALLERY ***/
    .gallery { margin: 0; margin-top: 8px; width: 100%; }
    .gallery h2 { width: 130px; }
    .tabsWrapper { margin: 0; margin-top: 20px; width: 100%; }
    .mediaTabs a { padding: .6em 0; width: 130px; }

    /*** ROW ONE ***/
    .rowOne section:nth-child(1) { width: 48.8% }
    .rowOne section:nth-child(2), .rowOne section:nth-child(3), .rowOne section:nth-child(4), .rowOne section:nth-child(5) { width: 48.6%; }

    /*** SMALL ADVERTISING ***/
    .smallAd {height: auto;}
    .rowOne section.smallAd { margin: 0 .4%; width: 48.8%; }
    .rowTwo .column section.smallAd {width: 100%;}
    .lastHour section.smallAd { margin: 0 .4%; width: 93%; }
    section.smallAd  img { display: block; height: auto; margin: 0 auto; }

    /*** ROW TWO ***/
    .rowTwo .column { width: 50% }
    .rowTwo .column.resp {width: 100% }
    .rowTwo .column.resp section { display: inline-block; width: 48.8% }
    .rowTwo .column.resp section:first-child {margin: 0 .4% 0 .8%; display: inline-block }
    .rowTwo .column.resp section:last-child {display: inline-block }

    .rowTwo .column  section { height: 280px; margin: 0 auto; margin-bottom: 10px; width: 97% }
    .rowTwo > section { display: inline-block; height: 570px; overflow: hidden; width: 49% }

    /*** OPINION ***/
    .tableWrap.relacionadasyveatambien{ display: table; border-spacing: 10px; margin-top: 0px; width: 100% }
    .tableWrap { margin-top: 20px; display: block; }
    .opinionBox { margin: 0 auto; display: block; width: 98.2%; }
    .opinionBox h2:after { width: 89%; }
    .opinionBox article { min-height: auto; display: block; width: 100%; }

    /*** INTERNACIONALES ***/
    .internationals { margin: 0 auto; margin-top: 25px; display: block; width: 98.2%; }
    .internationals h2:after { content: none; }
    .internationals.trelacionadas{ height: auto; margin-top: 25px; padding: 15px; display: table-cell; vertical-align: top; width: 50%; }
    .internationals.tveatambien{ height: auto; margin-top: 25px; padding: 15px; vertical-align: top; width: 100%; }

    /*** ARTICLE ***/
    main > article { margin-left: 0px; padding-left: 10px; width: 100%; }
    main article div { background: #fff; border: solid 1px #e2e2e2; height: auto; margin-top: 30px; position: relative; width: 100%; }
    main article div section { background-color: #e2e2e2; color: #666666; padding: 15px 10px; width: 100%; }
    .articleAds { margin: 0; margin-top: 20px; margin-bottom: 20px; padding-right: 10px; text-align: center; width: 100%; }
    .articleAds section.smallAd { height: auto; display: inline-block; margin-bottom: 10px; margin-right: 10px; vertical-align: top; }

    /*** COMMENT BOX ***/
    .commentBox { margin: 0px; margin-left: .8%; margin-top: 20px; margin-bottom: 20px; padding-right: 10px; width: 59.2%; }
    .commentAd { margin: 0px; margin-top:20px; margin-right: .8%; display: inline-block; vertical-align: top; width: 39.2%; }
    .commentAd .smallAd { width: 100% }
    .commentAd.publicitythree .smallAd { width: auto }
    .textoheader { line-height: 1.5em; padding-left:0; }
    .holder { width: 27%; }
}

@media only screen and (max-width: 1024px) {
    .textoheader { margin-bottom: 5px; top: 0; font-size: .6em; text-align: right; padding-right: 7px; padding-bottom: 7px; width: 100% }
}

@media only screen and (max-width: 768px) {
    .textoheader {display:none;}
    .buscadorheader {position: inherit;}
    .boxgalery {width: 100%;}
    .galeriafotos .boxgalery:nth-child(2) { margin-top: 0;}
    .smallAd.wow.fadeInUp.quitarpubli{display:none;}
    .smallAd.wow.fadeInUp.publiextra{margin-top: 15px;}

    h2 {margin-top: 15px }
    h5 {font-size: 1.25em }
    #container {margin-top: 113px }
    .miscellaneous #dateTime, .miscellaneous #exchangeBox, .miscellaneous #wheaterBox { display: none }
    .miscellaneous section { height: auto }
    .miscellaneous section:nth-child(1) { width: 38% }
    .miscellaneous section.buscadorheader { width: 62%; text-align: right; background: #fff }
    .miscellaneous section:last-child form {width: 30%; position: absolute; top: 10px; right: 10px }
    .miscellaneous section:last-child  a {margin-top: 30px }
    #wheaterBox { padding: 10px 0 }
    #exchangeBox { border-top: 1px solid #afafaf; padding-top:10px }

    /*** HEADER ***/
    header { margin-top: 0px; position:fixed !important; right:0; left: 0; top:0; z-index: 100000000; }
    #nav { box-shadow: none }
    .toggler,
    .toggler:before,
    .toggler:after {display: block }
    .toggler { display: block; height:40px; position:fixed; right:8px; top:88px; width:40px; z-index: 999999 }
    .toggler:before { content:""; height: 5px; display:block; border-top: solid 3px #fff; border-bottom: solid 3px #fff; margin: 10px auto 0px; width:18px }
    .toggler:after { content:""; height: 5px; display:block; border-bottom: solid 3px #fff; margin-left:11px; width:18px }

    .menu { height: 35px }
    .menu a { display: none }
    .menu span { display: block }
    footer .menu { display: none }

    .mainNew { margin: 0px !important; width: 100% !important; }
    .mainNew .bx-wrapper .bx-viewport .bxslider li a, .mainNew .bx-wrapper .bx-viewport .bxsliderMain li a{ width: 100%; height: 380px; }

    /*** ULTIMA HORA ***/
    .lastHour { width: 99% }
    .lastHour.lastDetail, .lastHour.catSection { display: none }
    .lastHour aside { height: auto !important }
    .lastHour.movil { display:block; margin: 0; margin-top: 15px; width: 100% }
    .articleAds { display: none; }
    #adWrap section#zodiac { width: 100% }
    #zodiac.v2 { display: none !important }
    #adWrap > div { width: 100% }
    #wheaterBox { display: none }

    /*** BIG BANNER ***/
    .bigBanner { height: auto; width: 100% }
    #adWrap > div { height: auto }

    /*** ROW ONE ***/
    .rowOne section:nth-child(1) { height: 275px; width: 100%; }
    .rowOne section.snote:nth-child(1) { height: 275px; margin: 0 .8% 0 0 !important; }
    .rowOne section.snote:nth-child(1) h4 { font-family: 'Droid Serif', serif; font-size: 1.85em; }
    .rowOne section.snote:nth-child(2) h4 { font-size: 1.25em; }
    .rowOne section:nth-child(2) {margin-bottom: 0px;}
    .rowOne section:nth-child(2), .rowOne section:nth-child(4), .rowOne section:nth-child(3), .rowOne section:nth-child(5) { width: 100%; height: 125px; margin-top: 10px;}
    .rowOne section:nth-child(2), .rowOne section:nth-child(3), .rowOne section:nth-child(5) { margin-bottom: 10px; }
    .rowOne section:nth-child(2) a figure, .rowOne section:nth-child(4) a figure, .rowOne section:nth-child(3) a figure, .rowOne section:nth-child(5) a figure { display: inline-block; vertical-align: top; width: 45% }
    .rowOne section:nth-child(2) a figcaption, .rowOne section:nth-child(4) a figcaption, .rowOne section:nth-child(3) a figcaption, .rowOne section:nth-child(5) a figcaption { display: inline-block; vertical-align: top; width: 55%; height: 100%; position: static }
    .rowOne section:nth-child(3), 
    .rowOne section:nth-child(5) { display: block !important; }

    .rowOne section.smallAd { display: block; margin-bottom: 10px }
    .noFloat section { display: inline-block !important }

    /*** ROW TWO ***/
    .rowTwo .column { width: 100% }
    .rowTwo .column.resp  section { height: 125px; margin-top: 10px !important; width: 100% }
    .rowTwo .column.resp .smallAd {display: none }
    .rowTwo .column.resp section a figure { display: inline-block; vertical-align: top; width: 45% }
    .rowTwo .column.resp section a figcaption { position: static; display: inline-block; vertical-align: top; height: 100%; width: 55% }
    .rowTwo > section { height: 275px; width: 100% }
    .rowOne section, .rowTwo section { margin-left: 0px !important; margin-right: 0px !important }
    .rowTwo .column section { width: 100% }
    .rowTwo .column section:last-child { margin-bottom: 10px }

    /*** MAIN SECTION ***/
    .mainNew.section { height: auto; width: 100% }
    .mainNew.section section:nth-child(1) { float: none; height: 275px; margin-bottom: 10px; width: 100% }
    .mainNew.section section:nth-child(2), .mainNew.section section:nth-child(3) { height: 125px; margin-left: 0; margin-bottom: 10px; width: 100%; }
    .mainNew.section section:nth-child(2) a figure, .mainNew.section section:nth-child(3) a figure { display: inline-block; vertical-align: top; width: 45% }
    .mainNew.section section:nth-child(2) a figcaption, .mainNew.section section:nth-child(3) a figcaption { display: inline-block;  vertical-align: top;  height: 100%; position: static; width: 55%; }

    /*** NOTE MAIN ARTICLE ***/
    main > article { margin:30px 0 30px 0; border-right: none; padding: 0px 10px; width: 100% }
    .abotonsign { padding: 13px; }
    main article div img { height: 25px; display: inline-block; vertical-align: middle; margin: 10px 10px; width: 25px }

    main article div section p { border-right: none; display: block; margin-left: 0 !important; padding: 0; }

    /*** ROW TWO ***/
    .mainNew.section.opinionList section:nth-child(2), .mainNew.section.opinionList section:nth-child(3) { height: 275px; width: 100% }
    .rowOne.opinionList.transparency section, .rowTwo.opinionList.transparency section  { height: 275px; width: 100%; }

    /*** COMMENT BOX ***/
    .commentBox { width: 100% }
    .commentAd { text-align: center; width: 100% }
    .commentAd .smallAd { display: inline-block; margin: 0 5px; width: auto }
    .tableWrap.relacionadasyveatambien { display: block; border-spacing: 10px; margin-top: 0px; width: 100%; }
    .internationals.trelacionadas{ display: block; margin: 0 auto; width: 98.2% !important; }
    .internacionals.tveatambien{ display: block; margin: 0 auto; width: 98.2%; }
    .mainNew.opinionDetail.politicasprivacidad {min-height: 600px}
    #galerie { width: 95% }

    /*** SLIDER CONTROLS ***/
    .bx-wrapper .bx-controls-direction { display: none }
}

@media only screen and (max-width: 480px) {
    .miscellaneous section:last-child form { position: absolute; right: 10px; width: 45% }
    .miscellaneous section:first-child a img { margin-top: 10px; width: 100% }
    .miscellaneous section:nth-child(1) { width: 44% }
    .miscellaneous section.buscadorheader { width: 56% }
    .abotonsign { display: block; position: static; text-align: right; width: 100% }
    section.smallAd { height: auto; width: 100% }
    .holder {width: 43% }
    #galerie { width: 95% }
    .articleAds { display: block }
    .miscellaneous section:last-child form { width: 80% }
    main article div img { height: 20px; margin: 8px; width: 20px }
    .commentAd { display:none }
    .commentAd.publicitythree { display: block }
    .cuadroscontacto { width:100% !important }
    .mainNew.detailSlider .bx-wrapper .bx-viewport .bxslider li, .mainNew.detailSlider .bx-wrapper .bx-viewport .bxsliderMain li { height: 300px }
    .mainNew.detailSlider .bx-wrapper .bx-viewport .bxslider li figure, .mainNew.detailSlider .bx-wrapper .bx-viewport .bxsliderMain li figure { height: 300px }
    #asideBox { width:100% }
    .tabsWrapper { margin-top: 0 }
    .sectionBanner { max-width: auto; overflow: hidden; width: auto }
}
@media only screen and (max-width: 375px){
    .holder {width: 42%}
}
@media only screen and (max-width: 370px) {
    .textoalbum { width: 61% }
}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100% }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% }

.whatsappShare { display: none }
@media only screen and (max-width:480px) {
    .whatsappShare { display: inline-block }
}