H3, H4{
    font-weight: normal;
}
form{
    margin: 0;
    padding: 0;
}

body{
    font-family:Verdana, Helvetica, sans-serif;
    background-color:#FFF;    
    margin: 0 auto;
    height: 100%;
}

#main{
    width: 962px;
    margin: 0 auto !important;
}

#container{    
    float: left;  
    clear: both;
    width: 962px;
    display:block;
    margin: 0px;
    padding: 0px;
    background-color: #FFF;
}

#header{
    width: 962px;
    float: left;
    clear: left;
    background-color: #FFF;
    border-bottom: 1px solid #FFF;
}

#logo{
    float: left;
    padding-top: 0px;
    margin-bottom: 4px;
}
#logo img{
    border: 0px;
}

#menu_superior{
    float: right;
    background-image:url(../img/deg1.jpg);
    background-position:right;
    background-repeat:repeat-y;
    width:703px;
}
#menu_superior ul{
    float: right;
    margin: 0px;
}
#menu_superior li{
    float: left;
    width: 113px;
    border-left: 1px solid #FFF;
    text-align:center;
    padding-top: 57px;
    font-size: 10px;
    font-weight:bold;    
    padding-bottom: 4px;
    list-style: none;
}
#menu_superior li:hover, li.menu_superior_activo{
    background-color: #3371BE;    
    cursor: hand;
    cursor: pointer;
}
li.menu_superior{
    background:none;
    cursor: hand;
    cursor: pointer;
}

#menu_superior a{
    color: #FFFFFF;
    text-decoration:none;
}
#menu_superior a:hover{
    color: #F1F7FF;
}

#slogan{
    float: right;
    width: 400px;
    text-align: right;
    padding-right: 8px;
    font-size: 24px;
    letter-spacing:0px;
    padding: 0px;
    margin: 0px;    
    padding: 1px 9px;     
}

#titulo{
    float: left;
 
    width:962px;
    background-color:#EB6A1F;
    color: #FFF;
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #FFF;
}
h2{
    float: left;

    font-family: "Century Gothic";
    font-size:24px;
    letter-spacing:2px;
    font-weight:normal;
    padding: 0px;
    margin: 0px;    
    padding: 1px 18px;        
}

h1, div.titulo{
    float: left;
    font-family: "Century Gothic";
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px;
    color: #3371BD;
    font-size: 22px;
    font-weight: normal;
    width: 373px;    
}

#menu{
    float: left;
    clear: left;
    background-color: #F2F2F2;
    width: 260px;
    border-top: 1px solid #FFF;     
}

#menu ul{
    margin: 0px;
    padding: 0px;
    font-size: 10px;    
    margin-left: 30px;
    margin-bottom: 10px;
}
#menu li{
    list-style-image:url(../img/flecha_gris.gif) ;
    margin-top: 7px;
    line-height: 12px;
    width: 220px;
}
#menu a{
    text-decoration: none;
    color: #000;
}
#menu a:hover{
    color: #EC6A1F;
}
#menu li:hover{
    list-style-image:url(../img/flecha_naranja.gif);
}


#logos{
    float: left;
    background-color:#FFFFFF;
    width: 260px;
    text-align:center;
    margin-top: 0px;
    padding: 20px 0px;    
}

#logos img{
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(opacity=50);
    padding: 0px 5px;    
}

#banner{
    float: left;
}
#banner img{
    float: left;
}
#noticias{
    float: right;
    height: 124px;
    background-color: #3371BE;
    width: 282px;
}
#noticias ul{
    margin: 0px;
    margin-top: 10px;
    padding: 0px;
    padding-left: 10px;
}
#noticias li{
    font-size: 11px;    
    list-style:none;
    float: left;
    width: 260px;
    margin-bottom: 6px;
    text-align: justify;
}
#noticias a{
    text-decoration:none;
}

li.noticia_impar a, li.noticia_par a:hover{
    color: #FFF !important;
}
li.noticia_par a, li.noticia_impar a:hover{
    color: #FFD2B8 !important;
}


#ariadna{
    float: left;
    width: 690px;    
    background-color:#EB6A1F;
    font-size: 10px;
    color: #FFF;
    height: 20px;
    line-height: 20px;
    padding-left: 12px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}
#ariadna a, #pie a{
    color: #FFF;
    margin: 0px 5px;
}
#ariadna a:hover, #pie a:hover{
    color: #F9E6DC;
}


#cuerpo{
    float: left;
    background-color:#FFF;
    width: 687px;
    padding: 0px 0px 20px 15px;
    font-size: 12px;
    color: #363636;
    background-image:url(../img/fondo1.jpg);
    background-position:right;
    background-repeat:repeat-y;               
}

