@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,700,700italic);
@font-face {
	font-family: 'Pradell';
	src:url('fonts/Pradell02/eot/Pradell_reg.eot') format("eot"),
		url('fonts/Pradell02/woff/Pradell_reg.woff') format("woff"),
		url('fonts/Pradell02/svg/Pradell.svg') format("svg");
	font-style: normal;
}
@font-face {
	font-family: 'Pradell';
	src:url('fonts/Pradell02/eot/Pradell_bld.eot') format("eot"),
		url('fonts/Pradell02/woff/Pradell_bld.woff') format("woff"),
		url('fonts/Pradell02/svg/PradellBld.svg') format("svg");
	font-weight: bold;
}
@font-face {
	font-family: Pradell;
	src:url('fonts/Pradell02/eot/Pradell_ita.eot') format("eot"),
		url('fonts/Pradell02/woff/Pradell_ita.woff') format("woff"),
		url('fonts/Pradell02/svg/PradellIta.svg') format("svg");
	font-style:italic;
}

* { margin: 0; padding: 0; }
a{ text-decoration: none; color: rgb(88,88,90); }
a img{ border: 0px; }
a:hover{ font-weight: normal; cursor: pointer; }
body{
	font-family: 'Open Sans', Verdana, Arial;
	font-size: 11px;
	background-color: #fff;
	color: rgb(88,88,90);
	min-width: 930px;
	overflow: auto;
}

#header{
	position:absolute;
	top: 0px;
	right: 15px;
	left: 15px;
	height: 140px;
	position: fixed;
	clear: all;
	z-index: 10;
	background-color: #fff;
	border-bottom: 3px solid rgb( 243, 0, 61);
	min-width: 932px;
}

#alert-navigator{
	position: fixed;
	top: 15px;
	margin-left: 50%;
	left: -212px;
	padding: 10px;
	text-align: center;
	font-size: 12px;
	width:400px;
	clear: all;
	background-color: rgb( 243, 0, 61);
	color: #fff;
	z-index: 100;
	display: none;
	-moz-box-shadow: 0 0 20px 1px #888;
	-webkit-box-shadow: 0 0 20px 1px #888;
	box-shadow: 0 0 20px 1px #888;
}
#alert-navigator a{
	color: #fff;
}
#alert-navigator a:hover{
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}

#logo{
	position: absolute;
	top: 70px;
	left: 0px;
}

#menu-cat{ width: 100%; height: 20px; }
#menu-cat ul{ list-style-type: none; }
#menu-cat ul li{ float: left; margin-right: 15px; }
#menu-cat ul li a.vermell{ color:rgb( 243, 0, 61); }
#menu-cat ul li a:hover{ color: rgb( 243, 0, 61); }

#menu {
	position: absolute;
	top: 15px;
	left: -15px;
	font-size: 12px;
	z-index: 2;
}
#nav { list-style-type: none; }
#nav li {
	float: left;
	width: 120px;
	border-top: 3px solid rgb( 243, 0, 61);
	margin: 0px 0px 10px 15px;
	padding-top: 2px;
}
#nav li.generations {
	float: left;
	width: 130px;
	border-top: 3px solid rgb( 243, 0, 61);
	margin: 0px 0px 10px 15px;
	padding-top: 2px;
}
#nav li.search {
	float: left;
	width: 150px;
	margin: 0px 0px 10px 10px;
	border-top: 0px;
	margin-top: -2px;
}
#nav li.search .lupa{
	float: left;
	width: 21px;
	height: 20px;
	background: url('../images/search.png') no-repeat center center;
	border-left: 1px solid rgb( 243, 0, 61);
	border-top: 1px solid rgb( 243, 0, 61);
	border-bottom: 1px solid rgb( 243, 0, 61);
}
#nav li.search .buscador{
	float: left;
	width: 96px;
}
input.search-input{ border: 1px solid rgb( 243, 0, 61); height: 20px; width: 126px; color: rgb(88,88,90); font-family: 'Open Sans'; font-size: 11px; font-style: italic; }
#nav li.social{
	float: left;
	width: 18px;
	height: 18px;
	margin: 0px 0px 10px 10px;
	border-top: 0px;
	margin-top: -2px;
}
#nav li.social2{
	float: left;
	width: 18px;
	height: 18px;
	margin: 0px 0px 10px 5px;
	border-top: 0px;
	margin-top: -2px;
}
#nav li a {
	display:block;
	font-weight: bold;
	color: rgb( 243, 0, 61);
	padding-bottom: 3px;
}
/* Submenu */
#nav ul.submenu { position:absolute; list-style:none; display:none; background-color:rgba(255,255,255,0.9); z-index: 10000}
#nav ul.submenu li { float:none; margin: 0px; padding: 0px; background-image:none; border-top:0px; width:120px; border-bottom: 1px solid rgb(243, 0, 61);}
#nav ul.submenu li:hover { background-color:rgb(243, 0, 61); }
#nav ul.submenu li:hover a{color:#fff;}
#nav ul.submenu li a{ padding: 5px; color: rgb(243, 0, 61);}

