/*###########################################*/
/*GENERAL CLASS AND HTML TAGS*/

div#not_admin li{
width: 100%;
}

div#not_admin p{
width: 100%;
}

body {
background: no-repeat white;
margin: 0px; padding: 0px;
color: #413f40;
font-family:"Trebuchet MS";
font-size: 14px;
}

.imgportada {
width: 100%;
height: auto;
margin-bottom: 10px;
text-decoration: none;
outline: none;
margin: 0px;
border: 0px;
}

.imgportada a{
text-decoration: none;
outline: none;
margin: 0px;
border: 0px;
}

.imghome img {
width: 100px;
height: auto;
margin-right: 10px;
}

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

ul{
margin: 0;
padding: 0;
}

li{
list-style-type:none;
}


h1 {
font-size: 17px;
font-weight: normal;
}


h2 {
color:orange;
font-size:14px;
}


h3 {
color:white;
font-size:14px;
}


p {
float: left;
}

.bg2{
background-color: #ececec;
}

.bg1{
background-color: white;
}

.clnoms1{
color: black;
/*background-color: #f2f2f2;*/
background-color: #fff;
opacity: 0.8;
width: 100%;
height:auto;
float: left;
}

.clnoms2{
color: black;
background-color: #e2e2e2;
opacity: 0.8;
width: 100%;
height: auto;
float: left;
}

/*###########################################*/

/*###########################################*/
/*FLOAT LEFT SU TUTTI I DIV CORRETTO ?*/
div{ float: left;}

/*TOGLIE IL FLOAT LEFT DAI PARAGRAFI SI POTREBBE RIVEDERE TOGLIENDO IL DIV FLOAT LEFT GENERALE ??????*/
div#contenedor div#contenido div#contenidoprincipal ul li,
div#contenedor div#contenido div#contenidoprincipal ul li p,
div#contenedor div#contenido div#contenidoprincipal ul li h1,
div#contenedor div#contenido div#contenidoprincipal ul li h2,
div#contenedor div#contenido div#contenidoprincipal ul li h3{
float: none;
width: 99%;	
text-align: justify;
height: auto;
}
/*###########################################*/


/*###########################################*/
/*GESTISCE AERTURA E CHIUSURA DEI ARAGRAFI*/
.oculto{
display: none;
}

.open{
font-size: 16px;
margin: 3px 4px 0px 2px;
}

.close{
font-size: 16px;
margin: 3px 4px 0px 2px;
clear: both;
}
/*###########################################*/

.guardar{
clear: both;
}


/*###########################################*/
/*DIV LISTA LINK */

.vertmenu ul li a {
font-size: 80%;
display: block;
border-bottom: 1px dashed #C39C4E;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #666666;
width:114px;
}

/*###########################################*/


div#informacion{
list-style-type:none;
text-align:center;
float: left;
background:orange;
position: fixed;
bottom: 0px;
width: 1050px;
margin: 0px 0px 0px 0px;
}

/*###########################################*/
/*DA ATTIVARE PER IDIOMA*/
/*
div#informacion div#idioma li{
list-style: none;
float : right;
padding: 0;
margin: 8px 30px;
}

div#informacion div#idioma li a{
float: left;
height: 15px;
}

div#idioma{
float : right;
padding: 0;
margin: 0;
}
*/
/*###########################################*/




/*###########################################*/
/*DIV FOOTTER INFORMAZIONI*/

div#info{
float : left;
padding: 0;
margin: 0;
}

div#informacion div#info li{
list-style: none;
float : left;
padding: 0;
margin: 8px 30px;
color: #2F3740;
}

div#informacion div#info li span{
color: white;
}
/*###########################################*/


/*###########################################*/
/*CSS TITOLO E TESTATA*/
div#contenedor{
width: 1050px;
margin: auto;
float: none;
}

div#titulo {
width: 100%;
height: 170px;
background: url('../logobig.png') repeat #FFFFFF;
float: right;
}

