/* COMUNES -----------------------------------------------------------------------------*/

	.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
	.clearfix {display:inline-block;}
	/* Hides from IE-mac \*/ * html .clearfix {display:block;} /* End hide from IE-mac */

	p
	{
		font-size : 13px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		line-height: 18px;
		color: #333333;
		font-weight: lighter;
		padding: 2px 5px 2px 5px;
	}

	h1
	{
		color: #990000;
		font-size : 14px;
		font-family: Verdana,  Arial, Geneva, Helvetica, sans-serif;
		text-decoration: none;
		font-weight: bolder;
	}

	.marron{
		color: #6e3931;
	}

	h2
	{
		color: #ffffff;
		font-size : 12px;
		font-family: Verdana, Arial,  Geneva, Helvetica, sans-serif;
		text-decoration: none;
		font-weight: bolder;
	}

	h3
	{
		color: #ffffff;
		font-size : 12px;
		font-family: Verdana, Arial,  Geneva, Helvetica, sans-serif;
		text-decoration: none;
		background-color: #006699;
		font-weight: bolder;
	}

	.titulos
	{
		color: #ffffff;
		font-size : 12px;
		font-family: Verdana, Arial,  Geneva, Helvetica, sans-serif;
		text-decoration: none;
		background-color: #006699;
		font-weight: bolder;
		width: 340px;
		margin-bottom: 5px;
	}

	/* BODY -----------------------------------------------------------------------------*/

	body
	{
		background: url(imagenes/fondoinicio.gif) repeat-x;
		background-color:#FFFFFF;
		text-align: center;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #333333;
		margin: 0px auto 0px auto;
		width: 100%;
	}

	#contenedorweb
	{
		width: 900px;
		height: 800px;
		text-align: center;
		margin: 0px auto 0px auto;
		padding: 0px;
		position: relative;
	}

	/* CABECERO---------------------------------------------------------------------------- */

	#cabecero {
		width: 570px;
		height: 123px;
		position: absolute;
		top: 0px;
		left: 78px;
	}

	#imgsup {
		position: absolute;
		width: 252px;
		height: 229px;
		top: 0px;
		left: 648px;
	}

	/* ANIMACIONES ------------------------------------------------ */

	#animacion1
	{
		position: absolute;
		width: 168px;
		height: 476px;
		top: 130px;
		left: 78px;
		background-color: #FFFFFF;
		padding: 0px;
		margin: 0px;
		text-align: center;
		display: block;
	}

	#animacion2 {
		position: absolute;
		width: 168px;
		height: 476px;
		top: 130px;
		left: 278px;
		background-color: #FFFFFF;
		padding: 0px 0px 0px 0px;
	}

	#animacion3 {
		position: absolute;
		width: 168px;
		height: 476px;
		top: 130px;
		left: 478px;
		background-color: #FFFFFF;
		padding: 0px 0px 0px 0px;
	}

	/* TXT INTRO DRCHA HOME -------------------------------------------------------------------------- */

	#txtintro {
		position: absolute;
		top: 260px;
		left: 670px;
	}

	/* TXT ENTRAR HOME ------------------------------------------------ */

	#txtentrar {
		position: absolute;
		top: 530px;
		left: 670px;
	}


	/* FONDO TEXTO HOME ----------------------------------------- */

	#xsnazzy {background:transparent; margin:1em; width:200px;}

	#xsnazzy h1 {text-align: center; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: lighter; text-decoration: none; color: #1B5776; margin: 0px auto 0px auto;}
	.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
	.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
	.xb1, .xb2, .xb3 {height:1px;}
	.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #fff; border-right:1px solid #fff;}
	.xb1 {margin:0 5px; background:#fff;}
	.xb2 {margin:0 3px; border-width:0 2px;}
	.xb3 {margin:0 2px;}
	.xb4 {height:2px; margin:0 1px;}
	.xboxcontent {display:block; background:#fff; border:0 solid #fff; border-width:0 1px; padding: 5px;}
	.xboxcontent p {text-align: center; font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #0066cc; margin: 0px auto 0px auto;}

	/* PIE Y BANDERAS ------------------------------------------------ */

	#direccion
	{
		position: absolute;
		width: 602px;
		height: 28px;
		top: 613px;
		left: 60px;
		font-family: Arial;
		font-size: 13px;
		color: #999966;
		font-weight: bolder;
	}

	#espana
	{
		position: absolute;
		width: 35px;
		height: 28px;
		top: 613px;
		left: 662px;
		background: url(banderas/espana.gif) no-repeat;
	}

	#reinounido
	{
		position: absolute;
		width: 35px;
		height: 28px;
		top: 613px;
		left: 700px;
		background: url(banderas/reinounido.gif) no-repeat;
	}

	#alemania
	{
		position: absolute;
		width: 35px;
		height: 28px;
		top: 613px;
		left: 738px;
		background: url(banderas/alemania.gif) no-repeat;
	}

	#francia
	{
		position: absolute;
		width: 35px;
		height: 28px;
		top: 613px;
		left: 776px;
		background: url(banderas/francia.gif) no-repeat;
	}

	#italia
	{
		position: absolute;
		width: 35px;
		height: 28px;
		top: 613px;
		left: 814px;
		background: url(banderas/italia.gif) no-repeat;
	}

	#holanda
	{
		position: absolute;
		width: 35px;
		height: 28px;
		top: 613px;
		left: 852px;
		background: url(banderas/holanda.gif) no-repeat;
	}


	/* SECCIONES INTERNAS ------------------------------------------
	-----------------------------------------
	---------------------------------------------------------------------------- */

	/* CABECERO INTERNAS--------------------------- */
	#cabeceroini {
		width: 526px;
		height: 122px;
		position: absolute;
		top: 0px;
		left: 0px;
	}


	/* BOTONERA --------------------------- */



	#botonera{
		margin: 0px;
		padding-top: 3px;
		padding-left: 0px;
		position: absolute;
		top: 123px;
		left: 40px;
		width: 526px;
		height: 40px;
		background: url(botones/basebotones.gif);
		font: bold 13px "Tahoma", Arial, Helvetica, sans-serif;;
		display: block;
		list-style: none inside;

	}
		/*border:1px dotted #f00;*/
	#botonera li
	{
		display: -moz-inline-block;display:inline;height: 40px;
	}


	#botonera li a{
		float:left;
		margin:0px;
		text-decoration: none;
		color: #ffffff;
		padding: 8px 7px; /*padding of tabs*/
		background: transparent url(botones/pinkbg.gif) top right no-repeat;
		border-bottom: 1px solid #2D677A;}

	#botonera li a#leftmostitem{ /*Extra CSS for left most menu item*/
		border-left: 1px solid #2DBECC; /*left border style*/
		margin-left: 4px;
	}
	#botonera li a:visited{
		color: #ffffff;
	}

	#botonera li a:hover{
		color: #ffffff;
		background-image: url(botones/pinkbgover.gif); /*background image swap on hover*/
	}

	/* FOTOS CABECEROS  ------------------------------------------------ */
	#imgcabecero
	{
		position: absolute;
		top: 0px;
		left: 566px;
	}


	/* FONDO TEXTO GR ------------------------------------------------ */

	#fondotxt {
		position: absolute;
		width: 516px;
		height: 570px;
		top: 160px;
		left: 40px;
		background: #ffffff url(imagenes/fondotxt.gif) repeat;
		padding: 2px 5px 2px 5px;
	}

	#fondotxt2 {
		position: absolute;
		width: 516px;
		height: 570px;
		top: 160px;
		left: 40px;
		background: #ffffff url(imagenes/fondotxt3.gif) repeat;
		padding: 2px 5px 2px 5px;
	}

	#fondotxt3 {
		position: absolute;
		width: 516px;
		height: 570px;
		top: 160px;
		left: 40px;
		background: #ffffff url(imagenes/fondotxt2.gif) repeat-x;
		padding: 2px 5px 2px 5px;
	}

	#fondotxt4 {
		position: absolute;
		width: 516px;
		height: 570px;
		top: 160px;
		left: 40px;
		background: #ffffff url(imagenes/fondotxt4.gif) repeat-x;
		padding: 2px 5px 2px 5px;
	}

	#fondotxt5 {
		position: absolute;
		width: 516px;
		height: 570px;
		top: 160px;
		left: 40px;
		background: #ffffff url(imagenes/fondotxt5.gif) repeat-x;
		padding: 2px 5px 2px 5px;
	}

	#fondotxt6 {
		position: absolute;
		width: 516px;
		height: 570px;
		top: 160px;
		left: 40px;
		background: #ECF2F0 url(imagenes/trama2.gif) repeat;
		padding: 2px 5px 2px 5px;
	}

	#fondotxt7 {
		position: absolute;
		width: 516px;
		height: 570px;
		top: 160px;
		left: 40px;
		background: #fdf1d5 url(imagenes/trama2.gif) repeat;
		padding: 2px 5px 2px 5px;
	}



	/* FONDO MAPA LOCALIZACION ------------------------------------------------ */

	.fondomapa {
		width: 435px;
		height: 370px;
		background-color: #6e3931;
		padding: 10px 5px 15px 5px;
		margin: 0px auto;
	}

	/* FONDO MAPAS PEQUES -------------------------------------------------------- */
	#gallerymapa {
		padding: 0px;
		width: 281px;
		height: 430px;
		text-align: center;
		background-color: #ffffff;
		position: absolute;
		top: 291px;
		left: 615px;
	}



	/* MINI CABECERO FOTOS INICIO  --------------------------------------------- */
	#basefotos-inicio
	{
		position: absolute;
		width: 35px;
		height: 28px;
		top: 252px;
		left: 605px;
	}


	/* FOTOS DRCHA SECCIONES  ------------------------------------------------ */

	#fotoscat1 {
		position: absolute;
		top: 260px;
		left: 580px;
	}



	/* Estilo Galerias de fotos dinamicas -------------------------------------------------------- */
	#gallery {}


	#gallery2 {	display: none;}
	.galeria
	{
		background-color: #FFFFFF;
		padding: 0px;
		width: 282px;
		position: absolute;
		top: 291px;
		left: 614px;
		height: 410px;
		min-height: 410px;
		text-align:center;
	}
	.galeria ul {
		diplay:block;
		width: 277px;
		list-style: none;
		background-color: #FFFFFF;
		padding:5px 0px 5px 3px;
		margin:0px auto;
		height: 375px;
		min-height: 375px;
	}

	.galeria ul li {
		float:left;
		text-align:center;
		display: block;
		margin: 0px;
		padding: 5px 0px 0px 0px;
		width: 135px;
	}

		.galeria ul li a,.galeria ul li a:visited
	{
		display: block;
		margin: 0px auto;
		padding:0px;
		zoom: 1.0;
		width:115px;
		height:70px;
		min-height: 70px;
		border: 5px solid #2D677A;
	}
		.galeria ul a:hover
	{
		border: 5px solid #660000;
		color: #fff;
	}
	/* fin emulación para firefox */
	.galeria ul img {
		display: inline;
		/*display:-moz-inline-box;*/
		border: none;
		width:115px;
		height:70px;
	}
		.galeria ul a:hover img
	{
		color: #fff;
	}



	/* Fin Estilo Galerias de fotos dinamicas  */


	/* PIE Y BANDERAS SECCIONES ------------------------------------------------ */

	#direccion2
	{
		position: absolute;
		top: 740px;left: 95px;
		font-family: Arial;
		font-size: 13px;
		color: #999966;
		font-weight: bolder;
		text-align: center;
		width: 450px;
		height: 28px;
	}

	#espana2
	{
		position: absolute;
		width: 35px;
		height: 28px;
		top: 740px;
		left: 662px;

	}

	#reinounido2
	{
		position: absolute;
		width: 35px;
		height: 28px;
		top: 740px;
		left: 700px;

	}

	#alemania2
	{
		position: absolute;
		width: 35px;
		height: 28px;
		top: 740px;
		left: 738px;

	}

	#francia2
	{
		position: absolute;
		width: 35px;
		height: 28px;
		top: 740px;
		left: 776px;

	}

	#italia2
	{
		position: absolute;
		width: 35px;
		height: 28px;
		top: 740px;
		left: 814px;

	}

	#holanda2
	{
		position: absolute;
		width: 35px;
		height: 28px;
		top: 740px;
		left: 852px;

	}



	/* TABLA DE TARIFAS -----------------------------------
	-------------------------------------------
	--------------------------------------------------------------- */

	/* Novedades y ofertas ------------------ */
	#gallerytarifas {
		padding: 0px;
		width: 281px;
		height: 430px;
		text-align: center;
		background-color: #ffffff;
		position: absolute;
		top: 291px;
		left: 615px;
	}

	#fondotxt table		{
		width: 500px;
		margin: 0;
		padding: 0;
		font: bolder 11px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
		line-height: 1.4em;
		border-spacing: 2px;
		color: #333333;
		empty-cells:hide;

		/*table-layout: fixed;border-collapse: collapse;color: #4F6480;background: #ffffff;*/
	}

	#fondotxt caption		{
		border-spacing: 4px;
		width: 500px;
		font: bolder 13px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
		line-height: 1.4em;
		color: #530000;
		background: url(imagenes/trama.gif) repeat;
	}
	#fondotxt thead,#fondotxt tfoot  {
		text-align: center;
	}
	#fondotxt td ,#fondotxt th{
	/*azul claro*/
		border: 1px solid #003300;
		background: #b8dfe9;
		text-align: center;
		width: auto;
		height: 13px;
		padding: 4px 0px 4px 0px;

	}
	#fondotxt table.tcamping th {width:160px;}

	#fondotxt th,#fondotxt tfoot td  {width: auto;}

	#fondotxt tbody th
	{
		border: 1px solid #003300;
		background: #8acad9;
		width: auto;
		height: 13px;
		font: bolder 11px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
		color: #333333;
		padding: 4px 0px 4px 0px;
	}
	#fondotxt thead th
	{
		border: 1px solid #003300;
		background: #e5b19f;
		width: auto;
		height: 13px;
		font: bolder 11px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
		color: #333333;
		padding: 4px 0px 4px 0px;
	}
	#fondotxt tbody th.extendida
	{
		width: 90px;
	}
	.vacio
	{
		border:none;
		background:transparent;
	}

	.fondooferta
	{
		float: left;
		border: 1px solid #003300;
		background: #ffeaea;
		font: normal 10px "Verdana", Arial, Trebuchet MS, Helvetica, sans-serif;
		color: #333333;
		margin: 0px 3px 10px 3px;
		padding: 5px 5px 5px 5px;
		text-align: center;
	}

	/* TICKESR OFERTAS ROTARORIAS */

	.tickercontainer {
	/* the outer div with the black border */
		position:absolute;
		top:105px;left:40px;
		width: 530px;
		/* height:35px; border:1px solid #aaa;*/
		z-index:100px;
		margin: 0px;
		padding: 0px;
		overflow: hidden;
		background: transparent;
	}


	ul.newsticker { /* that's your list */
		position: relative;
		left: 530px;
		font: bolder 16px Helvetica, Arial, sans-serif;
		color: #FFF;
		list-style-type: none;
		padding:0px;margin:0px;
	}

	ul.newsticker li {
	text-align:left;
		float: left; /* important: display inline gives incorrect results when you check for elem's width */
		margin: 0;
		padding: 0;
		width:900px;

	}
	ul.newsticker a {
		white-space: nowrap;
		padding: 0;
		color: #6E3931;
		font: bolder 14px Helvetica, Arial, sans-serif;
		margin: 0 20px 0 0;
	}
	ul.newsticker span {
		/*margin: 0 10px 0 0;*/
		color:#fff;
	}