#publi-menu{
	position: absolute;
	top: 15px;
	right: 0px;
	width: 450px;
	height: 115px;
	background-color: #aaa;
}
#publi-menu:hover{ cursor: pointer; }
#twitter{
	position: absolute;
	top: 16px;
	right: 460px;
}
#face{
	position: absolute;
	top: 15px;
	right: 488px;
}
#content-home{
	position: relative;
	top: 140px;
	margin-left: 15px;
	padding-top: 4px;
	margin-bottom: 150px;
	clear: all;
}
#content{
	position: relative;
	top: 140px;
	margin-left: 15px;
	margin-top: 15px;
	padding-top: 4px;
	margin-bottom: 150px;
}

/* portada */
#portada-home{ margin-bottom: 15px; /* width: 930px; */ width: 795px; height: 621px; overflow: hidden; }
#portada-home a{ color: rgb( 243, 0, 61); }
#portada-home a:hover{ text-decoration: underline; font-weight: bold; }
#portada-ilustracio{ height: 573px; overflow: hidden; }
#portada-ilustracio img{ /* min-width: 945px; */ min-width: 795px; min-height: 573px; }
#portada-titol p{ font-size: 18px; font-weight: bold; font-family: Pradell; }
#portada-titol p.autor{ font-style: italic; font-size: 16px; font-weight: normal;}
#portada-footer{ position: relative; margin-top: 3px; }
#portada-descarga{ position: absolute; top:5px; right:0px; text-align:right; }
#portada-descarga p{ margin-left: 8px; color: rgb( 243, 0, 61); }
#portada-descarga p a:hover{ font-weight: normal; }
#portada-titol p.autor a{ color: rgb(88,88,90); }


/* content block feeds and news */
/* feeds */ /* news */
#feeds-news-module{ width: 390px; height:303px; margin:0px 0px 15px 0px; background-color: rgb( 243, 0, 61); float:left; color: #fff;}
#feeds-news-module a{ color: #fff; }
#feeds-news-module .fnm-header span a:hover{ color: #fff; font-weight: bold; }
#feeds-news-module .fnm-header{position:relative; border-bottom: 2px solid #fff; height: 25px;}
#feeds-news-module .fnm-header span{ font-size: 10px; font-weight: bold; line-height: 15px; position: relative; top: 3px; margin-bottom: 5px; }
#feeds-news-module .fnm-header span.cap{  left: 10px; }
#feeds-news-module .fnm-header span.but{ left: 83px;  text-align: right;}
#feeds-news-module .fnm-header span.but2{ left: 134px; text-align: right;}

#feeds-news-module *::-moz-selection{ background: #fff; color:rgb(243, 0, 61); text-shadow: none; }
#feeds-news-module *::selection { background: #fff; color:rgb(243, 0, 61); text-shadow: none; }

