html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-weight: normal;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html, body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #444;
	background-image: url(../img/bg_main.png);
	background-repeat:repeat-x;
	background-color: #282525;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
}
#flashContainer {
	height: 100%;
	min-height: 570px;
}
#flashContent {
	position: absolute;
	top: 50%;
	margin-top:-260px;
}
#container  {
	width: 869px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #efece5;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
	/*background-color: #FCFCFC;*/
	background-image: url(../img/bg_main_contents.png);
	background-repeat:repeat-x;
	position: relative;
	min-height: 100%;
	z-index: 3;
}
#containerText  {
	width: 869px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #efece5;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
	/*background-color: #FCFCFC;*/
	background-image: url(../img/bg_main_contents_text.png);
	background-repeat:repeat-x;
	position: relative;
	min-height: 100%;
	z-index: 3;
}
#mainContent  {
	padding: 50px 0px 62px 0px;
	width: 849px;
	margin: 0 auto;
	min-height: 100%;
	height: 100%;
}
h1 {
	font-size: 28px;
	color: #666;
	letter-spacing: 0px;
	margin: 0 0 15px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
    text-shadow: 0 1px 1px rgba(255,255,255,0.5);
}
#textContent{
	line-height:1.4;
    text-shadow:0 1px 0 rgba(255, 255, 255, 0.2);
}
#textContent a {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
#textContent a:hover {
	text-decoration: underline;
}
#textContent h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	color: #333;
	padding-bottom: 15px;
}
#textContent table {
	clear: both;
}
#textContent p {
	padding-top: 5px;
	padding-bottom: 5px;
}
#textContent p strong{
	color:#000;
}
#textContent blockquote {
    background-image: url("../img/block_quotes.png");
    background-repeat: no-repeat;
    color: #444444;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 18px;
    font-style: italic;
    line-height: 1;
    padding: 15px 15px 15px 47px;

}
#verticalContainer {
	height: 100%;
	min-height: 600px;
}
#verticalContent {
	position: absolute;
	top: 40%;
	margin-top:-250px;
}
/* finished resetting css */

#contactForm input ,#contactForm textarea ,#contactForm select{
	padding: 5px;
	border: 1px solid #c8c8c8;
	font: normal 1.5em Arial, Helvetica, sans-serif;
	background-image: url(../img/input_bg.png);
	color: #6B6B6B;
	margin-bottom: 20px;
}
#contactForm input:hover ,#contactForm textarea:hover , #contactForm select:hover{
	border: 1px solid #686868;
}

#contactForm #s {
	background-image: url(../img/input_bg.png);
}
#contactForm label, .fieldTitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	color: #555555;
	padding-bottom: 5px;
	display: block;
    text-shadow: 0 1px 1px rgba(255,255,255,0.5);
}
#contactForm .submit input{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	float: right;
	background-image: url(../img/input_but.png);
	margin-top:-45px;
}
.input.text.error, input.required.error, input.form.error{
}
.error-message {
	margin-top: -17px;
	color: #930;
	font-size: 10px;
	margin-bottom: 7px;
}
#contactForm .checkbox{
	display:block;
	clear:both;
	width:250px;
}
#contactForm .checkbox input{
	float:left;
	padding: 0px;
	margin-right:10px;
}
#contactForm .checkbox label{
	display:inline;
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:1.3;
	font-style:normal;
	clear:both;
	color: #999;	
}
.form-error {
	background-color: #FCF;
}
#contactForm .checkbox .error-message{
	margin-top:0;
}
#contactFormLog input ,#contactFormLog textarea ,#contactFormLog select{
	padding: 3px;
	border: 1px solid #c8c8c8;
	font: normal 1em Arial, Helvetica, sans-serif;
	background-image: url(../img/input_bg.png);
	color: #6B6B6B;
	margin-bottom: 20px;
}
#contactFormLog input:hover ,#contactFormLog textarea:hover , #contactFormLog select:hover{
	border: 1px solid #686868;
}

#contactFormLog #s {
	background-image: url(../img/input_bg.png);
}
#contactFormLog label {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	color: #333232;
	padding-bottom: 5px;
	display: block;
}
#contactFormLog .submit input{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	background-image: url(../img/input_but.png);
}


