/* Fonts */
@font-face{
    font-family:'ITCOfficinaRTVE';
    src: url('../fonts/itc_officina_rtve_regular.eot');
    src: url('../fonts/itc_officina_rtve_regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/itc_officina_rtve_regular.woff') format('woff'),
         url('../fonts/itc_officina_rtve_regular.ttf') format('truetype'),
         url('../fonts/itc_officina_rtve_regular.svg#ITCOfficinaRTVE') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* IE */
header, section, nav, article, hgroup, footer, aside, output {display: block;}
img {border:0;}

/* Common */
html, body {width:604px; height:640px; padding:0; margin:0; font-family:ITCOfficinaRTVE, Verdana, Geneva, Arial, Helvetica, sans-serif;}
#bestDressed h1, #bestDressed h2, #bestDressed h3, #bestDressed h4, #bestDressed p {padding:0; margin:0; font-size:inherit; font-weight:normal;}
#bestDressed ul {margin:0; padding:0;}
#bestDressed li {list-style:none; display:inline-block; vertical-align:top;}
#bestDressed button {background:none;}
#bestDressed {width:604px; height:640px; background:black url(../img/bck.png) no-repeat center top;}
#bestDressed .hide {display:none !important;}

#bestDressed > section {padding:20px 30px;}
#bestDressed .sectionTitle {font-size:26px; color:#fff; margin-bottom:10px; text-shadow:5px 5px 5px rgba(0,0,0,0.75);}
#bestDressed .sectionDescription {font-size:16px; color:#fff;}
#bestDressed .arrowsIcon {pointer-events:none; position:absolute; top:0; right:0; left:0; padding-top:210px; text-align:center;}
#bestDressed .bt {text-align:center; margin:15px; height:30px; border:0; cursor:pointer; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px;}
#bestDressed .bt p {padding:7px;}
#bestDressed .btBig {background:url(../img/start-bt-doble.png) no-repeat top;}
#bestDressed .btBig:hover {background:url(../img/start-bt-doble.png) no-repeat bottom;}
#bestDressed .btSmall {background:url(../img/vote-bt-doble.png) no-repeat top; cursor:pointer;}
#bestDressed .btSmall:hover {background:url(../img/vote-bt-doble.png) no-repeat bottom;}

#bestDressed .thumb.mini {position:relative; width:84px; height:auto; color:white; font-size:14px; text-align:center; margin:19px; background:url(../img/photo-round-bck.png) no-repeat top;}
#bestDressed .thumb.mini img {width:80px; padding:2px;}
#bestDressed .thumb.mini p {padding:6px 0;}

/* Header */
#bestDressed > header {position:relative;}
#bestDressed > header > h1 {background:url(../img/header-bck.png) no-repeat center;}
#bestDressed > header > h1 p {font-size:24px; padding:4px 30px;}
#bestDressed > header .social {position:absolute; top:0; right:0; padding:6px 18px;}
#bestDressed > header .social a:first-child {margin-right:6px;}

/* Home */
#bestDressed .home > header {display:inline-block; width:100%; overflow:hidden;}
#bestDressed .home .sectionDescription {text-shadow:5px 5px 5px rgba(0,0,0,0.75);}
#bestDressed #homeThumbsWrapper {position:relative; text-align:center; margin:25px 0; display:inline-block; width:100%;}
#bestDressed #homeThumbsWrapper .thumb img {height:250px; margin:0 5px; position:relative;}
#bestDressed #homeThumbsWrapper .thumb.t0 img {height:200px; position:absolute; left:0; top:25px; margin:0;}
#bestDressed #homeThumbsWrapper .thumb.t1 img {height:200px; position:absolute; right:0; top:25px; margin:0;}
#bestDressed #homeThumbsWrapper .arrowsIcon {padding-top:90px;}

/* Polling */
#bestDressed .polling .sectionTitle {font-size:16px; margin-bottom:0; text-shadow:none;}
#bestDressed #pollSlideWrapper {position:relative; overflow:hidden; width:543px; height:520px;}
#bestDressed .pollSlide {padding:20px 0; position:absolute; top:0; left:0; width:100000px;}
#bestDressed .pollSlide .pair {position:relative; margin-right:150px;}
#bestDressed .pollSlide .pair li {width:264px; text-align:center; cursor:pointer; overflow:hidden;}
#bestDressed .pollSlide .pair li:first-child {margin-right:15px;}
#bestDressed .pollSlide .pair li img {width:100%; background:black;}
#bestDressed .polling .photoHeader {width:100%; height:33px; font-size:16px; background:#fc0 url(../img/photo-header-bck.png) no-repeat center; text-align:center;}
#bestDressed .polling .photoHeader p {padding:7px;}

/* Next round dialog */
#bestDressed .nextRound .scrollPane {height:450px;}

/* Winner */
#bestDressed .cWrapper {display:inline-block; width:250px; vertical-align:top;}
#bestDressed .winner .thumb {width:274px; margin-right:16px; display:inline-block; background:url(../img/photo-winner-bck.png) no-repeat center;}
#bestDressed .winner .thumb img {width:264px; padding:5px;}
#bestDressed #winnerDescription {position:relative; height:310px; background:white; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:15px;
	box-shadow:4px 2px 6px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:4px 2px 6px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow:4px 2px 6px rgba(0, 0, 0, 0.75);}
