html, body{
 margin:0; 
 padding:0; 
 text-align:center;
 background: #DFDFDF;
} 
 
#pagewidth{ 
 width:999px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;
 background:#fff; 
} 

form{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;}

a{
outline:none;
}

.bigger{
font-size:18px;
line-height:25px;
}

ul{
list-style-type: disc;
color:#bd1b8b;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:20px;
}

img{
margin:10px 0;
border:0;
}

p{
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:20px;
}

h2{
background: url(../images/h2.jpg) no-repeat top left;
padding:0 0 0 30px;
color: #bd1b8b;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:28px;
line-height:45px;
margin:20px 0 0 0;
}

h22{
padding:0 0 0 30px;
color: #bd1b8b;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:22px;
line-height:25px;
margin:20px 0 0 0;
}

h3{
padding:0 0 0 30px;
color: #5c5b60;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:20px;
margin:0;
padding:0 0 0 30px;
}

.fecha{
font-size:12px;
}

#recomendamos h4{
background: url(../images/h3.jpg) no-repeat left center;
padding:0 0 0 14px;
color: #bd1b8b;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:28px;
}


h4{
background: url(../images/h3.jpg) no-repeat left center;
padding:0 0 0 20px;
color: #bd1b8b;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:10px 0;
}

h5{
padding:0 0 0 14px;
color: #7b7b7b;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:14px;
margin:0;
}

h6{
background: url(../images/h4.jpg) no-repeat left center;
padding:0 0 0 20px;
color: #009900;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:15px 0;
}

.h6_especial{
line-height:26px;
margin:15;
}

.h2_especial{
line-height:56px;
margin:0;
}

h7{
padding:0 0 0 14px;
color: #7b7b7b;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:10px;
margin:0;
}

.ul_especial{
margin:0;
}

.right_1 ul{
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;
line-height:19px;
font-size:12px;
color:#bd1b8b;
margin:0;
padding:10px;}

.right_1 ul li a{
background:url(../images/arrow.jpg) no-repeat;
font-family:Arial, Helvetica, sans-serif;
line-height:19px;
font-size:12px;
color:#bd1b8b;
text-decoration:none;
display:block;
padding:0 0 0 25px;
margin:10px 0;
text-decoration:none;}

.right_1 ul li a:hover{
text-decoration:underline;
}
 
#header{
	position:relative;
	height:132px;
	width:100%;
	padding:50px 0 0 0;
	background-image: url(../images/60/cabecera.jpg);
	background-repeat: no-repeat;
	background-position: right top;
} 

.images_small{
margin:10px 0 0 10px;

}

#logo{
}

#wrapper{
float:left;
width:100%;
}

 
#nav{
 position:relative; 
 height:28px;
 width:100%;
 background-color:#bd1b8b; 
} 

#nav ul, #footer ul{
float:left;
margin:0 0 0 12px;
padding:0;
list-style-type:none;
} 

#nav li, #footer li{
float:left;
display: inline;
margin:0;
padding:0;
} 

#nav ul li a, #footer ul li a{
line-height:24px;
height:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#fff;
text-decoration:none;
padding:3px 20px 0 20px;
display:block;
background:none;
float:left;
margin:0;
} 

#nav ul li a:hover, #footer ul li a:hover{
background:#fff;
color:#bd1b8b;
} 


.leftcol{
 width:603px; 
 float:left; 
 position:relative;
 padding:0;
 font-family:Arial, Helvetica, sans-serif;
 font-size:13px;
 }
 
 .leftcol a{
 color:#666666;
 text-decoration:none;
 
 }
 
  .leftcol a:hover{
 color:#666666;
 text-decoration:none;
 border-bottom:1px solid #bd1b8b; 
 }
 
 .pie_foto{
 font-size:11px;
 color:#999999;
 }
 
 .leftcol p{
 margin:5px 15px 18px 15px;
 text-align:justify;

 }
 
 .destacado{
 color:#990000;
 }
 
.destacado_verde{
 color:#007c44;
 letter-spacing:-1px;
 }
 
.destacado_orange{
 color: #FF6600;
 }
 
.books_box{
width:90%;
background: #EFEFEF;
margin:15px auto;
padding:15px 0 10px 0;
}

.books_box img{
margin:20px;
}

.opinion_box{
width:90%;
background: #EFEFEF;
margin:15px auto;
padding:15px 0 10px 0;
}

.opinion_box img{
margin:0 20px 0x 0;
}
 
.news_box_yellow{
width:90%;
background:#f7f9d5;
margin:15px auto;
padding:15px 0 10px 0;
}

.news_box{
width:90%;
margin:15px auto;
padding:15px 0 10px 0;
}

.news_box img, .news_box_yellow img{
margin:0 30px 10px 10px;
max-height:73px;
}

 
 
.right_1{ 
 float: right; 
 display:inline; 
 position: relative; 
 width:197px; 
 border-left:#bd1b8b 1px solid;
 }
 
.right_1 h5 a{
 color:#7b7b7b;
 text-decoration:none;
 
 }
 
.right_1 h5 a:hover{
 color:#7b7b7b;
 text-decoration:none;
 border-bottom:1px solid #bd1b8b; 
 }
 
 .right_1 img{
  border:1px solid #fff; 
 }
 
.right_1 img:hover{
 border:1px solid #bd1b8b;
 }
 
.right_2{ 
 float: right; 
 display:inline; 
 position: relative; 
 width:197px; 
 border-left:#bd1b8b 1px solid;
 }

#recomendamos{
width:100%;
float:left;
border-top:#bd1b8b 1px solid;
}
 
#footer{
 height:28px;
 background-color:#bd1b8b; 
 clear:both;
 margin:0 0 10px 0;
 } 
 
.copyright{
 height:28px;
 width:999px;
 font-size:12px;
 color:#666666;
 float:left;

 } 
 
 
.left {
width:420px;
float:left; } 

.right {
width:150px;
margin-top:10px;
float:left;
padding-left:20px;
 } 
 

 .right a {
 color:#FFFFFF;
text-decoration:none;
 } 

 .right a:hover {
 color:#FFFFFF;
 outline-style:none;

text-decoration:none;
 } 

 
 /* *** Float containers fix: */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


#banner{
	width:171px;
	height:250px;
	margin:20px 0px 20px 16px;
	background-image:url(../images/banner-repos.gif);
	background-repeat:no-repeat;
	}
	
#banner:hover{
	width:171px;
	height:250px;
	margin:20px 0px 20px 16px;
	background-image:url(../images/banner-actiu.gif);
	background-repeat:no-repeat;
	}


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

#firma{
	margin-left:15px;}