#contactFormLog .checkbox{
	display:block;
	clear:both;
	width:250px;
}
#contactFormLog .checkbox input{
	float:left;
	padding: 0px;
	margin-right:10px;
}
#contactFormLog .checkbox label{
	display:inline;
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:1.3;
	font-style:normal;
	clear:both;
	
}
#contactForm .checkbox label a {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
#contactForm .checkbox label a:hover {
	text-decoration: underline;
}

#contactFormLog .checkbox .error-message{
	margin-top:0;
}







#ColumnsOneTwo {
	width: 334px;
	float: left;
}
#ColumnsThreeFour {
	width: 334px;
	float: left;
	margin-left: 10px;
}

#ColumnsThreeFourFive {
	width: 505px;
	float: left;
	margin-left: 10px;
}

#containerFooter  {
	margin: -52px auto 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left;
	height: 52px;
	position: absolute;
	/*bottom:0px;*/
	/*left:0px;*/
	background-image: url(../img/bg_main_menu.png);
	background-repeat: repeat-x;
	float:left;
	width: 100%;
	z-index: 6;
	overflow:hidden;
	left: 0px;
}
.footerGlobal {
	z-index: 11;
}
#footer  {
	width: 849px;
	margin: 0 auto;
	font-size: 11px;
	height: 52px;
	padding: 0px 10px 0 10px;
}
#footer #logo {
	margin: 0px;
	padding: 0px;
	float: left;
}
#footer #descubre {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	color: #CECECE;
	font-style: italic;
	margin: 5px 0px 25px 0px;
}

#footer p  {
	margin: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer a  {

}
.fieldTitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	color: #444;
	padding-bottom: 5px;
}
.fieldTitleDarker {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	color: #313131;
	padding-bottom: 5px;
   text-shadow: 0 1px 1px rgba(255,255,255,0.5);

}
.fieldRequired {
	float: right;
	padding-top: 3px;
    text-shadow: 0 1px 1px rgba(255,255,255,0.5);


}

/************************************************
*	Navbar      								*
************************************************/
#navbar {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #CECECE;
	font-style: italic;
	}
	
/*** ESSENTIAL STYLES ***/
.ot-menu, .ot-menu * {
	margin:	0;
	padding: 0;
	list-style:	none;
	}
.ot-menu {
	/*margin-left:30px;*/
	line-height: 1.0;
	}
.ot-menu ul {
	/*position: absolute;
	top: -999em;*/
	/*width: 10em;  left offset of submenus need to match (see below) */
	/*margin-top:-1em;*/
	margin-left:200px;
		margin-left:200px;
	margin-top:0px;
	float:left;
	position:relative;
	}
.ot-menu li {
	/*float:left;
	/*width: 100%;*/
	margin: 0px 20px 0px 0px;
	display: block;
	position: relative;
	padding: 17px 10px;
	border-left: solid 1px #666666;
	height: 30px;
	overflow: hidden;
	}

.ot-menu li:hover {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
	background-image: url(../img/li1-hover.png);
	/*border: 1px solid #333333;
	padding: 10px 10px;*/
	}

.ot-menu a {
	
	position: relative;
	color: #a2a2a2;
	}
.ot-menu li:hover ul{
	left: 0;
	/*top: 20px; /* match top ul list item height */
	z-index: 99;
	}
ul.ot-menu li:hover li ul {
	/*top: 20px;*/
	}
ul.ot-menu li li:hover ul {
	background-color:#06C;
	/*left: 16em; /* match ul width */
	top: 0;
	}
ul.ot-menu li li:hover li ul {
	/*top: 20px;*/
	}
ul.ot-menu li li li:hover ul {
	/*left: 10em; /* match ul width */
	top: 0;
	}
	
/*** DEMO SKIN ***/
.ot-menu .current_page_item a {
	color: #FFF !important;
	text-shadow: 1px 1px 3px #3b3b3b;
	}
.ot-menu .current-cat a {
	color: #c3d2e4 !important;
	}
.ot-menu {
	float: left;
	margin-bottom: 0;
	}
.ot-menu a {
	padding: 3px 0px 3px 0px;
	text-decoration: none;
	}
.ot-menu a, .ot-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #a2a2a2;
	}
.ot-menu li {
	/*background: none;*/
	}