div#testotitulo {
color: orange;
height:20px;
margin: -16px 0px 0px 0px;
height: auto;
font-size: 77px;
float: left;
}

div#testotitulo img{
margin: 20px 0px 0px 0px;
width: 500px;
}

div#subtitulo{
/*background: #0054FF;*/
float: left;
width: 100%;
margin-top: -10px;
margin-left: 25px;
}

div#subtitulo span{
color: #666;
font-size: 30px;
}

/*###########################################*/

/*###########################################*/
/*CSS BARRA MENU NAVIGAZIONE*/

/*

#navegador ul{
list-style-type: none;
text-align: center;
}

div#contenedor div#navegacion{
float: left;
width: 100%;
list-style-type: none;
text-align: center;
margin: -24px 0px 0px 0px;
padding: 0;
}

div#contenedor div#navegacion ul{
margin: 0;
padding: 0;
}

div#contenedor div#navegacion ul li{
float: left;
width: 150px;
margin: 0;
padding: 0;
text-align: center;
height: 40px;
}

div#contenedor div#navegacion ul li a:hover,
div#contenedor div#navegacion ul li a.active{
background: url('../img/botonorange.png') no-repeat;
}

div#contenedor div#navegacion ul li a {
color:#FFFFFF;
float:left;
font-size:14px;
height:40px;
text-decoration:none;
text-transform:uppercase;
width:150px;
background: url('../img/botonblue.png') no-repeat;
}
/*###########################################*/

p.fecha,
span.sfecha {
display: block;
width: 100%;
font-size: 16px;
margin-bottom: 5px;
background: none;

} 

div#contenedor div#contenido{
width: 100%;
}

div#form_difusion.img {
width: 50px;
height: 50px;
}

div#contenedor div#contenido div#contenidoprincipal{
width: 71%;
float: left;
margin: 5px 0px;
}

div#contenedor div#contenido div#contenidoderecha{
width: 28%;
float: right;
}

div#contenedor div#contenido div#contenidoprincipal ul li{
border-bottom: 1px solid #999;
border-top: 1px solid #999;
margin-bottom: 10px;
}

div#contenedor div#contenido div#contenidoderecha div#media{
background-color: white;
margin-top:5px;
width: 100%;
}

div#contenedor div#contenido div#contenidoderecha div.actividades{
background-color: white;
margin-top: 5px;
width: 100%;
}

div#contenedor div#contenido div#contenidoderecha div#media  div#titulo_media{
background: url('../img/barra_gris.jpg') repeat-x;
border-top: solid 1px #CCC;
border-bottom: solid 1px #CCC;
height: 40px;
text-align: center;
width: 100%;
text-transform: uppercase;
}

div#contenedor div#contenido div#contenidoderecha div#media  div#contenido_media{
width: 100%;
float: left;
height: 210px;
margin: 5px 0px 0px;
}

div#contenedor div#contenido div#contenidoderecha div.actividades  div.titulo_actividades{
background: url('../img/barra_gris.jpg') repeat-x;
border-top: solid 1px #CCC;
border-bottom: solid 1px #CCC;
height: 40px;
text-align: center;
width: 100%;
text-transform: uppercase;
}

/*###########################################*/
/*DIFFUSION HOME PAGE*/

.img {
width: 50px;
height: 50px;
margin-right: 10px;
text-decoration: none;
border: none;

}

.news_home {
width: 30%;
}

.title {
width: 80%;
clear: right;
float: left;
font-size: 14px;
margin-bottom: 5px;
color: orange;
}

.title a{
width: 100%;
clear: right;
float: left;
font-size: 14px;
margin-bottom: 5px;
color: orange;
}

.home_news {
width: 47%;
margin-right: 3%;
float: left;
background: none;
}

.home_artcle {
width: 50%;
float: right;
background: none;
}
/*###########################################*/
/*CSS WEB GRUPPO*/

