/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2.8
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body {
background-color : #252525;
}

p {
margin-bottom : 15px;
line-height : 19px;
}

#container {
width : 940px;
color : #333333;
font-family : Trebuchet MS;
font-size : 13px;
background-color : #ffffff;
margin : 55px auto 10px auto;
position : relative;
padding : 10px;
}

#menu {
width : 940px;
background-color : #000000;
height : 32px;
position : absolute;
top:228px;
z-index:10px;
}
#menu li {
float : left;
color : #fff;
}
#menu ul ul {
display : none;
}
#menu li a, #menu li a:visited {
color : #fff;
text-decoration : none;
}
#menu li a:hover, #menu li a:active {
text-decoration : underline;
}
.home, .nivel1, .photos, .location, .reviews, .offers, .ocio, .faq, .club, .news, .golf, .empresa, .habitaciones {
padding : 7px 10px;
border-right : 1px solid #fff;
}
.nivel1 a {
padding : 0;
border : none;
}
.habitaciones {
    background-color: #C81D55;
}
.home {
background-color : #2f4a70;
}
.empresa {
    background: none repeat scroll 0 0 #CC0000;
}
.nivel1 {
background-color : #ff7400;
}
.hotel ul {
background-color : #ff7400;
border-right : 1px solid #fff;
border-bottom : 1px solid #fff;
border-top : 1px solid #fff;
z-index : 10;
margin-top : 7px;
}
.hotel li {
padding : 5px 8px;
}
.location {
background-color : #58311a;
}
.reviews {
background-color : #781f20;
}
.photos {
background-color : #cc9900;
}
.offers {
background-color : #a7b00c;
}
.ocio {
background-color : #404040;
}
.golf {
background-color : #0f7300;
}
.faq {
background-color : #7f0e59;
}
.club {
background-color : #999966;
}
.news {
background-color : #990033;
}
#menu ul {
list-style-type : none;
}
#menu ul li, #menu ul li ul li {
border-left : 1px solid #fff;
}
#menu ul li.nivel1 {
float : left;
}
#menu ul li a {
display : block;
text-decoration : none;
color : #fff;
background : url('http://www.hotelregentearagon.com/resources/transparente.gif') no-repeat;
position : relative;
}
#menu ul li:hover {
position : relative;
}
#menu ul li a:hover {
color : #fff;
position : relative;
}
#hotel {
padding : 0;
margin : 0;
background-color : #ff7400 !important ;
}
#menu ul li a.hotel {
background-color : #ff7400;
}
#menu ul li.hotel a:hover {
background-color : #ff7400;
}
#menu ul li a.nivel1 {
display : block !important ;
display : none;
position : relative;
}
#menu ul li ul {
display : none;
}
#menu ul li a:hover ul, #menu ul li:hover ul {
display : block;
position : absolute;
left : -1px;
}
#menu ul li ul li a {
width : 180px;
border-top-color : #000;
}
#menu ul li ul li a:hover {
border-top-color : #000;
position : relative;
}
table.falsa {
border-collapse : collapse;
border : 0;
float : left;
display : inline;
position : relative;
}
#hcard-Hotel-Regente {
position : absolute;
bottom : 21px !important ;
color : #999999;
font-style : normal;
text-align : center;
width : 940px;
font-size : 12px;
clear : both;
display : block;
}

#hcard-Hotel-Regente p {
margin:0;
padding:0;
line-height:16px;
}

#hcard-Hotel-Regente span {
color : #999999;
}

#hcard-Hotel-Regente  a, #hcard-Hotel-Regente a:visited {
color : #cc9900;
text-decoration : none;
}
#hcard-Hotel-Regente  a:hover, adress a:active {
text-decoration:underline;
}
#logo a{
background-image : url('http://www.hotelregentearagon.com/images/logo.png');
width : 137px;
background-repeat: no-repeat;
height : 146px;
text-indent : -100000px;
position : absolute;
top : -37px;
left : 20px;
z-index : 101;
display:block;
}

#flash {
position : absolute;
top : 43px;
}

#contenidos {
float:right;
font-family:Helvetica,sans-serif;
font-size:13px;
margin:10px 0;
padding:36px 13px 15px 0;
width:677px;
}
#columna {
float : left;
width : 25%;
height : 540px;
margin : 29px 0 0 0;
}

#footer {
width : 940px;
height : 85px;
background-color : #000000;
clear : both;
}

#rss {
position:absolute;
top:-25px;
right:0;
}

#rss a {
color:#ed8b3a;
text-decoration:none;
font-size:12px;
}

#rss a:hover {
text-decoration:underline;
}

#rss span {
padding-right:12px;
background:url('http://www.hotelregentearagon.com/images/rss.gif') 20px 3px no-repeat;
font-weight:bold;
}

#lang {
position : absolute;
background : #191919;
top : 10px;
width : 920px;
z-index : 100;
color : #999999;
padding : 14px 10px;
}
#lang li {
float : right;
font-size : 11px;
font-family : Verdana;
margin : 0 0 0 8px;
border-right : 1px solid #999999;
padding-right : 8px;
}
#lang li a, #lang li a:visited {
text-decoration : none;
color : #ffffff;
}
#lang li a:hover, #lang li a:active {
color : #cc9900;
}
.current {
color : #ff8400;
}