.ot-menu li li {
	font-size: 12px;
	padding: 2px;
	background: none;
	border:none;
	/*height: 20px;*/
	}
.ot-menu li li a {
	border-left: none;
	}
.ot-menu li li li {
	background:	#346299;
	}
.ot-menu li:hover, .ot-menu li.sfHover,
.ot-menu a:focus, .ot-menu a:hover, .ot-menu a:active {
	color: #FFF;
	outline: 0;
	}
.ot-menu li li:hover, .ot-menu li li.sfHover {
	outline: 0;
	padding: 2px;
	background: none;
	border: none;
	}
	
/*** ARROWS **/
.ot-menu a.sf-with-ul {
	padding-right: 2.25em;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
	}
.sf-sub-indicator {
	position: absolute;
	display: block;
	right: .75em;
	top: 1.05em; /* IE6 only */
	width: 10px;
	height:	10px;
	text-indent: 1em;
	overflow: hidden;
	background:	url(images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
	}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top: 2px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
	}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
	}
/* point right for anchors in subs */
.ot-menu ul .sf-sub-indicator { 
	background-position:  -10px 0; 
	}
.ot-menu ul a > .sf-sub-indicator {
	top: 7px;
	background-position:  0 0; 
	}
/* apply hovers to modern browsers */
.ot-menu ul a:focus > .sf-sub-indicator,
.ot-menu ul a:hover > .sf-sub-indicator,
.ot-menu ul a:active > .sf-sub-indicator,
.ot-menu ul li:hover > a > .sf-sub-indicator,
.ot-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
	}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url(images/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
	}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
	}
	

	
#copyRight {
	font-size: 11px;
	text-align: right;
	float: right;
	margin-top: 10px;
	position: absolute;
	top: 0px;
	right: 10px;
	color: #CCC;
	line-height:1.2;
}
#copyRight span{
	font-size: 10px;
	color: #666;
}
#copyRight span a{
	color: #777;
	text-decoration:none;
}
#copyRight span a:hover{
	color: #fff;
	text-decoration:none;
}

#header {
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left;
	height: 30px;
	/*position: absolut;*/
	/*bottom:0px;*/
	/*left:0px;*/
	background-image: url(../img/bg_main_menu.png);
	background-repeat: repeat-x;
	float:left;
	width: 100%;
	z-index: 4;
	position: absolute;
	top: 0px;
	left: 0px;
}
#musicFlash {
	float: left;
	position: relative;
	display:inline;
	padding-top: 8px;
}
#topCenter {
	width: 869px;
	margin: 0 auto;
}
#topMenu{
	float:right;
}
#topLanguage {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #CECECE;
}
#topLanguage ul li {
	float:left;
	position:relative;
	padding:0px 5px 0px 0px;
	margin-top:10px;
}
#topLanguage ul li a {
	color: #BBBBBB;
	text-decoration: none;
}
#topLanguage ul li a:hover {
	color: #ffffff;
	text-decoration:none;
}
#topBar {
	/*float: left;
	position: relative;
	display:inline;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #CECECE;
	font-style: italic;
}
#topBar li{
	float:left;
	position:relative;
	padding:5px 20px;
}
#topBar li a{
	color: #BBBBBB;
	text-decoration: none;
}
#topBar li a:hover{
	color: #ffffff;
	text-decoration:none;
	
}
#containerIntro {
	width: 100%;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	position: absolute;
	min-height: 100%;
	top: 0px;
	left:0px;
}
#mainContentIntro {
	/*padding: 10px 0px 62px 0px;*/
	width: 100%;
	margin: 0 auto;
	min-height: 100%;
	background-color: #000;
}#flashContainerIntro {
	height: 100%;
	min-height: 100%;
	z-index: 1;
}
#flashContentIntro {
	min-height: 570px;
	height: 100%;
}
#info {height:600px;}


.container {
	width:695px;
	margin:50px auto;
	padding:10px;
	}
.menu {
	font-family: Georgia, "Times New Roman", Times, serif;
	width:131px;
	height:217px;
	position:relative;
	margin:0;
	font-size:11px;
	}

.menu a, .menu a:link, .menu a:visited  {
	color: #BEBEBE;
	text-decoration: none;
}
.menu a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.menu ul li  {
	display:block;
	text-decoration:none;
	width:772px;
	height:30px;
	line-height:29px;
	font-size:16px;
	padding-left:10px;
	float:left;
	position:relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	background-image: url(../img/1x1.gif);
	overflow: hidden;
	}

