/* CSS Document */

* {margin: 0;
   padding: 0;} /* evita problemas para los distintos navegadores */

html, body{
    margin: 0;
    padding: 0;}	

body { 
	background-color:#603;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 62.5%; color:#000; }
	
img{ border:none}		
p {margin: 0px;text-align: justify;}
	
 /*------------- h ------------------*/	
h1{/*titulo señal*/ 
	background:url(../imagenes/bckgr-titulo1.jpg) no-repeat;
	width:284px;
	height:24px;
	margin: 0px; 
	padding:3px 0 0 5px;
	margin-left:15px;
	font: 1.4em  Arial, Helvetica, Sans-serif; 
	color:#FFFFFF}

h2{/*titulo2*/
	margin: 0px;
	font:bold 1.3em  Arial, Helvetica, Sans-serif;
	color:#300;
	padding:12px 0 3px 15px}
	
h3{/*oferta*/
	margin: 0px;
	font:bold 1.5em  Arial, Helvetica, Sans-serif; 
	color:#330; 
	text-align:center;
	padding-bottom:3px}	

h4{/*campamento 2010*/
	margin: 0px;
	font:bold 1.3em  Arial, Helvetica, Sans-serif;
	color:#930;
	padding:12px 0 3px 15px}		
	
	
 /*--------------  enlaces -------------------------*/	
a.enlace1,a.enlace1:hover { /*menu pie*/ 
	font:1.2em Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;}	
	
a.enlace1:hover{ 
	text-decoration: underline;}
	
a.enlace2,a.enlace2:hover { /*lista*/ 
	font:1em Arial, Helvetica, sans-serif;
	color:#930;
	text-decoration:underline;}	
	
a.enlace2:hover{ 
	text-decoration: none;}	
	
a.enlace3,a.enlace3:hover { /*index lista*/ 
	font:1em Arial, Helvetica, sans-serif;
	color:#930;
	text-decoration: none;}	
	
a.enlace3:hover{ 
	text-decoration: none;}	
	
a.enlace4,a.enlace4:hover { /*titulo llamativo*/ 
	font:1.8em Arial, Helvetica, sans-serif;
	color: #FF0000;
	text-decoration: underline; 
	padding-right:25px}	
	
a.enlace4:hover{ 
	text-decoration: none;}			
			

 /*------------- clases generales ------------------*/	
.limpia_flujo {clear: both; margin:0}				
.flota_right {float:right;}
.flota_left {float:left;}

 /*------------- clases comodin ------------------*/
.titulo-largo{ 
	background:url(../imagenes/bckgr-titulo1-largo.jpg) no-repeat;} 
.al-fondo{ 
	z-index:0}	
.margen-h2{/*titulo2 para actividades y similares*/
	padding-left:7px}	
.formulario-h2{/*titulo2 para formulario*/
	padding-left:0px}		 
 
  /*-------------  contenedor ------------------*/
#contenedor{ 
	position:relative;
	width:100%; 
	background: url(../imagenes/flores-pie.gif) no-repeat center bottom 	#f1f1ca;
	margin:0 ;
	padding:0;
	padding-bottom:78px}
	
	
  /*-------------  cabecera ------------------*/
#cabecera{ 
	position:relative; 
	margin: 0 auto;
	width:947px;
	height:229px} 	
	
	
  /*-------------  contenido ------------------*/
#contenido{ 
	position:relative;
	width:941px; 
	margin: 0 auto; 
	background-color:#f9f7ea;
	border-left:3px solid #a9a785;
	border-right:3px solid #a9a785}	

.corner-superior{ 
	position:relative;
	margin: 0 auto; 
	background:url(../imagenes/corner-top.gif) no-repeat;
	width:947px;
	height:19px}
	
.corner-bajo{ 
	position:relative;
	margin: 0 auto; 
	background:url(../imagenes/corner-abajo.gif) no-repeat;
	width:947px;
	height:16px}	
	
	
    /*-------------  inicio- caja lista1 ------------------*/	
#inicio-izq{ 
	float:left;}	
	
.presentacion{  /*en index el 1º parrafo*/
	float:left;
	width:315px;
	padding-bottom:15px}
	
