@charset "utf-8";
/* CSS Document */

* {
	margin:0px;
	padding:0px;
}

body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	background: url(../images/layout/body-back-bg.png) no-repeat center top;
}

h1 { font-size:16px;color:#333;font-weight:normal; }
h2 { color:#fff; }
h3 { font-size:21px;color:#333;margin-bottom:10px;margin-top:10px;font-weight:normal; }

#fullHolder {
	display:block;
	clear:both;
	position:relative;
	width:100%;
	height:100%;
}

#contentContainer {
	position:relative;
	width:879px;
	margin-top:15px;
	padding-top:80px;
	background-image:url(../images/layout/logo-top-garnier.png);
	background-position:top right;
	background-repeat:no-repeat;
}

#mainLogoHolder {
	position:absolute;
	z-index:500;
	float:left;
	width:210px;
	height:277px;
	background-image:url(../images/layout/logo-top-maravillas.png);
	background-repeat:no-repeat;
	left: -80px;
	top: 0px;
}

#secTitleHolder {
	position:absolute;
	z-index:500;
	float:left;
	width:327px;
	height:57px;
	background-image:url(../images/layout/titles/7maravillas.png);
	background-repeat:no-repeat;
	left: 125px;
	top: 10px;
}

#secTitleHolderQ {
	position:absolute;
	z-index:500;
	float:left;
	width:361px;
	height:66px;
	background-image:url(../images/layout/titles/QUIENES.png);
	background-repeat:no-repeat;
	left: 125px;
	top: 0px;
}

#secTitleHolderR {
	position:absolute;
	z-index:500;
	float:left;
	width:155px;
	height:57px;
	background-image:url(../images/layout/titles/REGLAS.png);
	background-repeat:no-repeat;
	left: 125px;
	top: 10px;
}

#secTitleHolderG {
	position:absolute;
	z-index:500;
	float:left;
	width:168px;
	height:57px;
	background-image:url(../images/layout/titles/GARNIER.png);
	background-repeat:no-repeat;
	left: 125px;
	top: 10px;
}

#secTitleHolderW {
	position:absolute;
	z-index:500;
	float:left;
	width:502px;
	height:57px;
	overflow:hidden;
	background-image:url(../images/layout/titles/ESTADIA.png);
	background-repeat:no-repeat;
	left: 125px;
	top: 10px;
}

#secSubTitleHolderW {
	position:absolute;
	z-index:500;
	float:left;
	width:148px;
	height:30px;
	overflow:hidden;
	background-image:url(../images/layout/titles/gana-estadia.png);
	background-repeat:no-repeat;
	left: 135px;
	top: 82px;
}

#secSubTitleHolderG {
	position:absolute;
	z-index:500;
	float:left;
	width:255px;
	height:30px;
	overflow:hidden;
	background-image:url(../images/layout/titles/info-productos.png);
	background-repeat:no-repeat;
	left: 135px;
	top: 82px;
}

#secTitleHolderCal {
	position:absolute;
	z-index:500;
	float:left;
	width:390px;
	height:57px;
	overflow:hidden;
	background-image:url(../images/layout/titles/CALENDARIO.png);
	background-repeat:no-repeat;
	left: 125px;
	top: 10px;
}

#topNavHolder {
	height:35px;
	clear:both;
	background-color:#62ac45;
	position:relative;
}

#topNavHolderTest {
	clear:both;
	position:relative;
}

#topRow {
	background-color:#62ac45;
	height:35px;
}

#homeLink {
	float:right;
	margin-right:15px;
	margin-top:10px;
	font-size:12px;
	width:84px;
	height:14px;
	background-image:url(../images/layout/btn-home.png);
}

#homeLink a {
	display:block;
	width:84px;
	height:14px;
}

#dropDownHolder {
	position:relative;
	display:block;
	float:right;
	width:180px;
	margin-top:5px;
	margin-right:5px;
}

#masterProductHolder {
	position:absolute;
	bottom:-25;
	right:-62px;
	background-image:url(../images/layout/modal-prod-bottom.png);
	width:225px;
	height:280px;
	top: 1438px;
}

#masterProductHolderQ {
	position:absolute;
	bottom:-25;
	right:-50px;
	/*background-image:url(../images/layout/modal-prod-bottom.png);*/
	width:228px;
	height:294px;
	top: 190px;
}

#masterProductHolderW {
	position:absolute;
	bottom:-25;
	right:-55px;
	/*background-image:url(../images/layout/modal-prod-bottom.png);*/
	width:228px;
	height:294px;
	top: 159px;
}

/* ------ */

ul.topnav {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	width: 176px;
	font-size: 16px;
	height:20px;
	border:solid 2px white;
}

ul.topnav li {
	float: left;
	margin: 0;
	padding: 0;
	cursor:pointer;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}

