@import url(atlantis.css);
/** head **/
.subheader .spechead .emisBox{z-index:2;}
/** generales **/
.wrapper.bodier {background:#eeeeee;}
.wrapper.footer {background:#cecece;}
.footer .container ul li span, .footer .container .blindBox ul li span {color: #737578;}
.footer a~.blindBox {border-top: .1em solid rgba(0,0,0,0.2);}
.wrapper.bodier .gridBox, .wrapper.bodier .mediaBox{display: inline-block;}
.television .container:not([class*='separador']) .mainBox:hover .mediaBox > .ima:not(.videoPlayer) img{opacity: 1;}
.container .grid:not(.g5) .gridBox .mediaBox {border-bottom:0}

/* ico */
.wrapper.bodier .mainBox > .socialBox .ico a, .mainBox > .socialBox .blind, figcaption .socialBox .ico a, .falseSlideBox .audioBox .ico.play:not(.vjs-control),
.falseSlideBox .videoBox .ico.play:not(.vjs-control), .mediaBox .ico.play:not(.vjs-control), .linkit .dir > a:before, .wrapper.bodier .auxheader .socialBox a,
.auxheader .socialBox .ico.share > .blind, [data-tipo*="catalogo"] .controlBox .ico {border-radius:0; border: .1rem solid #6c9cc5;}
.auxheader .socialBox .ico {padding-left: 3rem}
.wrapper.bodier [data-tipo*="catalogo"] .grid > .gridBox .cell .ico.play, [data-tipo*="catalogo"] .arrays .controlBox .arrow,
.container:not(.bestClips):not([data-tipo*="mod_catalogo"]) .mediaBox .ico.play:not(.vjs-control) img,
[data-tipo*="catalogo"] .arrays .gridBox .topBox .cell .videoBox .ico.play:not(.vjs-control) img,
.wrapper.bodier .g4 .mainBox .mediaBox .ico.play:not(.vjs-control) {width:3.6em;height: 3.6em;line-height:3.6em;margin:0;padding: 0;}
.wrapper.bodier .container .grid.size_50 .mainBox .mediaBox .ico.play:not(.vjs-control),
.wrapper.bodier .container .grid.size100 .mainBox .mediaBox .ico.play:not(.vjs-control) {left:5rem; bottom:2.5rem;top:auto; width:3.6em; }
[data-tipo*="catalogo"] .arrays .controlBox .arrow {margin-left: .5rem}
.wrapper.bodier .grid .mainBox .mediaBox .ico.play:not(.vjs-control) {left: 2rem;bottom: 2rem;top: auto;}
.wrapper.bodier .grid > .gridBox .cell .ico.play.video, [data-tipo*="catalogo"] .arrays .controlBox .arrow {background: rgba(0,0,0,0.66);}
.wrapper.bodier .grid > .gridBox .cell .ico.play:hover, .wrapper.bodier .container .controlBox .ico:hover,.bodier .container .mediaBox .ico:hover,
.wrapper .wrapper.bodier .toplayer + .beoff + .container .grid .mainBox .mediaBox .ico.play:hover,
.wrapper .wrapper.bodier .toplayer + .container .grid .mainBox .mediaBox .ico.play:hover {background:#00012e}
.container:not(.bestClips):not([data-tipo*="mod_catalogo"]) .size100 .mediaBox .ico.play:not(.vjs-control),
.container:not(.bestClips):not([data-tipo*="mod_catalogo"]) .size_50 .mediaBox .ico.play:not(.vjs-control), .article > .figure .mediaBox a .play {padding:0}

/* ocultando elementos */
.wrapper.bodier .grid > .gridBox .cell .ico.play .duration, .wrapper.bodier .txtBox .pubBox,
.mainBox > .socialBox .ico.share > .blind {display:none;}

/** destacado **/
/*positioning*/
.specialTopBox .notory .cell .mediaBox {position:static;width:55%;}
.specialTopBox .notory .cell .overBox {position:relative;}
.specialTopBox .notory .cell .mainBox {display:table;background-color: #00012e;direction: rtl; }
.specialTopBox.container .notory .cell .mediaBox, .specialTopBox .notory .cell .overBox{border-bottom:0;display:table-cell;vertical-align: middle;float:none;}
.specialTopBox .col3 .g1.notory .mod .mainBox > .socialBox, .inside:not(.titles) .grid:not(.g5) .overBox {bottom: 0;padding: 0 5rem 2rem 7rem;}
.specialTopBox .notory .cell .mod .pretitle {color:#eeeeee; font-size: 3rem!important;line-height: 1.2;font-weight: 100;text-transform: uppercase;}
.specialTopBox .notory .cell .mod .txtBox .pretitle, .specialTopBox .notory .cell .mod .txtBox .maintitle {position:relative; z-index:1}
.specialTopBox > .grid.g1 .gridBox > article .mod:not(.no_ima) .mainBox .txtBox span {padding:1rem;font-size:5rem}
.specialTopBox > .grid.g1 > .gridBox > .cell .mod .mainBox .auxBox{color:#eeeeee;position:relative; bottom:0;left:0; /*right:40%*/;text-align: center;z-index:1}
.toplayer + .container:not(.striplayer), .toplayer + .striplayer.beoff + .container:not(.falseStriplayer):not(.striplayer) {padding-top: 5rem;}
.wrapper .wrapper.bodier .specialTopBox.container.inside.striplayer .gridBox .mediaBox > a, .specialTopBox .gridBox .mediaBox > a{z-index: 1;
background: -moz-linear-gradient(left, rgba(0,1,46,0) 0%, rgba(0,1,46,1) 45%, rgba(0,1,46,.7) 55%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,1,46,0) 0%,rgba(0,1,46,1) 45%,rgba(0,1,46,.7) 55%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,1,46,0) 0%,rgba(0,1,46,1) 45%,rgba(0,1,46,.7) 55%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000012e', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */}
.wrapper .wrapper.bodier .specialTopBox.striplayer .grid .mainBox .mediaBox .ico.play {right:auto; top:50%; right:25%;bottom: auto;}
.specialTopBox > .grid.g1 .gridBox > article .mod:not(.no_ima) .mainBox .overBox {background-image:url('i/img-portada-fondo.jpg');
background-size:cover; background-repeat: no-repeat;text-align: center;width:45%; z-index:inherit; direction: ltr;}
.wrapper.bodier .specialTopBox > .grid.g1 .gridBox > article .mod:not(.no_ima) .mainBox .txtBox {text-align: center}
[data-tipo*="mod_ultimos"].container.specialTopBox .gridBox .mainBox .txtBox{display:table-cell; width:43%; vertical-align: middle}
.wrapper.bodier .specialTopBox .gridBox {display:block}

/** noticias destacado **/
.wrapper .wrapper.bodier .specialTopBox[data-tipo="mod_maquetacion"] + .container,
.wrapper .wrapper.bodier .specialTopBox + .container.bloody,
.wrapper .wrapper.bodier .specialTopBox + .striplayer + .container.bloody, .g2.slaves .gridBox article.cell {width:100%; padding-bottom: 2rem} /* .beoff + .beon_*/
.wrapper .wrapper.bodier .specialTopBox[data-tipo="mod_maquetacion"] + .container .gridBox .mod .mainBox .maintitle,
.wrapper .wrapper.bodier .specialTopBox + .container.bloody .gridBox .mod .mainBox .maintitle,
.wrapper .wrapper.bodier .striplayer + .container.bloody .gridBox .mod .mainBox .maintitle {font-size:2.6rem; line-height:1.2;} /* .beoff + .beon_*/
.toplayer ~ .striplayer.beoff ~ .container:not(.bgEuro) .size_25, .toplayer ~ .striplayer.beoff ~ .container:not(.bgEuro) .size_33,
.wrapper .wrapper.bodier .container:not(.bgEuro) .size_50 {width:auto}

/* metadata */
.wrapper .wrapper.bodier .metadataBox.striplayer  + .container, .g2.slaves .gridBox article.cell {width:100%; padding-bottom: 2rem} /* .beoff + */
.wrapper .wrapper.bodier .metadataBox.striplayer  + .container .gridBox .mod .mainBox .maintitle {font-size:2.6rem; line-height:1.2;} /* .beoff + */
.wrapper .wrapper.bodier .metadataBox.striplayer {background: #00012e;}
.wrapper.bodier .container:not(.specialTopBox).metadataBox.striplayer > .grid > .gridBox > .cell .mod .mainBox {padding:0}
.wrapper.bodier .metadataBox.striplayer > .grid > .gridBox > .cell .mod .mainBox .overBox ~ .auxBox {padding: 0 0 1rem!important; width: 100%; text-align:center}
.wrapper .wrapper.bodier .metadataBox.striplayer .mainBox .auxBox p {display:inline-block;text-align: center;color: #ffffffb0;padding-right: .5rem;text-shadow: 0.1rem 0.1rem 0.1rem black;}
.wrapper .wrapper.bodier .metadataBox.striplayer .mainBox .auxBox p + div {display:inline-block}
.metadataBox.striplayer span[itemprop="description"], .metadataBox.striplayer span[itemprop="endDate"] {font-weight:700}

/** catalogo destacado **/
.bodier .container.bgEuro section.grid, .bodier .otvisionBox.striplayer section.grid {width:118rem; margin: 0 auto;}
.container.bgEuro {width:100%; position:relative; margin-bottom:2rem;background:#2b2b2b;}
.container.bgEuro:before{content:''; position:absolute; width:100%;height:100%; background:url('i/img-cajon-almaia_01.jpg') no-repeat left bottom, url('i/img-cajon-almaia_02.jpg') no-repeat right bottom;}
.container.bgEuro .secBox span { display:inline-block;  padding:2rem 0 1rem 0 }
.container:not(.bestClips).striplayer.bgEuro .gridBox:not(.catalog) .mod .mainBox .maintitle {font-size:2rem; line-height: 1.2}

/** catalogo  **/
[data-tipo*="catalogo"] .secBox ~ .slideH + .spinnBox + .controlBox {top:5.5rem;right:0;left:auto;width:auto;padding:0;/* bottom: 6rem; *//* position: relative; */}
[data-tipo*="catalogo"] .controlBox .ico img {margin-top: -.2rem;}
[data-tipo*="catalogo"] .arrays .slideH.show4 .pagBox .cell {width:25%;}
[data-tipo*="catalogo"] .arrays.g2 .cell:nth-child(2n+1) {clear:none;}
[data-tipo*="catalogo"] .arrays .secBox ~ .slideH[class*="show"]  {border-width:0}
[data-tipo*="catalogo"] .arrays .mainBox:after {background:none}
[data-tipo*="catalogo"] section.grid {padding-bottom:2rem}
.wrapper.bodier [data-tipo*="catalogo"] .catalog .mod .maintitle {font-size: 2rem!important; line-height: 1.2!important}
.wrapper.bodier [data-tipo*="catalogo"] .catalog.show1 .mod .maintitle {font-size: 5rem!important; line-height: 1.2!important}
.wrapper .wrapper.bodier [data-tipo*="catalogo"] .arrays .pagBox .cell .txtBox {position:relative;padding:1rem 2rem;display:inline-block;background-color: transparent;}
[data-tipo*="ultimos"] .txtBox {position:relative; text-align: left}

/** mediaBox */
.wrapper.bodier .container {margin-bottom:0}
.wrapper.bodier .container.striplayer:not(.specialTopBox) .g1 .gridBox .mod .mainBox .txtBox, .g2.slaves .gridBox> article.cell .txtBox {width:100%;display:block;margin:0 auto;position: relative;z-index: 1;}
.wrapper.bodier .container .g1 .gridBox .mod .mainBox .maintitle, .g2.slaves .gridBox> article.cell .mod .mainBox .maintitle {text-align: center;font-size: 3.5rem;line-height:1.2; padding: 1rem;} /* padding:1rem; */
.wrapper.bodier .container.striplayer .gridBox .mod .mainBox .maintitle, .container.bgEuro .secBox span, .otvisionBox section.g1 > .secBox > span {font-weight: 500;color:#eeeeee;}
.wrapper.bodier .container.inside:not(.striplayer) .gridBox .mod .mainBox .overBox *, .container.inside .mainBox .auxBox, .container.bgEuro .mainBox .auxBox {color:rgba(255,255,255,.8)}
.wrapper.bodier .container .gridBox .mod .mainBox .maintitle, .mainBox .auxBox p, .mainBox .auxBox ul {font-size:2rem;}
.wrapper.bodier .container article .mainBox .auxBox li{font-size: 1.7rem !important;}
.wrapper.bodier .container .gridBox .mod .mainBox .maintitle {font-weight:900;line-height: 1.2;color:#00012e;display:inline-block; text-transform:none;width: 100%;margin: 0 auto;}
.mainBox .auxBox {color:#2b2b2b;padding:1rem!important; position:relative}
.wrapper.bodier .specialTopBox.container.striplayer.mainBox .auxBox,
.wrapper.bodier .container .g1 .gridBox .mod .mainBox .txtBox, .g2.slaves .gridBox> article.cell .mod .mainBox .pretitle {text-align: center; }
.cell .mod .pretitle,section > h1 > span, section > .secBox > span {color:#00012e;font-weight:300;font-size:3rem;}
.cell .mod .pretitle {text-transform: uppercase; line-height: 1.2;}
section.grid > h1, section.grid > .secBox {text-align:left; padding:2rem 0 2rem 0}
.wrapper.bodier .container > .grid > .gridBox > .cell .mod .mainBox .overBox ~ .auxBox,
.wrapper.bodier .container > .grid > .gridBox > .cell .mod .mainBox .txtBox {padding: 1rem 2rem 0 2rem !important;}
.wrapper.bodier .container:not(.specialTopBox) > .grid > .gridBox > .cell .mod .mainBox  {padding-bottom:2rem;}
.wrapper.bodier .container:not(.inside) .grid.g1 .mainBox .auxBox {width: 50%;display: block;margin: 0 auto;text-align: left;}
.wrapper.bodier .container:not(.bloody) > .grid .gridBox > article.cell .auxBox {padding: 0 2rem !important;}

/*//filetes//*/
.container .secBox:before {content:'';width:118rem;height:.1rem;background:#00012e;position:relative; display: block; margin:2rem auto;}
.wrapper.bodier .container.striplayer:not([data-tipo="mod_include"]) .secBox:first-child:before {display:none}
.otvisionBox.striplayer .container:first-child .secBox:before, .bgEuro.striplayer .container:first-child .secBox:before {display:none}

/** esclavo EJEMPLO**/
.g2.slaves .gridBox .slavesBox {width:80%; position: absolute; padding-left: 30rem; margin-bottom: 30rem; /*//revisar ESCLAVO //*/
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 66%, rgba(255,255,255,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 66%,rgba(255,255,255,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 66%,rgba(255,255,255,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ccffffff',GradientType=1 ); /* IE6-9 */}
.g2.slaves .gridBox .slavesBox article.cell { border:2rem solid transparent; right:0;}
.g2.slaves .gridBox .slavesBox .mediaBox {width:50%; display:inline-block;}
.g2.slaves .gridBox .slavesBox .txtBox {width:50%;display:inline-block;text-align: left;}
.wrapper.bodier .container:not(.bloody)>.size100.g2 .slavesBox .mod:not(.no_ima) .txtBox,
.container[data-tipo=mod_maquetacion]:not(.inside) .grid.slaves .mod:not(.no_ima) .mediaBox {margin: 0;}

/** otvision **/
.striplayer.otvisionBox {background:rgb(50,48,80);margin-top: 3rem;}
.otvisionBox.container:before {content:''; position:absolute; display:block; width:100%;height:10rem;top:10;
background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */}
.otvisionBox .container + .container .secBox:before {background:#eeeeee;}
.otvisionBox .mainBox .auxBox, .wrapper.bodier .container.otvisionBox .gridBox .mod .mainBox .maintitle,
.otvisionBox section > .secBox > span {color:#eeeeee;}
.otvisionBox .gridBox .mod .mainBox .maintitle {padding-bottom: 1rem;}
.otvisionBox section.grid.g1 {padding-top: 3rem}


@media only screen and (max-width:1180px) {
.bodier .container.bgEuro section.grid, .bodier .otvisionBox.striplayer section.grid {width:100%; margin: 0 auto; padding: 0 2rem}
.wrapper.bodier .container .g1 .gridBox .mod .mainBox .maintitle, .g2.slaves .gridBox> article.cell .mod .mainBox .maintitle {line-height: 1.2}
[data-tipo*="catalogo"] .secBox ~ .slideH + .spinnBox + .controlBox {right:2rem}
[data-tipo*="catalogo"] .g1 .secBox ~ .slideH + .spinnBox + .controlBox {top:3rem}
.container .secBox:before {content:'';width:100%;}
}

@media only screen and (max-width:1528px){ .container.bgEuro:before {content:none; }
}