.presentacion p{ 
	padding:5px 15px 0 15px;
	font:1.1em  Arial, Helvetica, Sans-serif; 
	color:#363531; } 
	
.presentacion spam{ 
	font:bold 1.1em  Arial, Helvetica, Sans-serif; 
	color:#930; } 	
	
.inicio-oferta{ 
	float:right;
	width:292px; 
	text-align:center}			
	
.caja-lista1{ 
	width:616px;
	height:141px;
	background:url(../imagenes/bckgr-caja1.jpg) no-repeat;
	clear:both; /*ATENTO A ESTA PROPIEDAD, SI DA PROBLEMS METE CLASS LIMPIA-FLUJO"*/
	margin:5px 0 0 5px}
	
.caja-lista1 ul{ 
	width:100%}	
	
.caja-lista1 li{ 
	padding:0 0 0 15px;
	margin:0 0 3px 15px;
	width:45%; 
	display:inline;
	float:left;
	background: url(../imagenes/icon-list1.png) no-repeat 0px 2px; /*atencion se pueden poner cordenadas para situar el icono*/
	list-style-type:none;
	font:1.1em  Arial, Helvetica, Sans-serif; 
	color:#930;
	z-index:1 } 
	

    /*-------------  caja lista2  ------------------*/		
.caja-lista2{ 
	width:315px;
	background: url(../imagenes/bckgr-caja2-top.jpg) no-repeat;
	clear:both; /*ATENTO A ESTA PROPIEDAD, SI DA PROBLEMS METE CLASS LIMPIA-FLUJO"*/
	margin:5px 0 0 5px;}
	
.caja-lista2 p{ 
	padding:0 15px 0 15px;
	margin-bottom:5px;
	font:1.1em  Arial, Helvetica, Sans-serif; 
	color:#300; } 	
	
.caja-lista2 ul{ /* bckgr-bajo de la caja 2*/
	background:url(../imagenes/bckgr-caja2-bajo.jpg) no-repeat bottom left;
	padding-bottom:15px} 	
	
.caja-lista2 li{ 
	padding:0 15px 0 15px;
	margin:0 0 3px 15px;
	background: url(../imagenes/icon-list1.png) no-repeat 0px 2px; /*atencion se pueden poner cordenadas para situar el icono*/
	list-style-type:none;
	font:1.1em  Arial, Helvetica, Sans-serif; 
	color:#930; } 
	
.caja-lista3{ /*seccion actividades*/
	width:307px;
	background: url(../imagenes/bckgr-caja2-top.jpg) no-repeat;
	margin:5px 0 0 5px;}	
	
.caja-lista3 dl{ 
	background:url(../imagenes/bckgr-caja2-bajo.jpg) no-repeat bottom left;
	padding-bottom:15px;
	font:1.1em  Arial, Helvetica, Sans-serif;} 

.caja-lista3 dt{ 
	padding:0 15px 0 10px;
	margin:0 0 3px 7px;
	background: url(../imagenes/icon-list1.png) no-repeat 0px 2px; /*atencion se pueden poner cordenadas para situar el icono*/
	list-style-type:none;
	font:1.1em  Arial, Helvetica, Sans-serif;
	color:#930; }

.caja-lista3 dd{ 
	padding-left:20px; 
	font:1em  Arial, Helvetica, Sans-serif;
	color:#363531; 
	padding-bottom:5px;}	
				

 /*-------------  slide ------------------*/	
#slide-flash{ 
	float:right;
	width:550px; 
	margin-right:30px} 
	
#slide-flash img{ 
	border:solid 2px #A9A785} 		
	
	
/*-------------- formulario ---------------------------*/
#formulario {
	font-size:1.1em;
	width:315px; 
	height:320px;
	padding-left:15px}
	
#formulario p{ 
	font-size:1em;
	text-align:left; 
	padding:0}		

.campo{ 
	padding:5px 0 5px 0;
	height:30px}	
	
label {
	width:100px;
	float:left;}
	
.formul {
	font-size:1.1em;
	color:#003;
	background-color:#E8E6D9;
	border:1px solid #603;
	width:190px;}	
	
.formul_caja {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#003;
	height:100px;
	width:190px;
	background-color:#E8E6D9;
	border:1px solid #603}		
	
.btn {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	background-color:#603;
	border:1px solid #000; /*este representa border bottom y right*/
	border-top:1px solid #C06;
	border-left:1px solid #C06;
	cursor:pointer; 
	margin:75px 0 0 250px;} /*problemas con la posicion del btn,solucion:margin-top*/	
	
input:focus {
	border:1px dotted #FFF;
	background-color:#cfd9e3}  
				
 
   /*-------------  pie ------------------*/
#pie{ 
	position:relative;
	width:100%;
	height:45px;
	background: url(../imagenes/bckgr-pie.gif) repeat-x top left;
	margin:0 auto; 
	padding-top:4px; 
	text-align: center;
	font: 1.1em  Arial, Helvetica, Sans-serif; }  
	
#pie li{ 
	display:inline;
	color:#FFF}			 
   
 
 /*--------- enlace web pompagrafica - xhtml, css valido ---------- */		
#pompagrafica{
	position:relative; 
	margin:0 auto;
	margin-bottom:50px;
	width:947px;
	padding:0 0 3px 0;
	border-top:1px dotted #beb637; 
	border-bottom:1px dotted #beb637;
	font: 0.7em  Tahoma, Helvetica, Sans-serif; 
	color:#FFF }	
	
#pompagrafica span{ 
	padding-left:717px;
	font: 1.3em  Tahoma, Helvetica, Sans-serif; }					
	
#pompagrafica a:visited { 
	font:1.3em Tahoma, Arial, Helvetica, sans-serif;
	color:#beb637;
	text-decoration:none;}	
	
#pompagrafica a:link { 
	font:1.3em Tahoma, Arial, Helvetica, sans-serif;
	color:#beb637;
	text-decoration:none;}		
	
#pompagrafica a:hover{ 
	font:1.3em Tahoma, Arial, Helvetica, sans-serif;
	color:#beb637;}