#bestDressed #winnerDescription p { color:#fff;}
#bestDressed .winner .social {position:absolute; bottom:0; padding:20px 0;}
#bestDressed .winner .shareFb, #bestDressed .winner .shareTwitter {display:inline-block; vertical-align:top;}
#bestDressed .winner .shareTwitter {width:100px;}
	
/* Ranking */
#bestDressed .ranking > header, #bestDressed .ranking > header h1 {display:inline-block;}
#bestDressed .ranking .btSmall {display:inline-block; vertical-align:top; float:right; margin:0; width:84px; height:30px;}
#bestDressed .ranking .thumbList {position:relative;}
#bestDressed .ranking .thumbList .wrapper {position:relative; display:inline-block; width:84px;}
#bestDressed .ranking .thumb.mini {margin:5px 20px;}
#bestDressed .ranking .thumb.mini img {padding-bottom:0;}
#bestDressed .rankingPosition {position:absolute; top:0; text-align:center; width:31px; height:22px; background:url(../img/ranking-position-bck.png) no-repeat center;}
#bestDressed .rankingPosition p {padding:2px !important; font-size:14px; color:black;}
#bestDressed .rankingPercentage {text-align:center; width:100%; height:21px; background:url(../img/ranking-percentage-bck.png) no-repeat center;}
#bestDressed .rankingPercentage p {padding:3px !important; font-size:14px; color:black;}
#bestDressed .ranking .r0 {position:absolute; left:0; right:0; width:auto !important;}
#bestDressed .ranking .r1 {position:absolute; left:0; right:50%; top:25px; width:auto !important;}
#bestDressed .ranking .r2 {position:absolute; left:51%; right:0; top:25px; width:auto !important;}
#bestDressed .ranking .r3, #bestDressed .ranking .r4, #bestDressed .ranking .r5, #bestDressed .ranking .r6 {margin-top:240px !important;}
#bestDressed .ranking .scrollPane {height:530px;}

/* Scroll */
#bestDressed .scrollPane {width:544px;}
#bestDressed ::-webkit-scrollbar {width: 17px;} 
#bestDressed ::-webkit-scrollbar-track {background:rgba(0, 0, 0, 0.75)}
#bestDressed ::-webkit-scrollbar-thumb {border:solid 2px black;
    background: #d99d3b; /* Old browsers */
	background: -moz-linear-gradient(-137deg, #d99d3b 24%, #f4e5ba 43%, #ecce77 55%, #e1c277 58%); /* FF3.6+ */
	background: -webkit-gradient(linear, right top, left bottom, color-stop(24%, #d99d3b), color-stop(43%, #f4e5ba), color-stop(55%, #ecce77), color-stop(58%, #e1c277)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-137deg, #d99d3b 24%, #f4e5ba 43%, #ecce77 55%, #e1c277 58%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-137deg, #d99d3b 24%, #f4e5ba 43%, #ecce77 55%, #e1c277 58%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-137deg, #d99d3b 24%, #f4e5ba 43%, #ecce77 55%, #e1c277 58%); /* IE10+ */
	background: linear-gradient(43deg, #d99d3b 24%, #f4e5ba 43%, #ecce77 55%, #e1c277 58%); /* W3C */
}