/* 
Theme Name: css.css
Theme URI: http://
Description: The Hotel Mirallac theme.
Version: 1.0
Author: Joan R. Corominas i Portella

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/


body {
	margin: 0;
	padding: 0;
	font-size: 75%; 
	background: #FFFFFF;
	
}		


div#pagina, #pagina2 {
	position:relative;
	width: 63.5em; /* 1em = 10px */
	font-family: "Bitstream Vera Sans", Verdana, Arial, Sans-Serif;
	margin: 1.2em auto 0em;

}

div#pagina2 {
	margin-left: 10.95em;
}


div#capcalera {
	height: 6em;
}


div#capcalera h1, #foto_central h1 {
	float: left;
	height: 6.2em;
	width: 18em;
	text-indent: -9999px;
	font-size: 0.8em;
	margin:0;
	margin-left:6.2em;
	background-image: url(imatges/logo_hotel_mirallac_verd.png); 
	background-position: left;
	background-repeat: no-repeat;
}


div#capcalera h1 a {	
	padding:0;
}


div#capcalera h1 a:hover {
	text-decoration: none;
}

div#banner h3{
	float: left;
	height: 5em;
	width: 11em;
	text-indent: -9999px;
	font-size: 0.8em;
	margin:0;
	margin-left:2.6em;
	background-image: url(); 
	background-position: left;
	background-repeat: no-repeat;
	padding-top:2em;
	padding-right:.5em;
}

div#banner h6 {
	float: left;
	height: 5em;
	width: 9.9em;
	text-indent: -9999px;
	font-size: 0.8em;
	margin:0;
	margin-left:2.6em;
	background-image: url();
	background-position: left;
	background-repeat: no-repeat;
	padding-top:2em;
	padding-right:.5em;
}

div#banner h4 {
	float: left;
	height: 5em;
	width: 10.6em;
	text-indent: -9999px;
	font-size: 0.8em;
	margin:0;
	margin-left:.5em;
	background-image: url();
	background-position: left;
	background-repeat: no-repeat;
	padding-top:2em;
}

 div#banner h5 {
	float: left;
	height: 5em;
	width: 10.6em;
	text-indent: -9999px;
	font-size: 0.8em;
	margin:0;
	margin-left:.5em;
	background-image: url();
	background-position: left;
	background-repeat: no-repeat;
	padding-top:2em;
}


div#mirallac {
	float: left;
	width: 18em;
	margin:0;
	height: 4.5em;
	text-indent: -9999px;
	background-position: left;
	background-repeat: no-repeat;
	padding:0;   
	margin-top: .5em;
}



div#idiomes{
	float: right;
	margin-right:1.6em;
	margin-top: 2.1em;
	}


div#idiomes ul	{
	margin:0;
	padding:0;

}


div#idiomes  li {
	display: inline;
	list-style: none;
	padding-left:.7em;
	font-weight: normal;
	font-family: "Bitstream Vera Sans", Verdana, Arial, Sans-Serif;
	color: #006A53;
	font-size: .9em;
	background-color: inherit;

}

div#idiomes li a {
		color: #006A53;
		text-decoration: none;
		background-color: inherit;
	}

	

div#contenidor {
	width: 40.85em;
	color: #006A53;
	background-color: inherit;
	font-size: 1.5em;
	font-weight: bold;
	margin-left:.8em;
	border-top: 1px solid;
}
	


div#foto_central, #foto_central1 {
	float: left;
	width: 18.4em;
	height: 18.33em;
}
div#caixa_sola, div#caixa_sola_ofertes {
	float: left;
	width: 28em;
	margin-left:2.5em;
}


#caixa_sola p, #caixa_sola_ofertes p {
	font-weight: normal;
	color: #006A53;
	font-size: 0.60em;
	background-color: inherit;
}

#caixa_sola h2, h3, #caixa_sola_ofertes h2{
	color: #006A53;
	text-decoration: none;
	background-color: inherit;
	font-size: .60em;
	margin-top:2.5em;
}


div#caixa_sola_ofertes img {margin-top: -.5em;}


#caixa_sola h3 {
height: 10em;
}
	
div#text_dreta {
	padding-top: 0.7em;
	height: 17em;
}


 h2 {	
	color: #006A53;
	text-decoration: none;
	background-color: inherit;
	font-size: .75em
}

