/*skin colours*/
.fixerBox > .header,.bodier > .container {background:#f4f4f4;}
.fixerBox {background:#f8f8f8;}
.footer {background:transparent;}
.bodier > .container {border:0.1em solid #d4d4d4;box-shadow:0 0 0.6em rgba(0,0,0,0.25);}
.mainBox {box-shadow:0 0 1.2em rgba(0,0,0,0.25);}
.fullGrid {box-shadow:none;}
/*.thumBox,*/
.markBox,.mixedBag .item .tab {
background:#aaa;
background: linear-gradient(top,#fff 0,#aaa 20%);/*W3C*/
background: -o-linear-gradient(top,#fff 0,#aaa 20%);/*Opera11.10+*/
background: -moz-linear-gradient(top,#fff 0,#aaa 20%);/*FF3.6+*/
background: -webkit-linear-gradient(top,#fff 0,#aaa 20%);/*Chrome10+,Safari5.1+*/
background: -ms-linear-gradient(top,#fff 0,#aaa 20%);/*IE10+*/
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ffffff),color-stop(20%,#aaaaaa));/*Chrome,Safari4+*/
}
.scrollBox {}
.scrollBox {border-top:0.2em solid #999;background:#ddd;box-shadow:0 0 0.6em rgba(0,0,0,0.25) inset;}
.thumBox .tab {background:rgba(0,0,0,0.1);}
.thumBox .ico .tab {background:transparent;}
.thumBox .active .tab {color:#fff;background:rgba(0,0,0,0.6);border-bottom:0.143em solid black;margin-bottom:-0.143em;}
.thumBox .tab,.scrollBox > ul > li .title {color:#444;}
.thumBox li .playing .title {color:#000;}
.thumBox #tabdirecto .tab span {box-shadow:0 0 0.286em rgba(0,0,0,0.5);}
.thumBox #tabalacarta .tab span {box-shadow:0 0 0.286em rgba(255,255,255,0.75);}
.thumBox li .tab span strong {color:#333;}
.thumBox #tabdirecto .tab span strong {background:#e6e6e6;box-shadow:inset 0 1em 1em -1em #444;}
.thumBox #tabalacarta .tab span strong {background:#f4f4f4;box-shadow:inset 0 1em 1em -1em #aaa;}

.mixedBag .item {background:#fff;box-shadow:0 0 0.6em rgba(0,0,0,0.25) inset;}
.mixedBag .item .tab {
background:#aaa;
background: linear-gradient(top,#fff 0,#aaa 140%);/*W3C*/
background: -o-linear-gradient(top,#fff 0,#aaa 140%);/*Opera11.10+*/
background: -moz-linear-gradient(top,#fff 0,#aaa 140%);/*FF3.6+*/
background: -webkit-linear-gradient(top,#fff 0,#aaa 140%);/*Chrome10+,Safari5.1+*/
background: -ms-linear-gradient(top,#fff 0,#aaa 140%);/*IE10+*/
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ffffff),color-stop(140%,#aaaaaa));/*Chrome,Safari4+*/
}
.mixedBag .item .tab {border-bottom:0.2em solid #999;}
.mixedContainer .ico .tab {border-right-color:#ccc;}





/*especifico Sochi*//*base referencia:iPad 10" (1024x768)*/
.fixerBox > .header,.footer,.bodier {width:100%;display:inline-block;clear:both;float:left;}
.fixerBox > .header {height:4em;height:auto;}
.footer {height:auto;display:inline-block;}
	/*.fixerBox .bodier {top:4em;}*/
	.bodier > .container,.fixerBox > .header > .container,.footer > .container {width:90%;height:100%;}
.bodier {padding:0 1.2em;}

.c1 {width:38%;padding-right:1.2em;}
.c2 {width:62%;float:right;}


.markBox,.thumBox {border-radius:0.6em;}
.scrollBox > ul > li {width:25%;}
.scrollBox > ul > li:nth-child(4n+1) {clear:left;}
.extended .scrollBox > ul > li {width:12.5%;}
.extended .scrollBox > ul > li:nth-child(4n+1) {clear:none;}
.extended .scrollBox > ul > li:nth-child(8n+1) {clear:left;}


/*105% s/25% de ancho*/
/*.thumBox li li {padding-top:26.5%;}
.thumBox li li a {margin-top:-105%;}*/

@media only screen and (min-width:1100px) {
/*100% s/25% de ancho*/
/*.thumBox li li {padding-top:25%;}
.thumBox li li a {margin-top:-100%;}*/
}

@media only screen and (min-width:1200px) {
/*100% s/25% de ancho*/
/*.thumBox li li {padding-top:25%;}
.thumBox li li a {margin-top:-100%;}*/
}

@media only screen and (min-width:1400px) {
/*90% s/25% de ancho*/
/*.thumBox li li {padding-top:22.5%;}
.thumBox li li a {margin-top:-90%;}*/
}


@media only screen and (max-width:1400px) {
.pushpip .layer li {padding-right:0;}
.pushpip .layer .ico + span {display:none;}
}



@media only screen and (max-width:1024px) {
.bodier > .container,.fixerBox > .header > .container {width:100%;}
.fixerBox,.fixerBox > .header {box-shadow:none;}
.bodier,.fixerBox > .header {padding:0 0.4em;}
/*mobile*/
.mobile .fixerBox:after,.mobile .fixerBox:before {background:none;}
.mobile .bodier > .container,.mobile .markBox,.mobile .thumBox {border-radius:0;}
.mobile .cab_especial .nav,.mobile .textoLibre,.mobile .intro,.mobile .eventDesc,.mobile .maintabs {display:none;}
.mobile .fixerBox > .header .mark > .ima {position:absolute;right:0;top:0;height:100%;width:6%;min-width:7.6em;}
.mobile .fixerBox > .header .mark > .ima img {width:100%;height:auto;}
.mobile .header .cab_especial {max-width:100%;padding-left:1.5%;display:inline-block;}
.mobile .header .cab_especial {font-size:71.43%;border-width:1px;}
.mobile .cab_box h1 span {line-height:2;}
.mobile .shareBlock {display:none;}
.mobile .bodier {height:auto !important;}
.mobile .thumBox {height:30em !important;}
.mobile .scrollBox {height:25.8em !important;}
.mobile .scrollbar {height:23em !important;}
.mobile .footer .marketLinks {width:100%;}
.mobile .footer .marketLinks ul,.mobile .footer .marketLinks span {width:100%;max-width:100%;text-align:center;float:none;padding:1em 0;}
.mobile .scrollBox > ul > li {width:50%;}
.mobile .scrollBox > ul > li:nth-child(4n+1) {clear:none;}
.mobile .scrollBox > ul > li:nth-child(2n+1) {clear:left;}
.mobile .swipe {font-size:80%;position:absolute;top:35%;}
.mobile .swiperight {left:-2.6em;}
.mobile .swipeleft {right:-2.6em;}
}

@media only screen and (max-width:800px) {
.col {width:100%;}
.header .cab_especial {max-width:72%;padding-left:3%;}
.fixerBox > .header .mark {padding:0.4em 0;}
.bodier,.fixerBox > .header {padding:0.2em 0.4em;}
/*mobile*/
.mobile .bodier {padding:0;}
.textBox {padding:0.4em;}
.c1 {display:none;}
}


@media only screen and (orientation:portrait) {

.tablet .bodier {padding:0.2em 0 0.2em 0.4em;}
.tablet .fixerBox > .header .maintabs,
.mobile .fixerBox > .header .maintabs,
.tablet .intro {display:none;}
.tablet .fixerBox > .header .mark > .ima {position:absolute;right:0;top:0;height:100%;}
.tablet .fixerBox > .header .mark > .ima img {height:100%;height:4.6em;width:auto;}
.tablet .bodier > .container,
.mobile .bodier > .container {border:0 none;box-shadow:none;padding:0;}
.tablet .col {border:0.1em solid #d4d4d4;box-shadow:0 0 0.6em rgba(0,0,0,0.25);padding:1.8em;width:96%;background:#f8f8f8;}
.bodier > .container {position:relative;overflow:hidden;}
.tablet .c2,.mobile .c2 {float:left;}
.tablet .c1,.mobile .c1 {float:right;position:absolute;left:96%;z-index:6;}
.tablet .fixerBox > .header .mark {}

.swipe {display:inline-block;width:12em;height:12em;background:white url('i/arrows_hor.png');background-size:100% 100%;position:fixed;top:60%;z-index:20;border-radius:100%;}
.swiperight {right:-7.6em;}
.swipeleft {left:-7.6em;background-position:100% 0;}
.swipeleft,.desktop .swipe,.resize {display:none;}
/*mobile*/
.mobile .header .cab_especial {border-left:0 none;border-top:1px solid #aaa;width:100%;margin-top:2px;padding:8px 0 0 0;}
.mobile .cab_box h1 span {line-height:1;}
.mobile .thumBox .active .scrollBox {padding-right:0;}
.mobile .thumBox .scrollBox ul {padding-left:2em;}
.mobile .scrollbar {right:auto;left:1.6em;}
.mobile .scrollBox > ul > li .title {max-height:100%;}
/*tablet*/
.tablet .footer .marketLinks,.tablet .footer .marketLinks ul,.tablet .footer .marketLinks span {width:100%;}
.tablet .footer .marketLinks ul,.tablet .footer .marketLinks span,.tablet .footer .maintabs,.tablet .footer .maintabs li {float:none;}
.tablet .footer .marketLinks ul,.tablet .footer .marketLinks span {max-width:100%;}
.tablet .footer .marketLinks ul,.tablet .footer .marketLinks span,.tablet .footer .maintabs {text-align:center;}
.tablet .footer .marketLinks ul {padding:0 20%;}
.tablet .footer .marketLinks span {padding:1em 0 0.5em 0;}
.tablet .footer .maintabs {clear:both;padding:2em 0;}
.tablet .footer .maintabs li {display:inline-block;}
.tablet .footer .maintabs li:first-child {border:0 none;}
}

@media only screen and (orientation:landscape) {
.tablet .fixerBox > .header .mark > .ima {display:none;}
/*mobile*/
.mobile #navBox {height:48em !important;}

}


@media only screen and (max-width:480px) {


}