@charset "utf-8";

/*-------------- Generics / Reset --------------*/
* { margin: 0; padding: 0; line-height: 1em; font-size: 1em;}
body { font-size: 62.5%;}
body, input, select, textarea { color: #000; font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;}
a { text-decoration: none;}
img { border: 0;}
hr, #skip { display: none;}
ul { list-style-type: none;}

/*-------------- Estructura --------------*/
#wrapper { 
	width: 97em; 
	margin: 0 auto;
	position: relative;
}  

#bar-superior {

}

#header {
	width: 97em;
	height: 10.3em; 
	background: url("../images/bg_cap.jpg") no-repeat top right;  
	margin-top: 1em;
}  

#header h1 {
   	background: url("../images/logo-apdcat.jpg") no-repeat top left;
	height: 10.3em;
	font-size: 1em;
}   

#header h1 a {
  	font-size: 2em;
	font-weight: normal;
	color: #000;
	height: 2em;
	display: block;            
	padding-left: 9.4em; 
	padding-top: 2.5em;
	line-height: 1.5em;
}

#content {
	margin: 1em 0;
} 

#content #principal {
	width: 66em; 
	float: left;
	margin-right: 1em;
}  

#content #columna {
	width: 29.5em;
	float: right;
} 

/*-------------- Menú --------------*/ 

ul#main-menu {
  	border-bottom: 3px solid #fbab14;
	margin-bottom: 1em;
} 

ul#main-menu li { 
	float: left;
	height: 1.4em;
	padding: .84em 0 .7em;
	position: relative;
	z-index: 10000;
}   

ul#main-menu li a {
	color: #585858;
	font-size: 1.4em;
	padding: 0.6em 0.5em .4em; 
}   

ul#main-menu li a:hover, ul#main-menu li:hover a, ul#main-menu li.hover a {
	background-color: #fbab14;
	color: #FFF; 
}
ul#main-menu ul { 
	display: none;
	width: 22.9em;
	position: absolute;
	top: 2.9em;
	left: 0;
	background: url("../images/bg-submenu.png") repeat;
}
ul#main-menu li:hover ul, ul#main-menu li.hover ul { 
	display: block;  	
} 
ul#main-menu ul li {
	float: none;
	padding: 0;
	height: auto;
}
ul#main-menu ul li a {
	color: #FFF;
	display: block;
	background-color: transparent!important;
}  
ul#main-menu ul li a:hover {
	background-color: #fab127!important;
}  

/*-------------- Peu --------------*/

ul#footer {
	border-top: 3px solid #fbab14;
	color: #000;
	clear: both; 
}     

ul#footer li {
	float: left; 
	padding-top: 0.5em;
}   

ul#footer li.info {
   	width: 69.6em; 
	text-align: center; 
	margin-top: 0.8em;
}   

ul#footer li.info a {
   	text-decoration: underline;
}

ul#footer li.info p {
   	padding: 0.2em 0;
}  

/*-------------- Destacats --------------*/   

#principal #destacats {
	margin-bottom: 2em;
}

#destacats #destacat {
	float: left; 
	background: #606060;
	width: 432px;
}  
#destacats #destacat .paginador {
   	background: #606060 url("../images/bg-paginador.gif") repeat-x bottom; 
	color: #e2001a;
	height: 1.4em;
	text-align: right;
} 
#destacats #destacat .paginador span {
	padding: .2em .2em .2em;
	font-size: 1.2em;
	
}

#destacats #destacat .paginador span a {
	background-color: #666666;
	color: #FFFFFF;
	padding: 0 0.5em;
}

#destacats #drets, #destacats #responsables {
   	width: 22.2em;
	height: 10em; 
	float: left;
	margin-left: 0.3em;  
}   

#destacats #drets {
   	margin-bottom: 1.2em;
	background: url("../images/bg-drets.jpg") no-repeat; 
	display:block;
}   

#destacats #responsables {
   	background: url("../images/bg-responsables.jpg") no-repeat; 
	display:block;
}   

#destacats #drets h2, #destacats #responsables h2 {
  	font-size: 20px;
	color: #e2001a; 
	font-weight: normal;
	text-align: right; 
	margin-top: 1.5em;
	margin-right: 1em;	
}    

#destacats #drets h2 span, #destacats #responsables h2 span {
   	font-size: 30px;
}

#destacats #drets h2 a, #destacats #responsables h2 a {
	color: #e2001a;
} 

/*-------------- Novetats --------------*/
#principal #novetats {
	font-family: Georgia, "Times New Roman", Times, serif;  
	border-bottom: 1px dotted #747474;  
	margin-bottom: 2em;
	clear:both;
}

