/*---------------------------------------------------------------------------------------------------------------------------
SónarKids 2010 - Common Cascading Style Sheet
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
.autor			Meritxell Gaig for RSB Media
.version		0.1
.url				http://www.rsbmedia.com
.timestamp	04/08/2009 .. 00/00/2009
---------------------------------------------------------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------------------------------------------------------
0.	Table of Contents
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
1.	Reset
2.	Links
3.	Elements
4.	Common
5.	Events View
6.	Newsletter
7.	Novedades
---------------------------------------------------------------------------------------------------------------------------*/
	
	
	/*---------------------------------------------------------------------------------------------------------------------------
	1.	Reset
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	/*
	D: Reset Styles :D
	*/
	div, hr,
	dl, dt, dd, 
	ul, ol, li,
	h1, h2, h3, h4, h5, h6,
	pre, form, fieldset,
	input, textarea, p,
	blockquote, th, td { 
		margin: 0;
		padding: 0;
	}
	
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	fieldset, img { 
		display: block;
		border: 0 none;
	}
	
	address, caption, cite, code,
	dfn, strong, em, th, var {
		font-style: normal;
		font-weight: normal;
	}
	
	ol, ul, li {
		list-style: none;
		display: block;
	}
	
	caption, th {
		text-align: left;
	}
	
	h1, h2, h3, h4, h5, h6 {
		font-size: 18px;
		font-weight: normal;
	}
	
	q:before, q:after {
		content: '';
	}
	
	abbr, acronym { 
		border: 0 none;
	}
	
	
	/*---------------------------------------------------------------------------------------------------------------------------
	2.	Links
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	a {
		text-decoration: none;
		color: #ed1847;
	}
		
		a:hover {
			background-color: #ed1847;
			text-decoration: none;
			color: #fff;
		}
		
		a:active,
		a:focus {
			
		}
		
		a img {
			display: inline;
		}
		
	
	/*---------------------------------------------------------------------------------------------------------------------------
	3.	Elements
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/	
	body, h1, h2, h3, h4, h5, h6, input, option, textarea, button {
		font-family: "HelveticaNeueLT Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 12px;
	}
	
	body {
		margin: 20px 10px;
		font-size: 12px;
		color: #333;
	}
	
	input.texter {
		
	}
	
	select.selecter {
		
	}
	
	input.submiter {
		
	}


	/*---------------------------------------------------------------------------------------------------------------------------
	4.	Common
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	.clearer {
		height: 0 !important;
		overflow: hidden !important;
		display: block !important;
		clear: both !important;
	}
	
	li.clearer {
		height: 0 !important;
		overflow: hidden !important;
		display: block !important;
		float: none !important;
		clear: both !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 none !important;
	}
	
	strong {
		font-weight: bold;
	}
	
	em {
		font-style: italic;
	}
	
	#main {
		width: 940px;
		margin: 0 auto;
	}
		
		#header {
			background: transparent url(/images/common/headerBg.png) repeat-x left 32px;
			width: 940px;
			height: 155px;
			position: relative;
		}
			
			#header .heading {
				height: 32px;
				float: left;
				font-size: 18px;
				line-height: 32px;
				font-weight: bold;
			}
			
			#header .heading a {
					color: #444;
				}
				
					#header .heading a:hover {
						background-color: #444;
						color: #fff;
					}
					
			ul#langNav {
				float: right;
			}
				
				ul#langNav li {
					height: 32px;
					float: left;
					margin-right: -2px;
					padding-left: 3px;
					font-size: 10px;
					line-height: 12px;
					line-height: 38px;
					font-weight: bold;
				}
					
					ul#langNav li a {
						padding: 0 2px;
						line-height: normal;
						text-transform: uppercase;
						color: #888;
					}
						
						ul#langNav li a:hover {
							background-color: #888;
							color: #fff;
						}
				
				ul#langNav li.actual {
					
				}
					
					ul#langNav li.actual a {
						color: #ed1847;
					}
						
						ul#langNav li.actual a:hover {
							background-color: #ed1847;
							color: #fff;
						}
			
			ul#mainNav,
			ul.subNav {
				width: 940px;
				clear: both;
				border-top: 1px solid #333;
			}
			
			ul#mainNav {
				height: 26px;
				border: 0 none !important;
				height: 120px;
				position: absolute;
				top: 32px;
				left: 0;
				z-index: 30;
			}
			
			ul.subNav {
				height: 26px;
				position: absolute;
				top: 94px;
				left: 0;
				border-bottom: 1px solid #333;
				background-color: #fff;
			}
				
				ul#mainNav li {
					height: 18px;
					float: left;
					margin-left: -2px;
					padding: 5px 11px 6px 0;
					font-size: 14px;
					font-weight: bold;
				}
				
				ul#mainNav ul.subNav li {
					height: 17px;
					float: left;
					margin-left: -2px;
					padding: 4px 11px 6px 0;
					font-size: 14px;
					font-weight: bold;
				}
					
					ul#mainNav li a,
					ul.subNav li a {
						padding: 0 2px 1px;
						line-height: inherit;
						color: #333;
					}
						
						ul#mainNav li a:hover,
						ul.subNav li a:hover {
							background-color: #333;
							color: #fff;
						}
				
				ul#mainNav li.actual,
				ul.subNav li.actual {
					
				}
					
					ul#mainNav li.actual a {
						color: #ed1847;
					}
						
						ul#mainNav li.actual a:hover {
							background-color: #ed1847;
							color: #fff;
						}
							
							ul#mainNav li.actual li a {
								padding: 0 2px 1px;
								line-height: normal;
								color: #333;
							}
						
								ul#mainNav li.actual li a:hover {
									background-color: #333;
									color: #fff;
								}
								
								ul#mainNav li li.actual a {
									color: #ed1847;
								}
					
									ul#mainNav li li.actual a:hover {
										background-color: #ed1847;
										color: #fff;
									}
				
/* Rollover Behaivour */
				ul.subNav li {
					display: none;
				}
				
				ul#mainNav li.actual ul.subNav {
					z-index: 50;
				}
					
					ul#mainNav li.actual ul.subNav li {
						display: inline;
					}
				
				ul#mainNav li:hover {
					height: 94px !important;
				}
				
				ul#mainNav li:hover ul.subNav {
					z-index: 100;
				}
					
					ul#mainNav li:hover ul.subNav li {
						height: 17px;
						display: inline;
					}
					
					ul#mainNav li ul.subNav li:hover {
						height: 17px !important;
					}
				
				ul#mainNav li.actual:hover ul.subNav {
					z-index: 50;
				}
					
					ul#mainNav li.actual:hover ul.subNav li {
						display: inline;
					}