#cuerpo p{
    margin: 0px;
    text-align:justify;
    padding-right: 20px;
    clear: left;
}

#cuerpo ul{    
    margin: 0px;
    padding: 0px; 
    width: 630px;   
}
#cuerpo li{ 
    margin-left: 20px;
    line-height: 16px;
    margin-top: 8px;    
    list-style-image: url('../img/flecha_azul.gif');    
    list-style-position: outside !important;
    text-align:justify;
}

#imagen{
    float: right;
    width: 297px;
    padding-left: 17px;
    padding-bottom: 10px;
}

#imagen img{
    float: right;
}
#imagen p{
    float: right;
    clear: right;
    background-color:#3371BD;
    font-size: 9px;
    width: 282px;
    margin: 0px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    padding-right: 0px;                
}

#cuerpo a{
    color: #3371BD;
}
#cuerpo a:hover{
    color: #EB6A1F;
    color: #EB6A1F;
}
#imagen a, .enlace{
    color: #FFF;
}
#imagen a:hover, .enlace:hover{
    color: #FFB2B8;
}

#pie{
    float: left;
    clear:left;
    width: 962px;
    background-color:#3A6DB0;
    font-size: 10px;
    line-height: 20px;
    height: 20px;
    text-align: center;
    color: #FFF;
}


H4.subseccion{
    color: #EB6A1F;
    width: 238px;
    border-bottom: 1px solid #BABABA;
    font-size: 10px;
    font-style: italic;         
    margin: 12px 0px 4px 14px;
}

H3.seccion{
    width: 242px;
    font-size: 10px;
    background-color: #EC6A1F !important;
    margin: 0px !important;
    padding: 4px 2px 4px 15px;
    border-bottom: 1px solid #FFF;
}
H3.seccion a{
    color: #FFF !important;
}

H3.activa{
    background-color: #3371BE !important;    
}

#seccion_activa{
    background-color: #EEF2F5;
}
#seccion_activa a:hover{
    color: #3570BE;
}
#seccion_activa li:hover,  li.menu_activo{
    list-style-image:url(../img/flecha_azul.gif);
}

#seccion_activa H4{
    color: #3371BE;
}


#info{
    float: left;
    margin-top: 24px;
    padding-left: 460px;
}

#info a{
    color: #3A6DB0;
    font-size: 10px;
}
#info a:hover{
    color: #EB6A1F;
}
#info img{
    float: left;
    margin-right: 7px;
}

#formulario{
    float: left;
    margin-top: 10px;
}
#formulario p{
    float: left;
    clear: left;
    width: 365px;
    text-align: justify;
}
#formulario label{
    float: left;
    clear: left;
    margin-right: 20px;
    margin-top: 10px;
    line-height: 14px;
    color: #073F85;
}

#formulario input,#formulario textarea,#formulario select{
    float: left;
    clear: left;
    margin-top: 2px;
    border: 1px solid #3A6DB0;
    height: 14px;
    font-size: 10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    padding-left: 2px;
    width: 365px;
    background-color: #FAFBFD;
}
#formulario select{
    height: 15px !important;
}
.archivo{
    height: 18px !important;
}

#formulario textarea{
    height: 80px;
}

#botones{
    float: left;
    clear: left;
    width: 370px;
    text-align:center;
    margin-top: 10px;    
}

.boton{
    float: none !important;
    clear: none !important;        
    background-color: #3A6DB0 !important;
    font-size: 9px;
    color: #FFF;
    width: 80px !important;
    height: 16px !important;
    padding: 0px !important;
}

p.privacidad{
    font-style:italic;
    margin: 0px !important;
    padding: 0px !important;
    width: 370px !important;
    text-align: justify;
    font-size: 10px;
    margin-top: 20px !important;
}

div.resumen_noticia{
    float: left;
    clear: left;
    width: 685px;    
    margin-bottom: 30px;
}

div.enlace_noticia{
    width: 670px;
    text-align: left;
    margin-top: 4px;
}

p.titulo, .titulo{
    color: #EB6A1F;
    padding-bottom: 7px;
    font-size: 15px;    
}


.titulo{
    font-size: 16px !important;
    font-weight: bold;
}

p.descripcion{
    color: #383838;
}

img.imagen_left{
    margin-right: 24px;
    margin-bottom: 10px;
}

img.imagen_right{
    margin-left: 24px;
    margin-bottom: 10px;
}

.destacado{
    font-size: 1.1em !important;
    font-weight: bold !important;
    padding-right:10px;        
}



.hidden{
    display: none;
    visibility: hidden;    
}

.visible{
    display: block;
    visibility: visible;
}


