html * {
	margin:				0;
	padding: 			0;
	border: 			0;
	text-indent: 		0;
	border:				none;
}

html {
	height: 			100%;
}
	
ul {
	list-style: 		none;
}

a {
	outline: 			none;
	text-decoration: 	none;
}

a.link {
	text-decoration: 	none;
	color:				#e53342;
	display:			block;
	text-align:			center;
	margin: 			auto;
	margin-top: 		55px;
}

a.link:hover {
	color:				#7c7779;
}

h2 {
	height: 			38px;
	line-height:		38px;
	position: 			absolute;
	right: 				30px;
	left:				20px;
	top:				28px;
	width: 				490px;
	color:				#7c7779;
	font-size: 			1.5em;
	overflow: 			hidden;
}

body {
	color: 				#000; 
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			76%;
	height: 			100%;
	background: 		url("images/background.gif") no-repeat center top;
}


#video {
	position: 			absolute;
	bottom: 			-1px;
	left:				1px;
}


.wrapper {
	width: 				927px;
	margin: 			auto;
	position: 			relative;
}

.text {
	color:				#666666;
	font-size: 			.9em;
}

#header {
	height: 			171px;
	width: 				100%;
	min-width:			927px;
	z-index: 			10;
	background: 		url("images/backgroundMenu.png") repeat-x bottom;
	position: 			absolute;
	top:				0;
	left: 				0;
}

#lang {
	position: 			absolute;
	right: 				55px;
	bottom:				50px;
	list-style: 		none;
	font-size: 			.8em;
	
}

#lang a {
	text-decoration: 	none;
	color: 				black;
}

#lang a:hover, #lang li.selected a {
	color:				#e53642;
}

#lang li {
	float: 				left;
	margin-right: 		4px;
	height: 			10px;
	line-height: 		9px;
}

#lang li.firstChild {
	border-right: 		1px solid black;
	padding-right: 		4px;
}

#logo {
	display:			block;
	width: 				280px;
	height: 			122px;
	background: 		url("images/logo.gif") no-repeat;
}

#mainContent {
	width: 				927px;
	height: 			553px;
	margin: 			auto;
	padding-top: 		220px;
}

#layoutContent {
	height: 			429px;
	position: 			relative;
	width: 				834px;
	margin: 			auto;
}

.home #layoutContent {
	width: 				auto;
}

#footer {
	width:				100%;
	height: 			27px;
	background: 		black;
	position: 			absolute;
	top:				830px;
	left:				0;
	margin-top: 		-27px;
	min-width: 			927px;
	font-size: 			1.1em;
}

#footer .wrapper {
	width: 				900px;
	height:				27px;
	margin: 			auto;
	position: 			relative;
}

#footer address {
	color:				white;
	position: 			absolute;
	right: 				0;
	line-height: 		27px;
	height: 			27px;
	font-style: 		normal;
	font-weight: 		bold;
}

#aviso {
	height: 			27px;
	line-height: 		27px;
	position: 			absolute;
	top:				0px;
	left: 				0px;
	color:				#888585;
	font-weight: 		bold;
}

#aviso span {
	display: 			block;
	float: 				left;
	padding-right: 		15px;
	margin-right: 		15px;
	border-right: 		2px solid #888585;
}

#aviso a {
	color:				#888585;
	float: 				left;
}

#footer address a {
	color:				white;
	text-decoration: 	none;
	margin-right: 		20px;
}

#footerLogos {
	width: 				927px;
	height: 			118px;
	/*background: 		url("images/footerLogos.png") no-repeat center;*/
	position: 			absolute;
	top:				830px;
	margin-top: 		-145px;
}

#footerLogos ul {
	width: 				90%;
	height: 			80px;
	margin:				auto;
	padding: 			10px;
	overflow: 			hidden;
}

#footerLogos ul li {
	width: 				150px;
	height: 			100px;
	float: 				left;
	margin-right: 		20px;
	position: 			relative;
}

#footerLogos ul li img {
	position: 			absolute;
	bottom: 			0px;
	left:				0;
}

#footerLogos ul li.lastChild {
	margin: 			0;
}