.menu ul li a {
	display:block;
	/*border:1px #ffffff solid;*/
}
.menu ul {
	padding:0;
	margin:0;
	list-style-type: none;}

.menu ul li ul {
	/*display: none;*/
	visibility:hidden;
	
	}

.menu table {
	border-collapse:collapse; 
	border:0; 
	margin:0; 
	padding:0;}
 
.menu ul li:hover {
	color:#fff; 
	visibility:	visible; /* fixes IE7 'sticky bug' */
	background-image: url(../img/li1-hover.png);
}

.menu ul li:hover ul {
	display:block;
	visibility:	visible;
	position:absolute;
	top:0;
	left:160px;
	width:650px;
	background: transparent;
	}

.menu ul li:hover ul li,
.menu ul li a:hover ul li {
	color:#AAAAAA;
	border:none;
	font-style:normal;
	float:left;
	display:block;
	width:300px;
	float:left;
	height:60px;
	font-size:18px;
	background-image: url(../img/1x1.gif);
	}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
	
	}

.menu ul li:hover ul li a.sub,
.menu ul li a:hover ul li a.sub {
	}

.menu ul li:hover ul li:hover,
.menu ul li a:hover ul li a:hover {
	color:#ffffff;
	background-image: url(../img/li1-hover.png);
	
	}

.menu ul li:hover ul li ul,
.menu ul li a ul li a ul {
	/*visibility:hidden; */
	position:absolute;
	left:0px;
	top:30px;
	width:300px;
	}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a:hover ul {
	
		
	}
.menu ul li:hover ul li ul li,
.menu ul li a:hover ul li a:hover ul li {
	font-size:12px;
	font-style:italic;
	display:block;
	width:300px;
	color:#AAAAAA;
	height:30px;
	text-decoration:none;
	background-image: url(../img/1x1.gif);
	}
.menu ul li:hover ul li ul li a,
.menu ul li a:hover ul li a:hover ul li a {
	display:block;
	color:#AAAAAA;
	height:30px;
	text-decoration:none;	
	}

.menu ul li:hover ul li ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {	
	color:#fff;
	text-decoration:none;
	background-image: url(../img/li1-hover.png);
	
	}
.nivelTemporada{
	height:30px;
}
#titleLogo {
	border-right: 1px #bbbbbb solid;
	margin: 0px 0px 10px 0px;
	padding: 0px 10px 5px 0px;
	float: left;
	display: inline;
	color: #666;
/*	min-height:80px;*/
}
#titleImagen {
	float:left;
	position: absolute;
	top: 0px;
	left:180px;
	padding: 2px;
	z-index: 8;
}
#titleColeccion {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 5px 10px;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #666;
	font-style: italic;
}
#titleColeccionImagen {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 5px 10px;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #CCC;
	font-style: italic;
}
#loginBox {
	background-image: url(../img/bg_login_box.png);
	padding: 10px;
	background-repeat: repeat-x;
	width: 230px;
	margin-top: 30px;
}
.lighter, label[for="ContactNews"], label[for="ContactAcepto"]{
	color: #999;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.5) !important;

}
#prensaItem {
	margin: 5px 0px 15px;
	padding: 15px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#prensaItem h2 {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}
#prensaItem img {
	float: left;
	margin-right: 20px;
}
#overlay {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
	 background-image:url(../img/background-trans.png);
}
#overlay div {
     width:300px;
     margin: 100px auto;
     /*background-color: #fff;*/
     /*border:1px solid #000;*/
     padding:20px;
     text-align:left;
	 box-shadow: 7px 7px 20px rgba(0,0,0,0.5);
	 -moz-box-shadow: 7px 7px 20px rgba(0,0,0,0.5);
	 -webkit-box-shadow: 7px 7px 20px rgba(0,0,0,0.5);  
	 background-image: url(../img/bg_main_contents.png);
	background-repeat:repeat-x;

}
#overlay div h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #333;
}
#overlay div p {
	margin: 10px;
	line-height: 1.4em;
}
#overlay div p a {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
#overlay div p a img {
	margin-bottom: -5px;
}