/* CSS Document */
body
{ 

font-family: Arial, Helvetica, sans-serif;
text-align:center;
}
#main_div
{
  width: 974px ;
  margin-left: auto ;
  margin-right: auto ;
  border:1px #666666 solid;
  background-image: url('../images/fundo_2.jpg');
background-repeat: no-repeat;
/*background-attachment:fixed;*/
background-position: center 0px;
text-align:left;

}
#logo
{
float:left;
width:150px;
height:150px;
margin:15px 30px 0 15px;
}

#rodape
{
float:left;
width:600px;
height:50px;
margin:30px 0px 0 185px;
}

#base
{
background-image: url('../images/foto_fondo.jpg');
background-repeat: no-repeat;
height:210px;
width:974px;
border-top:1px solid #000000;
}

#base p
{
	
	display:block;
	position:relative;
	top:10px;
	left:280px;
	font-size:18px;
	width:400px;
	font-style: italic;
}

#maincentro
{
background-image: url('../images/fundo_3.jpg');
width:974px;
}

#cabecera
{
  width: 974px ;
  height: 258px;
background-image: url('../images/bg_head.jpg');
background-repeat: no-repeat;

}
#cabecera h1
{
display: block;
padding:0px 0 0 280px;
margin:0px;
line-height:65px;
color:#FFFFFF;
font-weight: bold;
font-size:22px;
}
#cabecera p
{
padding:0px 0 0 280px;
margin:0px;
font-weight: bold;
color: #000000;
font-size:14px;
line-height:20px;
}


/* ------------------------------------ */
/*                                      */
/*            Menu                      */
/*                                      */
/* ------------------------------------ */

#menu {
clear:both;
	position: relative;
	top:2px;
	width: 974px;
	height: 45px;
	background-color: #669900;
	margin: 0 auto;
	text-align: center;
}
#menu img {
	float: left;
}

#menu ul {
	height: 45px;
	padding: 0;
	margin:0;
	list-style: none;
}
#menu li {
	float: left;
	padding: 0;
	margin:0;
	text-indent: 0px;
	line-height:45px;
}

#menu li a {
	display: block;
	height: 45px;
	width: 220px;
	text-decoration: none;
	font-size: 1em;
	color: #FFFFFF;
	font-weight:bold;
}

#menu li a:hover {
	background-color: #33CC00;
}

#dondeestoy
{
position:relative;
left:70px;
width:930px;
padding:5px 10px 0 0px;
}
#dondeestoy h1
{
padding:0px;
margin:0px;
font-weight: bold;
color:#000000;
font-size:15px;
display:block;
line-height:20px;
}
#dondeestoy p
{
color:#000000;
font-size:12px;
padding:0px 0 0 0px;
font-weight: normal;
}


h1{
display: block;
padding:0px;
margin:0px;
line-height:65px;
}
a:link {
	text-decoration: none;
		font:Arial, Helvetica, sans-serif;
}
a:visited {
	text-decoration: none;
		font:Arial, Helvetica, sans-serif;
}
a:hover {
	text-decoration: none;
		font:Arial, Helvetica, sans-serif;
}
a:active {
	text-decoration: none;
		font:Arial, Helvetica, sans-serif;
}
.zonatexto
{
position:relative;

}
.zonatexto img
{
position:relative;
margin:0px 5px 5px 35px;
float:left;
}

.toprounded{
	    display: block;
		height:49px;
		width:310px;
		padding:0px 0px 0px 0px;
		margin:0px;
		text-align:left;
		background-image:url(../images/top_rouded_corner.png);
		background-repeat:no;
		}
.toprounded h1{
		display: block;
		height:40px;
		width:280px;
		line-height:48px;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 15px;
		color:#FFFFFF;
		font-size:16px;
		}
.centerrounded
	{
	display: block;
	width:310px;
	background-image:url(../images/back_rounded_caja.png);
	font-size:14px;
	color:#FFFFFF;
	}
.centerrounded h1{
		display: block;
		line-height:30px;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 15px;
		color:#FFFFFF;
		font-size:20px;
		}
.centerrounded p
	{
	display: block;
	padding:5px 10px 5px 15px;
	margin:0px 0px 0px 0px;
	
	}
.centerrounded a:visited {
	font-weight:bold;
		color:#FFFFFF;
}
.centerrounded a {
	font-weight:bold;
		color:#FFFFFF;
}

.centerrounded a:hover {
	color: #ffffff;
		color: #33CC00;
}
.centerrounded ul
{
	margin-top: 5px;
	margin-bottom:0px;
	list-style: circle;
}
.centerrounded li
{
	padding: 0 0 0 0px;
	margin:0;
	line-height:20px;
	list-style:outside;
}	
.backrounded{
	    display: block;
		height:49px;
		width:310px;
		padding:0px 0px 0px 0px;
		margin:0px;
		font-size:18px;
		text-align:left;
		background-image:url(../images/fondo_rounded_caja.png);
		background-repeat:no;
		}
