/* CSS Document */


html, body  
{
  margin:0;
  padding:0;
  border:0;
}


body
{
  text-align:center;
  background:#983a05 url(../img/fondo.jpg) repeat-x;
  font-family:"Trebuchet MS", Arial;
  font-size: 13px;
}


a:link, a:visited, a:active {
  color:#006600;
  text-decoration: none;
} 

a:hover{
  color:#000000;
}

div.cuerpoboxdown a{
  color:#006600;
  text-decoration: none;
  border-bottom:1px dotted;
}

div.cuerpoboxdown a:hover{
  color:#000000;
}

#contenedor{
  text-align: left;
  width: 760px;
  background-color : #edf3e2;
  margin:auto;
  border-left: 5px solid #cc6600;
  border-right: 5px solid #cc6600;
} 

#cabecera{
  text-align: left;
  width: 760px;
  margin: auto;
  background-color : #edf3e2;
}

#navegador{
  float: left;
  width: 200px;
  background:#edf3e2 url(../img/menu_medio.jpg) repeat-y;
} 



.navegadorboxup {
  background-image: url("../img/menu_arriba.jpg");
  background-position: top center;
  background-repeat: no-repeat;
}


.navegadorboxdown {
  background-image: url("../img/menu_abajo.jpg");
  background-position: bottom left;
  background-repeat: no-repeat;
  padding: 5px 25px 95px 25px;
} 


ul#menu{
    list-style-type: disc;
}


ul#menu li a{
    border-bottom:none;
    text-decoration:none;
    color:#003300;
    font-size: 14px;
}

ul#menu li a:hover{ color:#669966; }



#cuerpo{
  width: 500px;
  background:#ffffff url(../img/contenido_medio.jpg) repeat-y;
  float: right;
} 



.cuerpoboxup {
    background-image: url("../img/contenido_arriba.jpg");
    background-position: top center;
    background-repeat: no-repeat;
}

.cuerpoboxdown {
    text-align:justify;
    background-image: url("../img/contenido_abajo.jpg");
    background-position: bottom left;
    background-repeat: no-repeat;
    padding: 5px 40px 25px 40px;
} 


#pie{
  clear: both;
  text-align: right;
  background-image: url("../img/pie.jpg");
  height: 100px;
  width: 760px;
  margin: auto;
  background-color : #edf3e2;
  padding: 0px 0px 0px 0px;
}

.piedentro{
  padding: 50px 0px 0px 30px;
}


#galeria{
  padding: 0px 0px 0px 15px;
}


#contacto{
  margin:0 auto;
  width:400px;
  border:1px dotted #ccc;
  padding:5px;
}

#contacto , #contacto input{       
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:11px;  
}

#contacto .campo{
  float:left;
  width:180px;
  padding:8px 6px;
}

#contacto div{
  padding:6px 4px;
}

#contacto input, #contacto textarea{
  padding:6px;
  color:#555;
  width:380px;
}

#contacto input#boton{
  margin-left:0px;
  padding:7px 11px;
  width:auto;
}