#superWrapper {
	background: 		url("images/background.gif") no-repeat center top;
	width: 				927px;
	margin: 			auto;
}

#mainWrapper {
	margin: 			auto;
	position: 			relative;
}

#menuContainer {
	height: 			49px;
}

#menuContainer ul li {
	height: 			49px;
	line-height: 		49px;
	float: 				left;
	padding: 			0px 20px 0px 20px;
	border-right: 		1px solid white;
}



#menuContainer ul {
	height:				49px;
	width: 				812px;
	margin: 			auto;
	list-style: 		none;
	border-left: 		1px solid white;
}

#contentRight {
	width: 				603px;
	height: 			427px;
	position:			absolute;
	right:				0px;
	top:				0;
	background: 		url("images/bgGeneral.png") no-repeat;
}

.home #contentRight {
	background: 		none;
}

#contentLeft {
	width: 				200px;
	height: 			425px;
	background: 		url("images/bgActualidadLeftColumn.png") no-repeat;
	position: 			relative;
}

.points #contentLeft {
	height:					auto;
	min-height:				210px;
	padding-bottom:			64px;
 	background: 			url("images/bgCities.png") no-repeat;
	position: 				relative;
}

.home #contentLeft {
	width: 				487px;
	height: 			426px;
	background: 		url("images/flashMovieBG.png") no-repeat;
}

.home #contentRight .top {
	width: 				410px;
	height: 			212px;
	background: 		url("images/bgFilosofia.png") no-repeat;
	position: 			relative;
}


.home #contentRight .bottom {
	width: 				410px;
	height: 			212px;
	background: 		url("images/bgActualidad.png") no-repeat;
	position: 			relative;
}

.home #contentRight {
	width: 				408px;
	right:				0;
}

.home #contentRight .bottom ul {
	padding-top: 		26px;	
}

.home #contentRight .bottom ul li{
	width: 				385px;
	height: 			82px;
	padding: 			10px 10px 0px 10px;
	position: 			relative;
}

.home #contentRight .bottom ul li span, #news li span.date  {
	color:				#e53342;
	font-weight: 		bold;
	font-size: 			1.1em;	
}

span.date {
	color:				#e53342;
}

.home #contentRight .bottom ul li h2 {
	font-weight: 		bold;
	font-size: 			1.1em;
	position: 			absolute;
	top:				10px;
	left:				80px;
	height: 			18px;
	overflow: 			hidden;
	line-height: 		15px;
	width: 				320px;
}

.home #contentRight .bottom ul li h2 a {
	color:				#5a5454;
	text-decoration: 	none;
}

.home #contentRight .bottom ul a.info {
	display: 			block;
	padding:			3px 0px 0px 15px;
	width: 				40px;
	height: 			22px;
	line-height:		25px;
	position: 			absolute;
	bottom: 			0;
	right: 				0;
	color:				#E53642;
	text-decoration: 	none;
}

.home #contentRight .bottom ul li .text {
	padding: 			5px 5px 5px 0;
}


h1.header span {
	display: 			none;
}

h1.header {
	position:			absolute;
	width: 				115px;
	height: 			20px;
	top:				6px;
	right: 				7px;
	left:				auto;
	background-image:	url("images/spriteTitles_es.png");
	background-repeat: 	no-repeat;
}

.en h1 {
	background-image:	url("images/spriteTitles_en.png");
	background-repeat: 	no-repeat;
}

.en .home .top h1 {
	width: 				105px;
}

.advertise #contentRight h1, .actuality #contentRight h1  {
	width: 					95px;
	background-position: 	-380px 0px;
}

.advertise #contentLeft h1 {
	width: 					75px;
	background-position: 	-471px 0px;
}

.en .advertise #contentLeft h1 {
	width: 					68px;
	background-position: 	-145px 0px;
}



.home #contentRight .bottom h1 {
	width: 					80px;
	background-position: 	-110px 0px;
}

.en .home #contentRight .bottom h1 {
	width: 					45px;
	background-position: 	-101px 0px;
}


.home #contentRight .top #contentTop {
	padding: 			10px;
	padding-top: 		40px;
}

.home #contentRight .top #scroller {
	position: 			relative;
	overflow: 			auto;
	height: 			140px;
	width: 				370px;
}

