@charset "utf-8";
/* CSS Document */

body{

background-color:#FFFFFF;
background-image:url(images/fondo-lados.gif);
background-position:center center;
background-repeat:repeat-y;
color:#342B24;
font-family:Arial,Verdana,sans-serif;
font-size:11px;
line-height:1.3em;
margin:0;
padding:0;

}

a,a:link,a:visited{
color:#B10068;
text-decoration:none;
}
img{
border:none;
}
#content{
	width:920px;
	position:absolute;
	margin-left:-460px;
	left:50%;
	top:0px;
	background-color:#FFFFFF;
	
}
#content_admin{
	width:1000px;
	position:absolute;
	margin-left:-500px;
	left:50%;
	top:0px;
	background-color:#FFFFFF;
	border:1px solid #333333;
}

#header{
text-align:center;
border-top:none;
padding-top:5px;
padding-left:10px;
height:58px;
padding-bottom:5px;
width:900px;
}
div#top-header {
height:18px;
text-align:left;
width:900px;
padding-top:10px;
padding-left:10px;
}
#contingut{
float:left;
width:900px;
padding:10px;
}


/**************** CLIENTE **********************/

.notificacion_habitaciones{
padding-bottom:10px;
padding-top:10px;
}

.desglose_habitacion{
border:1px solid #4D2612;
}
.titulo_habitacion_precio{
font-weight:bold;
color:#FFFFFF;
background-color:#4D2612;
padding:2px;
}
.habitacion_detalles{
border-bottom:1px solid #666666;
padding:2px;
}
table.tabla_detalle_habitaciones td{
padding:2px;
}
tr.total td{
border-top:2px solid #000000;
font-weight:bold;
}
tr.subtotal td{
border-top:1px solid #666666;
font-weight:bold;
}
tr.detalle_dia td{
border-bottom:1px solid #cccccc;
}


/************* ADMIN *******************/

tr.reserva0{
background-color:#eeeeee;
}
tr.reserva1{
background-color:#ffffff;
}
td.ocupada{
color:#FFFFFF;
/*background-color:#CC0000;*/
text-align:center;
width:18px;
border:1px solid #666666;
}
td.ocupada a,td.ocupada a:hover,td.ocupada a:visited{
color:#FFFFFF;
text-decoration:none;
}
td.libre{
background-color:#cccccc;
text-align:center;
width:18px;
border:1px solid #666666;
color:#666666;
}
td.libre_finde{
background-color:#999999;
text-align:center;
width:18px;
border:1px solid #666666;
color:#333333;
}
tr.dias_semana td{
text-align:center;
width:18px;
border:1px solid #ffffff;
color:#666666;
}

.email{
padding:40px;
border:2px solid #003366;
padding-left:100px;
background:url(images/mail_48.png) #eeeeee 20px 20px no-repeat;
}
.email_admin{
padding:40px;
border:2px solid #990000;
padding-left:100px;
background:url(images/mail_48.png) #eeeeee 20px 20px no-repeat;
}

.titulo_datos_cliente{
font-weight:bold;
padding-left:0px;
padding-bottom:5px;
padding-top:5px;
}
.etiqueta{
color:#4D2612;
font-weight:bold;
padding:1px;
padding-left:0px;
padding-right:20px;
}
tr.cabecera_reservas td{
text-align:center;
background-color:#CCCCCC;
}
.titulo_datos_cliente{
font-weight:bold;
padding-left:0px;
padding-bottom:5px;
text-decoration:underline;
color:#000;
}
.etiqueta{
color:#000;
font-weight:bold;
padding-right:20px;
}
tr.cabecera_reservas td{
text-align:center;
background-color:#CCCCCC;
padding:2px;
}
tr.cabecera_reserva td{
text-align:center;
background-color:#CCCCCC;
padding:2px;
padding-left:10px;
padding-right:10px;
}
tr.detalle_reserva td{
	text-align:center;
}
.detalles{
	padding:10px;
	border:2px solid #4D2612;
}
.titulo_detalles{
	font-size:12px;
	padding:5px;
	padding-left:10px;
	font-weight:bold;
	color:#FFF;
	background-color:#4D2612;
	width:150px;

}
.precios{
	font-size:14px;
	color:#000;
}
.titulo_seccion{
	padding-bottom:5px;
	font-size:14px;
}

/************************ menu inferior **********************************/

#footer {
	padding-top: 20px;
}

#footer_line {
	border-top:thin;
	padding-top: 10px;
	border-top-color:#cec3b7;
	border-top-style:solid;
	text-align:center;
}

/* menu links */
a.mainlevel:link, a.mainlevel:visited {
	font-size:13px;
	padding-left: 5px;
	text-decoration:none;
	color:#5b4245;
}
a.mainlevel:hover {
font-size:13px;
text-decoration:none;
color:#b10068;
}

a.mainlevel-footer:link, a.mainlevel-footer:visited {
	font-size:11px;
	padding-left: 5px;
	text-decoration:none;
	color: #999999;
}
a.mainlevel-footer:hover {
font-size:11px;
text-decoration:none;
color:#b10068;
}
.listaIconos img{
	padding:4px;
}