/* qnv  css  body pagina header foter*/
@import "ehe-reset.css";

  
body {	background-color:#ffffff; 
}

#pagina { width: 980px; 
	margin: 10px auto 0px auto; 
	clear: both; 
	overflow: hidden;  
	display:none;
        padding:0px;

}

/* ---------------- hat ---*/
#hat{ 
    float:left;
    width:980px;
    margin  : 20px 0px 40px 0px;
    padding :  0px 0px 40px 0px;
    border-bottom:solid 1px #A71A2D;
}
#hat h1{ float:left; font-size:6em; margin-left:10px;}
#hat img{ float:left; margin-left:0px;}

#hat #menuHat { 
    float:right;
    margin : 20px 0px 0px 0px;
}

#cos{
	float:left;
	width: 100%; 
margin:0px:
padding:0px;
}

/*   footer  */
#footer{
    float:left;
    width: 100%;  
  margin:150px 0px 80px 0px;
  padding:5px 0px 20px 20px;
   background-color:#f4f4f4;
   border-top:solid 1px #909090;
   border-bottom:solid 1px #909090;
}
#footer ul#funders{
    float:left;
    text-align:center;
  width:950px;
    margin:0px 0px 20px 0px;
}
#footer ul#funders li{
    float:left;
    margin:30px 0px 0px 0px;
   xtext-align:center;
    width:190px;
}
#footer ul#funders li.estret{
    width:110px;
}
#footer ul#funders li a img {
height:40px;
}
#footer #footer_contact{
    float:left;
  width: 100%; 
    margin:20px 0px 0px 0px;
    font-size:1.2em;
    text-align:center;
}

/* ------- general web public -----*/
#contingut{
	float:left;
	width:800px;
	min-height:300px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#contingut h2{
        clear:left;
        float:left;
        margin:0px 0px 0px 0px;
        font-size:2.4em;
        line-height:25px;
}

#contingut h3{
        clear:left;
        float:left;
        width:100%;
        margin:0px 0px 0px 0px;
	padding:0px 0px 5px 0px;    
        font-size:1.7em;
        line-height:25px;
        border-bottom:solid 1px #909090;
}
#contingut h4{
        clear:left;
        float:left;
        margin:30px 0px 0px 0px;
        font-size:1.6em;
}
#contingut p {
	clear:both;    
        float:left;
	width:100%; 
        font-size:1.5em;
        margin:20px 0px 0px 0px;
        line-height:20px;
        text-align:justify;
        text-justify:inter-word;
}

#contingut ul.common{
        float:left;
	width:99%;   
	margin:20px 0px 0px 20px;
}
#contingut ul.common li {
	clear:both;    
        float:left;
	width:100%; 
        font-size:1.5em;
        margin:0px 0px 15px 0px;
        text-indent: -1.2em;
        line-height:20px;
}

/* ------------------ partners ----- */
ul.leaders_list {
        float:left;
	width:99%;   
        margin:20px 0px 0px 0px;
        padding:0px;
         text-align:justify;
}

ul.leaders_list li{
	clear:left;    
        float:left;
        margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	font-size:1.7em;
}
ul.leaders_list li a{
	cursor:pointer;
}


ul.leaders_list li p.leader_description{
	clear:left;
        float:left;
        width:708px !important;
        padding:0px 0px 0px 90px;
        font-size:0.8em !important;
        text-align:justify;
}

/* ------------------ documents ----- */
ul.grup_doc {
        float:left;
	width:730px;   
        margin:30px 0px 0px 0px ;
        padding:0px;
}

ul.grup_doc li{
	clear:left;    
        float:left;
        margin:0px;
	padding: 0px 0px 0px 0px;
	font-size:1.7em;
	cursor:pointer;
}
ul.grup_doc li p { 
	clear:left;
        float:left;
        margin:0px;
        padding:0px;
}


/* -------------docs d'un grup */
ul.docs_grup {
        float:left;
        margin:0px 0px 30px 60px;
}

ul.docs_grup li{
	clear:both;    
        float:left;
        height:20px;
        margin:10px 0px 0px 0px;
}

ul.docs_grup li a { 
        float:left;
}
ul.docs_grup li a img{ 
        float:left; 
        margin:0px 20px 0px 0px;

}
ul.docs_grup li  span{ 
        float:left;
        margin:0px;
        font-size:0.8em;

}




