/* Screen layout: */

/************************  Body and main container  ************************/

body
{
    padding-right: 0px;
    padding-left: 0px;
    background: url(img/bg.gif) #e8fbff repeat-y center top;
    padding-bottom: 0px;
    margin: 0px auto;
    font: 76% Verdana,Tahoma,Arial,sans-serif;
    color: #303030;
    padding-top: 0px;
}


#apartments
{
    background: #ffffff;
    color: #303030;
    margin: 0 auto;
    width: 760px;
}

/***********  Menu navegación  ************/

#apartments-navigation
{
    font-size: 0.9em;
    text-align: right;
    margin: 0px 0px 8px 0px;
    padding: 3px 3px 5px 3px;
    background-color: #f0f0f0;
}

#apartments-navigation a:hover
{
    /*background-color: gray;*/
    background-color: #6495ED;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}

#apartments-navigation a:link, a:visited, a:active
{
    color: #0063B5;
    font-weight: bold;
}

.enlaces
{
    padding: 2px 10px 4px;
    text-decoration: none;
    color: #0063B5;
    font-weight: bold;
}

.enlaces a:link, a:visited, a:hover, a:active
{
    /*color: #286EA0;*/
    color: #0063B5;
    font-weight: bold;
}

/***********  FIN Menu navegación  ************/

/***** Various tags *****/
a
{
    text-decoration: none;
    font-weight: bold; /*color:#286EA0;*/
    color: #0063B5;
    background-color: inherit;
}

a:hover
{
    text-decoration: underline;
    color: #286EA0;
    background-color: inherit;
    font-weight: bold;
}

a img
{
    border: 0;
}

/********************************  Header  ********************************/

#cablogo
{
    margin: 5px 0px 5px 0px;
}

#header
{
    margin: 0px 0 0 0;
    padding: 0;
    height: 45px;
}

#header h1
{
    background-color: inherit;
    margin: 0px 0px 0px 3px;
    float: left;
    font: 1.4em Georgia,Times New Roman,Times,Serif; /*color: #286EA0;*/
    font-weight: bold;
}

#header h1 a:link
{
    color: #0063B5;
    text-decoration: none;
}

#header h1 a:visited
{
    color: #0063B5;
    text-decoration: none;
}

#header h1 a:hover
{
    color: #0063B5;
    text-decoration: none;
}

#header h1 a:active
{
    color: #0063B5;
    text-decoration: none;
}

#frontphoto
{
    margin: 0px 0px 0px 0px;
    border: solid 1px gray;
}

/*****************************   Left sidebar   *****************************/
#apartments-left
{
    clear: left;
    float: left;
    width: 140px;
    margin: 0 0 5px;
    padding: 0px;
}

#apartments-left h2, #apartments-left h3
{
    padding: 2px 0 0 0;
    font-size: 1em;
    margin: 0px;
}

#apartments-left div.apartments-sections
{
    clear: left;
    margin: 0px 0 15px;
    padding: 0px 0px;
    width: 140px;
    font-size: 0.8em;
    color: #505050;
    line-height: 1.5em;
}


.benidorm_off
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    background: #f5f5f5;
    padding: 5px 8px;
    margin-bottom: 20px;
    border: 1px solid #0063B5;
    text-align: center;
}

.benidorm_on
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    background: #E8FBFF;
    padding: 5px 8px;
    margin-bottom: 20px;
    border: 1px solid #0063B5;
    text-align: center;
}

/****************************   Right sidebar   *****************************/
#apartments-right
{
    float: right;
    width: 135px;
    margin: 0 0 5px;
    padding: 0;
    line-height: 1.4em;
}

#apartments-right p, #apartments-right ul
{
    font-size: 0.9em;
    margin: 0 0 16px;
    padding: 0;
}

#apartments-right li
{
    list-style: none;
    line-height: 1.2em;
    margin: 8px 0 6px 5px;
    padding: 0;
}

#apartments-right ul ul
{
    margin: 3px 0px 0px 10px;
    padding: 0;
}

