/*  CSS Santa Centola  */
/*  Hoja de estilo general  */


body{ margin:0; padding: 0; text-align: center; background:#F9F2C9; font:11px/13px Verdana, Arial, Helvetica, sans-serif; color:#6C6C6C;}


/* RESET ............................. */
img{ border:0;}
h1, h2, h3, h4, h5, h6, ul, dl, dt, dd{ margin:0; padding:0;}
p{ margin: 0}
li{ list-style-type:none;}
a{ text-decoration:none;}


/* FORMULARIOS ............................. */
fieldset{ border:0; margin:0; padding:0}
legend{ display:none;}


/* COLORES ............................. */
.verde{ color:#6dab24;}


/* LOGO ............................. */
img#logoprint{ display:none}


/* H1 ............................. */
h1{ display:none}


/* RAP ............................. */
#rap{ position: relative; width:774px; margin:0 auto; padding:0 7px; text-align:left;}


/* CONTENEDOR ............................. */
#contenedor{ float:left; width:760px; padding:0 7px; background:url(images/body.gif);}


/* HEADER ............................. */
#header{ float:left; width:760px; border-top:5px solid #a51517; padding-bottom:1px; margin:0; border-bottom:1px solid #eaeaea;}
#header p{ display:none;}


/* NAVEGACION ............................. */
#nav{ float:left; width:760px; margin-top:1px; background: url(images/deg_nav.gif) repeat-x; font:bold 11px/11px Arial, Helvetica, sans-serif; text-transform:uppercase;}
#nav ul{ float:left; width:733px; padding: 0 2px 0 25px;}
#nav ul li{ float:left; background: url(images/deg_nav_item.gif) no-repeat; padding:0 0 19px 2px;}
#nav ul li.primero{ background:none;}
#nav ul li a{ float:left; display:block; padding:7px 7px 10px 7px; color:#a51517;}
#nav ul li a.seleccionado{ background:#fff; color:#000;}
#nav ul li a:hover{ color:#000;}


/* CONTENIDO ............................. */
#contenido{ float:left; width:700px; margin-top:15px; padding:0 30px 40px 30px;}


/* IZQUIERDA ............................. */
.izquierda{ float:left; width:160px;}


/* DERECHA ............................. */
.derecha{ float:left; width:540px;}

/* TITULO CONTENIDO ............................. */
h2{ margin-bottom:8px; font:italic normal 18px/18px Georgia, "Times New Roman", Times, serif; color:#8f654a;}

/* PARRAFO CONTENIDO ............................. */
p{ margin-bottom:8px; line-height:15px;}
#contenido a{ text-decoration:underline; color:#a51517;}
#contenido a:hover{ text-decoration:underline; color:#000;}

/* LINK RESERVAS ............................. */
p.reservas{ padding-top:20px;}

/* SUBTITULO CONTENIDO ............................. */
h3{ margin:2px 0 4px 0; font:13px/15px Arial, Helvetica, sans-serif; color:#6dab24;}

/* SUBTITULO CARTA ............................. */
h3.carta{ margin:14px 0 4px 0; padding:12px 0 0 0; background:url(images/separador_540.gif) top left no-repeat;}

/* ACTIVIDAD ............................. */
.actividad{ float:left; width:700px; margin-bottom:30px; padding-bottom:12px; background:url(images/separador_720.gif) bottom left no-repeat;}
.actividad ul li{ margin: 0 0 6px 15px; list-style-type:disc;}

/* CONTACTO Y RESERVAS ............................. */
form{ float:left; width:540px;}
form p{ float:left; width:260px; margin:8px 0;}
form p.grande{ width:540px; margin-bottom:10px; padding-bottom:20px; background:url(images/separador_540.gif) bottom left no-repeat;}
form p.grande2{ width:530px; text-align:center;}
form p.izda{ padding-right:20px}
form p span{ float:left; width:70px; margin-top:2px;}
form p input, form p textarea{ margin: 0; padding: 2px; border: 1px solid #C3C3C3; border-top-color: #7C7C7C; border-bottom-color: #DDD; font:11px/13px Verdana, Arial, Helvetica, sans-serif; color:#6C6C6C;}
form p input{ width: 178px;}
form p textarea{ width: 528px; margin-top: 2px; height: 100px;}
input:focus, input.sffocus, textarea:focus, textarea.sffocus {background:#f8fbf4;}
/*Hack IE*/
*html body form p input, form p textarea{ padding:1px 2px;}

form p input.button{ float:none; position:relative; width:100px; margin:0 auto; background:#f8fbf4; border:1px solid #d3d6bd; font-weight:bold; color:#6dab24; text-transform:uppercase;}
form p input.button:hover{ background:#6dab24; color:#f8fbf4;}

/* CARTA ............................. */
ul.carta li { list-style-type:disc; margin:0 0 0 26px; padding:2px 0;}

/* GALERIA DE IMAGENES ............................. */
ul.galeria { float:left; width:700px;}
ul.galeria li { float:left; width:233px; padding-bottom:15px;}
ul.galeria li dl { padding:12px 5px 10px 5px; background:url(images/deg_galeria.jpg) top center no-repeat; text-align:center;}
ul.galeria li dl dt { position:relative; width:180px; margin:0 auto;}
ul.galeria li dl dd { position:relative; width:180px; margin:5px auto 0 auto; font-size:9px}

/* COMO LLEGAR ............................. */
#imap { margin-top:10px; padding:4px; background:url(images/mapa_back.gif) no-repeat;}

/* FOOTER ............................. */
#footer{ float:left; width:760px; margin-bottom:10px; padding:10px 7px 10px 7px; background: url(images/footer.jpg) no-repeat; font-size:9px; line-height:9px; color:#aaa; text-align:center;}
#footer a{ color:#8b8b8b;}
#footer a:hover{ text-decoration:underline;}