/* Selectores HTML */

* {
border:0 none;
margin:0;
padding:0;
}

body {
color:#000;
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1em;
}

p, li {
line-height:25px;
font-size:.8em;
}

ul {
margin-left:20px;
}

li {
list-style-image:url(../img/lista.gif);
}

img {
vertical-align:middle;
}

h1 {
color:#663;
font-size:1.5em;
}

h2 {
color:#660;
font-size:1em;
}

h3 {
color:#609;
font-size:.8em;
font-weight:normal;
}

/* Disposición - Layout */

#contenedor {
background:#CFC;
margin:0 auto;
width:765px;
overflow:hidden;
height:1%;
}

#cabecera {
background:transparent url(../img/fondo_cabecera.png) no-repeat;
background-position:bottom;
width:765px;
height:112px;
}

#menu {
border:#000 solid 1px;
width:140px;
margin:0 9px;
float:left;
}

#contenido {
background:#FFF;
border:#000 solid 1px;
padding:9px 9px;
margin-right:10px;
text-align:left;
width:575px;
float:right;
}

#pie {
background:#CFC url(../img/fondo_pie.png) no-repeat;
background-position:top;
padding:40px 5px 5px;
width:745px;
clear:both;
font-size:1.1em;
}

/* Identificadores */

/* --------------- #menu ----------------*/
#logo {
padding-left:5px;
float:left;
}

#baner {
padding-left:5px;
float:left;
top:auto;
}

#menu ul {
margin-left:0;
}

#menu li {
list-style:none;
text-align:left;
line-height:40px;
}

#menu a {
font-size:1em;
padding-left:45px;
display:block;
width:95px;
height:40px;
}

#menu a:link, #menu a:visited {
background:transparent url(../img/menu.gif) 0px 0px no-repeat;
}

#menu a:hover, #menu a:active {
background:transparent url(../img/menu.gif) 0px -35px no-repeat;
}
/* --------------- #menu ----------------*/

#camping {
background:url(../img/fotos/mini_balneario.jpg) no-repeat right top;
height:200px;
}

#cabanas {
background:url(../img/fotos/mini_cabanas2.jpg) no-repeat right top;
height:200px;
}

#bungalows {
background:url(../img/fotos/mini_bungalows.jpg) no-repeat right top;
height:200px;
}

#carpas {
background:url(../img/fotos/mini_carpas.jpg) no-repeat right top;
height:200px;
}

#servicios {
background:url(../img/servicios.gif) no-repeat right center;
}

#columna1 {
float:left;
width:48%;
}

#columna2 {
float:right;
width:48%;
}

#clear {
clear:both;
}

/* --------------- #formulario ----------------*/
#formulario {
width:100%;
}

#formulario fieldset {
border:1px solid #AAA;
background:#DDD url(../img/fondo_form.jpg) repeat-y;
padding:0 5px;
}

#formulario legend {
font-size:1em;
font-weight:bold;
}

#formulario label {
font-size:.8em;
font-weight:bold;
display:block;
}

#formulario input, #formulario textarea, #formulario select {
font-size:11pt;
width:97%;
border:1px solid #CFC;
padding:2px;
margin-bottom:20px;
}

#formulario input:focus, #formulario textarea:focus, #formulario select:focus {
color:#333;
background:#CFC;
}

#formulario input.enviar {
display:block;
font-size:.8em;
font-weight:bold;
border:1px solid #AAA;
background:#CFC;
width:100px;
margin:0 auto 20px;
}

/* Clases */

.error {
font-size:.9em;
color:#F00;
display:none;
margin-bottom:10px;
}

.importante {
color:#333;
background:#EFC;
text-transform:uppercase;
padding:1px 5px;
}

.nota {
border:1px solid #CFC;
padding:2px 20px;
}

.especial {
font-size:.8em;
font-weight:bold;
text-align:right;
}

.tarifa {
background:#DDD;
color:#900;
font-size:1.3em;
}

.contancto {
color:#900;
font-size:1.5em;
}

.tarifas {
background:url(../img/fondo_tarifas.png) repeat-y right;
}

a.link:link, a.link:visited { 
color:#900; 
font-weight:bold; 
text-decoration:none;
}

a.link:hover, a.link:active { 
color:#090; 
text-decoration:none;
}

/* Pseudo-clases, enlaces y pseudo-elementos */

a:link, a:visited { 
color:#CFC; 
font-weight:bold; 
text-decoration:none;
}

a:hover, a:active { 
color:#900; 
text-decoration:none;
}

.importante:before {
content:"::: ";
}

.importante:after {
content:" :::";
}

.tarifa:before {
content:"$ ";
}

.tarifa:after {
content:".-";
}

.nota:before {
content:"ˇˇˇ ";
font-size:1.8em;
}

.nota:after {
content:" !!!";
font-size:1.8em;
}

.link:after {
content:" --------------------";
}

#galeria {
text-align:center;
}

#galeria img {
border:1px solid #ccc;
padding:3px;
margin:0 1em 0 1em;
}

div.lb img {
border:1px solid #ccc;
padding:3px;
background:#FFF;
}

div.lb {
padding:220px 0 0 180px;
display:none;  
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
height:100%;
width:765;
text-align:center;
background:transparent url(../img/screen.png);
}

div.lb:target {
display:block;
}

/** IE no soporta :target, así que usaremos expresiones CSS **/  
div.lb {
display:expression((document.location.toString().split('#').slice(1) == this.id)?'block':'none');
}

/* Mostrar imagenes .PNG en IE */
#cabecera, #cabecera img, #pie, {
behavior: url(../img/iepngfix.htc);
}