#mcs_container2{position:relative; width:390px; height:270px; }

#mcs_container2 .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs_container2 .customScrollBox .container{position:relative; width:375px; top:0; float:left;}
#mcs_container2 .customScrollBox .content{clear:both; margin: 5px 0px 0px 10px;}
#mcs_container2 .customScrollBox .content a:hover p b{text-decoration: underline;}
#mcs_container2 .customScrollBox .content p{ font-size: 13px; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #fff;}
#mcs_container2 .dragger_container{position:relative; width:1px; height:255px; float:left; margin:10px 0 0 8px; background:#fff;}
#mcs_container2 .dragger{position:absolute; width:3px; height:60px; background:#fff; text-align:center; line-height:60px; color:#fff; margin-left: -1px; overflow:hidden; cursor:pointer; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
#mcs_container2 .dragger_pressed{position:absolute; width:6px; margin-left:-2px; height:60px; background:#fff; text-align:center; line-height:60px; color:#fff; overflow:hidden; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; cursor:pointer;}

/* feeds */ /* news */
#agradecimientos{ width: 390px; height:303px; margin:0px 0px 15px 0px; background-color: rgb( 243, 0, 61); float:left; color: #fff;}
#agradecimientos a{ color: #fff; }
#agradecimientos .fnm-header span a:hover{ color: #fff; font-weight: bold; }
#agradecimientos .fnm-header{position:relative; border-bottom: 2px solid #fff; height: 25px;}
#agradecimientos .fnm-header span{ font-size: 10px; font-weight: bold; line-height: 15px; position: relative; top: 3px; margin-bottom: 5px; }
#agradecimientos .fnm-header span.cap{  left: 10px; }
#agradecimientos *::-moz-selection{ background: #fff; color:rgb( 243, 0, 61); text-shadow: none; }
#agradecimientos *::selection { background: #fff; color:rgb( 243, 0, 61); text-shadow: none; }

#mcs_container3{ position:relative; width:390px; height:270px; }

#mcs_container3 .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs_container3 .customScrollBox .container{position:relative; width:375px; top:0; float:left;}
#mcs_container3 .customScrollBox .content{clear:both; margin: 5px 0px 0px 10px;}
#mcs_container3 .customScrollBox .content p{ font-size: 13px; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #fff;}
#mcs_container3 .customScrollBox .content a:hover p b{text-decoration: underline;}
#mcs_container3 .customScrollBox .content p{ font-size: 13px; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #fff;}
#mcs_container3 .dragger_container{position:relative; width:1px; height:255px; float:left; margin:10px 0 0 8px; background:#fff;}
#mcs_container3 .dragger{position:absolute; width:3px; height:60px; background:#fff; text-align:center; line-height:60px; color:rgb( 243, 0, 61); margin-left: -1px; overflow:hidden; cursor:pointer; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
#mcs_container3 .dragger_pressed{position:absolute; width:6px; margin-left:-2px; height:60px; background:#fff; text-align:center; line-height:60px; color:#fff; overflow:hidden; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; cursor:pointer;}

/* moduls */
#modul-dim1, #modul-dimN{
	float: left;
	margin-bottom: 15px;
	border-top: 3px solid rgb( 243, 0, 61);
	width: 255px;
	height: 300px;
	overflow: hidden;
}
#modul-dim1 .imatge{ height: 225px; overflow:hidden; }
#modul-dim1 .imatge img{ min-height: 225px; min-width: 255; }
#modul-dim1 div, #modul-dimN div, #modul-dimR div, #modul-dimS div{ width: 255px; }

#modul-dim2, #modul-dimS{
	position:relative;
	margin-bottom: 15px;
	border-top: 3px solid rgb( 243, 0, 61);
	width: 390px;
	height: 300px;
	overflow: hidden;
}
#modul-dim2 .imatge{ height: 225px; overflow: hidden; }
#modul-dim2 .imatge img{ min-height: 225px; min-width: 390px; }
#modul-dim2 div{ width: 390px; }