.home #contentRight .top #scroller .text {
	position: 			absolute;
	top:				0;
	left:				0;
}

.home #contentRight .top {
	position: 			relative;
}

.home #contentRight .top .arrows {
	position: 			absolute;
	bottom:				20px;
	right: 				10px;
}

.actuality #contentLeft .arrows {
	position: 			absolute;
	left:				169px;
	top:				376px;
}

.arrows a {
	display: 			block;
	width: 				10px;
	height: 			6px;
	overflow:			hidden;
	background-image:	url("images/arrows.gif");
	background-repeat: 	no-repeat;
}

.actuality #contentLeft h1.header {
	width:					150px;
	background-position:	-545px 0px; 	
}

.en .actuality #contentLeft h1.header {
	width:					120px;
	background-position:	-210px 0px; 	
}

.en .actuality #contentRight h1.header, .en .advertise #contentRight h1.header  {
	width:					100px;
	background-position:	-330px 0px; 	
} 

.en .points #contentRight h1.header {
	width: 				125px;
	background-position:	-425px 0px; 	
}

.en .points #contentLeft h1.header {
	width: 				40px;
	background-position:	-550px 0px; 	
}


.arrows .arrowDown {
	margin-top:				7px;
	background-position: 0px -6px;
}

.points #contentLeft h1 {
	width:					65px;
	background-position:	-190px 0px; 	
}

.points #contentRight h1 {
	width:					125px;
	background-position:	-255px 0px; 	
}

#new {
	width: 				580px;
	height: 			385px;
	padding: 			29px 10px 10px 10px;
}

#news li {
	height: 			32px;
	background: 		#ececed;
	margin-bottom: 		4px;
	padding: 			9px;
}

#news li.selected a span{
	color:				white;
}

#news li.selected {
	background: 		#de3340;
}

#new ul.slideshow {
	position: 			absolute;
	top:				85px;
	left: 				10px;
}

#point ul.slideshow {
	position: 			absolute;
	top:				0px;
	left:				10px;
}


#point ul.slideshow li, #new ul.slideshow li {
	position: 			absolute;	
	top:				0;
	left: 				0;
}



#new .scroll {
	width: 				303px;
	height: 			324px;
	position: 			absolute;
	top:				85px;
	right: 				10px;
	overflow: 			auto;
}


#new h2 {
	left: 				100px;
	font-size: 			1.2em;
	line-height: 		34px;
	width: 				450px;
	overflow: 			hidden;
}

#new .date {
	font-size: 			1.2em;
	font-weight: 		bold;
	position: 			absolute;
	left:				10px;
	top:				35px;
}

#new .scroll .text {
	padding-right: 		20px;
}

#new .arrows {
	position: 			absolute;
	bottom: 			20px;
	right: 				15px;
}

.next {
	position:		absolute;
	right: 			20px;
	top:			44px;
	display: 		block;
	width: 			5px;
	height: 		10px;
	background: 	url("images/nextArrow.gif") no-repeat;
}

.next span {
	display: 		none;
}

#newsContainer {
	padding-top: 	41px;
}

.actuality #contentLeft .scroll, .advertise #contentLeft .scroll {
	height: 		320px;
	overflow: 		auto;
}


.advertise #contentLeft .scroll {
	padding: 		0 5px 0 5px;
	height: 		300px;
}

.advertise #contentLeft {
	position: 		relative;
}

.advertise #contentLeft .arrows {
	position: 		absolute;
	bottom: 		45px;
	right: 			10px;
}

#news li a {
	display: 			block;
	height: 			32px;
	line-height: 		32px;
	text-decoration: 	none;
	overflow: 			hidden;
}

#news li span {
	margin-right:		10px;
	color:				black;
	font-size: 			1.1em; 
}

#form {
	position: 			absolute;
	width: 				520px;
	height: 			279px;
	top:				105px;
	left:				27px;
	background: 		#f1f3f2;
	padding: 			10px;
	background: 		url("images/formBack.png") no-repeat;
	overflow: 			hidden;
}

#form ul.slideshow {
	position: 			absolute;
	left: 				288px;
	top:				0;
	display: 			block;
}