/* -------- login / logout -------- */
#zona_login {
     cursor:pointer;
}

#zona_logout{     
    cursor:pointer;
    clear:left;
    float:left;
}
#zona_logout img{ 
    margin-top:0px;
}

#usr_options{
    float:left;
    margin:0px 0px 0px 10px;
}


#form_login {
        
        width:95%;
        height:70px;
	border:solid 1px #a0a0a0;
        padding:10px 0px 0px 10px;

        /*  vertex arrodonit i sombra   */
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	bottom: 0px;
	box-shadow: 0px 1px 2px rgba(17, 51, 96, 0.8);
	-moz-box-shadow: 0px 1px 1px rgba(17, 51, 96, 0.8);
	-webkit-box-shadow: 0px 1px 1px rgba(17, 51, 96, 0.8);

        /* background degradat */

	background-color: #fff;
	background-image: linear-gradient(bottom, rgb(239,239,223) 20%, rgb(255,255,255) 65%);
	background-image: -o-linear-gradient(bottom, rgb(239,239,223) 20%, rgb(255,255,255) 65%);
	background-image: -moz-linear-gradient(bottom, rgb(239,239,223) 20%, rgb(255,255,255) 65%);
	background-image: -webkit-linear-gradient(bottom, rgb(239,239,223) 20%, rgb(255,255,255) 65%);
	background-image: -ms-linear-gradient(bottom, rgb(239,239,223) 20%, rgb(255,255,255) 65%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.20, rgb(239,239,223)), color-stop(0.65, rgb(255,255,255)));
}


#form_login .uncamp {
     float:left;
     clear:left;
     margin:0px 5px 5px 0px;
}

#form_login label {
     float:left;
     width:60px;
     font-size:12px;
     margin:5px 5px 0px 0px;
}

#form_login input {
     float:left;
      width:120px;
     height:10px;
}

#form_login img#send_form{
    float:left;
    margin:0px 0px 0px 10px;
    cursor:pointer;
    height:20px;
}

#form_login p{
   margin:0px 0px 0px 0px;
   font-size:1.1em;
   line-height:16px;
}

.close_welcome_window  {
    float:right;
    margin:5px 10px 0px 0px;
    color:#cc0000;
}
#login_form_msg {
    color:#cc0000;
}
#forgot {
    background-color:#e0e0e0;
    margin:0px 0px 0px 20px;
    padding:0px 5px 5px 5px;
    cursor:pointer;
}




/* -------------- news ---------- */
ul.news {
        float:left;
	width:99%;   
	margin: 40px 0px 0px 0px;
        padding:0px;
}

ul.news li{
	clear:left;    
        float:left;
        margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	font-size:1.7em;
   line-height:20px;
  text-align:justify;
	/*cursor:pointer;*/
}

ul.news li .titol{ 
    clear:both;
    float:left;
    font-size:1em;
    font-weight:bold;
}
ul.news li .text{ 
    clear:both;
    float:left;
        margin: 10px 0px 0px 0px;
    font-size:0.8em;
    text-align:justify;
}

/* -------- home -------*/
#home_columna_esquerra{
    clear:both;
    float:left;
    width:500px;
}
#home_columna_esquerra h3{
        clear:left;
        float:left;
        width:100%;
        margin:0px 0px 0px 0px;
        padding:0px 0px 5px 0px;
        font-size:1.7em;
        line-height:25px;
        border-bottom:solid 1px #909090;
}


#home_columna_dreta{
    float:right;
    width:260px;
margin:0px 0px 0px 0px;
padding:0px;
}
#home_columna_dreta p{
    font-size:12px;
}

#home_columna_dreta h3{
    float:left;
    width:100%;
    border-bottom:solid 1px #909090;
    font-size:16px;
    font-weight:normal;
     margin:0px 0px 10px 0px;
}
#home_columna_dreta ul{
     clear:both;
     float:left;
     margin:0px 0px 0px 0px;
}
#home_columna_dreta ul li {
    clear:left;
    float:left;     
    line-height:15px;
     margin:0px 0px 7px 0px;
}

#home_columna_dreta ul#news li span.titol{
    clear:left;
    float:left;     
    font-weight:bold;
}
#home_columna_dreta ul#news li span.text{
    clear:left;
    float:left;     

}
#home_columna_dreta #links{
    clear:left;
    float:left;     
    margin:40px 0px 0px 0px;
}