/* CSS Document */

body {
background-color:#000000;
font-size:62.5%;
height:100%;

}
h2{
  color:#8b2312;
  font-weight:bold;
  font-size:1.2em;
}


#todo{
width:980px;
height:auto;
margin:0 auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:16px;
font-size:13px;
color:#ffffff;
	}
#todo p{
margin-bottom:15px
}

#cierre{
clear:both
}

#Bloque_iz{
width:215px;
height:700px;
margin-top:34px;
float:left;
text-align:center;
background:url(../img/fondo_menu.jpg) bottom no-repeat
}

#Bloque_de{
width:765px;
margin-top:45px;
float:left;
}

#logo{
width:215px;
height:121px;


}

#menu_up{
width:760px;
height:61px;
}

#menu_up ul { list-style-type: none;}


#menu_up ul li { float: left; list-style-type: none;}


#menu_up ul li span{
display:none
}


#menu_up ul li a.menu1_up{
width:284px;
height:61px;
display: block;
margin-right:45px;
background:url(../img/bt_menu1_1.gif) top;


}

#menu_up ul li a.menu1_up:hover , #menu_up ul li a.menu1_up_ON{
width:284px;
height:61px;
display: block;
margin-right:45px;
background:url(../img/bt_menu1_1.gif) bottom;

}

#menu_up ul li a.menu2_up{
width:187px;
height:61px;
display: block;
margin-right:52px;
background:url(../img/bt_menu1_2.gif) top;

}

#menu_up ul li a.menu2_up:hover , #menu_up ul li a.menu2_up_ON{
width:187px;
height:61px;
display: block;
margin-right:52px;
background:url(../img/bt_menu1_2.gif) bottom;


}

#menu_up ul li a.menu3_up{
width:187px;
height:61px;
display: block;
background:url(../img/bt_menu1_3.gif) top;

}

#menu_up ul li a.menu3_up:hover , #menu_up ul li a.menu3_up_ON{
width:187px;
height:61px;
display: block;
background:url(../img/bt_menu1_3.gif) bottom;

}

#menu_lat{
width:215px;
height:auto;
margin-bottom:40px
}

#menu_lat ul li span{
display:none
}

#menu_lat ul { list-style-type: none;}

#menu_lat ul li a.menu1_lat{
width:215px;
height:52px;
display: block;
background: url(../img/bt_menu2.gif) 0px 0px;


}

#menu_lat ul li a.menu1_lat:hover , #menu_lat ul li a.menu1_lat_ON{
width:215px;
height:52px;
display: block;
background: url(../img/bt_menu2_on.gif) 0px 0px;

}

#menu_lat ul li a.menu2_lat{
width:215px;
height:52px;
display: block;
background: url(../img/bt_menu2.gif) 0px 104px;


}

#menu_lat ul li a.menu2_lat:hover , #menu_lat ul li a.menu2_lat_ON{
width:215px;
height:52px;
display: block;
background:url(../img/bt_menu2_on.gif) 0px 104px;

}

#menu_lat ul li a.menu3_lat{
width:215px;
height:52px;
display: block;
background: url(../img/bt_menu2.gif) 0px 52px;


}

#menu_lat ul li a.menu3_lat:hover , #menu_lat ul li a.menu3_lat_ON{
width:215px;
height:52px;
display: block;
background:url(../img/bt_menu2_on.gif) 0px 52px;

}

#cuerpo{
width:698px;
height:auto;
margin:44px 0px 36px 28px;
_margin:44px 0px 36px 16px;
float:left
}

#migas{

height:42px;
padding-top:20px
}

#cierra{
height:10px;
text-align:center;
padding-top:40px;
vertical-align:bottom;
background:url(../img/separador.jpg) top no-repeat;
clear:both;
margin-top:20px
}

#titulo{
height:67px;
}

#principal{
min-height:480px;
}
#principal_home{
min-height:547px;
}

#ilustracion{
margin:0px 20px 20px 0px; 
float:left
}

#foto_indice{
width:205px;
height:auto;
float:left
}

#foto_g{
width:493px;
height:476px;
float: right
}
#foto_p   {
width:54px;
height:55px;
border:1px solid #000000;
float:left;
margin-right:12px;
margin-bottom:20px;
}
#foto_p:hover , #foto_p.on  {
width:54px;
height:55px;
border:1px solid #822312;
margin-right:12px;
margin-bottom:20px;
}

#paginacion  {
width:200px;
float: left;
color: #822312;
text-align:right;
}
#paginacion  a{
color: #822312;
}
#formulario_contacto{
width:300px;
height:auto;
float:left;
margin-left:50px;

}
#formulario_login{
width:188px;
height:auto;
float:left;
}
#campos_contacto , #campos_login{
padding-top:20px;
}

#formulario_contacto input , #formulario_contacto textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:281px;
}

#formulario_login input  {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:188px;
}

#galeria{
margin-left:-39px;
_margin-left:-77px;
float:left;

}

#bloque_galeria{
width:108px;
height:188px;
margin:0px 0px 46px 39px;
_margin:0px 0px 46px 39px;
float:left;
}

#bloque_galeria input{
margin-left:0px;
*margin-left:-3px;
}

#separacion{
width:100%;
height:25px;
margin-top:-22px;
*margin-top:22px;
_margin-top:-22px;
background: url(../img/separa_rojo.gif) repeat-x;
float:left;

}
#boton_enviar{
width:100%;
height:25px;
margin-top:-22px;
*margin-top:22px;
_margin-top:-22px;
float:left;


}

#principal ul {
padding-left: 30px;
list-style-position: outside;
}

#principal ul li{
margin-bottom: 5px;
}

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

.rojo{
color:#791f1c;
}

.oscuro , .oscuro a{
color:#504f50;
}
.c {
	cursor: pointer;
}
#bloque_galeria2 {
float:left;
height:138px;
margin:10px 0 0 29px;
width:108px;
}