#form .buttonsSlideShow {
	position: 			absolute;
	z-index: 			100;
	left:				490px;
	bottom: 			10px;
}

#form ul.slideshow li {
	position: 			absolute;
	top:				0;
	left: 				0;
}

#form .contenedor {
	padding: 			5px;
	clear: 				both;
	background: 		white;
	height: 			12px;
	margin-bottom: 		4px;
	overflow: 			hidden;
	position: 			relative;
}

#form form {
	width: 				270px;
	position: 			relative;
	
}


#form label {
	display:		block;
	float:			left;
	margin-right: 	8px;
	width: 			50px;
	color:			#666666;
	font-size: 		.9em;
	font-weight: 	bold;
	line-height: 	12px;
} 


#form .contenedor input {
	display:		block;
	width: 			200px;
	position: 		absolute;
	right: 			5px;
	top:			4px;
	
}

input, textarea {
	color:			#666666;
}

.CampoTextArea {
	height: 		167px !important;
	margin-bottom: 	0 !important;
}

.CampoTextArea label {
	float: 				none;
}

#form textarea {
	width: 				100%;
	height: 			155px;
		
}

#form input.submit{
	background: 		none;
	width: 				auto;
	color:				#c63441;
	position: 			absolute;
	right: 				5px;
	bottom: 			5px;
	font-weight: 		bold;
	font-size: 			.9em;
	cursor: 			pointer;
}


.loader {
	width: 				66px;
	height: 			66px;
	background: 		url("images/loader.gif") no-repeat;
	position: 			absolute;
	top:				400px;
	left:				450px;
}
.points #contentLeft .scroll{
	position: 			relative;
	top:				29px;
	height:				auto !important;
	height:				200px;
	max-height:			323px;
	margin-bottom: 		40px;
	overflow: 			hidden;
}

.points #contentLeft .arrows {
	position: 			absolute;
	bottom: 			50px;
	right: 				5px;
}


#cities {
	min-height:				210px;	
	background: 			url("images/bgCitiesList.gif");
}


#cities li {
	text-align: 		right;
	height: 			28px;
	line-height: 		28px;
	border-bottom: 		1px solid #e3e4e5;
}

#cities a {
	display:			block;
	color:				#ADACAD;
	text-decoration: 	none;
	padding-right: 		15px;
	font-size: 			1.2em;
}

#cities li.selected a {
	background: 		#de3340;
	color:				white;
}


#points a:hover {
	color:				#e53642;
}

#points a {
	display:			block;
	color:				#ADACAD;
	text-decoration: 	none;
	font-size: 			1.2em;
}

#points li {
	border-bottom: 		1px solid #e3e4e5;
	float: 				left;
	width: 				280px;
	margin-right: 		8px;
	margin-bottom: 		6px;
}

#points li.lastPoint {
	border: 			none;
	float: 				none;
	clear: 				both;
	margin: 			0;
	width: 				auto;
	height: 			1px;
}

.points #scrollPoints {
	position: 			absolute;
	width: 				580px;
	height:				340px;
	top:				80px;
	left:				10px;
}

#point {
	position: 			absolute;
	width: 				580px;
	height:				340px;
	top:				80px;
	left:				10px;
}

#pointRight {
	width: 				290px;
	height:				340px;
	position: 			absolute;
	top:				0px;
	right: 				0px;
	
}

#pointRight address {
	height: 			120px;
	border-bottom: 		1px solid #f7e6df;
	text-align: 		right;
	overflow: 			hidden;
	font-style: 		normal;
	color:				#ADACAD;
	font-size: 			1.1em;
	position: 			absolute;
	right: 				15px;
	top:				0;
	width: 				270px;
}

#pointRight address span {
	display: 			block;
}

#pointRight address a {
	color:				#ADACAD;
	display: 			block;
}

.points #pointRight .scroll {
	height: 			190px;
	overflow: 			auto;
	width: 				260px;
	position: 			absolute;
	bottom: 			10px;
	right: 				25px;
}

.points .arrows {
	position: 			absolute;
	bottom:				10px;
	right: 				10px;
}

.points h2 span {
	padding-left: 		10px;
	background: 		url("images/grayArrow.png") no-repeat left center;
}