div#text_dreta, div#fotos_petites {
	float: right;
	width: 16em;
	margin-right: 1.4em;
	font-size: 0.8em;
	font-weight: normal;
}

title, alt {
	font-weight: normal;
	font-size: 8px;
}

div#fotos_petites ul {
	list-style: none;
	margin: 0;
	padding: 0;
}



div#fotos_petites li {
	display: inline;
	padding-right: .5em;
	
}

div#menuseccio {
	float: left;
	width: 6.7em;
	margin: 0;
}


div#menuseccio ul {
	padding: 0;
	list-style: none;
	margin-top: .95em;
}


div#menuseccio li {
	background: transparent url(imatges/guio-verd.png) no-repeat left 0.85em ; 
	margin-left:1.5em;
	font-size: 0.6em;
	padding-top:0.5em;	
	font-weight: normal;
	color: #006A53;
}


div#menuseccio li a {
	font-weight: normal;
	background-color: inherit;
	text-decoration: none;
	padding-left: 1.2em;
}


div#menuseccio li a:hover, div#idiomes li a:hover, li a:hover {
	text-decoration: none;
	color: #48AF99;
	background-color: inherit;
}


div#menuseccio ul.fill {
margin-top: 0;
}

div#menuseccio ul.fill li{
	background: transparent url(imatges/grana.png) no-repeat left 0.85em ; 
	margin-left: 2.8em;
	color:#CF5757;
	padding-left: 1em;
}



div#menuseccio ul.fill li a {
	color: #8C1F1F;
	background-color: inherit;
	padding-left: 0;
}


div#menuseccio ul.fill li a:hover {
	color: #CF5757;
	background-color: inherit;
	padding-left: 0;
}


div#peu {
	width: 67.9em;
	clear: both;
	color: #006A53;
	font-size: 0.6em;
	background-color: inherit;
	font-weight: normal;
	padding-top: 1em;
	border-top: 1px solid;
	margin-bottom:6em;
	margin-top:0;
	
}


div#logos_peu {
	float: left;
	width: 22em;
	margin: 0;

}

div#logos_peu ul {
	padding-top:1em;
	margin: 0px;
	list-style: none;
	padding-left:9em;
	
}

div#logos_peu li {
	margin-left: 1.7em;
	display: inline;
	
}

div#logos_peu img {border: 0;}

div#peu_text {
	float: left;
	width: 35em;
	margin: 0;
	text-align: center;
	padding-top:1em;

}


a {	color: #006A53; 
	background-color: inherit;
	text-decoration: none;
	}

	
p {
	font-weight: normal;
	color: #006A53;
	font-size: 0.75em;
	background-color: inherit;
}





abbr, acronym, dfn {
		cursor:help; 
		border-bottom: 1px dashed #006A53;
}

div#destacat {
	background-color: #FFEABF;
	margin-bottom: 2em;
	padding: 10px;
}


div#text_dreta ul.link,  div#text_dreta ul, div#caixa_sola ul, div#caixa_sola_ofertes ul{

	list-style: square;
	font-weight: normal;
	font-family: "Bitstream Vera Sans", Verdana, Arial, Sans-Serif;
	color: #006A53;
	font-size: 80%;
	background-color: inherit;
	padding-left: 1.3em;
	margin-top: -.7em;
}

div#caixa_sola_ofertes h2 {
background-color: #AAC01C;
color: #FFFFFF;
padding-top: .2em;
padding-bottom: .2em;
padding-left: 1em;
}

div#text_dreta li.link, {color: #48AF99;
font-weight: normal;
}

div#caixa_sola ul{
padding-left: 3.7em;
}

div#caixa_sola_ofertes ul{
font-size: 60%;
}


div#caixa_sola li {
font-size: 65%;
}


#serveis {
	list-style: none;
	font-weight: normal;
	font-family: "Bitstream Vera Sans", Verdana, Arial, Sans-Serif;
	color: #006A53;
	background-color: inherit;
	margin-left: -1.2em;
}
	
div#caixa_sola_ofertes p.grana,div#caixa_sola_ofertes a {color: #8C1F1F;}
div#caixa_sola p.grana_centre {color: #8C1F1F;
				text-align:center;
				font-weight:bold;}	
