/*******************************************************
   Estilo para el Hostal Casa Almantica (Almansa)
	 Diseņo y mantenimiento: Ricardo Garcia
*******************************************************/

/******************
 formatos globales 
******************/
* {
 margin: 0px;
 padding: 0px;
 border: 0px;
 }
body {
 background: #eeeeee url(images/fonsbody.jpg) repeat-x;/*#667744*/
 color: #000033;
 font: normal 75% Verdana, Arial, Helvetica, sans-serif;
 text-align: center;
 }
p {
 margin-bottom: 1.5em;
 text-align: left;
 }
img {
 border: none;
 }
h1 {
 font-size: 2.1em;
 font-weight: bold;
 font-variant: small-caps;
 }
h2 {
 font-size: 1.4em;
 font-weight: bold;
 }
h3 {
 font-size: 1.2em;
 font-weight: bold;
 }
a , a:visited {
 color: #000099;
 font-weight: bold;
 text-decoration: none;
 }
a:hover {
 color: #990000;
 text-decoration: underline;
 }
/*** clases globales ***/
.align-izq { text-align: left; }
.align-cen { text-align: center; }
.align-der { text-align: right; }
.float-izq { float: left; }
.float-der { float: right; }
.clear { clear: both; }

/************
 maquetacion
************/
#tot {
 margin: 20px auto 0px auto;
 width: 760px; /*ancho de referencia:= a*/
 background: #ffffff;
 text-align: left;
 }
#cap {
 /*float: left;*/
 width: 760px;
 height: 215px;
 background: #000000;
 color: #ffffff;
 text-align: center;
 }
   #direc {
    float: left;
    padding: 20px 20px 10px 20px;
    }
   #fotocap {
    float: right;
		}
#nav {
 clear: both;
 /*width: 760px;*/
 height: 30px;
 background: #000000;
 color: #ffffff;
 }
   #seccio {
    float: left;
		padding: 0 0 0 215px;
    /*width: 395px;*/
	  background: #000000;
		}
   #idioma {
    float: right;
		padding: 5px 0 0 0;
    /*width: 160px;*/
		background: #000000;
    }
#cos {
 /*clear: both;*/
 width: 760px;
 border-top: 2px solid #660033;
 }
   #menu {
    float: left;
    width: 180px;
    }
   #contingut {
    float: right;
    padding: 35px 15px 20px 35px;
    width: 530px; /*a - 180(#menu) - 10 - 40 (padding #contingut) = 530*/
    }
#peu {
 clear: both;
 /* width: 760px;*/
 border-top: 2px solid #990033;
 padding: 0 0 15px 0;
 }
#autor {
 margin: auto;
 width: 760px;
 }

/********************
 formato de elementos
********************/
/*** elementos cap ***/
#direc img {
 margin: 10px 0px 20px 0px;
 }
#direc h1{
 font-size: 1.2em;
 font-weight: bold;
 font-variant: small-caps;
 }
#direc address {
 font-style: normal;
 }
#direc a , #direc a:visited {
 color: #ffff66;
 text-decoration: none;
 }
#direc a:hover {
 color: #ccff66;
 text-decoration: underline;
 }
#fotocap img {
 margin: 20px 12px 10px 0px;
 }

/*** elementos nav ***/
#nav h1 {
 font-size: 2em;
 font-weight: bold;
 font-variant: small-caps;
 /*letter-spacing: 0.5em;*/
 }
#nav img {
 margin: 2px 15px 2px 2px;
 }

/*** elementos cos ***/
#cos.sols h1 {
 margin: 30px 20px 10px 20px;
 }
#cos.sols p {
 margin: 0px 20px 10px 20px;
 }

/*** elementos menu ***/
#menu ul li {
 list-style-type: none; 
 font-size: 1.25em;
 font-weight: bold;
 line-height:1.6em ;
 background: #334422;
 }
#menu ul li a , #menu ul li a:visited {
 display: block;
 border-left: 5px solid #333322;
 padding: 0.3em 0px 0.3em 10px;
 color: #ffff66;
 text-decoration: none;
 }
#menu ul li a:hover , #menu ul li a#pagactual {
 border-left: 5px solid #ccff66;
 background: #333322;
 color: #ccff66;
 }

  /* correccion ie6 */
  * html #menu ul li {float: left;}
  * html #menu ul li a {height: 1%;}
  /* fin de la correcion */

/*** elementos contingut ***/
#contingut h1 {
 margin-bottom: 0.5em;
 }
#contingut ul li {
 list-style-type: circle; 
 margin: 0 0 0 25px;
 }
#contingut dt p {
 margin: 0 0 0 25px;
 font-size: 1.25em;
 text-decoration: underline;
 }
#contingut dd p {
 margin: 0 0 0 40px;
 font-size: 1.25em;
 }
#contingut p.aviso {
 margin: 5px 0px;
 font-size: 1.25em;
 font-weight: bold;
 line-height: 1.5em;
 color: #660033;
 text-decoration: /*overline*/ underline;
 }
#tblfotos {
 border-collapse: collapse;
 border: 1px groove #d3d3d3;
 }
#tblfotos td{
 width: 175px;
 border: 1px solid #d3d3d3;
 background-color:#000000;
 padding: 5px;
 }
 
 
/*** elementos peu ***/
#peu p{
 margin: 0;
 padding: 10px;
 text-align: center;
 font-size: 0.9em;
 font-weight: bold;
}
#peu p a , #peu p a:visited {
 border: 3px solid #333322;
 margin: 5px 10px;
 padding: 0.3em 15px 0.3em 15px;
 background: #334422;
 color: #ffff66;
 text-decoration: none;
 }
#peu p a:hover {
 border: 3px solid #334422;
 background: #333322;
 color: #ccff66;
 }

/*** elementos autor ***/
#autor p {
 font-size: 0.9em;
 font-weight: bold;
 color: #333322;
 text-align: center;
 }
#autor a , #autor a:visited {
 color: #333322;
 text-decoration: none;
 }
#autor a:hover {
 color: #990033;
 text-decoration: underline;
 }