/* Eo Rollover Behaivour */
				
				#tagLine {
					width: 940px;
					height: 57px;
					position: absolute;
					top: 60px;
					padding: 5px 0;
					background: transparent no-repeat right center;
					display: block;
				}
					
					#tagLine a.logo {
						position: absolute;
						top: 5px;
						right: 0;
						z-index: 100;
						background: transparent;
					}
						
						#tagLine a.logo img {
							
						}
					
					#tagLine #tagLineCopy {
						
					}
		
		#content {
			width: 960px;
			float: left;
			position: relative;
			margin-left: -10px;
			padding: 10px 0;
		}
			
			.layoutStatic {
				width: 100%;
				float: left;
			}
				
				.layoutStatic .module1C {
					width: 940px;
					float: left;
					overflow: hidden;
					margin: 10px;
				}
			
			.layout4C {
				width: 100%;
				float: left;
			}
				
				.layout4C .module1C {
					width: 220px;
					float: left;
					overflow: hidden;
					margin: 10px;
				}
				
				.layout4C .module2C {
					width: 460px;
					float: left;
					overflow: hidden;
					margin: 10px;
				}
				
				.layout4C .module3C {
					width: 700px;
					float: left;
					overflow: hidden;
					margin: 10px;
				}
				
				.layout4C .moduleLong1C {
					width: 220px;
					height: 350px;
					float: left;
					overflow: hidden;
					margin: 10px;
				}
				
				.layout4C .moduleLong2C {
					width: 460px;
					height: 350px;
					float: left;
					overflow: hidden;
					margin: 10px;
				}
				
				.layout4C .moduleLong3C {
					width: 700px;
					height: 350px;
					float: left;
					overflow: hidden;
					margin: 10px;
				}
				
				.layout4C .moduleShort1C {
					width: 220px;
					height: 165px;
					float: left;
					overflow: hidden;
					margin: 10px;
				}
				
				.layout4C .moduleShort2C {
					width: 460px;
					height: 165px;
					float: left;
					overflow: hidden;
					margin: 10px;
				}
				
				.layout4C .moduleShort3C {
					width: 700px;
					height: 165px;
					float: left;
					overflow: hidden;
					margin: 10px;
				}
			
			.layout3C {
				width: 100%;
				float: left;
			}
				
				.layout3C .module1C {
					width: 300px;
					float: left;
					overflow: hidden;
					margin: 10px;
				}
				
				.layout3C .module2C {
					width: 620px;
					float: left;
					overflow: hidden;
					margin: 10px;
				}
				
				.layout3C .moduleLong1C {
					width: 300px;
					height: 350px;
					float: left;
					overflow: hidden;
					margin: 10px;
				}
				
				.layout3C .moduleLong2C {
					width: 620px;
					height: 350px;
					float: left;
					overflow: hidden;
					margin: 10px;
				}
				
				.layout3C .moduleShort1C {
					width: 300px;
					height: 620px;
					float: left;
					overflow: hidden;
					margin: 10px;
				}
				
				.layout3C .moduleShort2C {
					width: 620px;
					height: 165px;
					float: left;
					overflow: hidden;
					margin: 10px;
				}
			
			.layout2C {
				width: 100%;
				float: left;
					overflow: hidden;
			}
				
				.layout2C .module1C {
					width: 460px;
					float: left;
					overflow: hidden;
					margin: 10px;
				}
				
				.layout2C .moduleLong1C {
					width: 460px;
					height: 350px;
					float: left;
					overflow: hidden;
					margin: 10px;
				}
				
				.layout2C .moduleShort1C {
					width: 460px;
					height: 165px;
					float: left;
					overflow: hidden;
					margin: 10px;
				}
			
			.layout1C {
				width: 100%;
				float: left;
			}
				
				.layout1C .module1C {
					width: 940px;
					float: left;
					overflow: hidden;
					margin: 10px;
				}
				
				.layout1C .moduleLong1C {
					width: 940px;
					height: 350px;
					float: left;
					overflow: hidden;
					margin: 10px;
				}
				
				.layout1C .moduleShort1C {
					width: 940px;
					height: 165px;
					float: left;
					overflow: hidden;
					margin: 10px;
				}
			
			.layoutList {
				width: 100%;
				float: left;
			}
				
				.layoutList .moduleList {
					width: 280px;
					float: left;
					overflow: hidden;
					margin: 10px;
				}
				
				.layoutList .moduleGroup {
					float: left;
					width: 640px;
					margin: 10px;
				}
				
				.layoutList .moduleTitle {
					width: 620px;
					overflow: hidden;
				}
				
				.layoutList .moduleWide {
					width: 400px;
					float: left;
					overflow: hidden;
					margin: 0px 10px 0px 0px;
				}
				
				.layoutList .moduleNarrow {
					width: 220px;
					float: left;
					overflow: hidden;
					margin: 10px;
				}
			
			.layout1C h2,
			.layout2C h2,
			.layout3C h2,
			.layout4C h2,
			.layoutList h2 {
				padding-bottom: 2px;
				font-size: 18px;
				line-height: 20px;
				font-weight: bold;
			}
			
				.layout1C h2 small,
				.layout2C h2 small,
				.layout3C h2 small,
				.layout4C h2 small,
				.layoutList h2 small {
					display: block;
					font-size: 18px;
					line-height: 20px;
					font-weight: normal;
				}
			
			.layout1C p,
			.layout2C p,
			.layout3C p,
			.layout4C p,
			.layoutList p {
				padding-top: 8px;
				font-size: 12px;
				line-height: 14px;
				text-align: justify;
			}
		
		#footer {
			height: 12px;
			clear: both;
			padding: 7px 0;
			border-top: 1px solid #333;
			font-size: 10px;
			font-weight: bold;
		}
			
			#footer a {
				float: left;
				margin-left: -2px;
				padding: 0 2px;
				color: #ed1847;
			}
				
				#footer a:hover {
					background-color: #ed1847;
					color: #fff;
				}
				
				#footer a:active {
					
				}


	/*---------------------------------------------------------------------------------------------------------------------------
	5.	Events View
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	#main.main_eventsView {
		color: #444;
	}
		
		#main.main_eventsView .moduleList {
			
		}
			
			#main.main_eventsView .moduleList ul#nav {
				font-size: 18px;
				line-height: 20px;
				list-style: none;
			}
				
				#main.main_eventsView .moduleList ul#nav li {
					margin-bottom: 2px;
				}
				
				#main.main_eventsView .moduleList ul#nav a {
					padding: 0 1px;
					color: #888;
				}
				
				#main.main_eventsView .moduleList ul#nav a:hover {
					background-color: #888;
					color: #fff;
				}
				
				#main.main_eventsView .moduleList ul#nav a:active {
					
				}
				
				#main.main_eventsView .moduleList ul#nav li.actual a {
					font-weight: bold;
					color: #ed1847;
				}
				
				#main.main_eventsView .moduleList ul#nav li.actual a:hover {
					background-color: #ed1847;
					color: #fff;
				}
				
				#main.main_eventsView .moduleList ul#nav li.actual a:active {
					
				}
		
		#main.main_eventsView .moduleWide {
			
		}
			
			#main.main_eventsView .moduleWide #media {
				margin-top: 8px;
			}
		
		#main.main_eventsView .moduleNarrow {
			width: 230px;
			margin: 8px 0px;
		}
			
			#main.main_eventsView .moduleNarrow .mediaLink {
				float: left;
				clear: left;
				margin: -2px 5px 4px 3px;
				font-size: 14px;
				font-weight: bold;
			}
				
				#main.main_eventsView .moduleNarrow .mediaLink a {
					padding: 0 2px;
				}
			
			#main.main_eventsView .moduleNarrow #mediaSelector {
				width: 100%;
				float: left;
				margin-bottom: 15px;
			}
				
				#main.main_eventsView .moduleNarrow #mediaSelector a {
					display: inline;
					float: left;
					margin: 0px 0px 10px 10px;
				}
					
					#main.main_eventsView .moduleNarrow #mediaSelector a img {
						display: inline;
						float: left;
					}
			
			#main.main_eventsView .moduleNarrow #specs {
				width: 220px;
				float: left;
				margin-top: -20px;
				margin-left: 5px;
				padding: 0 5px;
				font-size: 18px;
				color: #333;
			}
				
				#main.main_eventsView .moduleNarrow #specs li strong {
					display: block;
					margin-top: 16px;
					font-weight: bold;
					color: #444;
				}
				
				#main.main_eventsView .moduleNarrow #specs li a {
					padding: 0 2px;
					font-size: 14px;
					color: #333;
				}
					
					#main.main_eventsView .moduleNarrow #specs li a:hover {
						background-color: #333;
						color: #fff;
					}
					
					#main.main_eventsView .moduleNarrow #specs li a:active {
						
					}
				
				#main.main_eventsView .moduleNarrow #specs li span.ageRange {
					width: 13px;
					height: 13px;
					display: inline-block;
					overflow: hidden;
					margin-right: 4px;
					vertical-align: 0;
					background: transparent url(/images/common/ageRangeMaskBg-trans.png) no-repeat left center;
				}


	/*---------------------------------------------------------------------------------------------------------------------------
	6.	Newsletter
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	#main.main_infoNewsletter {
		color: #444;
	}
		
		.layoutNL {
				width: 100%;
				float: left;
			}
				
				.layoutNL .moduleNarrow {
					width: 220px;
					float: left;
					overflow: hidden;
					margin: 10px;
				}
				
				.layoutNL .moduleWide {
					width: 340px;
					float: left;
					overflow: hidden;
					margin: 10px;
				}
			
			.layoutNL h2 {
				padding-bottom: 2px;
				font-size: 18px;
				line-height: 20px;
				font-weight: bold;
			}
			
				.layoutNL h2 small {
					display: block;
					font-size: 18px;
					line-height: 20px;
					font-weight: normal;
				}
			
			.layoutNL p {
				padding-top: 8px;
				font-size: 12px;
				line-height: 14px;
			}
			
			.layoutNL div.wideForm {
				width: 332px; /* Set this to .textField width - paddingLeft - paddingRight */
				float: left;
				padding-top: 8px;
				margin-bottom: 22px;
			}
				
				.layoutNL form .textField {
					width: 100%;
					height: 46px;
					position: relative;
					float: left;
					clear: left;
					padding-bottom: 6px;
				}
					
					.layoutNL form .textField label {
						float: left;
						clear: left;
						padding-bottom: 2px;
						font-size: 14px;
						color: #444;
					}
					
					.layoutNL form .textField input {
						width: 100%; /* Real width: 332px */
						height: 20px;
						float: left;
						clear: left;
						padding: 1px 4px 0;
						border: 0 none;
						background-color: #008cd2;
						font-size: 14px;
						line-height: 14px;
						color: #fff;
					}
					
					.layoutNL form .textField img {
						float: right;
						display: inline;
						margin: 2px -8px 0 0;
					}
					
					.layoutNL form .textField .error {
						position: absolute;
						top: 0;
						right: -8px;
						font-size: 11px;
						line-height: 20px;
						color: #f00;
					}
				
				.layoutNL form .select {
					width: 100%;
					height: 46px;
					position: relative;
					float: left;
					clear: left;
					padding-bottom: 6px;
				}
					
					.layoutNL form .select label {
						float: left;
						clear: left;
						padding-bottom: 2px;
						font-size: 14px;
						color: #444;
					}
					
					.layoutNL form .select select {
						width: 340px; /* Real width: 102% */
						height: 21px;
						float: left;
						clear: left;
						padding: 2px;
						border: 0 none;
						background-color: #008cd2;
						font-size: 14px;
						line-height: 14px;
						color: #fff;
					}
					
					.layoutNL form .select .error {
						position: absolute;
						top: 0;
						right: -8px;
						font-size: 11px;
						line-height: 20px;
						color: #f00;
					}
				
				.layoutNL form .dateSelectsForm {
					width: 105%;
					height: 46px;
					position: relative;
					float: left;
					clear: left;
					padding-bottom: 6px;
				}
					
					.layoutNL form .dateSelectsForm label {
						display: block;
						clear: left;
						padding-bottom: 2px;
						font-size: 14px;
						color: #444;
					}
					
					.layoutNL form .dateSelectsForm select {
						width: 108px; /* Real width: 102% */
						height: 21px;
						clear: left;
						display: inline-block;
						margin-right: 5px;
						padding: 2px;
						border: 0 none;
						background-color: #008cd2;
						font-size: 14px;
						line-height: 14px;
						color: #fff;
					}
					
					.layoutNL form .dateSelectsForm .error {
						position: absolute;
						top: 0;
						right: -8px;
						font-size: 11px;
						line-height: 20px;
						color: #f00;
					}
				
				.layoutNL form .checkbox {
					width: 100%;
					height: 46px;
					position: relative;
					float: left;
					clear: left;
					margin-top: 20px;
				}
					
					.layoutNL form .checkbox label {
						padding-left: 5px;
						color: #333;
					}
					
					.layoutNL form .checkbox input {
						float: left;
					}
					
					.layoutNL form .checkbox .error {
						position: absolute;
						top: -14px;
						right: -8px;
						font-size: 11px;
						color: #f00;
					}
				
				.layoutNL form .submits {
					width: 100%;
					height: 40px;
					float: left;
					clear: left;
					margin-bottom: -22px;
				}
					
					.layoutNL form .submits input {
						display: block;
						float: left;
						position: absolute;
						margin: 8px 0 0 -5px;
						padding: 0;
						background: transparent none;
						border: 0 none;
						cursor: pointer;
						font-size: 30px;
						font-weight: bold;
						color: #008cd2;
					}
						
						.layoutNL form .submits input:hover {
							background-color: #008cd2;
							color: #fff;
						}



	/*---------------------------------------------------------------------------------------------------------------------------
	7.	Novedades
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	#main.main_infoNovedades {
		
	}
		
		#main.main_infoNovedades ul.novedadesList {
			width: 100%;
			float: left;
			margin-top: 15px;
			padding-bottom: 1px;
			background: transparent url(/images/common/novedadesLiBg.png) repeat-x left bottom;
		}
			
			#main.main_infoNovedades ul.novedadesList li {
				width: 100%;
				float: left;
				padding-top: 1px;
				background: transparent url(/images/common/novedadesLiBg.png) repeat-x left top;
			}
				
				#main.main_infoNovedades ul.novedadesList li div.noLink	 {
					display: block;
					padding: 6px;
					color: #444;
				} 
				
				#main.main_infoNovedades ul.novedadesList li a {
					display: block;
					padding: 6px;
					color: #333;
				}
					
					#main.main_infoNovedades ul.novedadesList li a:visited {
						color: #444;
					}
					
					#main.main_infoNovedades ul.novedadesList li a:hover {
						background-color: #008cd2;
						color: #fff;
					}
					
					#main.main_infoNovedades ul.novedadesList li h3 {
						padding-bottom: 2px;
						font-size: 12px;
						line-height: 13px;
						font-weight: bold;
					}
					
					#main.main_infoNovedades ul.novedadesList li p {
						padding: 0;
						text-align: left;
					}
		
		#main.main_infoNovedades .novedadesNav {
			float: left;
			clear: left;
			margin-top: 7px;
			font-size: 14px;
		}
			
			#main.main_infoNovedades .novedadesNav a {
				padding: 0 2px;
				color: #333;
			}
				
				#main.main_infoNovedades .novedadesNav a:hover {
					background-color: #333;
					color: #fff;
				}
				
				#main.main_infoNovedades .novedadesNav a:active {
					
				}