#apartments-right ul ul li
{
    margin: 0 0 4px 0;
}

#apartments-right ul ul li a
{
    font-size: 1.1em;
    font-weight: normal;
}

#apartments-right h2, #apartments-right h3
{
    color: #ffffff;
    background-color: #0063B5;
    font-size: 0.9em;
    font-weight: bold;
    margin: 0px;
    padding: 0px 0px 0px 5px;
}

/***********  Acceso clientes  ************/

#apartments-login
{
    border: solid 1px #286EA0;
    background: #f5f5f5;
    margin-bottom: 20px;
}

.formulario
{
    font-size: 9px;
    margin: 5px;
}

.formulario input
{
    border: 1px solid gray;
    font-size: 9px;
    margin-left: 5px;
}

.boton a:link, a:hover, a:active, a:visited
{
    color: #FFFFFF;
}

/***********  Alquiler coches  ************/

#apartments-car-hire
{
    border: solid 1px #286EA0;
    margin-bottom: 20px;
}

/****************  Links  *****************/

#apartments-links
{
    border: solid 1px #286EA0;
    background: #f5f5f5;
    margin-bottom: 20px;
    font-weight: normal;
}

#apartments-offer
{
    border: solid 1px #286EA0;
    background: #f5f5f5;
    margin-bottom: 20px;
    font-weight: normal;
}

#apartments-links li
{
    font-size: 0.8em;
    font-weight: normal;
}

/*********  Cómo llegar a los apartamentos  **********/

#apartments-get-there
{
    border: solid 1px #286EA0;
    background: #EEEEEE;
    padding: 0px 0 8px 0px;
}

#apartments-get-there img
{
    padding: 8px 0 0 3px;
    vertical-align: top;
}

#apartments-get-there h2
{
    background: #EEEEEE;
    color: #0063B5;
}

#apartments-get-there a:link
{
    font-family: Verdana,Tahoma,Arial,sans-serif;
    font-size: 1em;
}

#apartments-get-there h3
{
    background: #EEEEEE;
    color: #0063B5;
    text-align: center;
}

/*****************************  Center content  ******************************/

#benidorm-content
{
    margin: 0 140px 5px 145px;
    padding: 0 10px;
    line-height: 1.6em;
    font-size: 0.9em;
    text-align: justify; /*background-color: #EEEEEE;*/
}

/*********  Encabezado contenido centro  **********/

#cabecera
{
    border-bottom: 1px solid #000000;
}

#benidorm-content table a:link, a:visited, a:hover, a:active
{
    font-weight: normal;
}

#benidorm-content h2
{
    font-size: 1.3em;
    font-weight: bold;
    margin: 0px;
}