div#caixa_sola p.grana_centre1 {color: #8C1F1F;
				text-align:center;}				
.marronet {color: #CC9966;}
.negreta { font-weight:bold;}
.verd_clar, .enllas {color: #48AF99; font-weight: normal;}
.grana_clar {color: #CF5757;}
.ma {cursor:pointer;}
.centre {text-align:center; }


 /* CSS DE LA TAULA DE TARIFES*/
 
#caixa_sola ul {
	font-weight: normal;
	color: #006A53;
	font-size: 0.5em;
	background-color: inherit;
	margin-top: -2.7em;
	margin-left: -2.6em;
	list-style: square;
}

table.tarifes { 
    width: 50em; 
    margin: 20px auto; 
	font-family: "Bitstream Vera Sans", Verdana, Arial, Sans-Serif;
	font-size: 55%;
    }
	
 table, thead, tbody, tr, td {
padding: .2em;
margin: 0;
border: 0;
border-collapse: collapse;
border-spacing: 0;
}

table caption {
	margin-top: 1em;
	color: #006A53;
	text-decoration: none;
	background-color: inherit;
	font-weight: bold;
}

table td.baixa, table th.alta0, table th.baixa0, table th.sub, table tbody td, table td.alta3, tr.alta2, table td.baixa4 , 
table td.alta4, table td.baixa2
 {
border-left: 1px solid #AAB6C8;
}


table th.alta, td.alta { /* tipus habitació  dreta (excepte últim)*/
 color: #8C1F1F;
 background: #FFFFFF;
 border-top: 1px solid #AAB6C8;
 border-right: 1px solid #AAB6C8;
 
}

table td.baixa {/* tipus habitació  esquerra (excepte últim)*/
border-top: 1px solid #AAB6C8;
}

table th.alta0{/* temporada alta dreta*/
background: #8C1F1F;
color: #FFFFFF;
border-right: 1px solid #AAB6C8;
}


table th.baixa0{ /* temporada baixa esquerra*/
background: #006A53;
color: #FFFFFF;
}

table th.sub {  /* fila subtítol: tipus allotjament-fons negre*/
background: #000000;
color: #FFFFFF;
cursor:help;

}

table tbody td{  /*totes les  cel·les excepte subtítol*/
	text-align: center; 
	font-weight: normal;	
}


table td.alta3, tr.alta2 { /* última fila taula: preus temporada alta */
background: #8C1F1F;
color: #FFFFFF;
border-bottom: 1px solid #AAB6C8;

} 


table td.baixa4 { /* cel·la habitació quàdruple esquerra */
border-bottom: 1px solid #AAB6C8;
 border-top: 1px solid #AAB6C8;
}

table td.alta4 { /* cel·la habitació quàdruple dreta */
border-bottom: 1px solid #AAB6C8;
 border-top: 1px solid #AAB6C8;
color: #8C1F1F;
 background: #FFFFFF;
border-right: 1px solid #AAB6C8;

}

table td.baixa2 { /* cel·les temporada baixa (excepte última fila)*/
background: #006A53;
color: #FFFFFF;
}


 /* CSS DEL FORMULARI DE LES RESERVES*/
 
 #formulari p {
	font-size: 60%;
	padding-left:.5em;

}
 
  #formulari p.titol {
	font-weight: bold;
	margin-top: 1em;
	padding-top:1em;
}
 
 
 #formulari input.fn {
  margin-left:2.5em;

}

 #formulari input.fl {
  margin-left:5.65em;
}
 #formulari input.ft {
  margin-left:5.3em;
}

 #formulari input.fc {
  margin-left:1.8em;
}

#formulari input.fp {
  margin-left:.3em;
}

#formulari select.sh {
  margin-left:2.2em;
}

#formulari select.se {
  margin-left:3.1em;
}
.titulo{
	font-size:0.7em;
	padding-left:1.2em;
	padding-bottom:0.5em;
}
.contenido{
	font-size:0.6em;
	font-weight:normal;
	line-height:18px;
	padding-left:1.2em;
}
.contenido input[type="text"] {
	font-size:0.8em;
	height:10px;
	width:55px;
}
.contenido input[type=submit]{
	background-color:#006A53;
	border:0;
	color:#fff;
	margin-top:0.5em;
	margin-bottom:1em;
	font-size:1.1em;
}