/* -------------------------------------------------------------- 

   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)

-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "fotos.css";
@import "texto.css";

/* Site
-------------------------------------------------------------- */
body {
  margin:0;
  background-color:#ccc;
}
p{
  color:#555555;
  font-size:10pt;
  margin:0 0 10pt 10px;
  line-height:12pt;
}

li {
  color:#555555;
  list-style:none;
  font-size:10pt;
}

#fondo_general{
  Cbackground-color:#fbfae3;
  background-color:transparent;
  background-image:url(../images/fondo_general.jpg);
  overflow:visible;
  background-repeat:no-repeat;
  background-position:top center;
  cz-index:10;
  cposition:relative;
}
h2 {
  font-size:13pt;
  font-weight:normal;
  margin:0 0 0 0px;
  color:#555555;

}
h2.capital{
  margin:0 0 15px -5pt;
}
h2.capital span{
  position:relative;
  top:15px;
  left:8px;
}
h2.capital span img{
  margin:0;
  padding:0;
}

#fondo_superior{

}
#page {
  width:1000px;
  margin:0 auto 0 auto;
}

#fondo_cabecera {
  cposition:absolute;
  top:0;
  width:100%;
  cheight:100px;
  background:url(/images/fondo_cabecera.png) #fbfae3 repeat-x top;
  left:0;
  cz-index:0;
}

#cabecera {
  height:191px;
  position:relative;
  z-index:70;
}

#cabecera .logo{
  float:left;
  margin: 0;
}

#cabecera div{
  float:right;
  cwidth:600px;
  width:750px;
}

#cabecera .telefonos{
  text-align:right;
  margin-top:60px;
}

#cabecera .menu{
  width:648px;
  height:55px;
  background-image:url(../images/fondo_menu.png);
  background-repeat:no-repeat;
  margin:14px 15px 0 0;

}
#fondo_cuerpo{
  background-image:url(../images/fondo_centro.gif);
  margin:0;
  padding:0;
  background-repeat:repeat-y;
  background-position:center;
}
#cuerpo {
    position:relative;
  margin-top:20px;
  margin-bottom:20px;
  background-image:url(../images/fondo_cuerpo.jpg);
  background-repeat:no-repeat;
  background-position:top center;
}

#cuerpo .left {
  width:440px;
  float:left;
}

#cuerpo .left .contenido{
  margin:0px 0 0 60px;
  width:380px;
  clear:both;
  float:none;
}

#cuerpo .left .lista{
  margin:0 0 0 60px;
}
#cuerpo .left .lista a{
  margin:0;
  padding:0;
}

#cuerpo .right {
  width:560px;
  float:right;
}

#cuerpo .contenido{
  width:500px;
  margin:0px 0px 0 0px;
}

#cuerpo .contenido p{
  cmargin:0px 20px 10px 20px;
  margin-right:10px;
}

#cuerpo .contenido ul{
  cmargin:0 20px 0 50px;
}
#cuerpo .contenido li{
  margin:0 0 3px 0;
}

li.titulo {
  font-size:10pt;
  font-weight:normal;
  padding-bottom:5px;
}

#cuerpo .piecito{
  margin:10px 0 20px 50px;
  padding-bottom:10px;
}
#cuerpo .piecito div{
  width:370px;
  text-align:right;
}

#cuerpo .piecito a{
  color:#3A7B96;
  font-weight:bold;
}

#cuerpo .piecito p a{

  font-weight:normal;
}


#fondo_inferior {
  height: 154px;
  background-image:url(../images/fondo_pie.png);
  background-repeat:repeat-x;
  background-position:top center;
  overflow:visible;
}

#pie{
  width:1000px;
  margin:0 auto 0 auto;
}
#pie .left{
  float:left;
  width:100px;
  height:154px;

}
#pie .left img{
  margin:120px 0 0 0;
}
#pie .center{
  float:left;
  width:300px;
  height:154px;
  text-align:center;
}

#pie .center div.sello {
  width:110px;
  display:inline-block;
}

#pie .center img{
  margin-top:10px;
  margin-bottom:0;
  vertical-align:bottom;
}
#pie .center p{
  margin:0;
  color:#555555;
}
#pie .right{
  float:right;
  width:600px;
  height:154px;
}
#pie .right p{
  text-align:right;
  line-height:15px;
  margin:0;
}
#pie .right p.primera{
  margin:10px 0 3px 0;
}
#pie .right p.primera a{
  margin: 0 0 0 12px;
  font-size:16pt;
  color:black;
}
#pie .right p a,#lista_alojamientos a{
  color:#555555;
  text-decoration:none;
  font-size:10pt;
  margin:0 0 0 5px;
}
#pie .right p a:hover,#lista_alojamientos a:hover{
  text-decoration:underline;
}
table.formulario{
  border:0;
  width:480px !important;
}

.formulario .label{
  text-align:right;
  vertical-align:middle;
}
.formulario input{
  width:300px;
}
.formulario textarea{
  width:300px;
  padding:0;
  margin:0;
}
.enviar{
  margin:20px 0 20px 50px;
}

.noticia_meta{
  margin:30px 0 0 0;
  border-top: solid 1px #555555;
}
.noticia_meta li{
  list-style:none;
}

.image_right{
  width:480px;
  margin:0 0 20px 10px;
}

.listado{
  margin:20px 0 0 50px;
}
.listado .foto {
  float:left;
  width:100px;
  height:100px;
}
.listado .texto{
  float:left;
  margin-left:20px;
}
.listado p{
  margin:0;
  padding:0;
  width:310px;
}
.listado .texto a{
  color:#555555;
  font-weight:bold;
  width:auto;
  font-size:12pt;
  margin:10px 0 0 0px;
  height:auto;
}
.pie_alojamientos{
  margin:30px 0 20px 0;
  clear:both;
}
.pie_alojamientos a{
  color:#555;
  background-color:#EFE6B3;
  margin:0 0 0 40px;
  font-weight:bold;
  padding:5px;
}

.pie_alojamientos div{
  margin:30px 0 0 170px;
  width:100px;
  text-align:center;
}
.pie_alojamientos div p{
  margin:5px 0 0 0;
  padding:0;
}

#lista_alojamientos {
    width:480px !important;
    cbackground-color:blue;
    margin-top:20px;
}

div.error {
  margin:20px;
  padding: 5px;
  border:2px solid red;
}

div.error.portada {
  position:absolute;
  z-index:100;
  background-color:white;
  font-size:12pt;
  width:500px;
  right:0;
}

div.error.portada span {
  background-color:#555;
  padding:2px;
  cursor:pointer;
  color:white;
  font-weight:bold;
  float:right;
}