#modul-dim3, #modul-dimP{
	position:relative;
	margin-bottom: 15px;
	border-top: 3px solid rgb( 243, 0, 61);
	width: 525px;
	height: 300px;
	overflow: hidden;
}
#modul-dim3 .imatge{ height: 225px; overflow: hidden; }
#modul-dim3 .imatge img{ min-height: 225px; min-width: 525px; }
#modul-dim3 div{ width: 525px; }
#modul-dimP{
	position:relative;
	margin-bottom: 15px;
	background: rgb( 243, 0, 61);
	width: 525px;
	height: 300px;
	overflow: hidden;
}
#modul-dim4{
	position:relative;
	margin-bottom: 15px;
	width: 255px;
	height: 303px;
	overflow: hidden;
}
#modul-dim4 div.titular{
	background-color: #acacac;
	color: #fff;
	width: 255px;
	height: 20px;
	margin-bottom: 2px;
	font-size: 11px;
	font-weight: bold;
	font-family: 'Open Sans';
}
#modul-dim4 div.titular span{
	position: relative;
	top: 2px;
	left: 10px;
}
#modul-dim4 .imatge img{ width: 255px; }
#modul-dim5{
	width: 450px;
	height: 115px;
	overflow: hidden;
}
#modul-dim5 .imatge img{ width: 450px; }

#modul-dimN .imatge img, #modul-dimS .imatge img{ margin-top: 5px; height: 225px; }

#modul-dimS .titol-entradeta{ width: 100%; }

#modul-dimR{
	position:relative;
	margin-bottom: 15px;
	border-top: 3px solid rgb( 243, 0, 61);
	width: 255px;
	height: 210px;
	overflow: hidden;
}
#modul-dimR .imatge{ height: 130px; overflow: hidden; }
#modul-dimR .imatge img{ width: 255px; }

#modul-dimP .imatge{height: 280px; overflow:hidden; }
#modul-dimP .imatge img{ min-height: 280px; min-width: 525px; }

#modul-dim1:hover, #modul-dim2:hover, #modul-dim3:hover, #modul-dim4:hover, #modul-dimN:hover, #modul-dimS:hover, #modul-dimR:hover, #modul-dimP{
	cursor: pointer;
}

.categoria{
	font-size: 10px;
	font-weight: bold;
	color: rgb( 243, 0, 61);
	height: 17px;
	font-family: 'Open Sans';
}
#modul-dimP .categoria{ position:relative; border-bottom: 2px solid #fff; height: 22px;}
#modul-dimP .categoria span{ color: #fff; font-size: 10px; font-weight: bold; position: relative; top: 3px; left: 10px;}
.play{
	position: absolute;
	width: 100px;
	height: 100px;
	top: 80px;
	left: 145px;
	background: url(../images/play.png) no-repeat;
}
.numero{
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	color: rgb( 243, 0, 61);
	height: 17px;
	font-family: 'Open Sans';
}
.numero a{
	color: rgb( 243, 0, 61);
}
.numero a:hover{
	font-weight: bold;
}
.titol-entradeta{ margin-top: 4px; font-family: Pradell;}
.titol-entradeta font.find{ background-color: yellow; font-family: Pradell; font-size: 18px; font-weight: bold;  }
.titol-entradeta p.titular{ font-weight: bold; font-size: 18px; font-style: normal; line-height: 18px;}
.titol-entradeta *{ font-weight: normal; font-size: 16px; line-height: 17px;}
#ver{
	float: left;
}

#alert{
	position: fixed;
	left: 50%;
	top: 50%;
	background: #fff;
	border: 1px solid rgb( 243, 0, 61);
	display: none;
	z-index: 800;
}