#contenidos h2 {
color : #333333;
border-bottom : 1px solid #ff9900;
font-size : 27px;
margin-bottom : 12px;
font-weight : normal;
font-family : Verdana;
border-left : 1px solid #ff9900;
padding : 0 0 7px 10px;
}

#contenidos h2 a:link, #contenidos h2 a:visited {
color : #333333;
}

#columna h2 {
background-color : #000000;
color : #fff;
padding : 7px 10px;
margin : 10px 0;
font-family : Trebuchet MS;
}
#contenidos h3 {
color : #333333;
font-size : 20px;
margin : 0 0 10px 0;
font-weight : normal;
padding : 0 0 5px 7px;
border-left : 2px solid #cccccc;
border-bottom : 1px solid #e2e2e2;
}
#contenidos h4 {
font-family : Arial;
font-weight : normal;
color : #333333;
font-size : 15px;
margin : 0 0 5px 0;
text-decoration:underline;
}

#contenidos ul {
list-style-type : none;
}
#contenidos li {
margin : 0 0 8px 35px;
line-height : 19px;
background-image : url('http://www.hotelregentearagon.com//images/list.gif');
background-repeat : no-repeat;
background-position : 0 3px;
padding-left : 25px;
}
#contenidos a, #contenidos a:visited {
text-decoration : none;
}
#contenidos a:hover, #contenidos a:active {
text-decoration : underline;
}


#mirai_bookentrance{
    width: 235px;
    height: 172px;
    background-color:#252525;
    margin-top:6px;

}

/*--- Principio Contenedor del motor de reservas ---*/
#mirai_be0, #mirai_be2, #mirai_be0 input, #mirai_be0 select { /*#mirai_be2, #mirai_be0 input, #mirai_be0 select para que se vea la misma letra en IE6 y IE7*/
font-family: 'Trebuchet MS';

}
#mirai_be0 {

    color:#CCCCCC;
}
/*--- Fin Contenedor del motor de reservas ---*/
/*--- Principio Posición de elementos ---*/
#mirai_be1, #mirai_be3 { /* Espacio a la izquierda para "Entrada" y "Noches" y margin para igualar horizontalmente con textos de los input */
    left:2em;
    /*margin-top:0.25em;*/
}
#mirai_be2, #mirai_be4, #mirai_be6 { /* Espacio a la izquierda para "Input Entrada", "Input Noches", y "Input Codigo Promocional" */
    left:8.8em;
}
#mirai_be7, #mirai_be8 { /* Espacio a la izquierda para "Input Reservar", "Input Ver/Cancelar" */
    /*left:0;*/
}
#mirai_be1, #mirai_be2 { /* Espacio superior para "Entrada" y "Input Entrada" */
    top: 0.5em;
}
#mirai_be3, #mirai_be4 { /* Espacio superior para "Noches" y "Input Noches" */
    top:2.8em;
}
#mirai_be5 { /* Espacio superior y a la izquierda para "Codigo Promocional" */
    top: 7.15em;
    left: 2.8em;
}
#mirai_be6 { /* Espacio superior para "Input Codigo promocional" */
    top:5.2em;
}
#mirai_be7 { /* Espacio a la izquierda y superior para "Input Reservar" */
top: 7.5em;
left:1.3em;
}
#mirai_be8 { /* Espacio a la izquierda y superior para "Input Ver/Cancelar" */
    /*top: 9.9em;*/
    /*left:0;*/
}
/*--- Fin Posición de elementos ---*/
/*--- Principio Estilos de Botones y Codigo Promocional ---*/
#mirai_be2, #mirai_be6 { /* Anchura para "Input Entrada" y "Input Codigo Promocional" */
    /*width:7em;*/
}
#mirai_be2, #mirai_be4, #mirai_be6 { /* Estilos "Input Entrada", "Input Noches" y "Input Codigo Promocional" */
     /*background-color:#FFFFFE;*/ /* para que el "color" de < slect > en Safari funciona, no se pudede asignar #FFFFFF. Color de letra para Text Inputs */
     /*border:1px solid #999;*/
     /* color: #444;*/
    }
#mirai_be5 { /*--- Texto "Codigo Promocional" ---*/
    /*font-size: 0.75em;*/
    /*line-height: 0.9em;*/
    /*width: 3em;*/
}
#mirai_be7 input { /*--- Boton "Input Reservar" ---*/
    background-color: #FF7400;
    border: medium none;
    color: #FFFFFF;
    display: block;
    height: 30px;
    margin: 0 auto;
    width: 203px;
}
#mirai_be7 input:hover { /*--- Boton "Input Reservar Hover" ---*/
 background-color: #006633;
}
#mirai_be8 { /*--- Boton "Input Ver/Cancelar" ---*/
    border-top: 1px dashed #FFFFFF;
    color: #FFFFFF;
    display: block;
    margin-top: 0.6em;
    padding-left: 1em;
    padding-top: 0.6em;
    text-decoration: underline;
    width: 235px;
}
#mirai_be8:hover { /*--- Boton "Input Ver/Cancelar" ---*/
    /*---*/
}
/*--- Fin Estilos de Botones y Codigo Promocional ---*/
/*--- Principio Para que el calendario aparezca siempre encima ---*/
#ui-datepicker-div {
    /*font-size:0.8em;*/
}
/*--- Fin Para que el calendario aparezca siempre encima ---*/