/*   

Theme Name: CSS inicial
Theme URI: http://rudeworks.com/blog/css-inicial-2/
Author: RUDE
Author URI: http://rudeworks.com
Version: 2.0
Description: CSS básico con arreglos y selectores pre-configurados.

*/

/* @group CSS inicial */

/* Elementos que queremos limpiar completamente: */

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

html {
	font: 12px "Georgia", Times New Roman, Times, serif;
	height:100%;
	text-shadow: #000 0px 0px 0px;/*Elimina el efecto bold en Safari*/
}

ul {
	list-style: none;
	list-style-type: none;
}

/* Ajustes tipográficos */

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	font-weight: normal;
	margin: 0 0 16px 0;
}

cite, em, dfn {
	font-style: italic;
}

sup {
	position: relative;
	bottom: 8px;
	vertical-align: baseline;
}

sub {
	position: relative;
	bottom: -7px;
	vertical-align: baseline;
}

li, dd, blockquote {
	margin-left: 16px;
}

code, kbd, samp, pre, tt, var, input[type='text'], textarea {
	font-size: 10px;
	font-family: monaco, "Lucida Console", courier, mono-space;
}

del {
	text-decoration: line-through;
}

ins, dfn {
	border-bottom: 1px solid #ccc;
}

small, sup, sub {
	font-size: 9px;
}

abbr, acronym {
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 5px;
	/*border-bottom-style: dotted;*/
	border-bottom-width: 1px;
}

a abbr, a acronym {
	border: none;
}

sup {
	vertical-align: super;
}

sub {
	vertical-align: sub;
}

h1 {
	font-size: 24px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 14px;
}

h5 {
	font-size: 12px;
}

h6 {
	font-size: 10px;
}

/*** LINKS: Recuerda utilizar siempre la regla del LoVe-HAte ***/

a, a:link, a:visited, a:hover, a:active {
	/*
	Si quisieramos eliminar la línea de puntos que aparece al pulsar un enlace, aplicaríamos la siguiente propiedad:
	
	outline: 0;
	
	Sin embargo no se recomienda, por temas de accesibilidad para navegación con teclado (lo cual implica temas legales, un tema peliagudo).
	*/
	text-decoration: none;
}

a img {
	border: none;
	text-decoration: none;
}

img {
	border: none;
	text-decoration: none;
	/*Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga*/
}

/* Formularios */

label, button {
	cursor:pointer;
}

input, select, textarea {
	background-color: #F8D8B1;
}

input:focus, select:focus, textarea:focus {
	background-color: #F8D8B1;
}

fieldset {
	border: none;
}

/* Clases útiles */

.clear {
	clear: both;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

/* @end */

/* @group HTML > BODY > WRAPPER */

/*Para empezar un layout centrado:*/

body {
	text-align: center;/*Hack para que IE6 no de problemas*/
	background-image: url(../images/path-to-stripe.png.png);
	background-repeat: repeat;
}

.wrapper {
	margin: 0 auto;
	text-align: left;
	width: 800px;
	/*height:650px;*/
	page-break-before: auto;
	background-color:#8d5a07;
	overflow:hidden;
	padding-bottom:5px;
}

.wrapper_2 {
	margin: 0 auto;
	text-align: left;
	width: 800px;
	/*height:920px;*/
	page-break-before: auto;
	background-color:#8d5a07;
	overflow:hidden;
	padding-bottom:5px;
}

.wrapper_3 {
	margin: 0 auto;
	text-align: left;
	width: 800px;
	/*height:800px;*/
	page-break-before: auto;
	background-color:#8d5a07;
	overflow:hidden;
	padding-bottom:5px;
}

.wrapper_4 {
	margin: 0 auto;
	text-align: left;
	width: 800px;
	/*height:950px;*/
	page-break-before: auto;
	background-color:#8d5a07;
	overflow:hidden;
	padding-bottom:5px;
}

.arriba{
	width:800px;
	height:24px;
	background-color:#8d5a07;
}

.pie{
	width:800px;
	height:24px;
	background-color:#8d5a07;
	text-align:center;
	color:#fbc65e;
	margin:2px 0 0 0;
	font-size:10px;
	clear:both;
}

.caja{
	width:752px;
	margin:0 0 0 24px;
	/*height:360px;*/
	background-color:#e1ab51;
	height:100%;
	overflow:auto;
}

.cajatar{					/*Estilo para páginas de reservas y tarifas*/
	width:752px;
	margin:0 0 0 24px;
	background-color:#e1ab51;
	height:100%;
	overflow:auto;
}

.cajaprom{					/*Estilo para páginas de promociones*/
	width:752px;
	margin:0 0 0 24px;
	background-color:#e1ab51;
	height:100%;
	overflow:auto;
}

.cajaprom td{
	font-size:10px;
	font-family:"Monotype Corsiva";
}

.cajaprom #tit{
	font-size:26px;
	font-family:"Monotype Corsiva";
	text-align:center;
	color:#FF0000;
	font-weight:bold;
}

