*{
	margin:0;
    padding:0;
}

html{
	min-width: 998px;
	color: #000;
	background-color: #d6d7d8;
	font: normal 12px/14px Helvetica, Arial, Geneva, sans-serif;
}

body {
	margin-right:auto;
    margin-left:auto;    	   
    color: #000;
    background: url(../img/fons.gif) repeat-y center top;	
}

a{
	outline:none;
	text-decoration: none;
}

.no-apear{
	display: none;
}


#header, #header-short{
	width: 998px;
	height: 24em;
	margin-right:auto;
    margin-left:auto;   
	color: inherit;
	background: url(../img/main-image.jpg) no-repeat center top;
}

#header-short{ 
	height: 20em;
}

#middle{
	width: 998px;
	overflow: hidden;
	margin-right:auto;
    margin-left:auto;
    color: inherit;
    background-color: white;
}

.left-bloc{
	float: left;
	width: 654px;
	padding-bottom: 1em;
	border-right: 2px solid #afb2c1; 
}

.right-bloc{
	float: left;
	width: 342px;
	padding-bottom: 1em;
	overflow: hidden;
}

.right-bloc .google-lang{
	padding-top: 0.5em;
	padding: 0.5em;
	border-bottom: 1px solid #677894;
}

.right-bloc .google-lang .langs{
	display: block;
	width: 14em;
	margin-left: auto;
	margin-right: auto;
	}

ul.menu{ 
	overflow: hidden;
	padding-left: 2em;
	font: normal 18px/20px Helvetica, Arial, Geneva, sans-serif;
	border-top: 1px solid #677894;
	border-bottom: 1px solid #677894;
}

ul.menu li{
	display: block;
	float: left;
	border-left: 1px solid #677894;
	list-style-type: none;
	padding: 0.5em 0.5em; 
}

ul.menu li.last-menu{
	border-right: 1px solid #677894; 
	}

ul.menu li a{
	color: #005689;
	background-color: white;
	padding: 0.3em 1em;
}
	
ul.menu li a.active, ul.menu li a:hover{
	color: #005689;
	background-color: #d6d7d8;
	}
	
ul.menu li.opt-rss, ul.menu li.opt-face{
	display: block;
	float: left;
	font: normal 14px/16px Helvetica, Arial, Geneva, sans-serif;
	border: 0px;
	list-style-type: none;
	margin-left: 1.2em;
	padding: 0.9em 0 0.6em 2.7em;
}

ul.menu li.opt-rss{
	background: url(../img/rss-icon.jpg) no-repeat 8px 7px;
}

ul.menu li.opt-face{
	background: url(../img/button_facebook.gif) no-repeat 6px 7px;
}


ul.menu li a.opt-lnk{
	padding: 0;
	}
	
ul.menu li a.opt-lnk:hover{
	color: #005689;
	background-color: white;
	text-decoration: underline;
}

.question{
	display: block;
	overflow: hidden;
	margin-top: 1em;
	margin-left: 1.8em;
	width: 50.7em;
	height: 7em;
	background: url(../img/enquesta.gif) no-repeat -8px top;
}

.question-link{
	display: block;
	overflow: hidden;
	margin-top: 0.5em;
	margin-left: 1.8em;
	width: 50.7em;
}

.question p{
	font: normal 20px/24px Helvetica, Arial, Geneva, sans-serif;
	margin-top: 1em;
	margin-left: 2.5em;
	margin-bottom: 1.2em;
	width: 25em;
	color: #333333;
	background-color: inherit;
	}

a.cmnlnk{
	display: block;
	margin-left: 1em;
	margin-top: 0.5em;
	color: #005689;
	background-color: inherit;
	font-weight: normal;
	font-style: normal;
}

a.cmnlnk-mult{
	display: block;
	margin-top: 1em;
	color: #005689;
	background-color: inherit;
	font-weight: normal;
	font-style: normal;
}

span.cmnlnk{
	display: block;
	margin-left: 1em;
	margin-top: 0.5em;
	color: #333333;
	background-color: inherit;
}

