/* CSS Document */

*{ padding:0; margin:0;}

ul { padding:0; margin:0;}

body{
font : 62.5% Arial, Verdana, Geneva, Helvetica, sans-serif;
color : #444;
margin:0;
padding:0;
background-color:#E0E0D4;
}
.hide {
left:-9999px;
position:absolute;
top:-9999px;
}
a img{
border:none;
}
#container{
width:961px;
margin:0 auto;
background-color:#FFFFFF;
overflow:hidden;
}

a { color:#DC0547;}

/*======================= TOP =====================*/

#caja-top{
	background-color:#cfcfc9;

}

h1#logo{
overflow:hidden;
height:1%; 
padding:0;
}
h1#logo a, h1#logo a img{
float:left;
}



p.empuc{
overflow:hidden;
height:1%;
}
p.empuc a{
line-height:17px;
color:#fff;
font-size:1em;
float:left;
display:block;
padding:0 0.5em 0 1.8em;
background:#393831 url(../img/flech_3x5.gif) no-repeat 6px 6px;
text-decoration:none;
text-transform:uppercase;
}
p.empuc a:hover{
/*background-color:#dc0547;*/
}
/*--------------------------*/

#top-social{
	float:left; 
	margin:0 10px 0 0;
	padding:0;
}
#top-social li{
	margin:0;
	float:left;
	background-color:#cfcfc9;
	list-style:none;
}
#top-social li a{
	overflow:hidden;
	padding:0 4px;
	margin:0;
	list-style-type:none;
	display: block;
	color: #3c3c3c;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration:none;
}
#top-social li a:hover{
	text-decoration:underline;
}
/*------Color Switcher------*/


ul#color-switcher{
	float:left;
	margin:0;
	padding:0;
}

ul#color-switcher li{
	float:left;
	list-style-type:none;
	margin-right:2px;
	border:1px solid transparent;
}
ul#color-switcher li.selected{
	border:1px solid #222!important;
}

ul#color-switcher li a{
	text-indent:-9999px;
	display:block;
	float:left;
	border:1px solid white;
	height:10px;
	width:10px;
}
ul#color-switcher li#color1 a{ background-color:#000000;}
ul#color-switcher li#color2 a{	background-color:#00c0e1;}
ul#color-switcher li#color3 a{	background-color:#26cfb2;}
ul#color-switcher li#color4 a{	background-color:#acc100;}
ul#color-switcher li#color5 a{	background-color:#ec5c05;}
ul#color-switcher li#color6 a{	background-color:#dc0547;}
ul#color-switcher li#color7 a{	background-color:#7d00a4;}

/*------ fin Color Switcher------*/

/*------ Nav------*/

#nav {
	/*background-color:#dc0547;*/
	margin:0;
	padding:24px 8px 0 8px;
	overflow:hidden;
	height:1%;
}
#nav li{
	margin-right:5px; 
	float:left;
	list-style:none;
}
#nav li a{
	float:left;
	padding-left:12px;
	background:transparent url(../img/nav-bg-01.png) no-repeat left top;
	text-decoration:none;
}
#nav li a span{
	line-height:31px;
	display: block; 
	padding-right:12px; 
	font-size:1.2em;
	font-weight:bold;
	color:#ffffff;
	background: transparent url(../img/nav-bg-02.png) no-repeat right top;
}

#nav li a:hover	span	{	background-position:right center;}
#nav li a:hover			{	background-position:left center;}
#nav li.selected a span{	background-position:right bottom; color:#333;}
#nav li.selected a		{	background-position:left bottom;}

/*------ fin Nav------*/
/*------ boton mis favoritos------*/

p.misfav a{
background:transparent url(../img/ico_fav.png) no-repeat scroll left top;
color:#555555;
display:block;
float:left;
line-height:18px;
margin:0;
padding-left:2.8em;
padding-right:0.5em;
text-decoration:none;
}

#barra-top p.misfav{
margin:5px 0 0;
display:block;
float:left;
border:1px solid #777777;
font-size:1.2em;
font-weight:bold;
padding:3px 0 3px 6px;
background-color:#fff;

}
#barra-top p.misfav a{
background-position:left bottom;
padding-left:2.5em;
}

p.misfav a:hover{
/*color:#dc0547;*/
}


/*-----fin boton-----*/

/*-----------TIPOGRAFIA----------------*/

.resumen{
	font-size:1.3em;
	margin:0.8em 0;
	line-height: 1.4em;
}
.resumen .leermas{
	margin:1em 0;
	overflow:hidden;
	display:block;
}
.resumen .leermas a{
	color:#444;
	display:block;
	text-decoration:none;
	background:url(../img/seguirleyendo.gif) no-repeat right center;
	float:left;
	padding-right:0.8em;
}
.resumen .leermas a:hover{
	text-decoration:underline;
}