#benidorm-content h3
{
    font-size: 1.0em;
    font-weight: bold;
    color: #000000;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#benidorm-content h3 a:link, a:hover, a:active, a:visited
{
    color: #000000;
}

#benidorm-head
{
    background-color: #E8FBFF;
    text-align: center;
    width: 449px;
    margin: 10px 0px 0px 0px;
    line-height: 1.2em;
    font-weight: normal;
}

.benidorm-head-on
{
    border: 1px solid #0063B5;
    background-color: #0063B5;
}

.benidorm-head-on a:link
{
    color: #FFFFFF;
    font-weight: normal;
}

.benidorm-head-on a:hover
{
    color: #FFFFFF;
    font-weight: normal;
}

.benidorm-head-on a:visited
{
    color: #FFFFFF;
    font-weight: normal;
}

.benidorm-head-off
{
    border: 1px solid #286EA0;
}

.benidorm-head-off a:link, a:hover, a:active
{
    color: #0063B5;
    font-weight: normal;
}

.benidorm-head-off a:visited
{
    font-weight: normal;
}

#benidorm-content ul
{
    margin-top: 5px;
    padding-top: 0px;
}

#benidorm-content ul a:link, a:hover, a:active, a:visited
{
    color: #0063B5;
    font-weight: bold;
}

#benidorm-content ul ul
{
    margin-top: 0px;
}

/******************************  Footer  *******************************/

#apartments-footer
{
    clear: both;
    margin: 0 auto;
    padding: 10px 0 20px;
    width: 760px;
    text-align: center;
    color: #808080;
    background: #ffffff;
    font-size: 0.8em;
}

#apartments-footer a
{
    color: #808080;
    background-color: inherit;
    text-decoration: none;
    font-size: 1em;
}

#apartments-footer a:hover
{
    text-decoration: underline;
}

#apartments-footer-navigation
{
    background-color: #F3F1F1;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    padding: 5px 0px;
    margin-bottom: 10px;
}

/*****************************  Various classes  *****************************/
.left
{
    margin: 8px 0 8px 0;
    float: none;
}

.right
{
    margin: 2px 0 2px 10px;
    float: right;
}

.textright
{
    text-align: right;
}

.center
{
    text-align: center;
}

.small
{
    font-size: 0.8em;
}

.bold
{
    font-weight: bold;
}

.hide
{
    display: none;
}

.galeria
{
    text-align: center;
}


/*******************  Bordes imágenes  ***************************/

.cardTopOff
{
    background: url(   'img/fondillo_t1_off.gif' ) top left no-repeat;
    padding: 2px 0px;
    height: 1px;
}

.cardCenterOff
{
    background: url(   'img/fondillo_c1_off.gif' ) top left repeat-y;
    padding: 0px 0px;
    text-align: center;
}

.cardBottomOff
{
    background: url(   'img/fondillo_b1_off.gif' ) top left no-repeat;
    padding: 2px 0px;
    text-align: center;
    height: 1px;
}


.cardTopOn
{
    background: url(   'img/fondillo_t1.gif' ) top left no-repeat;
    padding: 2px 0px;
    height: 1px;
}

.cardCenterOn
{
    background: url(   'img/fondillo_c1.gif' ) top left repeat-y;
    padding: 0px 0px;
    text-align: center;
}

.cardBottomOn
{
    background: url(   'img/fondillo_b1.gif' ) top left no-repeat;
    padding: 2px 0px;
    text-align: center;
    height: 1px;
}


/*******************  Calendario  ***************************/

.calendar
{
    border: 1px solid #0063B5;
    padding: 2px;
    font-size: 0.9em;
    font-weight: normal;
    text-transform: capitalize;
    text-align: center;
}

.calendar-month
{
    background-color: #0063B5;
    color: #FFFFFF;
    font-size: 0.9em;
    width: 100%;
    padding: 0px;
    margin: 2px 0px;
}

.calendar-month a:link
{
    color: #FFFFFF;
}

.calendar-month a:visited
{
    color: #FFFFFF;
}

.calendar-month a:hover
{
    color: #FFFFFF;
}

.calendar-month a:active
{
    color: #FFFFFF;
}

.calendar-day
{
    background-color: #E8FBFF;
    color: #0063B5;
    font-size: 0.9em;
    font-weight: bold;
}

.calendar-day-number
{
    font-size: 0.8em;
}

.calendar-day-number a:link
{
    font-weight: normal;
    color: #0063B5;
}

.calendar-day-number a:visited
{
    font-weight: normal;
    color: #0063B5;
}

.calendar-day-number a:hover
{
    font-weight: normal;
    color: #FFFFFF;
    background-color: red;
    padding: 1px;
}

.calendar-day-number a:active
{
    font-weight: normal;
    color: #0063B5;
}

.calendar-day-today
{
    border: 1px solid #0063B5;
    padding: 0px 1px;
}

.calendar-day-today a:link
{
    color: #0063B5;
}

.calendar-day-today a:active
{
    color: #0063B5;
}

.calendar-day-today a:visited
{
    color: #0063B5;
}

.calendar-day-today a:hover
{
    color: RED;
}

.calendar-day-selected
{
    color: #FFFFFF;
    background-color: #000F85;
}

.calendar-day-selected a:link
{
    font-weight: normal;
    color: #FFFFFF;
}

.calendar-day-selected a:hover
{
    font-weight: normal;
    color: #FFFFFF;
}

.calendar-day-selected a:active
{
    font-weight: normal;
    color: #FFFFFF;
}

.calendar-day-selected a:visited
{
    font-weight: normal;
    color: #FFFFFF;
}

.calendar-weekend
{
    background-color: #FF0000;
}

.calendar-other-month
{
    color: #CCCCCC;
}
.calendar-other-month a:link, .calendar-other-month a:visited, .calendar-other-month a:hover, .calendar-other-month a:active
{
    color: #CCCCCC;
}


/*****************************************   Galería   *****************************************/

#thumbs
{
    padding-top: 20px;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
}
#thumbs .thumb_row
{
    padding-right: 0px;
    display: block;
    padding-left: 28px;
    padding-bottom: 10px;
    width: 420px;
    padding-top: 2px;
    text-align: center;
}
#thumbs .thumb
{
    padding-right: 4px;
    padding-left: 4px;
    font-size: 9px;
    float: left;
    padding-bottom: 10px;
    width: 120px;
    line-height: 120%;
    padding-top: 0px;
    font-family: verdana, arial, hevetica, sans-serif;
}
#thumbs .thumb_img_h
{
    height: 145px;
    width: 115px;
    text-align: center;
    background-color: #EEEEEE;
    border-right: #a5a7aa solid 1px;
    border-bottom: #a5a7aa solid 1px;
}

#thumbs .thumb_img_h img
{
    padding: 22px 0px 12px 2px;
    margin: 0 0 0 0;
}

#thumbs .thumb_img_v
{
    height: 145px;
    width: 93px;
    text-align: center;
    background-color: #f5f7f9;
    border-right: #a5a7aa solid 1px;
    border-bottom: #a5a7aa solid 1px;
}

#thumbs .thumb_img_v img
{
    padding: 9px 0px 0px 2px;
}

#thumbs ul
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    list-style-type: none;
}
#thumbs ul.t
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 5px;
}
#thumbs li.t_title, #thumbs li.t_desc
{
    font-weight: bold;
    padding-bottom: 1px;
}