ul.topnav li a{
	padding:2px;
	color: #FFF;
	display: block;
	text-decoration: none;
	font-size:14px;
	float: left;
}

ul.topnav li a:hover{
	color:#FFF;
}

ul.topnav li span { /*--Drop down trigger styles--*/
	width: 100px;
	height: 35px;
	float: left;
	background: url(../images/layout/nav-drop-arrow.png) no-repeat right 3px;
}

ul.topnav li span.subhover {background-position: right 3px; cursor: pointer;} /*--Hover effect for trigger--*/

ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: -2px; 
	top: 22px;
	background: #333;
	margin: 0; 
	padding: 0;
	display: none;
	float: left;
	width: 180px;
	filter:alpha(opacity=80);
	opacity: .8;
	-moz-opacity: .8;
	z-index:999999;
}

ul.topnav li ul.subnav li{
	margin: 0; 
	padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 2px solid #fff; /*--Create bevel effect--*/
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	clear: both;
	width: 176px;
}

html ul.topnav li ul.subnav li a {
	float: left;
	width: 170px;
	padding:3px;
	background-color: #333;
	font-size:12px;	
	background:url(../images/layout/nav-side-arrow.png) no-repeat 160px;
}

html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background:url(../images/layout/nav-side-arrow.png) no-repeat 160px;
	background-color: #eed414;
	padding: 3px;
	color: #333;
	width:170px;
}

/* ------ */

#slideHolder {
	height:350px;
	overflow:hidden;
	background-color:#999;
}

#centerMenuHolder {
	width:879px;
	height:55px;
}

#centerMenuHolder a {
	display:inline;
}

#centerMenuHolder img {
	border:none;
	margin:0px;
	padding:0px;
}

#homeContentMainRow {
	position:relative;
	margin-top:5px;
	width:879px;
	font-size:16px;
	font-weight:normal;
	color:#666;
}

#homeRowCol {
	float:left;
	display:block;
	padding:10px;
	padding-top:1%;
	width:595px;
}

#homeRowCol2 {
	float:right;
	display:block;
	padding:10px;
	padding-top:10px;
	width:225px;
}

#homeContentSecRow {
	position:relative;
	width:879px;
	clear:both;
	margin-top:5px;
}

#homeSecRowCol {
	float:left;
	padding:2%;
	width:46%;
	padding-bottom:1%;
	font-size:11px;
}

#auspiciadoresDeviderHolder {
	background-image:url(../images/layout/auspiciado-devider.png);
	background-repeat:no-repeat;
	width:879px;
	height:23px;
}

#auspiciadoresLogosHolder {
	background-image:url(../images/layout/auspiciadores-logos.png);
	background-repeat:no-repeat;
	background-position:center;
	width:879px;
	height:60px;
	margin-top:20px;
	margin-bottom:20px;
}

#rankingHolderTop {
	background-color:#fdb917;
}

#rankingHolderLess {
	background-color:#57b7df;
}

#rankingTop {
	padding:5px;
	background-color:#eda700;
	color:#FFF;
}

#rankingLess {
	padding:5px;
	background-color:#00b4ff;
	color:#FFF;
}

#rankingRow {
	padding:3px;
	padding-left:5px;
	border-bottom:dotted 1px #FFF;
	font-size:12px;
	font-weight:normal;
	color:#FFF;
}

/* -- VOTE MAIN PAGE -- */

#voteContentHolder {
	background-color:#62ac45;
	margin-top:10px;
	padding:20px;
	padding-left:150px;
}

#votingContentHolder {
	position:relative;
	background-color:#fff;
	margin-top:20px;
	padding:15px;
}

#voting3ContentHolder {
	position:relative;
	background-color:#fff;
	margin-top:20px;
	padding:15px;
}

#v3Col1Holder {
	float:left;
	width:220px;
}

#v3Col2Holder {
	float:left;
	width:450px;
	font-size:14px;
}

#votingHeaderHolder {
	position:relative;
	font-size:12px;
	padding-bottom:10px;
	border-bottom:solid 2px #666;
}

#votingHeaderHolderCol {
	float:left;
	width:50%;
}

#votingContentColHolder {
	position:relative;
	padding:10px;
	padding-top:20px;
	clear:both;
}

#votingContentColHolderIE {
	position:relative;
	padding:10px;
	padding-top:20px;
	background-color:none;
}

#votingContentCol {
	float:left;
	display:block;
	width:50%;
	margin-top:10px;
}

#checkboxMsg {
	padding:10px;
	font-size:13px;
	clear:both;
}

/* -- CLASS -- */

.votingBox {
	position:relative;
	width:300px;
	height:70px;
	border:solid 1px #63ad45;
	margin-left:20px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	behavior:url(border-radius.htc);
}