#principal #novetats ul {
	background: url("../images/bg-rss.gif") no-repeat right bottom;    
	padding-bottom: 0.1em;
} 

#principal #novetats li {
	font-size: 18px;  
	padding: 0.8em 0.5em;  
	border-bottom: 1px solid #dedede;
}  

#principal #novetats li.mes {
	font-size: 14px;  
	border-bottom: none;
	text-align: right;
}      

#principal #novetats li.ultim {
	border-bottom: none;
}

#principal #novetats li.mes a {
	color: #e10019; 
}
#principal #novetats li.mes a:hover {
   	text-decoration: underline;  
}

#principal #novetats h2 {
	color: #e5000b; 
	font-size: 24px;
	font-weight: normal;
	font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
	background: url("../images/bg-notis.gif") repeat-x; 
	border-top: 1px dotted #747474; 
	padding: 0.3em 0.5em;
} 
                         
#principal #novetats .capsalera {
	position: relative; 
}  

#principal #novetats .rss {
	position: absolute; 
	top: 0.5em;
	right: 0.5em;  
}

#principal #novetats h4 {
	color: #4c4c4c; 
	font-size: 14px; 
	font-weight: normal; 
} 

#principal #novetats p a {
	color: #1c1c1c;
}  

#principal #novetats p a:hover {
	color: #e10019; 
} 

/*************Mòduls lliures*****************/

#principal #moduls {
	float: left;
	width: 66em;
} 

#principal .modul-lliure {
	background: #f9f9f9 url("../images/bg-modul-lliure.gif") no-repeat;
	border-bottom: 3px solid #bdbdbd;
	width: 14.5em; 
	float: left;  
   	margin: 1em;  
	_width: 14.3em;
   	height: 20em; 
	overflow: hidden; 
}       

#principal .modul-premsa {  
	background: url("../images/bg-salapremsa.gif") no-repeat left bottom;
	border-bottom: 3px solid #fbab14;
	width: 14.4em; 
	float: left;  
   	margin: 1em 0 0 1em;  
	_width: 14.2em;
   	height: 20em; 
	overflow: hidden;
}

#principal .modul-lliure h2, #principal .modul-premsa h2 {
	font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif; 
	color: #e5000b;  
	font-size: 18px;
	font-weight: normal; 
   	padding: 0.3em;      
}  

#principal .modul-lliure h3, #principal .modul-premsa h3 {
	font-family: Georgia, "Times New Roman", Times, serif;  
	font-size: 14px;
	font-weight: normal; 
	line-height: 1.2em; 
	margin-top:1em; 
	padding:0 0 0 0.5em;
}   

#principal .modul-lliure .normativa {
	background: #f9f9f9 url("../images/bg-normativa.gif") no-repeat left bottom;
  	height: 16.7em;
} 

#principal .modul-lliure .internet {
	background: #f9f9f9 url("../images/bg-internet.gif") no-repeat left bottom;
  	height: 14.5em;
} 

#principal .modul-lliure .videovigilancia {
	background: #f9f9f9 url("../images/bg-videovigilancia.gif") no-repeat left bottom;
  	height: 14.5em;
}  

#principal .modul-premsa .salapremsa {
	
  	height: 16em;
} 

#principal .modul-lliure h3 a, #principal .modul-premsa h3 a {
	color: #1c1c20;  
}     

#principal .modul-premsa h3 a {
	color: #e10019;  
}

#principal .modul-lliure h3 a:hover, #principal .modul-premsa h3 a:hover {
	color: #e10019; 
}

.pdf {
	background: url("../images/ico-pdf.jpg") no-repeat;
	padding-left: 1.5em;
	font-family: Georgia, "Times New Roman", Times, serif;  
	font-size: 12px;        
	float: right; 
	margin-top: 0.5em;   
	margin-right: 0.5em;
}    

.pdf a {
	color: #e10019;
}   

.pdf a:hover {
	text-decoration: underline;
}

/*-------------- columna --------------*/
#content #columna p{
	margin: 0.6em 0;
}  

#content #columna p span{
	display:none;
}

#columna #video-columna {
	height: 21.4em;
}

/*-------------- Altres --------------*/
ul#main-menu:after, #principal:after, #columna:after, ul#footer:after, #content:after, #destacats:after, .modul-lliure:after, .normativa:after  { content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
ul#main-menu, #principal, #columna, ul#footer, #content, #destacats, .modul-lliure, .normativa { height: 1%;} 

#modul {
	clear:both;
}