/*

DEFINICIONES CUERPO DE PAGINA

*/	
  	*{margin:0;padding:0}
	html {	background-color:#767676;}
	body{

		margin: 0px;
		padding: 0px;
		width: 100%;
		background-color:#767676;
		text-align: center;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 11px;
		color: #fff;
		overflow:hidden;

	}


	#contenedorweb{
	  position:relative;
	 	background:#333 url(../imagenes/fondo/fondoinicio.jpg) no-repeat 2px 0px;
		width: 968px;
		height: 460px;
		text-align: center;
		margin: 0px auto 0px auto;
		padding: 110px 0px 0px 0px;
		overflow:hidden;
		clear:both;
		
	}
	
	#contenedorweb h1.titular { position:absolute; top:5px;left:650px; }	
	/*OFERTA*/
	
	#contenedorweb a.ofertabungalows {
  padding: 3px;
  border: 2px solid #505054;
  position:absolute;
  top:150px;
  left:200px;
  width: 500px;
  height: 180px; 
  font-weight:bold;
  font-size: 12px;
  text-decoration:none;
  z-index:95;
  background: #2A9DF0 url(/imagenes/casita.png) repeat-x -5px 143px;
  }	
  #contenedorweb a.ofertabungalows div#cierre {
  padding: 2px 4px;
  border: 2px solid #f8c807;
  position:absolute;
  top:-5px;
  left:494px;
  color:#fff;
  z-index:95;
  background: #396D83;  
  }	
  
  #contenedorweb a.ofertabungalows h1 {
  font-size: 1.7em;
  color: #fff;
  margin:0px;padding:4px;
  }
  
  #contenedorweb a.ofertabungalows img.sol1,
  #contenedorweb a.ofertabungalows img.sol2{
  border-style: none;
  position:absolute;
  top: 65px;
  left: 10px;
  }
  #contenedorweb a.ofertabungalows img.sol2{ left:442px; }
  
  
    #contenedorweb a.ofertabungalows h2 {
  font-size: 1.5em;
  color: #333333;
  margin:0px;padding:4px;
  }
  
  #contenedorweb a.ofertabungalows:visited {
   color: #ffffff; text-decoration:none;
  }
  #contenedorweb a.ofertabungalows:hover {
  color: #f00;
  text-decoration:none;
  }
  
  
	/*OFERTA BUNGALOWS*/
	
	#contenedorweb .ofertabungalowstarifas { padding: 3px; border: 2px solid #f8c807; background: #e4e4e4; color: #505261; position:absolute; top:32px; left:450px; width: 500px; }	
	/*OFERTA BUNGALOWS*/
	
	
.tickercontainer { /* the outer div with the black border */
    position:absolute;
    top:89px;left:110px;
    width: 652px;
		/*
		height:35px;border:1px solid #aaa;
		*/
		z-index:100px;
		margin: 0; 
    padding: 0;
		overflow: hidden; 
    background: transparent;
    } 	
		
		
ul.newsticker { /* that's your list */
position: relative;
left: 654px;
font: bolder 16px Helvetica, Arial, sans-serif;
color: #FFF;
list-style-type: none;
}

ul.newsticker li {
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: #FFCC33;
font: bolder 14px Helvetica, Arial, sans-serif;
margin: 0 50px 0 0;
} 
ul.newsticker span {
/*margin: 0 10px 0 0;*/
color:#79D81C;
} 



