@font-face {
  font-family: 'Sorts Mill Goudy';
  font-style: normal;
  font-weight: 400;
  src: local('Sorts Mill Goudy Regular'), local('SortsMillGoudy-Regular'), url('/fonts/fontana.woff') format('woff');
}

/* Estilos Generales */
body					{ background-color: #222; line-height: 15px; background-image: url(/images/bg.jpg); background-position: center -4px; }

h1						{ color: #FFF; font-size: 18px; font-family: 'Sorts Mill Goudy', serif, Arial, Lucida Sans Unicode, Microsoft Sans Serif, Trebuchet MS, Sans Serif, Arial; text-align: left; font-weight: normal; margin: 4px 0 0 30px; }
h1 a						{ text-decoration: none;  }
h1 a:hover				{ text-decoration: underline;  }
h1 a strong				{ color: #c382ad;  }

h2						{ color: #ff93bf; font-size: 27px; font-family: 'Sorts Mill Goudy', serif, Lucida Sans Unicode, Microsoft Sans Serif, Trebuchet MS, Sans Serif, Arial; text-align: left; font-weight: normal; margin: 22px 0 3px 15px; border-bottom: 5px dotted #222; }
h2 small					{ font-size: 0.7em; }
h2 a						{ float: right; position: relative; font-size: 13px; color: #ccc; top: 14px; }
h3						{ color: #c382ad; font-size: 20px; font-family: 'Sorts Mill Goudy', serif, Lucida Sans Unicode, Microsoft Sans Serif, Trebuchet MS, Sans Serif, Arial; text-align: left; font-weight: normal; margin: 15px 0 10px 0px; }
h4						{ color: #ccc; font-size: 13px; font-family: 'Sorts Mill Goudy', serif, Lucida Sans Unicode, Microsoft Sans Serif, Trebuchet MS, Sans Serif, Arial; text-align: left; font-weight: normal; font-style: italic; margin: 15px 0 4px 00px; }

a						{ color: #77f; text-decoration: none; }
a:hover					{ text-decoration: underline; }

p						{ margin: 5px 0px 10px 0px; }

/*//////////////////////*/

/* Estilo de los textos */
.texto					{ color: #ccc; font-size: 15px; font-family: 'Sorts Mill Goudy', serif, Microsoft Sans Serif, Sans Serif, Trebuchet MS, Arial;  text-align: justify; }
.textomenu				{ color: #fff; font-size: 14px; font-family: Arial Black, Microsoft Sans Serif, Sans Serif, Arial; text-align: center; } 
.textoend				{ color: #ccc; font-size: 10px; font-family: Verdana, Microsoft Sans Serif, Sans Serif, Trebuchet MS, Arial; text-align: center; }
.textogm				{ color: #333; font-size: 12px; font-family: Microsoft Sans Serif, Sans Serif, Trebuchet MS, Arial; text-align: left; }
.textogmmodes			{ color: #333; font-size: 12px; font-family: Microsoft Sans Serif, Sans Serif, Trebuchet MS, Arial; text-align: right; }
.textokm				{ color: #c382ad; }
.textotfntop			{ color: #fff; font-size: 10px; font-family: Verdana; top: 10px; right: 8px; }
.precionumero			{ color: #ccc; font-size: 18px; font-family: Georgia, Lucida Sans Unicode, Microsoft Sans Serif, Verdana, Arial; } 
.vsmall					{ color: #ccc; font-size: 9px; font-family: Verdana, Arial; } 
.vsmallprecio			{ color: #ccc; font-size: 10px; font-family: Verdana, Arial; } 
.aright					{ text-align: right; }
/*//////////////////////*/

/* Elementos base del website */
#bgup					{ position: relative; width: 100%; height: 400px; background-image: url(/images/bgup.jpg); }
#mastertable			{ position: relative; width: 960px; height: 98%; margin-top: -387px; border-top: 3px solid #111; background-color: #1a1a1a; border-left: 3px solid #111; border-right: 3px solid #111; box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; }
#top					{ position: relative; width: 960px; height: 180px; background-color: #3a3a3a;  float: left;  background-image: url(images/top.jpg); }
#undertop				{ position: relative; float: left; width: 960px; background-color: black; border-bottom: 1px solid #222; }
#undertop ul 				{ position: relative; float: left;  margin: 0; padding: 0; list-style: none; left: 10px; }
#undertop ul  li			{ position: relative; float: left; margin: 0; display: inline; padding: 0; }
#undertop ul li span		{ position: relative; float: left; color: #ddd;  color: #ff93bf;  border-bottom: 1px solid #1a1a1a; border-left: 1px solid #333;  text-decoration: none; padding: 6px 14px; margin: 0; top: 1px; margin-top: -1px; background-color: #1a1a1a; } 
#undertop ul li a			{ position: relative; float: left; color: #ddd; color: white; text-decoration: none; padding: 6px 14px; margin: 0; } 
#undertop ul li a:hover		{ position: relative; float: left; color: #c382ad; background-color: #111; }
#content				{ position: relative; float: left; width: 960px; background-color:#1a1a1a; overflow: visible; } 
#concontent				{ position: relative; float: left; width: 930px; }
#block					{ position: relative; float: left; width: 930px; height: 100%; left: 15px; } 
#rightbanners			{ position: relative; float: right; width: 140px; height: 710px; }
#tableend				{ position: relative; width: 964px; height: 2%; background-color: #1a1a1a; border-left: 3px solid #111; border-right: 3px solid #111; }
/*//////////////////////*/

/* index.php */
#casasimg				{ position: relative; float: left; width: 960px; background-image: url(images/casasimg.jpg); background-repeat: no-repeat; border-top: 3px solid #181818; border-bottom: 3px solid #181818;  overflow: hidden;}

#casasimgacacia			{ position: relative; float: left; font-size: 12px; text-align: right; }
#casasimgacacia a		{ position: relative; float: left; font-size: 12px; }
#casasimgacacia a:hover	{ filter: alpha(opacity=0); opacity: .0; }

#casasimgpino			{ position: relative; float: right; font-size: 12px; text-align: right; margin-top: 121px; left: 1px;}
#casasimgpino a			{ position: relative; float: right; font-size: 12px; }
#casasimgpino a:hover	{ filter: alpha(opacity=0); opacity: .0; }
/*//////////////////////*/

/* thumbs de las casas */
#thumbcasas				{ position: relative; float: left; width: 441px; height: 960px; }
#thumbcasas a			{ position: relative; float: left; width: 220px; margin: 0; }
#thumbcasas a:hover		{ filter: alpha(opacity=0); opacity: .0; cursor: pointer; }

#thumbcasasmini			{ position: relative; float: left; height: 60px; }
#thumbcasasmini	a		{ position: relative; float: left; margin-right: 13px; border: 1px solid #000; }
#thumbcasasmini a:hover	{ filter: alpha(opacity=60); opacity: .6; cursor: pointer; border: 1px solid #666; }

#casasleftacacia		{ position: relative; float: left; width: 440px; background-image: url(/images/thumbsacaciabg.jpg); }
#casasleftpino			{ position: relative; float: left; width: 440px; background-image: url(/images/thumbspinobg.jpg); }
#casasrightjardin		{ position: relative; float: right; width: 440px; background-image: url(/images/thumbsjardinbg.jpg); }

/*//////////////////////*/

/* actividades.php */
#fotoizquierda			{ position: relative; float: left; margin: 12px 10px 4px 0px; border: 1px solid #444; }
#fotoderecha			{ position: relative; float: right; margin: 12px 0px 4px 10px; border: 1px solid #444; } 
/*//////////////////////*/

/* gastronomia.php */
#fotojamon				{ position: relative; float: left; margin: 18px 10px 4px 0px; border: 1px solid #444; }
#fotoqueso				{ position: relative; float: right; margin: 0px 0px 4px 10px; border: 1px solid #444; }
#fotovino				{ position: relative; float: left; margin: 0px 10px 4px 0px; border: 1px solid #444; }
#fotolentejas			{ position: relative; float: right; margin: 0px 0px 4px 10px; border: 1px solid #444; }
/*//////////////////////*/

/* Estilos de los Formularios */
form						{ padding: 10px 25px; background-color: #313131; float: left; border: 1px solid #333; }
textarea					{ resize: none; }
input[type$='submit']		{ padding: 10px 45px; float: right; background-color: #111; color: white; border-radius: 10px; -moz-border-radius: 10px;  }
input[type$='submit']:hover		{ background-color: #33f; color: white; }

.formen					{ width: 240px; height: 40px; }
.formenjoin				{ width: 200px; height: 40px; margin: 5px 0 0 5px;}

.formulario				{ border: 1px solid #444; }
.formulario:hover		{ border: 1px solid #99f; }
.formulario:focus		{ border: 1px solid #9f9; }
.formbot				{ width: 75px; border: 1px solid #999999; background-color: #ffffff; font-family: Verdana, Arial; font-size: 10px; font-weight: bold; }
.formbot:hover			{ background-color: #f99; }

#theform				{ position: relative; left: 25%; float: left; width: auto; }
#theform label			{ position: relative; float: left; width: 120px; clear: both; text-align: left; right: 10px; top: 5px; font-weight: bold; font-size: 13px; }
#theform input			{ position: relative; float: left; width: 300px; clear: both; border: 1px solid #444; padding: 5px; }
#theform textarea			{ position: relative; float: left; width: 300px; clear: both; border: 1px solid #444; padding: 5px; }
#theform input.submit		{ float: right; width: 20%; cursor: pointer;}

/*//////////////////////*/

/* Tarifas y Reservas */ 
#tablaprecios			{ border-bottom: 1px solid #444; border-left: 1px solid #444; ; position: relative; float: left; width:100%; background-color: #222; }
#tablaprecios td		{ border-right: 1px solid #444; border-top: 1px solid #444; padding: 5px; }
#tablaprecios tr:hover	{ background-color: #333; }
.blanktable				{ background-color: #444; }
.titulotable			{ background-color: #555; }
/*//////////////////////*/

/*trash*//* N/A *//*mirar a ver si estan*/
#fotocllegar			{ position: relative; float: right; margin: 0px; border: 0px solid #444; }

#pic_casa1				{ position: relative; float: left; width:  210px; height: 150px; background-color: #333; margin: 8px; border: 1px solid #444} 
#pic_casa2				{ position: relative; float: right; width: 210px; height: 150px; background-color: #333; margin: 8px; border: 1px solid #444 } 
#pic_casa3				{ position: relative; float: left; width: 210px; height: 150px; background-color: #333; margin: 8px; border: 1px solid #444} 

#fotosb					{ width: 780px; float: left; margin: 0 0 20px 10px }
#fotosb a				{ display: block; float: left; width: 120px; height: 100px; border: 1px solid #444; margin: 5px 10px 5px 10px;  }

.widetext				{ position: relative; float: right; margin: 5px 15px 5px 0; }
/*//////////////////////*/