#mapa
{
width:310px;
float:left;
margin: 10px 10px 0px 15px;
}

#mapa img
	{
	margin:2px 0px 0px 10px;
	}
#centro_home
{
width:310px;
float:left;
margin:10px 10px 0 0;

}

#centro_home img
	{
	margin-top:12px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	}

#folleto
{
width:310px;
float:left;
margin:10px 0px 0 0;
}

#folleto img
	{
	position: relative;
	margin:-50px 0px 0px -30px;
	float:left;
	z-index:50;
	}

#newsletter
{
width:310px;
float:left;
margin:10px 0px 0px 0px;
}
.lista
{
	width: 220px;
 margin-left: auto ;
  margin-right: auto ;
	padding: 0px;
}
.lista ul
{
margin:0px;
	padding: 0px;
	 margin-left: auto ;
  margin-right: auto ;
  margin-bottom:0px;
}
.lista li {
	list-style: none;
	float:left;
}

.lista li a {
	display: block;
	width: 220px;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	border:solid 1px #FFFFFF;
	background-color: #669900;
	color: #ffffff;
	margin-top:10px;
	margin-bottom:10px;
}



.lista li a:hover {
	background-color: #33CC00;
	color: #ffffff;
}

#ruta1
{
background-image:url(../images/ruta_f.png);
background-repeat: no-repeat;
position:relative;
left:144px;
width:474px;
height:180px;	
float:left;
margin:0px 0 0 0;
}
	#ruta1 img
	{
	position:relative;
	margin:0px 2px 0px 0px;
	float:left;
	}
		#ruta1 h1{
		display: block;
		padding:0px;
		margin:0px;
		line-height:20px;
		font-size:23px;
		}
		#ruta1 h2{
		display: block;
		padding:0px;
		margin:0px;
		line-height:23px;
		font-size:12px;
		}

#ruta2
{
background-image:url(../images/ruta_fd.png);
background-repeat: no-repeat;
position:relative;
left:160;
width:464px;	
height:180px;
float:left;
margin:0px 0px 0px 4px;
}
	#ruta2 img
	{
	position:relative;
	margin:0px 0px 0px 1px;
	float:right;
	}
		#ruta2 h1{
		display: block;
		padding:0px;
		margin:0px;
		line-height:20px;
		font-size:23px;
		}
		#ruta2 h2{
		display: block;
		padding:0px;
		margin:0px;
		line-height:14px;
		font-size:12px;
		}

#ruta3
{
background-image:url(../images/ruta_f.png);
background-repeat: no-repeat;
position:relative;
left:144px;
width:474px;
height:180px;	
float:left;
margin:0px 0 0 0;
}
	#ruta3 img
	{
	position:relative;
	margin:0px 0px 0px 0px;
	float:left;
	}
		#ruta3 h1{
		display: block;
		padding:0px;
		margin:0px;
		line-height:21px;
		font-size:23px;
		}
		#ruta3 h2{
		display: block;
		padding:0px;
		margin:0px;
		line-height:19px;
		font-size:13px;
		}

#ruta4
{
background-image:url(../images/ruta_fd.png);
background-repeat: no-repeat;
position:relative;
left:160;
width:464px;	
height:180px;
float:left;
margin:0px 0px 0px 4px;
}
	#ruta4 img
	{
	position:relative;
	margin:0px 0px 0px 0px;
	float:right;
	}
		#ruta4 h1{
		display: block;
		padding:0px;
		margin:0px;
		line-height:21px;
		font-size:23px;
		}
		#ruta4 h2{
		display: block;
		padding:0px;
		margin:0px;
		line-height:19px;
		font-size:13px;
		}

#reserva
{
left:120;
position:relative;
width:964px;	
height:280px;
margin:45px 0px 0px 20px;
}
		#reserva h2{
		display: block;
		padding:0px;
		margin:0px;
		line-height:23px;
		font-size:19px;
		}
		
#fin
{
background-image:url(../images/fundo_fin.png);
position:relative;
left:120;
width:964px;	
height:330px;
margin:25px 0px 0px 20px;
}
	#fin img
		{
		position:relative;
		margin:0px 0px 0px 0px;
		}
			#fin h2{
			display: block;
			padding:0px;
			margin:0px;
			line-height:23px;
			font-size:19px;
			}
		