div#contenedor div#contenido div#contenidoprincipal li.lnoms{
float: left;
width: 100%;
margin-bottom: 10px;
}

div#nombres {
margin-bottom: 10px;
width: 100%;
}

div.mypicture {
width: 150px;
height: auto;
clear: left;
margin: 0px 5px 0px 0px;
}

div#mypicture2 {
width: 300px;
height: auto;
clear: left;
margin: 0px 5px 0px 0px;
}

div.mypicture img {
width: 150px;
height: auto;
float: left;
margin: 0px 10px 0px 0px;
text-decoration: none;
border: none;
}

div.namesurname {
font-size: 16px;
color: orange;
margin-right: 5px;
float: left;
margin: 2px 0px 2px 0px;
width: 100%;
}

div.namesurname a{
font-size: 16px;
color: orange;
margin-right: 5px;
float: left;
margin: 2px 0px 2px 0px;
width: 100%;
}

div.cargo {
font-size: 14px;
color: blue;
margin-right: 5px;
clear: left;
margin: 2px 0px 2px 0px;
width: 100%;
}

div.description {
float: none;
width: auto;
width: 99%;
}


/*###########################################*/




/*###########################################*/
/*CSS PACIENTES*/

div#intro_formacion{
width: 100%;
border-bottom:1px solid #999999;
}

div#intro_formacion a {
padding-left:  10px;
font-size: 10px;
}

div#info_actividades {
width: 100%;
}
/*###########################################*/





/*###########################################*/
/*CSS CONTACTOS*/

div#contenedor div#contenido div#contenidoprincipal div#info_contactos{
font-weight: bold;
font-size: 14px;
margin: 0px 0px 0px 0px;
width:99%;
text-align: center;
}

div#contenedor div#contenido div#contenidoprincipal div#info_contactos li{

width: 100%;
float: left;
height: 25px;
}

div#contenedor div#contenido div#contenidoprincipal div#info_contactos li p{

width: 100%;
float: left;
}
/*###########################################*/

div#spaziofooter {
width: 100%;
height: 100px;
float: right;
}

.logofooter {
float: right;
background: none;
margin: 0px 10px 0px 15px;
}

.logofooterimg {
height: 30px;
}  

marquee h2 a.news {
color:orange;
font-size:14px;
text-align:left;
text-decoration:none;
width: 100%;
}


/*###########################################*/
/*STYLE NEWS*/

#news-feed   { 
height:200px; 
width:300px; 
overflow:hidden; 
position:relative; 
border:1px solid #ccc; 
background:#eee; }
       
#news-feed ul  { position:absolute; top:0; left:0; list-style-type:none; padding:0; margin:0; }

#news-feed ul li { height:180px; font-size:12px; margin:0; padding:10px; overflow:hidden; }
/*###########################################*/


/*###########################################*/
/*CSS AREA ADMINISTRATION*/
/*###########################################*/


div#contenedor div#contenido div#contenidoprincipal_admin div#form_personal{
width: 100%;
float: left;
margin-bottom: 5px;
background: #FFBF1E;
}

#grupporight {
width: 240px;
} 

#gruppoleft {
width: 810px;
} 

p.cv {
clear: both;
height: auto;
}

#perso_admin {
width: 100%;
}

.imgadmin {
width: 100px;
}

div#idioma_admin{
float : right;
padding: 0;
margin: 0;
}

div#informacion div#idioma_admin li a{
float: left;
height: 15px;
}

div#informacion div#idioma_admin li{
list-style: none;
float : right;
padding: 0;
margin: 8px 30px;
}

div#contenedor div#navegacion_admin{
float: left;
width: 100%;
list-style-type: none;
text-align: center;
margin: -24px 0px 0px 0px;
padding: 0;
}

div#contenedor div#navegacion_admin ul{
margin: 0px;
padding: 0;
}

div#contenedor div#navegacion_admin ul{
margin: 0px;
padding: 0;
}