a.cmnlnk:hover, a.cmnlnk-mult:hover{
	text-decoration: underline;
	}
	
.rss-content{
	overflow: hidden;
}

#layer{
	position: absolute;
	width: 265px;
	height: 320px;
	color: inherit;
	background-color: white;
}

#layer img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5em;
	}

.rss-bloc{
	float: left;
	margin-top: 1em; 
	margin-left: 2em;
	width: 24.3em;  
}

.right{
	float: right;
	margin-left: 0;
	margin-right: 2em;
}

.rss-bloc .vilaimg, .rss-bloc .artimg, .rss-bloc .delimg, .rss-bloc .quioscimg, .rss-bloc .esquerimg{
	display: block;
	overflow: hidden;
	height: 8.7em;
}

.rss-bloc .vilaimg{
	background: url(../img/vilaweb.jpg) no-repeat -5px 8px;
}

.rss-bloc .artimg{
	background: url(../img/articles.jpg) no-repeat -5px 8px;
}

.rss-bloc .delimg{
	background: url(../img/delicious.jpg) no-repeat -5px 8px;
}

.rss-bloc .quioscimg{
	background: url(../img/quiosc.jpg) no-repeat -5px -5px;
} 

.rss-bloc .esquerimg{
	margin-top: 1em;
	background: url(../img/esquerra.jpg) no-repeat -8px 8px; 
} 

.facebloc{
	margin-top: 1em; 
	margin-left: 2em;
	width: 50.5em; 
}

.facebloc .faceimg{
	display: block;
	overflow: hidden;
	height: 8.7em;
	background: url(../img/facebook.jpg) no-repeat -5px 8px;
}

.rss-title{
	margin-top: 2em;
	margin-left: 1em;
	color: white;
	background-color: inherit;
	font: normal 22px/24px Helvetica, Arial, Geneva, sans-serif;
}

.rss-title-mult{
	margin-top: 1.2em;
	margin-left: 1em;
	color: white;
	background-color: inherit;
	font: normal 22px/24px Helvetica, Arial, Geneva, sans-serif;
}

.rss-title-delic{
	margin-top: 1.6em;
	margin-left: 1em;
	color: white;
	background-color: inherit;
	font: normal 22px/24px Helvetica, Arial, Geneva, sans-serif;
}


.rss-bloc .rss-content{
	overflow: hidden;
	padding: 0 1em 1em;
	margin-top: 1em;
	}
	
.rss-bloc .rss-content-border{
	overflow: hidden;
	padding: 0 1em 1em;
	margin-top: 1em;
	border: 1px solid #677894;
	}

.rss-bloc .dlctitle{
	overflow: hidden;
	margin-bottom: 0.5em;
	height: 30px;
	background: url(../img/logo-delcamp.jpg) no-repeat center top;
}

.rss-bloc .cnntitle{
	overflow: hidden;
	margin-bottom: 0.5em;
	height: 30px;
	background: url(../img/logo-cnn.gif) no-repeat center top;
}

.rss-bloc .catitle{ 
	overflow: hidden;
	margin-bottom: 0.5em;
	height: 30px;
	background: url(../img/logo-3cat24.gif) no-repeat center top;  
}

.rss-bloc .diarititle{ 
	overflow: hidden;
	margin-bottom: 0.5em;
	height: 30px;
	background: url(../img/logo-ddtgn.gif) no-repeat center top;  
}

.rss-bloc .puntitle{ 
	overflow: hidden;
	margin-bottom: 0.5em;
	height: 30px;
	background: url(../img/logo-elpunt.gif) no-repeat center top;  
}

.rss-bloc .avuititle{ 
	overflow: hidden;
	margin-bottom: 0.5em;
	height: 30px;
	background: url(../img/logo-avui.gif) no-repeat center top;  
}

.rss-bloc .pdctitle{ 
	overflow: hidden;
	margin-bottom: 0.5em;
	height: 30px;
	background: url(../img/logo-perdc.gif) no-repeat center top;  
}