#close-popup{
	position: absolute;
	top: 8px;
	width: 11px;
	height: 10px;
}
#close-popup:hover{ cursor: pointer; }
#popup-content{
	position: absolute;
	top: 30px;
	left: 30px;
}
#accept-content{
	position: absolute;
	top: 220px;
	left: 510px;
	padding: 3px 8px 3px 8px;
	background: rgb(243, 0, 61);
	text-align: center;
	vertical-align: middle;
}
#accept-content a{
	font-family: 'Open Sans', Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}

.msg-mail{ font-family: Pradell; text-align: center; font-size: 58px; color:rgb(243, 0, 61); font-style: italic; line-height: 62px; position: absolute; top: 30px; left: 30px; width: 480px; }

.wallpaper tr{ clear: all; }
.wallpaper tr td{
	width: 220px;
	border-top: 1px solid rgb( 243, 0, 61);
}
.wallpaper tr.blanc{
	height: 50px;
	border: 0px;
}
.wallpaper tr td.blanc{
	width: 28px;
	border: 0px;
}
.wallpaper tr td a:hover{
	cursor: pointer;
	color: rgb( 243, 0, 61);
}
#capa-blanca{
	background-color: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 400;
}

span.red{ color:rgb( 243, 0, 61); }
div.download{
	padding: 3px 8px 3px 8px;
	background: rgb(243, 0, 61);
	color: #fff;
	text-align: center;
	font-family: 'Open Sans', Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
div.error404{ font-family: Pradell; font-size: 58px; color:rgb(243, 0, 61); font-style: italic; line-height: 46px; margin-top: 30px; margin-bottom: 20px; }
a.error404-link{ font-family: Pradell; font-size: 28px; font-style: italic; text-decoration: underline; color:rgb(243, 0, 61); }



/*
	FOOTER
*/

#footer{
	position: relative;
	margin-top: 0px; /* negative value of footer height */
	padding:15px;
	width: 100%;
	background: rgb(243, 0, 61);
	color: #fff;
	font-family: 'Open Sans';
	font-size: 10px;
	height: 220px;
	clear:both;
	font-weight: bold;
	-webkit-box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.5); 
}
#footer div{
	padding-top: 1px;
}
#footer-menu{
	position: absolute;
	top: 25px;
	left: 20px;
	border-top: 3px solid #fff;
	width: 680px;
	margin-bottom: 20px;
}
#footer-isbn{
	position: absolute;
	left: 20px;
	top: 220px;
	border-top: 3px solid #fff;
	width: 680px;
	margin-bottom: 20px;
}
#footer-menu p{
	padding-bottom: 5px;
}

#footer-left{
	position: absolute;
	left: 20px;
	top: 80px;
	border-top: 3px solid #fff;
	width: 400px;
}
#footer-right{
	position: absolute;
	left: 500px;
	top: 80px;
	width: 195px;
	text-align: right;
}
#footer-right a img{
	margin: 15px 0px 0px 5px;
}
#news-submit{
	padding: 3px 8px 3px 8px;
	background: #fff;
	color: rgb(243, 0, 61);
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border: 0px;
	display: inline;
}
#news-submit:hover{ cursor: pointer; }
#email-form{
	width: 295px;
	margin-right: 9px;
	margin-top: 5px;
	height: 20px;
	display: inline;
	font-style: italic;
	background: rgb(243, 0, 61);
	border: 1px solid #fff;
	color: #fff;
	font-family: 'Open Sans';
	font-size: 11px;
}
#footer-text{
	position: absolute;
	left: 20px;
	top: 150px;
	width: 680px;
}

#footer-menu a{ color: #fff; font-weight: bold; }
#footer-menu a:hover{ font-weight: bold; }


#send_mail{
	font-family: 'Open Sans', Verdana, Arial;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 12px;
}

#send_mail h3{
	font-size: 14px;
}

#send_mail .important{
	color: rgb(243, 0, 61) !important;
}
.vermell{
color: rgb(243, 0, 61);
}