#ruta_solo{
background-image:url(../images/fundo_fin.png);
background-repeat: no-repeat;
background-position:center;
left:50;
width:964px;	
height:280px;
float:left;
margin:45px 0px 0px 100px;
}
	#ruta_solo img
	{
	position:relative;
	margin:-10px 3px 0px 55px;
	
	}
		#ruta_solo h1{
		display: block;
		padding:0px;
		margin:0px;
		line-height:26px;
		font-size:25px;
		}
		#ruta_solo h2{
		display: block;
		padding:0px;
		margin:0px;
		line-height:29px;
		font-size:18px;
		}
		
#alternativa{
background-image:url(../images/fundo_fin.png);
background-repeat: no-repeat;
background-position:center;
left:50;
width:964px;	
height:280px;
float:left;
margin:45px 0px 0px 100px;
}
	#alternativa img
	{
	position:relative;
	margin:-10px 3px 0px 55px;
	
	}
		#alternativa h1{
		display: block;
		padding:0px;
		margin:0px;
		line-height:25px;
		font-size:25px;
		}




#progr
{
background-image:url(../images/fund_alt.png);
position:relative;
left: 155px;
width:200px;
height:280;	
float:left;
margin:-20px 20px 0 0;
}
	#progr img
	{
	position:relative;
	margin:10px 0px 0px 30px;
	}
		#progr h2{
		display: block;
		padding:0px;
		margin:10px 0 3px 0;
		line-height:20px;
		font-size:25px;
		}

/* End Styles */
/*<div id="newsletter">
<blockquote class="rounded"> 
   <h2 class="style1" align="center"><?php echo $newsletter; ?> </h2>
   
</blockquote>
</div>

-----------------------------------------------------//--------------------------------------------------
<blockquote class="rounded"> 
   <h2 class="style1" align="center"><?php echo $folheto; ?></h2><img src="images/folheto.png" alt="zerinho" width="130" height="100" border="0" align="left"/><p class="style3" align="left"><?php echo $folheto_frase; ?></p>
</blockquote>

-----------------------------------------------------//--------------------------------------------------

<div id="centro_home">
<blockquote class="rounded">
<h2 class="style1" align="center"> <?php echo $titulo_2; ?></h2><img src="images/fin_de_semana.jpg" alt="<?php echo $titulo_imagen_fin; ?>" width="138" height="100" border="0" align="left"/>
<p class="style2" align="left"><?php echo $fin_1; ?></p>
<p class="style2" align="left"><?php echo $fin_2; ?></p>
<p class="style2" align="left"><?php echo $fin_3; ?></p>
<p class="style2" align="left"><?php echo $fin_4; ?></p>
<p>
<p class="style1" align="center"><?php echo $titulo_precio; ?></p>
<p class="style1" align="center"><?php echo $titulo_dinhero; ?></p>
</blockquote><!-- final rounded -->
</div>

-----------------------------------------------------//--------------------------------------------------

<div id="mapa">
<blockquote class="rounded">
<h2 class="style1" align="center"> <?php echo $titulo_1; ?></h2><a href="http://maps.google.es/maps?f=q&source=s_q&hl=pt-PT&geocode=&q=castro+urdiales&sll=43.391078,-3.117371&sspn=0.989961,1.95282&ie=UTF8&ll=43.405546,-3.219681&spn=0.247431,0.488205&t=h&z=11" title="<?php echo $titulo_imagen_mapa; ?>"><img src="images/mapa.gif" width="264" height="197" align="middle" border="0" alt="<?php echo $titulo_imagen_mapa_link; ?>" /></a> 
</blockquote>
</div>

*/


#cssdropdown, #cssdropdown ul {
padding: 0;
margin: 0px 0 0 140px;
left:0px;
list-style: none;
}

#cssdropdown li {
float: left;
position: relative;
}

	#cssdropdown h2{
		display: block;
		padding:0px;
		margin:0px;
		line-height:50px;
		font-size:23px;
		}

.mainitems{
}

.mainitems a{
margin-left: 1px;
margin-right: 1px;
text-decoration: none;
}

.subuls{
display: none;
width: 10em;
position: absolute;
top: 1.2em;
left: 0;
background-color: lightyellow;
border: 1px solid black;
}

.subuls li{
width: 100%;
}

.subuls li a{
text-decoration: underline;
}

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}

#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}
#album
{
	width:310px;
	margin:auto;
	margin-top:0px;
		text-align:center;
}

#album img
{
	border:10px solid #FFFFFF;
	margin: 10px;
	background-color: ;
	width:80px;
	height:80px;

}
#form1
{
float:left;
width:500px;
margin:auto;
background-image:url(../images/back_rounded_caja.png);
padding:20px;
}
#form1 legend
{
font-size:19px;
font-weight:bold;
color:#FFFFFF;
}
#form1 td
{
color:#FFFFFF;
height:20px;
}
	
	.error
	{
	background-color:#FFFFFF;
	color: #FF0000;
	padding:5px;
	}