/* -------------------------tags comun --------------------------- */
.tags p{
float:left;
margin:0;
}
.tags h4{
	color: #63747c;
	font-size: 12px;
	font-weight: bold;
	float:left;
	margin:0 7px 5px 0;

	
}
.tags p span a{
line-height:15px;
padding:0 2px;
text-decoration:none;
color:#fff;
background-color:#9e9c86;
display:block;
float:left;
}
.tags p span{
margin:0 2px 3px 0;
float:left;

}
.tags p span a:hover{
/*background-color:#dc0547;*/
}

p.tags-mas a{
line-height:15px;
text-decoration:none;
display:block;
float:left;
font-size:1.1em;
}

p.tags-mas a:hover{
text-decoration:underline;
}
/*------------fin tags comun --------*/
/*------------ BOTTOM --------*/
#bottom{
	background-color:#282722;
	border-bottom:1px solid #fff;
	overflow:hidden;
	height:1%;
}
#bottom h2{
	font-size:1.3em;
	color:#fff;
	margin:0 0 0.7em 0;
}
/*--------------*/

p#pre-footer {
	margin:0;
	margin-bottom:1em;
	padding:0 1em;
	line-height:2.4em;
	background-color:#282722;
	color:#fff;
	font-size: 1.1em;
	font-weight: bold;
}
p#pre-footer a{
	color:#fff;
}
#footer{
	background:url(../img/logo-bottom.jpg) no-repeat 15px 45px;
	padding-bottom:1.5em;
}

#footer p.foot{
	margin:0.2em 0 0 9em;
	font-size:1.1em;
	color:#706e64;
	font-weight:bold;
	line-height:1.6em;
}
#footer p.foot a{
	color:#706e64;
}
#footer p.adress{
	/*color:#dc0547;*/
	font-weight:normal;
}
/*----------------------- comentarios ------------------*/
ul.links-mas {
padding:0;
margin:1em 0;
overflow:hidden;
height:1%;
display:block;
clear:both;

}
ul.links-mas li{
float:left;
margin:0;
margin-right:1em;
list-style:none;
border:medium none;
padding:0;
}
ul.links-mas li a{
float:left;
display:block;
font-size:1.1em;
/*text-decoration:none;*/
color:#444;
line-height:14px;
}
ul.links-mas li.comment a{
padding-left:1.5em;
background:url(../img/comment-icon.gif) no-repeat left top;

}
ul.links-mas li a:hover{
text-decoration:underline;
background-position:left bottom;
/*color:#dc0547;*/
}


/*----------------------- fin comentarios ------------------*/
.buscar{
	margin:20px 0; 
	display:block; 
	overflow:hidden;
	height:1%;
}

.buscar form{
	margin:0;
	padding:0;
}
.buscar input.text{
	background:transparent url(../img/buscar-input-2.png) no-repeat scroll left top;
	border:medium none;
	float:left;
	font-size:1.1em;
	height:16px;
	margin:0 5px 0 0;
	padding:5px 5px 5px 32px;
	width:127px;
}
.buscar input.btn{
	background-color:#393831;
	background-image:url(../img/buscar-btn.png);
	width:62px;
	height:26px;
	border:medium none;
	cursor:pointer;
	color:#fff;
	font-weight:bold;
	float:left;
}


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

.tags{
display:block;
overflow:hidden;
height:1%;
margin-bottom:10px;
width:auto;
}

/*---------Lupa de imagenes-------------

#foto_lupa {
	overflow:hidden;
	position:relative;
	display:block;
	
}
#foto_lupa img{
	float:left;
}
#foto_lupa h2.lupa { 
	width:100%; 
	height:100%; 
	position:absolute; 
	display:block; 
	top:0; left:0; 
	text-indent:-99999px!important; 
	margin:0 !important; 
	background: url(../img/lupa.png) no-repeat -200px -200px;
}

#foto_lupa:hover h2.lupa { 
	background-position:50% 50%;
	}*/
	
.foto_lupa {
	overflow:hidden;
	position:relative;
	display:block;
	
}
.foto_lupa img{
	float:left;
}
.foto_lupa h2.lupa { 
	width:100%; 
	height:100%; 
	position:absolute; 
	display:block; 
	top:0; left:0; 
	text-indent:-99999px!important; 
	margin:0 !important; 
	background: url(../img/lupa.png) no-repeat -200px -200px;
}

.foto_lupa:hover h2.lupa { 
	background-position:50% 50%;
	}

/*Favoritos*/

.favoritos a {
padding-left:2em;
background:url(../img/heart_16x16.png) no-repeat left top;
line-height:23px;}

.favoritos a:hover { background-position:0 0!important;}