/*
Theme Name: Palma de Mallorca
Theme URI: http://wordpress.org/
Author: Emedia
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/


/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

* {
	margin: 0; padding:0; outline:0
}
html, body {
	height: 100%;
}

body {
	background:url(images/fondo.png) repeat-x;
	font-family:Arial;
	font-size:12px;
	color:#666;
	min-width:960px
}
img { border:none }
#contenedor {
	background:url(images/fondo2.png) center top no-repeat;
}
#wrapper {
	background:url(images/fondo2.png) center top no-repeat;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width:960px;
	margin: 0 auto -180px; /* the bottom margin is the negative value of the footer's height */
	
}

#header {
	height:250px;	
	position:relative
}

#site-title a { background:url(images/logo.png);position:absolute; top:22px; left:0; width:504px; height:0; padding-top:151px; overflow:hidden; display:block}

hr  {
border-style:none none solid;
border-width:0 0 1px;
clear:both;
color:#e7f0f5;
margin:20px 0 25px;
}

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

#weather { width:135px; height:72px; position:absolute; right:0; top:60px}
#date,#date-description,#weather-thumb,#temperature,#weather-max,#weather-min { position:absolute }

#date { font-size:20px; color:#e9f1f6; font-weight:bold }
#date-description { font-weight:bold; color:#e9f1f6; top:26px }
#weather-thumb { bottom:0 }
#temperature {color:#325972;font-weight:bold; bottom:0; left:33px; font-size:20px }
#weather-max {  color:#325972; bottom:14px; right:0; font-size:10px }
#weather-min {  color:#325972; bottom:0; right:0; font-size:10px }

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

#container { width:620px; float:left; margin-right:20px  }
#primary { float:left; width:320px }


.inicio h1, .pagina h1 { margin-bottom:5px }
.inicio p, pagina p { margin-bottom:10px }
.inicio h1 { font-size:32px; font-weight:normal; letter-spacing:-2px }
.inicio h1 a {color:#666; text-decoration:none}

.inicio p, #content p { line-height:17px }
.imagen-contenido { margin-bottom:10px }

#content h1, #content p { margin-bottom:15px}

.post-meta { list-style:none}

.pagina h2 { font-size:18px; margin-bottom:10px; font-weight:normal; letter-spacing:-1px }
.pagina h2 a { color:#666; text-decoration:none}
.pagina p { margin-bottom:15px; font-size:11px;line-height:15px}

.banner { margin-top:30px }



/**************************************
MENU
**************************************/
#navegacion { width:663px; height:40px; background:url(images/navegacion.jpg); overflow:hidden; position:absolute; right:0; top:184px}
#navegacion li { float:left; display:inline }
#navegacion a { height:0; padding-top:40px; display:block; margin-right:9px; }

a#home { width:47px }
a#el-hotel { width:71px }
a#habitaciones { width:106px;margin-right:8px }
a#servicios { width:77px }
a#galeria { width:149px }
a#ubicacion { width:80px;margin-right:10px  }
a#contacto { width:79px ; margin-right:0 }

#navegacion a:hover,#navegacion a:active,#navegacion a:focus,#navegacion a.activo {  background:url(images/navegacion.jpg); }

a#home:hover,a#home:active,a#home:focus,a#home.activo { background-position: 0 -40px}
a#el-hotel:hover,a#el-hotel:active,a#el-hotel:focus,a#el-hotel.activo { background-position: -56px -40px}
a#habitaciones:hover,a#habitaciones:active,a#habitaciones:focus,a#habitaciones.activo { background-position: -136px -40px}
a#servicios:hover,a#servicios:active,a#servicios:focus,a#servicios.activo  { background-position: -250px -40px} 
a#galeria:hover,a#galeria:active,a#galeria:focus,a#galeria.activo  { background-position: -336px -40px}
a#ubicacion:hover,a#ubicacion:active,a#ubicacion:focus,a#ubicacion.activo  { background-position: -494px -40px} 
a#contacto:hover,a#contacto:active,a#contacto:focus,a#contacto.activo  { background-position:-584px -40px}
/**************************************/



/**************************************
GALERIA
**************************************/
.thumbs img { margin:0 20px 22px 0; border:5px solid #dbe9f2 }
.thumbs .ultimo { margin-right:0 }
.thumbs br { display:none}
/**************************************/



/**************************************
CONTACTO
**************************************/

.izquierda { width:310px; float:left }
.derecha { width:300px; float:left; margin-left:10px }

#formulario-contacto label { display:block; color:#a8c9db; font-weight:bold; margin-bottom:5px; padding-left:3px }
.contacto-izq, .contacto-der { width:145px; float:left}
.contacto-der { margin-left:10px}
#formulario-contacto br { display:none }


.campo, .contacto-izq,.contacto-der { margin-bottom:7px }

.campo input,.contacto-izq input, .contacto-der input { background-image:url(images/contacto.jpg); padding:4px; font-family:Arial; font-size:12px; color:#666; border:none}
.campo input { width:292px; height:22px; }
.contacto-izq input, .contacto-der input {width:137px; height:22px; background-position:0 -60px }

.textarea textarea { width:292px; height:102px; padding:4px; background-image:url(images/contacto.jpg); background-position:0 -90px; font-family:Arial; font-size:12px; color:#666; border:none; overflow:auto; margin-bottom:10px } 
#contactsubmit { width:90px; height:30px; background:url(images/contacto.jpg) -145px -60px; border:none; cursor:pointer; margin-left:210px }


.mensaje-error { color:#cf6a60; margin-bottom:20px; font-weight:bold }

.campo input.contacterror { background:url(images/contacto.jpg) 0 -30px}
.textarea textarea.contacterror-textarea { background:url(images/contacto.jpg) 0 -200px}
/**************************************/


/**************************************
FOOTER
**************************************/
#footer-wrapper { background:url(images/footer.jpg) center bottom no-repeat }
#footer { width:960px; margin:0 auto; position:relative }
#footer-menu {  font-size:10px; text-transform:uppercase; list-style:none; position:absolute; bottom:-120px }
#footer-menu li { float:left; margin-right:20px  }
#footer-menu a {color:#325972; text-decoration:none }
#copyright { color:#7aacc5; font-size:11px; position:absolute; bottom:-140px }
#emedia a { position:absolute; top:105px; right:7px; width:60px; height:0; padding-top:25px; overflow:hidden; display:block}




.push { margin-top:90px; clear:both }
#footer-wrapper, .push {
	height: 180px; /* .push must be the same height as .footer */
}