div.pager{
    clear: left;
    width: 240px;
    text-align: center;
    padding:0px;
    margin:0px;
    margin-top:10px;
    margin-left: 420px; 
    font-size: 12px; 
    
}
div.anterior, div.siguiente{
    float: left;     
    width: 60px;
    height: 20px;
    text-align:center;
    padding:0px;
    margin:0px;
}
div.siguiente{
    float: right;
}   

div.numeros p, div.numeros p a{
    color: #EB6A1F;
    padding:0px !important;
    text-decoration:none;
}
div.numeros p{
   color:#56565E;   
   text-align: center !important;
}

div.numeros{
    float: left;
    width: 120px;
}
div.siguiente a{
    float: right;     
    width: 50px;
    padding:0px;
    margin:0px;
    text-align:right;    
}
div.pager a{
    color: #EB6A1F;
    text-decoration: none;
}
div.pager a:hover{
    color: #3A6DB0;
}

div.paginas{
    margin:0px;
    padding:0px;
}
div.pagina{
    margin-bottom: 10px;
    font-style: italic;
}

#contenidos_apartado{
    float: left;
    width: 370px;
    font-size: 10px; 
    margin-bottom: 10px;
    font-weight: bold;
    margin-top: 10px;    
}
#contenidos_apartado li{
    line-height: 11px;
    margin-left: 16px;    
    font-weight: normal;    
}

p.validar_privacidad{
    font-size: 10px;
    font-style: italic;
    clear: none !important;
    width: 368px !important;
    margin: 0px !important;
    padding: 0px !important;
}

p.validar_privacidad input{
    width: 14px !important;
    margin-right: 10px;
    border: 0px !important;
}

.itglobal{
    color: #EC6A1F;
}
.itglobal2{
    color: #EC6A1F;
    font-size: 16px !important;
}

table.logotipos{
    float: left;
    background-color: #FFF;    
}

ul.estrecha {
    width: 350px !important;
}


/*Posicionament enllaços per canviar d'idioma*/
#idiomas {
	float: left;
    width: 100px;
    margin-bottom: -10px;
    margin-left:-45px;
	font-family:"Century Gothic";
    font-size:10px;
	color:#db7602;
	padding-top:57px;
	padding-bottom:4px;
}

#idiomas a:link, #idiomas a:visited {
	color:#db7602;
	text-decoration:none;
}

#idiomas a:hover, #idiomas a:active, #idiomas a:focus {
	text-decoration:underline;
}

/*Estils Mapa Web*/
.nivell1 {
	font-size:15px;
	font-family:"Century Gothic";
	color:#EC6A1F;
	margin-bottom:10px;
	}
	
.nivell2 {
    font-family:"Century Gothic";
    font-size: 14px;
    color:#3371BD;
    font-weight:bold;
    margin-bottom:7px;
}

.nivell4 {
	margin-left:20px;
	font-size:10px;
}

p.titulo a{
    font-size: 14px !important;    
    color: #EB6A1F !important;     
    font-weight: normal !important;
}

.azul{
    color: #3371BE;
}
.naranja{
    color: #EC6A1F;
}

div.referencias{
    float: left;
    width: 660px;
    background-color: #FFF;    
}

div.referencias img{
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
}

#menu_partners{    
    float:left;
}

#menu_partners ul{
    width: 500px;
        
}

#menu_partners li{
    float: left;
    font-size: 10px !important;
    margin-top:0px !important;
    width: 180px;
    list-style-image: none !important;
    list-style: none !important;
    background-image: url(../img/flecha_azul.gif);
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 14px;
    margin-left: 1px !important;
}

.texto2b{
    color: #1A4F90;
    font-weight: bold;
}

.texto2, .texto2c{    
    color: #EB6A1F;
    padding: 0px;
    margin: 0px;    
    font-size: 16px !important;
    font-weight: bold;
}
.texto2c{
    font-size: 12px !important;
}

.texto3{
    color: #EF9D6D;
    padding: 0px;
    margin: 0px;
    font-weight: bold;
}

.texto4{
    color: #3371BE;
}

li.resaltado a{
    font-weight: bold;
    color: #1A4F90 !important;
}
li.resaltado a:hover{
    color: #EB6A1F !important;
}
.grande{
    font-size: 1.2em !important;
}

div.expertos {
    float:left;    
    margin-bottom:-20px;
    margin-left:-167px !important;    
    margin-left: -152px;
    margin-top:100px;
}
a.logo img{
    border: 0;
}
#iso27000{
    position: absolute;
    padding-top: 2px;    
}
#iso27000 a img{
    border: 0;
}

div.resumen_noticia p.descripcion, p.MsoNormal{
    line-height: 18px;
}

#security{
    float: right;
    padding-top: 4px
}

#security a img{
    border: 0;
    height: 50px;
}