#pointRight .arrows {
	bottom:				5px;
	right: 				5px;
}


legend, .tituloFormulario, form#search label{
	display: 			none;
} 

form#search {
	background: 		url("images/searchBackground.png") no-repeat;
	width: 				100%;
	height: 			75px;
	position: 			absolute;
	bottom: 			0px;
	left:				0px;
}

form#search .CampoTexto input {
	position: 			absolute;
	width:				140px;
	bottom:				11px;
	left:				15px;
}

form#search input.submit {
	height: 			20px;
	width: 				20px;
	position: 			absolute;
	right: 				16px;
	bottom: 			10px;
	background: 		transparent;
	cursor: 			pointer;
}

.buttonsSlideShow {
	width:				40px;
	height:				16px;
	background: 		white;
	position: 			absolute;
	bottom: 			20px;
	left:				220px;
	z-index: 			100;
	display: 			none;
}	

.buttonsSlideShow a {
	display: 			block;
	width: 				5px;
	height: 			10px;
	background: 		red;
	float: 				left;
	margin-right: 		10px;
	position: 			absolute;
	top:				3px;
	left:				7px;
}

a.nextButton {
	left:				27px;
	background: 		url("images/nextArrow.gif") no-repeat;
}

a.prevButton {
	background: 		url("images/prevArrow.gif") no-repeat;
}

#contacto label.campoError {
	color:				#DE3340;
}

#contacto p {
	position: 			absolute;
	width: 				220px;
	top:				140px;
	left:				30px;
}

/* Navigation */


#menuContainer a {
	display: 			block;
	width:				100px;
	height:				15px;			
	background-image:  	url("images/spriteMenu_es2.png");
	background-repeat: 	no-repeat;
	margin-top: 		19px;
	background-position: 0 -1px;
}

#ocioLink:hover, .home #ocioLink {
	background-position: 0 -16px;
}

a#pointsLink {
	width:					155px;
	background-position: 	-125px -1px; 	
}

a#pointsLink:hover, .points #pointsLink {
	background-position: 	-125px -16px; 	
}

a#advertiseLink  {
	width: 					90px;
	background-position: 	-312px -1px;
}

a#advertiseLink:hover, .advertise #advertiseLink {
	background-position: 	-312px -16px;
}

a#actualityLink {
	width: 					100px;
	background-position: 	-430px -1px;
}

a#actualityLink:hover, .actuality #actualityLink {
	background-position: 	-430px -16px;
}



body.en #menuContainer a {
	height:				15px;
	background-image:  	url("images/spriteMenu_en2.png");
	background-repeat: 	no-repeat;
}

body.en #ocioLink {
	background-position: 0px -3px;
}

body.en #ocioLink:hover, body.en .home #ocioLink {
	background-position: 0px -19px;
}

body.en a#pointsLink {
	width:					130px;
	background-position: 	-140px -3px; 	
}

body.en a#pointsLink:hover, body.en .points #pointsLink {
	background-position: 	-140px -19px; 	
}

body.en a#advertiseLink  {
	width: 					100px;
	background-position: 	-310px -3px;
}

body.en a#advertiseLink:hover, body.en .advertise #advertiseLink {
	background-position: 	-310px -19px;
}

body.en a#actualityLink {
	width: 					80px;
	background-position: 	-440px -3px;
}

body.en a#actualityLink:hover, body.en .actuality #actualityLink {
	background-position: 	-440px -19px;
}

#menuContainer ul li a span {
	display: 			none;
}

.home #ocioLink,
.points #pointsLink,
.advertise #advertiseLink,
.actuality #actualityLink
{
	text-decoration: none;
	color:			white;
}

.text h1 {
	background: 		none;
}

.text ul {
	list-style: 		circle;
	padding-left: 		20px;
}

.text ol {
	list-style: 		decimal !important;
	padding-left: 		20px;
}

#headBanner {
	width: 				250px;
	height: 			45px;
	position: 			absolute;
	right: 				0px;
	top:				125px;
	z-index: 			200;
}

#gmapsLink {
	display: 			block;
	text-align: 		center;
	width:				100%;
	position: 			absolute;
	bottom:				-20px;
}