.votingBoxSel {
	position:relative;
	width:300px;
	height:70px;
	border:solid 1px #63ad45;
	margin-left:20px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	behavior:url(border-radius.htc);
	background-color:#999;
}

#votingBoxCol1 {
	display:block;
	float:left;
	width:31px;
	padding-top:20px;
	padding-left:10px;
}

#votingBoxCol2 {
	display:block;
	float:left;
	width:105px;
	margin-left:5px;
	height:70px;
	overflow:hidden;
}

#votingBoxCol3 {
	display:block;
	float:left;
	width:145px;
}

#votingBoxColSuggestion {
	display:block;
	float:left;
	width:250px;
}

#votingBoxColSuggestion label {
	font-size:12px;
}

#suggestionTextHolder {
	margin-top:10px;
	margin-left:10px;
}

#votingBoxTitle {
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
	font-size:13px;
	font-weight:bold;
}

#votingBoxLink {
	margin-left:10px;
	margin-right:10px;
	margin-bottom:5px;
	font-size:12px;
	color:#FFF;
	vertical-align:middle;
	width:125px;
	position:absolute;
	bottom:0px;
	right:0px;
}

#formSubmitHolder {
	position:relative;
	margin-top:15px;
	clear:both;
	padding-top:10px;
	border-top:solid 2px #666;
}

#submitBtn {
}

#step2Mess {
	border-bottom:solid 2px #666;
	padding:15px;
	background:url(../images/layout/checkbox_on.png) no-repeat 0px 15px;
	padding-left:40px;
	font-size:14px;
}

#step2SelRow {
	display:block;
	position:relative;
	padding-left:68px;
}

#step2SelHolder {
	float:left;
	width:105px;
	margin-left:20px;
	margin-bottom:15px;
}

#step2ImageHolder {
	display:block;
	float:left;
	width:105px;
	height:70px;
	overflow:hidden;
}

#step2Title {
	display:block;
	clear:both;
	float:left;
	width:105px;
	overflow:hidden;
	font-size:14px;
	font-weight:bold;
	margin-top:10px;
}

#bottomRegHolder {
	margin:10px 20px 0px 20px;
	padding:20px;
	border:solid 1px i63ad45;
	background-color:#999;
	font-size:12px;
}

#bottomRegHolder label {
	display:block;
	width:100px;;
	padding:5px;
}

#regFormHolder {
	margin-left:40px;
	margin-right:40px;
	margin-top:15px;
}

#nameRow {
	position:relative;
	clear:both;
}

#nameRowCol {
	float:left;
	width:50%;
	margin-top:15px;
}

#checkBoxRowHolder {
	margin-top:15px;
	margin-bottom:25px;
}

#regFormBottomShadow {
	background-image:url(../images/layout/reg-form-bottom-shadow.png);
	background-repeat:no-repeat;
	background-position:center;
	margin-left:20px;
	margin-right:20px;
	height:25px;
	
}

#submitRowHolder {
	margin-top:15px;
}

#shareBtn {
	background:url(../images/layout/modal-comparte-btn.png);
	width:133px;
	height:27px;
	cursor:pointer;
	border:none;
	clear:both;
}

#officialLinkHolder a {
	text-decoration:none;
	color:#fff;
	font-size:10px;
}

/* -- CLASSES -- */

.bigTxtField {
	width:500px;
	padding:3px;
}

.midTxtField {
	width:240px;
	padding:3px;
	margin-left:0px;
	clear:both;
}

.smalTxtField {
	width:100px;
	padding:3px;
}

.btnBack {
	background:url(../images/layout/votar-btn-b.png);
	width:188px;
	height:21px;
	padding:3px;
	padding-left:10px;
	font-weight:bold;
	font-size:12px;
	border:none;
	cursor:pointer;
}

.btnFront {
	background:url(../images/layout/votar-btn-f.png);
	width:188px;
	height:21px;
	padding:3px;
	padding-left:10px;
	font-weight:bold;
	font-size:12px;
	border:none;
	cursor:pointer;
}

/* -- CHECKBOXES -- */


.cust_checkbox{
	font-size:31px;
	cursor: pointer;
}

.cust_checkbox_on{
	background:url(../images/layout/checkbox_on.png) no-repeat 0 0;
}

.cust_checkbox_hvr{
	background:url(../images/layout/checkbox_hvr.png) no-repeat 0 0 !important;
}

.cust_checkbox_off{
	background:url(../images/layout/checkbox_off.png) no-repeat 0 0;
}

.cust_checkbox_disabled_on{
	background:url(../images/layout/checkbox_disabled_on.png) no-repeat 0 0;
}

.cust_checkbox_disabled_off{
	background:url(../images/layout/disabled_off.png) no-repeat 0 0;
}

.group{
	color:#333;
}