.cajaprom #vigencia{
	font-size:22px;
	font-family:"Monotype Corsiva";
	text-align:center;
	font-weight:bold;
}

.cajaprom #opcion{
	font-size:22px;
	font-family:"Monotype Corsiva";
	text-align:center;
	font-weight:bold;
	color:#FF0000;
	text-decoration:underline;
	margin-top:5px;
}

.cajaprom #habitacion{
	font-size:20px;
	font-family:"Monotype Corsiva";
	text-align:center;
	font-weight:bold;
	margin-top:-10px;
}

.cajaprom li{
	font-size:18px;
	font-family:"Monotype Corsiva";
	text-align:left;
	font-weight:bold;
}

.cajaprom #precio{
	font-size:18px;
	font-family:"Monotype Corsiva";
	text-align:left;
	color:#FF0000;
	font-weight:bold;
}

.caja_2{
	width:752px;
	margin:0 0 0 24px;
	height:650px;
	background-color:#e1ab51;
}

.caja_3{
	width:752px;
	margin:0 0 0 24px;
	height:auto;
	background-color:#e1ab51;
	overflow:hidden;
}

.caja_4{
	width:752px;
	margin:0 0 0 24px;
	height:auto;
	background-color:#e1ab51;
	overflow:hidden;
	padding-bottom:10px;
}

.tarifas{
	width:100%; 
	height:auto; 
	float:left;
	margin-left:5px; 
	margin-bottom:10px;
	padding-left:5px;
	clear:both;
}

.tarifas td{
	font-size:12px;
}

.encabezado{
	width:752px;
	margin:0 0 0 24px;
	height:240px;
	background-color:#e1ab51;
	background-image:url(../images/encabezado.jpg);
	background-repeat:no-repeat;
}

.texto_inicio{
	/*margin:40px 10px 5px 10px;*/
	padding:10px 0 10px 0;
	color:#380F03;
	font-size:14px;
	text-align:center;
	font-style:italic;
	line-height:150%;
}

.texto_primero{
	padding:4px
	color:#380F03;
	font-size:12px;
	text-align:center;
	font-style:italic;
	line-height:130%;
}


.frase{
	width:750px;
	height:140px;
}

.menu{
	width:752px;
	height:45px;
	padding-top:15px;
}

.cuatro_col{
	float:left;
	margin:5px 5px 30px 5px;
	padding:4px;
	border:1px dashed #8d5a07;
}

.tres_col{
	float:left;
	margin:5px 5px 30px 5px;
	padding:4px;
	border:1px dashed #8d5a07;
}
.primera_col{
	width:175px;
	float:left;
	height:auto;
	margin:5px 7px 0 5px;
	overflow:hidden;
	clear:right;
}

li{
	padding:3px 0 3px 4px;
	border-top:1px dashed #8d5a07;
}

.col_derecha{
	width:115px;
	height:100%;
	float:right; 
	border-left:1px solid #8d5a07; 
	padding:0 5px 0 10px;
}

.marron{
	background-color:#380F03;
	height:20px;
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	font-size:12px;
}

.beige{
	background-color:#F8D8B1;
	height:20px;
	color:#380F03;
	text-align:center;
	vertical-align:middle;
	font-size:12px;
}

.texto{
	font-size:10px;
	padding:0;
	margin:0;
	font-style:normal;
	text-align:center;
	padding-bottom:2px;
}

hr{
	color:#8D5A07;
	height:1px;
}

.banderitas{
	width:80px; 
	float:right; 
	padding-top:10px;
}

input#option{
	background-color:none;
	}

	
/* @end */