/*****************************************  FIN - Galería   *****************************************/

/**********************************   Proceso Reserva   *****************************************/

.reserva-tabla
{
    /* d8e6eb d7f3ff BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ffd50f 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #ffd50f 1px solid; WIDTH: 445px; PADDING-TOP: 5px; BORDER-BOTTOM: #ffd50f 1px solid; BACKGROUND-COLOR: aliceblue; TEXT-ALIGN: justify*/
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    border-left: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    background-color: #f5f5f5;
    padding-left: 2px;
}

.reserva-tabla-apartamentos
{
    /* d8e6eb d7f3ff BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ffd50f 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #ffd50f 1px solid; WIDTH: 445px; PADDING-TOP: 5px; BORDER-BOTTOM: #ffd50f 1px solid; BACKGROUND-COLOR: aliceblue; TEXT-ALIGN: justify*/
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    border-left: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    border-right: #cccccc 1px solid;
    background-color: #ffffff;
}

.reserva-tabla2
{
    /* ffffcc d8e6eb d7f3ff BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc thin solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #cccccc thin solid; WIDTH: 445px; PADDING-TOP: 5px; BORDER-BOTTOM: #cccccc thin solid; BACKGROUND-COLOR: #ffffcc; TEXT-ALIGN: justify*/
    background-color: #f5f5f5;
}

.reserva-error
{
    padding-left: 2px;
    width: 100%;
    font-weight: bold;
    color: #ff0000;
    font-size: x-small;
}

.reserva-titulo
{
    /*padding-right: 5px;*/
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    color: white;
    /*width: 100%;*/
    background-color: #aa003a;
    font-size: large;
}
.reserva-bloque1
{
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: black; /*#696969;*/
    /*width: 100%;*/
    background-color: #add8e6;
    font-weight: bold;
}
.reserva-bloque-peq
{
    font-size: x-small;
    /*width: 100%;*/
    font-style: italic;
}
.reserva-bloque2
{
    padding-left: 3px;
    /*width: 98%;*/
}
.reserva-bloque3
{
    color: black;
    /*width: 100%;*/
    background-color: #ffffcc;
}