.rss-bloc .ecntitle{ 
	overflow: hidden;
	margin-bottom: 0.5em;
	height: 30px;
	background: url(../img/logo-econd.gif) no-repeat center top;  
}


.rss-item{
	overflow: hidden;
	margin-top: 1em;
}

.rss-item h3 a{
	font: bold 14px/16px Helvetica, Arial, Geneva, sans-serif;
	color: #005689;
	background-color: inherit;
	}
	
.rss-item a{
	color: #005689;
	background-color: inherit;
	}
	
.rss-item .date{
	margin-top: 0.2em;
	color: #666666; 
	background-color: inherit;
	}
	
.rss-item p{
	overflow: hidden; 
	font: normal 12px/14px Helvetica, Arial, Geneva, sans-serif; 
	margin-top: 0.5em;
	color: #333333;
	background-color: inherit;
	}
 
.right-bloc .text-newslet{
	margin-top: 1em;
	font: normal 14px/16px Helvetica, Arial, Geneva, sans-serif;
	text-align: center;
	color: #333333;
	background-color: inherit;
}

.newslet-bloc{
	overflow: hidden;
	font: normal 16px/18px Helvetica, Arial, Geneva, sans-serif;
	height: 9.5em;
	background: url(../img/newsletter.gif) no-repeat center top;
}

#error-newsletter{
	overflow: hidden;
	text-align: center;
}

.newslet-bloc .newslet-items{
	overflow: hidden;
	color: #333333;
	background-color: inherit;
	margin: 0 3em; 
}

.newslet-bloc .row{
	margin-top: 0.5em;
	margin-bottom: 1em;
	overflow: hidden;
}

.newslet-bloc .row-error{
	height: 1.2em;
	margin-top: 1em;
	overflow: hidden;
}

.newslet-bloc label{
	float: left;
	width: 3.5em;
	}
	
.newslet-bloc input{
	width: 175px;
	border: 1px solid #677894;
	}
	
.newslet-bloc a, .center-bloc a.send-form{
	float: right;
	margin-right: 0.5em;
	font: normal 14px/14px Helvetica, Arial, Geneva, sans-serif;
	color: white;
	background-color: #677894;
	padding: 0.3em 1em 0.3em;
}

.center-bloc a.return{
	float: left;
	margin-top: 2em;
	font: normal 14px/14px Helvetica, Arial, Geneva, sans-serif;
	color: white;
	background-color: #677894;
	padding: 0.3em 1em 0.3em;
}


.fotosimg, .musicimg, .videoimg{
	display: block;
	width: 300px;
	overflow: hidden;
	margin-top: 1em;
	height: 5.8em;
	margin-left: auto;
	margin-right: auto;
}

.fotosimg{
	background: url(../img/fotos.jpg) no-repeat center top;
}

.musicimg{
	background: url(../img/music.jpg) no-repeat center top;
}

.videoimg{
	background: url(../img/video.jpg) no-repeat center top;
}

.mult-bloc{
	width: 274px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	color: inherit;
	background-color: #e6eaed;
	border-left: 1px solid #677894;
	border-right: 1px solid #677894;
	border-bottom: 10px solid #677894;
	padding: 0 1em 1em;
}

.aud-bloc{
	width: 298px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	color: inherit;
	background-color: #e6eaed;
	border-left: 1px solid #677894;
	border-right: 1px solid #677894;
	border-bottom: 10px solid #677894;
	padding: 0.5em 0 1em;
}

.aud-bloc h3{
	display: block;
	margin-left: 1em;
	margin-top: 0.5em;
	font: bold 14px/16px Helvetica, Arial, Geneva, sans-serif;
	color: #333333;
	background-color: inherit;
	}
	
.rss-item-audio{
	width: 180px;
	height: 245px;
	margin-left: auto;
	margin-right: auto; 
}  

.mult-bloc img.flickimg{ 
	margin-top: 0.5em;
	width: 274px; 
}