div#contenedor div#navegacion_admin ul li{
float: left;
width:14.28%;
margin: 0;
padding: 0;
text-align: center;
height: 40px;
background:url("../img/botonblue.png") no-repeat scroll 0 0 transparent;
}

div#contenedor div#navegacion_admin ul li a {
color:#FFFFFF;
float:left;
/*font-family:'Arial Black';*/
/*font-weight:bold;*/
font-size:14px;
height:40px;
text-decoration:none;
text-transform:uppercase;
width:150px;
background: url('../img/botonblue.png') no-repeat;
}

div#contenedor div#contenido div#contenidoprincipal_admin{
width: 100%;
float: left;
margin: 5px 0px;
color: black;
}

div#contenedor div#contenido div#contenidoprincipal_admin div#form_proyectos{
width: 100%;
float: left;
margin-bottom: 5px;
background: red;
}

div#contenedor div#contenido div#contenidoprincipal_admin div#form_difusion{
width: 100%;
float: left;
margin-bottom: 5px;
background: red;
}

div#contenedor div#contenido div#contenidoprincipal_admin div#form_pacientenews{
width: 100%;
float: left;
margin-bottom: 5px;
background: red;
}

div#contenedor div#contenido div#contenidoprincipal_admin div#form_noticia{
width: 100%;
float: left;
margin-bottom: 5px;
background: red;
}

/*div#contenedor div#contenido div#contenidoprincipal_admin div#form_personal h2{
width: 100%;
float: left;
padding: 0 0 20px 20px;
}
*/

div#contenedor div#contenido div#contenidoprincipal_admin div#perso_admin li{
width: 100%;
height:auto;
float: left;
padding: 0 0 20px 0;
margin-bottom: 5px;
}

div#contenedor div#contenido div#contenidoprincipal div#inicio_admin{
float: left;
margin:0 54%;
width:28%;
}

div#proyectos_admin {
height: auto;
}

div#contenedor div#navegacion_admin ul li a:hover,
div#contenedor div#navegacion_admin ul li a.active{
background: url('../img/botonorange.png') no-repeat;
}



/***++***NAVBAR***/
div#navbar {
border-bottom: 3px solid  #FFA500;
border-top: 3px solid  #FFA500;
width: 100%;
}


#jsddm
{	margin: 0;
	padding: 0}

	#jsddm li
	{	float: left;
		list-style: none;
		font: 14px Tahoma, Arial;
		text-align: center;
		width: 14.28%;
		}

	#jsddm li a
	{	display: block;
		background: none;
		padding: 5px 12px;
		text-decoration: none;
		width: 106px;
		color: #413F40;
		white-space: nowrap;
		}

	#jsddm li a:hover
	{	background: #FFA500;
		-moz-border-radius: 15px;
		border-radius: 15px;
		
	}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border: 3px solid  #FFA500;
			width: 15%;
			}
		
			#jsddm li ul li
			{	float: none;
				display: inline;
				text-align: left;
				}
			
			#jsddm li ul li a
			{	width: auto;
				background: white;
				color: #413F40}
			
			#jsddm li ul li a:hover {	
			background: #FFA500;
			-moz-border-radius: 15px;
			border-radius: 15px;
			}
			
			
/* Arreglos CSS */
span.fl{
}

.dialog label {
width: 100%;
float: left;
clear: both;
}

.dialog #enviar {
margin-top: 20px;
width: 100%;
float: right;
}

.borrar {
width: 100%;
float: left;
margin-top: 20px;
}

.enviar {
width: 100%;
float: left;
margin-top: 20px;
}

.mailform {
float: left;
clear: both;
width: 100%;
}


input.launch
{
   font-family:Trebuchet MS,sans-serif;
   font-weight:bold;
   font-size: 20px;
   height:100px;
   width: 292px;
   
   margin: 5px 0px 10px 13px;
   
   background-color:orange;
   border-style:inset;
   border-color:#0b72b5;
   border-width:1px;
   
  
text-align: center;
}