.reserva-input
{
    font-size: x-small;
    font-family: Verdana,Tahoma,Arial,sans-serif;
}
.reserva-select
{
    font-size: 1em;
    font-family: Verdana,Tahoma,Arial,sans-serif;
}
.reserva-boton
{
    /* BackColor="#80FFFF" BorderColor="DimGray" BorderStyle="Dashed" Font-Bold="True" ForeColor="Black" */
    color: black;
    background-color: #ffd50f;
    border-right: #707070 2px solid;
    border-top: #707070 1px solid;
    border-left: #707070 1px solid;
    border-bottom: #707070 2px solid;
    font-weight: bold;
}

/**********************************   FIN - Proceso Reserva   *************************************/


/**********************************   LOGIN USUARIO - PARTE CLIENTES   *****************************************/


.login-tabla
{
    /* d8e6eb d7f3ff BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ffd50f 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #ffd50f 1px solid; WIDTH: 445px; PADDING-TOP: 5px; BORDER-BOTTOM: #ffd50f 1px solid; BACKGROUND-COLOR: aliceblue; TEXT-ALIGN: justify*/
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    border-left: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    border-right: #cccccc 1px solid;
    background-color: #f5f5f5;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 100%;
}

.login-error
{
    padding-left: 2px;
    /*width: 100%;*/
    font-weight: bold;
    color: #ff0000;
    font-size: x-small;
}

.login-titulo
{
    color: white;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: #aa003a;
    font-size: large;
}
.login-bloque1
{
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 1px;
    padding-top: 1px;
    color: black; /*#696969;*/
    background-color: #add8e6;
}

.login-bloque2
{
    padding-left: 5px;
    padding-right: 1px;
    margin: 5px 0px;
    /*width: 95%;*/
}
.login-bloque3
{
    color: black;
    /*width: 100%;*/
    background-color: #ffffcc;
}
.login-bloque-peq
{
    padding-left: 5px;
    border-top: #cccccc 1px solid;
    font-size: x-small;
    /*width: 100%;*/
    font-style: italic;
}

.login-input
{
    font-size: x-small;
    font-family: Verdana,Tahoma,Arial,sans-serif;
}
.login-select
{
    font-size: 1em;
    font-family: Verdana,Tahoma,Arial,sans-serif;
}

.login-boton
{
    /* BackColor="#80FFFF" BorderColor="DimGray" BorderStyle="Dashed" Font-Bold="True" ForeColor="Black" */
    color: black;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    background-color: #cccccc;
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    font-weight: bold;
    color: black;
}

/**********************************   FIN - Proceso Reserva   *************************************/

/**********************************   Plantillas   *************************************/

.plantilla-body
{
    background-color: #eeeeee;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 70%;
    font-weight: normal;
    margin: 0;
    text-align: center;
    background-image: none;
}

.plantilla-content {
	background-color: #FFF;
	border: 1px solid #006C82;
	clear: both;
	margin: 10px auto;
	width: 650px;
} 

.plantilla-form_cont_tit {
	background-color: #006C82;
	border: 1px solid #006C82;
	color: #FFF;
	font-weight: bold;
	margin: 0 20px;
	padding: 3px 10px;
	text-align: left;
}

.plantilla-form_cont {
	background-color: #EEE;
	border: 1px solid #006C82;
	margin: 0 20px;
	padding: 5px;
	text-align: left;
}

.plantilla-link1 {
	color: #006C82;
	font-weight: normal;
	text-decoration: none;
}
.plantilla-link1:hover {
	color: #006C82;
	text-decoration: underline;
}

.plantilla-tit2 {
	color: #006C82;
	font-weight: bold;
	margin: 10px 0 5px 0;
}

/**********************************   FIN - Plantillas   *************************************/

/*logo para navidad */
div.topleft {
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
}
div.topright {
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
}