/* CSS Document */


body {
	background-color:#FFFFFF;
	color:#555;
	font-family:Verdana,Sans-Serif;
	font-size:101%;
	margin:0px;
	padding:0px;
	width:100%;
}

#marc{
	font-size: 0.8em;
	margin: auto;
	position: relative;
	width: 81%;
	margin-top: 20px;
	min-width: 795px;
}

.h1bold{
	font-size: 4.9em;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	color: #02436C;
	font-weight: bold;
	margin: 0;
	padding: 0;
}


.h1nobold{
	float:left;
	font-size: 4.9em;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	color: #02436C;
	height: 55px;
}

h1{
	font-size: 5.4em;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	color: #02436C;
	margin: 0;
	padding: 0;
}




h2{
	font-family: Arial Narrow, Helvetica, sans-serif;
	font-size: 1.7em;
	color: #02436C;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

h5{
	font-size: 1.54em;
	font-family: Arial Narrow, Helvetica, sans-serif;
	font-weight: bold;
	color: #02436C;
	margin: 10px 0 0 0;

}

h6{
	color:#555555;
	font-family:Verdana,Sans-Serif;
	font-size: 0.92em;
	font-weight: bold;
	margin: 10px 0 0 0;

}


h3{
	font-size: 4.17em;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	color: #7CC242;
	margin: 7px 0 0 0;
	padding: 0;
}

a{
	font-family: Verdana,Sans-Serif;
	color: #02436C;
	text-decoration: none;
	font-size: 0.9em;
}

a:hover{
	text-decoration: underline;
}

.data_2,.dataOp{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #555;
	padding-left: 5px;
}

.dataOp{padding-left: 0;}

.data_titol{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #555;
	font-weight: bold;
	float: left;
	width: 100%;
	margin-bottom: 5px;
}
.data_legal{
	font-size: 0.8em;
}

div#capcalera-butlleti{
	height: 75px;
	width: 100%;
	margin-bottom: 10px;
	
}

#capcalera-enllacos{
	float: right;
	margin: 0px;
	padding: 0px;
}

div#capcalera-butlleti #capcalera-enllacos capcalera-enllacos{
	float: right;
	margin: 0px;
	padding: 0px;
}

div#capcalera-butlleti #capcalera-enllacos a{margin-left: 10px; font-size: 0.85em;}



div#cos-butlleti{
	width: 96%;
	float: left;
	margin-bottom: 15px;
	margin-left: 15px;
	margin-top: 10px;
}

div#cos-butlleti img{
	margin-right: 10px;
	float: left;
}

.imatge-editorial{
	width: 96px;
	height: 112px;
}

div#butlleti-noticies{
	width: 48.5%;
	border-right: 1px solid #CACACA;
	float: left;
	padding: 10px 10px 10px 0;
}

div#butlleti-noticies div#cos-butlleti ul{margin-bottom: 85px;}

div#butlleti-noticies div#butlleti-info ul{margin-bottom: 0;}

div#cos-butlleti ul li{
	margin: 10px 0 0 -40px;
	list-style: none;
	background: url(../../img/butlleti/bullet.png) 1px 3px no-repeat;
	padding-left: 17px;
}

div#cos-butlleti ul li .butlleti-text{color:#555;font-size: 0.92em;}

div#cos-butlleti ul li a{font-size: 0.92em;}

div#editorial{padding: 15px;border: 1px solid #7CC242; margin-bottom: 30px;}

div#editorial h4{ padding-left: 105px; padding-top: 10px; }

div#editorial-da{
	width: 100%;
	float: right;
	margin: -16px;
}

div#editorial-da img{ float: right; margin: 0;}

div#editorial-ea{
	right: 0;
	margin: -16px;
}

div#editorial-db{
	width: 100%;
	float: right;
	margin: -12px -16px 0 -16px;
}

div#editorial-db img{float: right;margin: 0;}

div#editorial-eb{
	width: 45%;
	float: left;
	right: 0;
	margin: 7px 0 0 -16px;
}


div#butlleti-noticies div#editorial h2{
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	color: #555;
	font-weight: bold;
	margin: 10px 0 10px 0;
}

