/*-----------------------------------------------------------------------------
Patrón de CSS

version:   1.0.1
author:    Yago Ferrer
email:     info@newsiteworks.com
website:   http://www.newsiteworks.com/
-----------------------------------------------------------------------------*/

/* =Estilos generales
-----------------------------------------------------------------------------*/

/* selector universal sin márgenes */
* {
  padding:0;
  margin:0;
/*  border:0;*/
}

/* muestra scroll vertical a la IE en FF */
html {overflow:auto;}

/* establecer margen a ciertos elementos */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin:1em 0;
}

/* clase clear para elementos flotantes */
.clear{
	clear:both;
}

/* flotando a la derecha */
.right{
    float:right;
}

/* flotando a la izquierda*/
.left{
    float:left;
}

/* Elemento de lista sin estilo */
ul{
	list-style-type:none;
}

/* =Fuente
font: 62.5%/1.6 "Gill Sans", Futura, "Lucida Grande", Geneva, sans-serif;
-----------------------------------------------------------------------------*/
body {
/*font: 62.5%/1.5  "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;*/
font: 80%/1.5  "Arial", "Lucida Sans", Tahoma, Verdana, sans-serif;
background:#69360a;
}

/* establecer tamaños de fuente a diversos elementos */
h1{font-size:2.2em;}    
h2{font-size:2.0em;}   
h3{font-size:1.8em;}    
h4{font-size:1.6em;}    
h5{font-size:1.4em;}    
p{font-size:1.2em;} 

/* =Enlaces 
-----------------------------------------------------------------------------*/
/* (orden obligatorio L V H A) */
/* enlaces sin subrayado link y visitado */
a:link, a:visited {
text-decoration:none;
}
/* enlaces con subryayado (opcional) al pasar por encima y activo */
a:hover, a:active {
text-decoration:none;
}

/* =Resolución 
-----------------------------------------------------------------------------*/
/*
Resolucion           Segura   Mac/IE5  Windows
800x600 sin scroll   759x410  763x410  780x410
800x600 con scroll   744x410  748x410  776x410
1024x768 sin scroll  983x578  987x578  1004x578
1024x768 con scroll  968x578  972x578  1000x578
*/

/* centrado a 1024 */
#contenido{
position:relative;
width:1003px;
left:50%;
margin-left:-501px;
} 

/* =Formularios
-----------------------------------------------------------------------------*/

input.text{
    padding:3px;
    border:1px solid #999;    
}

/* Borra los bordes de fieldset en Opera 7 */
fieldset{
  border:1px solid transparent;
}				

/* =Tablas
-----------------------------------------------------------------------------*/

table{ 
  border-spacing:0;
  border-collapse:collapse;
}

td{
/*    text-align:left;*/
    font-weight:normal;
}

/* = CAPA RESERVAS
----------------------------------------------------------------------------*/
#reservas{
	width: 786px;
	height: 550px;
	/*background-image: url(../imagenes/bg_reserves_offline.jpg);*/
	background-image: url(../imagenes/bg_reserves.jpg);
	background-repeat: no-repeat;
	background-position: top;
	color: #fff;
}
#reservas_es{
	width: 786px;
	height: 550px;
	/*background-image: url(../imagenes/bg_reserves_offline.jpg);*/
	background-image: url(../imagenes/bg_reserves_es.jpg);
	background-repeat: no-repeat;
	background-position: top;
	color: #fff;
}
#reservas_in{
	width: 786px;
	height: 550px;
	/*background-image: url(../imagenes/bg_reserves_offline.jpg);*/
	background-image: url(../imagenes/bg_reserves_in.jpg);
	background-repeat: no-repeat;
	background-position: top;
	color: #fff;
}
#reservas .reservas_ok{
	position: relative;
	width: 450px;
	top: 210px;
	left: 160px;
	font-size: 15px;
	font-weight: bold;
}
#reservas .formulario{
	position: absolute;
	top: 160px;
	left: 90px;
	
}
#reservas .total{
	position: absolute;
	top: 350px;
	left: 580px;
	font-size: 14pt;
	font-weight: bold;
}
#reservas .procesar{
	position: absolute;
	top: 430px;
	left: 510px;
}
#reservas .calcula{
	position: absolute;
	top: 430px;
	left: 280px;
}
#reservas .telefonos{
	position: absolute;
	top:117px;
	left: 70px;
}
#reservas .link1,.link1:visited{
	color: #fff;
	text-decoration: none;
}
#reservas .link1:hover{
	color: #000;
	text-decoration: none;
}
#reservas input.formText{
	border: 1px solid #7F4F0D;
	background: #8b560f;
	color: #fff;
	padding-left: 3px;
}

/*castellano*/
#reservas_es .reservas_ok{
	position: relative;
	width: 450px;
	top: 210px;
	left: 160px;
	font-size: 15px;
	font-weight: bold;
}
#reservas_es .formulario{
	position: absolute;
	top: 160px;
	left: 90px;
	
}
#reservas_es .total{
	position: absolute;
	top: 350px;
	left: 580px;
	font-size: 14pt;
	font-weight: bold;
}
#reservas_es .procesar{
	position: absolute;
	top: 430px;
	left: 510px;
}
#reservas_es .calcula{
	position: absolute;
	top: 430px;
	left: 302px;
}
#reservas_es .telefonos{
	position: absolute;
	top:117px;
	left: 70px;
}
#reservas_es .link1,.link1:visited{
	color: #fff;
	text-decoration: none;
}
#reservas_es .link1:hover{
	color: #000;
	text-decoration: none;
}
#reservas_es input.formText{
	border: 1px solid #7F4F0D;
	background: #8b560f;
	color: #fff;
	padding-left: 3px;
}

/* ingles */
#reservas_in .reservas_ok{
	position: relative;
	width: 450px;
	top: 210px;
	left: 160px;
	font-size: 15px;
	font-weight: bold;
}
#reservas_in .formulario{
	position: absolute;
	top: 160px;
	left: 90px;
	
}
#reservas_in .total{
	position: absolute;
	top: 350px;
	left: 580px;
	font-size: 14pt;
	font-weight: bold;
}
#reservas_in .procesar{
	position: absolute;
	top: 430px;
	left: 510px;
}
#reservas_in .calcula{
	position: absolute;
	top: 430px;
	left: 302px;
}
#reservas_in .telefonos{
	position: absolute;
	top:117px;
	left: 70px;
}
#reservas_in .link1,.link1:visited{
	color: #fff;
	text-decoration: none;
}
#reservas_in .link1:hover{
	color: #000;
	text-decoration: none;
}
#reservas_in input.formText{
	border: 1px solid #7F4F0D;
	background: #8b560f;
	color: #fff;
	padding-left: 3px;
}