/*DEFINICIONES CAJA DE CONTENIDOS*/	
	
	#caja-contenidos{

		/*	background-color:#ffffcc;*/

		background-color:#fff;
		width: 632px;height: 322px;
		text-align: center;
		margin: 0px auto 11px 110px;
		padding: 5px 10px;
		overflow:hidden;
		clear:both;
	color:#808080;

	}
	
	h1{
		font: normal bold 1.5em Arial, Helvetica, sans-serif;
		margin:5px;
		padding:0px;
	}
	h2{
		font: normal bold 1.2em Arial, Helvetica, sans-serif;
		margin:3px;
		padding:0px;
	}
	h3{
		font: normal bold 1em Arial, Helvetica, sans-serif;
		margin:2px;
		padding:0px;
	}
	

	
	.rojo{
		color: #CC3333;
	}
	.gris{
		color: #505054;
	}
	.azul{
		color: #5272a2;
	}
	#colizq, #colder
	{
		width:290px;
		height:330px;
		float:left;
		background: transparent url(/clientes/campingtula/imagenes/fondo/rayavertical.jpg) no-repeat 100% 30%;
		padding:0px;
		
	}
  #colizq{
		padding-right:10px;
  }

  #colder
	{
		width:250px;
		background: transparent;
		padding-left:10px;
		

	}
#colder p{
text-align: center;
}
	
	
	
	
	#caja-contenidos img{

		border: 3px solid #ccc;
		padding:0px;
		margin:0px;
	
	}
	#caja-contenidos p{
    font-family: “Lucida Sans Unicode”, sans-serif;
    font-size: 11.67px;
    font-style: normal;
    font-weight: normal;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.4em;
		text-align: justify;
	}
	
	#colizq p{
    font-family: “Lucida Sans Unicode”, sans-serif;
    font-size: 11.67px;
    font-style: normal;
    font-weight: normal;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.4em;
		text-align: justify;
	}
	#caja-contenidos ul,#colder ul,#colizq ul{
	  float:left;
		text-align: left;
		list-style: none;
		padding:0px;margin:0px;
	
	}
	#caja-contenidos ul li{
		text-align: left;
		padding:0px;margin:0px;
		
	}
	
/*

DEFINICION BARRA INFERIOR
*/
	
	
	#barrainferior{
		background: url(../imagenes/fondo/fondogris.jpg) no-repeat 2px 0px;
		width:968px;
		text-align:left;
		min-height: 118px;
		height: auto !important;
		height: 118px;
		padding-left:110px;
				
	}
	
	#barrainferior .linkrecom , #barrainferior h5 {/*Enlaces a otros campings bajo la botonera.*/
		color:#fff;
		font: normal bolder 12px sans-serif;
		text-decoration:none;
		display:block;float:left;
		margin: 20px 5px;
		padding:5px;		
	}
	
  #perfilinferior
	{
	padding-left:1px;
	height:69px;
	overflow:hidden;
	border-bottom:6px solid #505054;
	width: 652px;
	}
	
	.boton{
	  position:relative;
	  float:left;
		width:106px;/* igualar en: .boton a */
		height:69px;
		text-align:center;
		padding:0px;
		padding-right:1px;
		margin-right:1px;/*separacion entre botones */
		border-right: 1px dotted #505054;
	}
	#b6
	{
	/*width: 109px;*/
	padding:0px;
	border:none;
	}

	.boton a
	{ 
	  position:relative;
		top:0px;left:0px;
	  display:block;
		z-index:200;
		width: 106px;/* igual a: .boton, igualar en: .boton span */
		height: 49px;/* Que la suma de height y padding-top se 69 que es la altura de .boton */
		padding-top:20px;/* Que la suma de height y padding-top se 69 que es la altura de .boton */
		font-size: 170%;
		color: #eeeeee;
		text-decoration: none;
		
		/*font-variant: small-caps;border:1px solid #0f0;*/
	}
	.boton span
	{
	position:absolute;
	top:0px;left:0px;
	display:block;
	width: 106px;/* igual a: .boton y .boton a */		
	height: 15px;
	z-index:10;
	}

/* definicion de los colores de cada boton de izq a derecha */	
	#b1 span
	{
	background-color:#cc3333;
	height: 69px;
	}
	#b2 span
	{background-color:#ffcc33;}
	#b3 span
	{background-color:#79d81c;}
	#b4 span
	{background-color:#2a9df0;}
	#b5 span
	{background-color:#02aa9d;}
	#b6 span
	{background-color:#a2a2a2;}