div#cos-butlleti h4{margin: 0; font-size: 1.31em; color: #02436C;font-family: Arial Narrow, Arial, Helvetica, sans-serif;}

div#cos-butlleti #resultat {font-weight:bold; color:#FF0000;}

div#butlleti-info{
	width: 48.5%;
	float: left;
	padding: 10px 0 10px 10px;
}

div.separador-but{
	width: 100%;
	border-bottom: 1px solid #CACACA;
	margin: 10px 0;
}


div#logo{
	width: 206px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #00426C;
	float: left;
	margin-left: 20px;

}

div#logo .logo-text{margin-top: 9px; float: left;}

div#logo img.aqu{
	border: 0;
	float: left;
	padding-right: 10px;
}

div#elbutlleti{float: right; width: 300px;}

div#titol{ float: left; margin-left: 15px; width: 18em;}

div#titol p{ margin: -10px 0 0 0;}

div#titol p a{font-size: 0.92em;font-family: Arial, Helvetica, sans-serif;}

div#num{ float: right; margin-right: 15px;}

div#num p{
	float: left;
	margin: -10px 0 0 0;
	font-size: 1.08em;
	color: #7CC242;
	font-family: Arial narrow, Arial, Helvetica, sans-serif;
}

div#butlleti-menu{
	float: left;
	width: 100%;
	/*height: 29px;*/
	/*Oriol*/
	height: 15px;
	/*background: url(../../img/butlleti/fons-butlleti.png) repeat;*/
	/*Oriol*/
	background: url(../../img/butlleti/horitzontal-interior.png) center bottom repeat-x;
}

div#butlleti-menu img{float: left;margin-top: -1px;}

div#butlleti-menu img.menu-der{float: right;right: 0; margin-top: -2px;}

div#butlleti-menu ul{
	margin: 2px 0 0 0;
	padding: 0;
	float: left;
}

div#butlleti-menu ul li{
	list-style: none;
	float: left;
	margin: 3px 0 0 65px;
}

div#butlleti-menu ul a{font-size: 0.85em;color: #ffffff; font-weight: bold;}

div#butlleti-opcions{text-align: right; margin-bottom: 10px;}

div#idiomes{text-align: right;margin: 0 15px;}

div#butlleti-opcions a, div#idiomes a{font-size: 0.77em;padding-left: 20px;}

div#peu-butlleti{
	background: url(../../img/butlleti/fons-butlleti.png) repeat;
	width: 100%;
	font-size:0.85em;
	clear: both;
	float: left;
	margin: 15px 0;
	color: #ffffff;
	height: 38px;
}

div#peu-butlleti .text-peu{
	margin-top: 5px;
	float: left;
	width: 95%;
	margin-left: 15px;
}

div#peu-butlleti img{
	float: left;
	height: 39px;
	margin-top: -1px;
}

div#peu-butlleti img.menu-der{
	float: right;
	clear: both;
	margin-top: -38px;
	height: 39px;
}

div#peu-butlleti .aqu-peu{
	width: 50%;
	float: left;
	margin-left: 15px;
}

div#peu-butlleti .enllacos-peu{
	width: 29em;
	color: #02436C;
	margin: 1em auto 0;
}

div#peu-butlleti .enllacos-peu ul {
   margin: 0;
   padding: 0;
   display: inline;
}
   
div#peu-butlleti .enllacos-peu ul li {
	list-style: none;
	display: inline;
	padding: 0 0 5px 10px;
	background: url(http://www.aqu.cat/elButlleti/img/barra.png) 4px 2px no-repeat;
}


div#peu-butlleti .enllacos-peu ul li.primer{
	background: none;
	padding-left: 0;
}


#peu-info{
  color: #555;
  clear: both;
	font-size: 0.95em;
	margin: 0 2em 1em 2em;
	overflow: hidden;
	font-size: 0.85em;
}

#peu-info p {
  float: right;
  margin: 0 0 0.1em 0;
  text-align: right;
  width: 65%;
}

#peu-info p#logo-gencat {
  float: left;
  margin: 0;
  overflow: hidden;
  padding-left: 0;
  text-align: left;
  width: auto;
}