.mult-bloc #video{ 
	margin-top: 0.5em;
}

.center-bloc{
	width: 998px;
	min-height: 50em;
	overflow: hidden;
	border-top: 3px solid #d6d9de;
	margin: 0 auto 2em;
}

.cnt-profile{
	overflow: hidden;
}

.image-bloc{
	float: left;
	width: 40em;
	height: 48em;
	background: url(../img/perfil.jpg) no-repeat left top;
	
}

.right-image-bloc{
	float: left;
	width: 34em;
	margin-top: 7em;
	margin-left: 2em;
}

.left-contact-bloc{
	float: left;
	width: 25em;
	margin-top: 3em; 
	margin-left: 5em;
}

.bottom-image-bloc{
	overflow: hidden;
	margin-top: 0em;
	margin-left: 7em;
	margin-right: 7em;
}

.contact-title{
	width: 22em;
	height: 5em;
	background: url(../img/contact.gif) no-repeat 2px top;
}

.center-bloc h3{
	font: bold 20px/22px Helvetica, Arial, Geneva, sans-serif;
	color: #333333;
	background-color: inherit;
}

.center-bloc h3.top-title{
	margin-top: 2em;
	font: bold 16px/18px Helvetica, Arial, Geneva, sans-serif;
	color: #333333;
	background-color: inherit;
}

.center-bloc h3.title-common{
	border-bottom: 2px solid #677894;
	padding-bottom: 0.2em;
}

hr.line-common{
	border: 1px solid #677894;
}

.center-bloc h4{
	margin-top: 1em;
	font: bold 14px/16px Helvetica, Arial, Geneva, sans-serif;
	color: #333333;
	background-color: inherit;
}

.center-bloc p{
	margin-top: 1em;
	font: normal 14px/16px Helvetica, Arial, Geneva, sans-serif;
	color: #333333; 
	background-color: inherit;
}

.center-bloc a{
	color: #005689;
	background-color: inherit;
}

.center-bloc .clear{   
	color: #4d4d4d; 
	background-color: inherit;
}

#support-form{
	float: left;
	width:  43em;
	overflow: hidden;
	color: inherit;
	background-color: #f2f2f2;
	border: 1px solid #8c8c8c;
	margin: 3em 0 2em 4em; 
}

#support-form .row{
	margin-left: 1em;
	margin-right: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	overflow: hidden;
	border-bottom: 1px solid #8b8b8b;
	}
	
#support-form .questcont{
	font: bold 16px/18px Helvetica, Arial, Geneva, sans-serif;
}	
	
#support-form .last{
	border-bottom: 0px;
	}

	
#support-form .row label{
	width: 8em;
	float: left;
	margin-left: 2em;
	font-weight: bold;
}

#support-form .row label.checkbox{
	width: 30em;
	float: left;
	margin-left: 2em;
	font-weight: bold;
}

#support-form .row input, #support-form .row textarea{
	border: 1px inset #8b8b8b;
	float: right;
	margin-right: 4em;
	margin-bottom: 0.5em;
	width: 300px;
	margin-left: 1em;
	}
	
	
#support-form .row textarea{
	margin-right: 4em;
	}

	
#support-form .row input.check{
	float: left;
	width: 20px;
	margin-right: 0;
	margin-left: 2em;
	border: 0px;	
	}
	
#support-form .row .explain{
	margin-left: 14em;
	margin-top: 0.5em;
	font: normal 11px Arial, Helvetica, Geneva, sans-serif;
}

.message-error{
	font: normal 12px Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 0.5em;
	color: #900000;
	background-color: inherit;
	text-align: center;
}

.left-banner{
	width: 468px;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto; 
}

.right-banner{
	width: 300px;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto; 
}

#footer{
	font: normal 14px/16px Helvetica, Arial, Geneva, sans-serif;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	width: 998px;
	margin-right:auto;
    margin-left:auto;   
	color: black;
	background-color: #677894;
	text-align: center;
}

#footer a{
	color: white;
	background-color: inherit;
	text-decoration: underline;
}