/*
	Theme Name: Click and Pet
	Theme URI: http://www.dodepecho.com/
	Description: Click and Pet
	Author: Naranja Salada
	Author URI: http://www.naranjasalada.com/
	Version: 1.0
*/

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

}
h2{
  color:#8b2312;
  font-weight:normal;
  font-size:14px;
}

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

#cierre{
clear:both
}

#Bloque_iz{
width:215px;
height:700px;
margin-top:34px;
float:left;
text-align:center;
background:url(imagenes/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(imagenes/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(imagenes/bt_menu1_1.gif) bottom;

}

#menu_up ul li a.menu2_up{
width:187px;
height:61px;
display: block;
margin-right:52px;
background:url(imagenes/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(imagenes/bt_menu1_2.gif) bottom;


}

#menu_up ul li a.menu3_up{
width:187px;
height:61px;
display: block;
background:url(imagenes/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(imagenes/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(imagenes/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(imagenes/bt_menu2_on.gif) 0px 0px;

}

#menu_lat ul li a.menu2_lat{
width:215px;
height:52px;
display: block;
background: url(imagenes/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(imagenes/bt_menu2_on.gif) 0px 104px;

}

#menu_lat ul li a.menu3_lat{
width:215px;
height:52px;
display: block;
background: url(imagenes/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(imagenes/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(imagenes/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:281px;
height:auto;
float:left;
margin-left:100px;

}
#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(imagenes/separa_rojo.gif) repeat-x;
float:left;

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


}

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

.rojo{
color:#791f1c;
}

.oscuro , .oscuro a{
color:#504f50;
}
#blog-principal {
	width: 495px;
	float: left;
}
#blog-principal h2 a {
	font-size: 22px;
	color: #822312;
	text-decoration: none;
}
#blog-principal .h2 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.blog-post .post-fecha {
	margin-top: 7px;
	font-size: 11px;
	margin-bottom: 15px;
}
.blog-post p {
	font-size: 14px;
	color: #DDD;
	line-height: 1.2em;
	text-align: justify;
}
.blog-post strong {
	color: #FFFFFF;
}
.blog-post p a , .blog-post .post-meta a{
	color: #822312;
}
.blog-post p a:hover, .blog-post .post-meta a:hover {
	text-decoration: none;
}
.blog-post {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #888;
	padding-bottom: 15px;
	margin-bottom: 30px;
}
#blog-navegacion a {
	font-size: 14px;
	color: #822312;
}
#blog-navegacion a:hover {
	text-decoration: none;
}
#blog-navegacion #ant {
	float: left;
}
#blog-navegacion #sig {
	float: right;
}
#blog-lateral {
	float: right;
	width: 185px;
}
#blog-buscador #busqueda {
	width: 180px;
}
#blog-lateral h3 {
	color: #822312;
	font-size: 18px;
	margin-bottom: 5px;
}
#blog-lateral ul {
	list-style-type: disc;
	list-style-position: inside;
	margin-bottom: 30px;
}
#blog-lateral ul li {
	padding-left: 0px;
	font-size: 14px;
	margin-bottom: 3px;
	margin-left: 5px;
}
#blog-lateral ul li a {
	color: #DDD;
}
#blog-lateral ul li a:hover {
	text-decoration: none;
}
#blog-principal h3 {
	color: #822312;
	font-size: 16px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	margin-top: 30px;
}
#comentarios-lista {
	list-style-type: decimal;
	padding-left: 0px;
	list-style-position: outside;
	margin-top: 10px;
	font-size: 14px;
	color: #EEE;
	font-weight: bold;
}
#comentarios-lista li {
	margin-bottom: 30px;
}
.comentario-meta a {
	color: #822312;
	font-weight: bold;
}
.comentario-meta a:hover {
	text-decoration: none;
}
#comentarios-lista .comentario-meta {
	font-size: 12px;
	font-weight: normal;
}
#comentarios-lista p {
	font-size: 12px;
	font-weight: normal;
	color: #BBB;
	margin-top: 5px;
	margin-bottom: 10px;
}
#comentarios-form {
	margin-top: 15px;
}
#comentarios-form label {
	font-size: 12px;
	color: #DDD;
}
#comentarios-form #comment {
	width: 480px;
}