#peu-info p#logo-gencat img{
  margin-top: 0;
}

#peu-info p#logo-gencat a img {
  border: 0;
}


.enca{
	float: right;
	border: 0;
	margin-right: 20px;
}

.send{background: url(../../img/butlleti/send.png) center left no-repeat; margin-right: 30px;}
.print{background: url(../../img/butlleti/print.png) center left no-repeat; margin-right: 30px; }
.subs{background: url(../../img/butlleti/subs.png) center left no-repeat;}

div#cos-butlleti ul.llista-fletxa li{
	list-style-image: url(../../img/butlleti/fletxa-blau.png);
	margin: 0 0 0 -25px;
	color:#555;
}

div#colum-esq{
	width: 47%;
	float: left;
	margin-right: 20px;
}

div#colum-drt{
	width: 47%;
	float: right;
}

div#colum-esq ul.llista-fletxa ul, div#colum-drt ul.llista-fletxa ul{
	list-style-image: url(../../img/butlleti/fletxa-blau.png);
	margin: 0 0 0 0;
	color:#555;
}

div#colum-esq ul li, div#colum-drt ul li{margin-top: 10px;}

div#colum-esq ul li ul li, div#colum-drt ul li ul li{margin-top: 5px;}

div#cos-butlleti ul.llista-info li {
	clear:both;
	list-style: none;
	background: url(../../img/butlleti/list-blau.png) 1px 6px no-repeat;
	margin:10px 0pt 0pt -40px;
	color:#555;
	padding-left: 14px;
}


.text-destacat{
	border: 1px solid #02436C;
	padding: 10px;
	clear: both;
	margin-top: 20px;
	float: left;
}

form{
	margin-top: 30px;
	width: 64%;
}

.label{
	width: 26.5%;
	float: left;
	text-align: left;
	padding-right: 10px;
	color: #333333;
}

.labelASP{
	width: 26.5%;
	float: left;
	text-align: left;
	padding-right: 10px;
	color: #333333;
}

input{
	border: 1px solid #02436C;
	width: 70%;
	height: 14px;
	font-family:Verdana,Sans-Serif;
	color: #555;
	font-size: 0.85em;
	padding: 2px;
}

Select
{
	font-family:Verdana,Sans-Serif;
	color: #555;
	font-size: 0.85em;
	
}

textarea{
	border: 1px solid #02436C;
	width: 50%;
	height: 100px;
	font-family:Verdana,Sans-Serif;
	color: #555;
	font-size: 0.85em;
	padding: 2px;
}

.enviar{border: none;  width: 99.5%;}

.enviar input{ 
	border: none; 
	height: auto;
	width: 50px;
	background:url(../../img/butlleti/enviar.png) no-repeat; 					
	font-family: Verdana,Sans-Serif;
	color: #02436C;
	text-decoration: none;
	font-size: 0.9em;
	padding-top: 1px;
	padding-left :0px;
}

div#noticia-imatge{
	float: left;
	margin: 20px 10px 20px 0;
}

div#noticia-imatge span{
	float: left;
	clear: both;
	margin-top: 5px;
	font-size: 0.77em;
}

.textAutor{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #555;
	font-weight: bold;
}


.RequireFieldvalidator
{
	width: 26.5%;
	float: left;
	text-align: left;
	padding-right: 10px;
	color:Red 
	
}

.LabelAmic{font-weight: bold; font-family: Verdana,Sans-Serif; font-size :12px ;}

.txtSendAmic
{
	border: 1px solid #02436C;
	width: 30%;
	height: 14px;
	font-family:Verdana,Sans-Serif;
	color: #555;
	font-size: 0.85em;
	padding: 2px;		
	
}

.enviarSubsc
{
	border: none;  
	text-align: center ; 
	width: 50%;
	margin-left :52% ;
	padding-top: 0px;
	padding-left :0px;
	padding-right :0px;
}
.enviarBaja 
{
	 border: none;  
	 text-align: right; 
	 width: 50%; 
	 margin-left :73%; 
	 text-align: center ; 
}
.enviarAmic 
{
	border: none;  
	text-align: right; 
	width: 50%; 
	margin-left :73%; 
	text-align: center ; 
}
