﻿@font-face {
    font-family: "Open Sans";
    src: url("OpenSans-Regular.eot");
    font-style: normal;
}
@font-face {
    font-family: "Open Sans";
    src: url("OpenSans-Regular.ttf");
    font-style: normal;
}

@font-face {
    font-family: "Open Sans";
    src: url("OpenSans-Bold.eot");
    font-weight: bold;
}
@font-face {
    font-family: "Open Sans";
    src: url("OpenSans-Bold.ttf");
    font-weight: bold;
}
@font-face {
    font-family: "Open Sans";
    src: url("OpenSans-Italic.eot");
    font-style: italic;
}
@font-face {
    font-family: "Open Sans";
    src: url("OpenSans-Italic.ttf");
    font-style: italic;
}
@font-face {
    font-family: "Open Sans";
    src: url("OpenSans-BoldItalic.eot");
    font-style: italic;
    font-weight: bold;
}
@font-face {
    font-family: "Open Sans";
    src: url("OpenSans-BoldItalic.ttf");
    font-style: italic;
    font-weight: bold;
}
/*
@font-face {
	font-family: Capsuula;
	src: url("Capsuula.eot")  EOT file for IE 
}
@font-face {
	font-family: Capsuula;
	src: url("Capsuula.ttf")  TTF file for CSS3 browsers 
}*/

html, body {
	margin:0;
	padding:0;
	height:100%;
	}


BODY {
	
    font-family: "Open Sans",Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-align:left;
    font-size:16px;
	line-height:19px;
    /*scrollbar-base-color: #A5A5A5;*/
	background:white;
	color:#494949;
	min-width:290px;
	overflow-x:hidden;
	overflow: initial; /* per risolvere il problema della scrollbar sotto alla fixed topbar */
		min-width:360px;
    }
TABLE {
	color:#595959;
    /*font-size:100%px;*/
	line-height:21px;
	}

/******** per centrare il sito nella pagina **********************************/
.container {
	/*min-height:100%;*/

	/**** START FIX FOR IE7 ****/
	/*height: auto !important;
	height: 100%;
	margin-bottom:-14px;*/
	/***** END FIX FOR IE7 *****/

	position:relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	/*max-width:1120px;*/
	background:white;
	/*border-left:70px solid #F3F4F6;
	border-right:70px solid #F3F4F6;*/

	/*background: url(../images/background2.png) bottom no-repeat;
	padding-top:115px;*/
	z-index:100; /*importante*/
	/*border-left:1px solid #ddd;
	border-right:1px solid #dd;*/
	}

/******** intestazione *******************************************************/
.topband {
	position:relative;
	width:100%;
	z-index:200;
	}
.header {
	position:fixed;
	margin-left:auto;
	margin-right:auto;
	/*padding-left:14%;
	padding-right:14%;*/
	color:white;
	background-color:white;
	background-image:url(../images/headerback.jpg);
	background-repeat:repeat-x;
	background-size:auto 100%;
	width:100%;
	text-align:left;
	min-height:76px;
	Z-index:100;
	transition: opacity 0.2s ease-in-out;
	}
.header A {text-decoration:none;color:#595959}
.header A:hover {text-decoration:underline}
.navigazione {
	width:927px;
	height:22px;
	position:relative;
	padding:10px 0 0px 16px;
	font-size:16px;
	color:#666666;
	display:none; /*disattivato*/
	}
.navigazione A {color:#666666;text-decoration:none}
.navigazione A:hover {text-decoration:underline}
.subbar {
	color:white;
	/*background:white;*/
	}
.rollover1 {
	position:absolute;
	font-size:16px;
	top:7px;
	}
.rollover1 A {
	color:white;
	text-decoration:none;
	}
.rollover1 A:hover {
	text-decoration:underline;
	}
.alog	{
	color:#000;
	font-weight:bold;
	text-decoration:none;
	font-size:15px;
	}
.alog:hover {
	text-decoration:underline;
	}

/******** per settare l'altezza minima della finestra ************************/
.body1 {
    position:relative;
	width:100%;
	margin-right:0px;
	/*min-height:530px;*/
	}
.body1_home {
    position:relative;
	max-width:1120px;
	width:100%;
	/*margin-left:70px;*/
	margin-right:0px;
	min-height:530px;
	Z-index:0;
	}

/******** piè di pagina ******************************************************/

.footer2 {
	position:relative;
	width:100%; /*1120px;*/
	min-height:145px;			/* Height of the footer */
	background:#E5E5E5;
	text-align:center;
	font-size:13px;
	line-height:19px;
	vertical-align:bottom;
	}

/******** menu laterale ******************************************************/
.sidehome {
	position:absolute;
	top:0px;
	width:280px;			/* Width of left column */
	height:100%;
	padding:0px;
	font-size:9px;
	right:0;
	text-align:left;
	background:URL(../images/faderight.jpg) repeat-y;
	}
.sidediv {
	position:absolute;
	top:5px;			/* ------ no Height of the header */
	right:0px;
	bottom:0px;
	width:198px;			/* Width of left column */
	padding:42px 0 0 10px;
	font-size:13px;
	z-index:100;
	border-left:2px solid #ededed;
	/*background:#ededed;*/
	overflow:hidden;
	/*display:none;*/
	}
.leftform {
	width:120px;
	height:14px;
	margin-top:1px;
	margin-bottom:1px;
	font-size:11px;
	}
.searchform {
	width:213px;
	height:45px;
	border-radius:4px;
	box-shadow:1px 1px 2px #777;
	font-size:20px;
	border:1px solid #dddddd;
	color:#88949A;
	padding:6px;
	margin-left:15px;
	}
.homephotos {
	display:block;
	border:4px solid #ced9db;
	margin:8px 7px 8px 13px;
	width:252px;
	}
.hometable A {
	color:#b1b7ba;
	text-decoration:none;
	}
.hometable A:hover {
	text-decoration:underline;
	}
/******** menu a destra nella home *******************************************/
.rightmenu {
	/*height:227px;*/
	display:none;
	position:absolute;
	left:0;
	width:280px;
}

/******** menu in basso nella bacheca *******************************************/
.rightmenu2 {
	height:227px;
	background:url('../images/bgbottom2.png') 4px 0px;
	display:none;
	position:absolute;
	bottom:14px;
	margin-left:214px;
}


/******** pagina scorrevole nella parte destra *******************************/
.scroll_area {
	overflow-x:hidden;
	overflow-y:hidden;
	/*border-left:1px solid #888888;*/
	border-right:1px solid #888888;
	border-top:0px;
	border-right:0px;
	height:100%;
	/*background:white URL(../images/back.jpg) repeat;*/
	position:relative;
	/*display:none;*/
	max-width:1120px;
	margin-left:auto;
	margin-right:auto;
	}
.scroll_area IMG {
	width:auto;
	max-width:100%;
}
.scroll_area_home {
	width:186px;
	overflow-x:hidden;
	overflow-y:auto;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-top:0px;
	height:100%;
	background: white URL(../images/halfwhite-bg.png);
	position:relative;
	display:none;
	}
.scroll_area_home2 {
	left:10px;
	top:272px;
	width:538px;
	overflow-x:hidden;
	overflow-y:auto;
	border-top:0px;
	border-bottom:0px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	height:100%;
	background: URL(../images/halfwhite-bg.png);
	position:absolute;
	display:none;
	}
.lowbartitle {
	left:10px;
	top:238px;
	width:551px;
	height:34px;
	overflow-x:hidden;
	overflow-y:hidden;
	background: URL(../images/bpubmed.png) no-repeat;
	position:absolute;
	display:block;
	padding-right:10px;
	}
.overtitle {
	font-size:46px;
	letter-spacing:10px;
	line-height:48px;
	color:#0c6faa;
	margin-left:30px;
	text-shadow: 2px 2px 8px white,-2px -2px 8px white;
	font-weight:800;
}
	
.generic_title {
	min-height:40px;
	border:0px;
	z-index:1;
	font-weight:normal;
	font-size:28px;
	line-height:40px;
	color:white;
	/*padding:0px 31px 0px 12px;*/
	overflow-y:hidden;
	/*background-color:#7ec9f0;*/
	/*font-family:Capsuula;*/
	text-transform: uppercase;
	text-align:center;
	margin:0 0 0 0;
	}
.generic_title_home {
	width:192px;
	height:30px;
	background: #00A8A9;
	z-index:1;
	font-size:10px;
	padding-left:12px;
	padding-top:8px;
	background: URL(../images/barnews.png) no-repeat;
	/*position:absolute;*/
	font-size: 16px;
	color: #AAA;
	text-align:left;
	letter-spacing:-1px;
	}
.titlebar_aula {
	/*padding-top:5px;
	padding-left:5px;
	color:white;
	background-color:#007595;*/
	}
.titolonews {
	color:#003F7D;
	}
A.titoloart {
	color:#003F7D;
	text-decoration:none;
	}
A.titoloart:hover {
	text-decoration:underline;
	}
.subbartitle {
	font-weight:bold;
	font-size:145%;
	color:#007595;
	text-align:left;
	line-height:125%;
	}
.generic_text {
	max-width:1120px;
	/*min-height:200px;*/
	border-bottom:0px;
	border-top:0px;
	z-index:1;
	/*padding-left:14%;
	padding-right:14%;*/
	min-height:200px;
	}
.generic_text_home {
	width:auto; /* 171 */
	border-bottom:0px;
	border-top:0px;
	z-index:1;
	padding:6px 4px 6px 7px;
	position:absolute;
	overflow:hidden;
	z-index:0;
	text-align:left;
	vertical-align:top;
	font-size:10px;
	line-height:10px;
	margin:0px;
}

.upbuttons {
	position:absolute;
	top:0px;
	width:106px;
	height:32px;
	z-index:10;
	text-align:center;
	color:white;
	font-size:15px;
}
.upbuttonsint {
	background:url(../images/tab.png) no-repeat;
	padding-top:6px;
	height:20px;
	z-index:10;
}

.boxshape {
	/*position:absolute;
	overflow-y:hidden;
	height:93px;
	left:7px;*/
	top:32px;
	text-align:left;
	vertical-align:top;
	font-size:11px;
	line-height:12px;
}
.rss_categories {
	color:#003F7D;
	font-weight:bold;
	margin-bottom:5px;
}

A.hometitle {
	color:#88949A;
	text-decoration:none;
	text-align:center;
}
A.hometitle:hover {
	text-decoration:underline;
}

.qmark {
	position:absolute;
	width:16px;
	height:16px;
	Z-index:300;
	}
.help {
	position:absolute;
	background-color:#faf4b5;
	border-top:1px solid #268f54;
	border-left:1px solid #268f54;
	border-bottom:2px solid #268f54;
	border-right:2px solid #268f54;
	Z-index:300;
	display:none;
	text-align:left;
	height:auto;
	}
.help_header{
	width:100%;
	background-color:#268f54;
	color:white;
	height:18px;
	padding-top:2px;
	padding-left:2px;
}
.generic_subtitle {
	text-align:left;
	font-size:145%;
	font-weight:bold;
	line-height:125%;
	padding-bottom:6px;
	}
.generic_subtitle_reserved {
	text-align:left;
	font-size:125%;
	font-weight:bold;
	line-height:110%;
	}
.questiontitle {
	font-weight:bold;
	font-size:13px;
	color:white;
	background-color:#007595;
	padding:5px;
	text-align:left;
	line-height:25px;
	/*width:640px;*/
	}
sup,sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	}
sup {
	bottom: 1ex;
	}
sub {
	top: .5ex;
	}

DIR {
	padding-left:20px;
	}

.domanda {
	text-align:left;
	}
.immarticolo {
	max-width:250px;
	float:right;
	margin-left:15px;
	margin-bottom:15px;
	margin-top:5px;
}


/******** parte bassa sotto alla parte scorrevole (con il "back") ************/
.bottomline {
	width:908px;
	height:18px;
	/*background-color:white;*/
	/*border-right:1px solid #888888;
	border-left:1px solid #888888;
	border-bottom:1px solid #888888;*/
	padding: 2px 32px 7px 40px;
	/*background:#dddddd;*/
	text-align:right;
	display:none;
	position:absolute;
	bottom:0;
	}
A.backbutton {
	width:50px;
	font-weight:bold;
	font-size:12px;
	z-index:2;
	text-decoration:none;
	color:#666666;
	}
A.backbutton:hover {
	text-decoration:underline;
	}

/*****************************************************************************/
h1 {
        font: bold 22px "Open Sans",Verdana, Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0px;
        padding: 0px;
	}
hr {

	/*color:#ddd;background-color:#ddd;padding: 0px;border: none;height: 1px;*/
	border-top: 1px dotted #DDD;
	border-bottom:0;
	border-left:0;
	border-right:0;
	color:#fff;
	background-color:#fff;
	}
hr.gray {
	color:#888888;
	background-color:#888888;
	height: 1px;
	padding: 0px;
	border: none;
	}
hr.red {
	color:#BA0000;
	background-color:#BA0000;
	height: 2px;
	padding: 0px;
	border: none;
	}

ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }
.lista	{
	list-style:disc inside;
	margin-left:15px;
	margin-top:3px;
	list-style-position: outside;
	text-indent: -2px;
	}

A {
	color:#023F7E;
	}
#green {
	color:#00617c;
	}
A.black {
	color:black;
	text-decoration:none;
	}
A.black:hover {
	text-decoration:underline;
	}

.paragraph {
	font-size:17px;
	font-weight:bold;
	}

FORM {
	margin:0px;
	padding:0px;
	}
INPUT.button {
	margin:0px;
	padding:0px;
	/*background-color:#7ec9f0;*/
	color:white;
	border:0;
	padding:0px 10px 4px 10px;
	height:22px;
	line-height:22px;
	/*font-weight:bold;*/
	/*border-bottom-left-radius: 9px;*/
	border-radius: 4px;
	cursor:pointer;
	}

INPUT.button:hover {
	opacity:0.9;
	}

INPUT::-moz-focus-inner /*Remove button padding in FF*/
{
	border: 0;
	padding: 0;
}
INPUT.buttonsmall {
	margin:4px 0 0 0;
	background:#0E72AE;
	color:white;
	border:0;
	padding:0px 10px 4px 10px;
	border-radius: 4px;
	height:15px;
	font-size:11px;
	cursor:pointer;
	}

INPUT.fixed {
	width:220px;
	background-color:#F4F4F4;
	border:1px solid #999999;
	padding:1px 3px;
	}

.notfixed {
	background-color:#F4F4F4;
	border:1px solid #999999;
	padding:1px 3px;
	}

TEXTAREA.notfixed {
	width:220px;
	background-color:#F4F4F4;
	border:1px solid #999999;
	padding:1px 3px;
        font-family: "Open Sans",Arial, Helvetica, sans-serif;
        font-size:12px;
	}

SELECT.dropdown {
	width:224px;
	background-color:#F4F4F4;
	border:1px solid #999999;
	}

DIR	{
	margin-top:0px;
	margin-bottom:0px;
	}

/******** home page **********************************************************/
.bigcubehome {
	color:#88949A;
	position:relative;
	overflow:hidden;
	z-index:20;
	width:280px;
	text-align:left;
	vertical-align:top;
	font-size:10px;
	line-height:19px;
	word-wrap:break-word;
}
.bigcube {
	position:absolute;
	overflow:hidden;
	z-index:20;
	width:267px;
	height:200px;
	background:url(../images/bigcube.png) no-repeat;
	text-align:left;
	vertical-align:top;
	/*padding:4px 14px 4px 14px;*/
	font-size:10px;
	line-height:19px;
	word-wrap:break-word;
}
.focus {
	z-index:0;
	width:241px;
	height:122px;
	text-align:left;
	vertical-align:top;
	font-size:10px;
	line-height:12px;
	margin:0px;
	padding:0px 9px 9px 9px;
	overflow-x:hidden;
	overflow-y:auto;
}

.pubmed {
	position:absolute;
	overflow:hidden;
	z-index:20;
	width:553px;
	height:126px;
	background:url(../images/bpubmed.png) no-repeat;
	text-align:left;
	vertical-align:top;
	/*padding:4px 14px 4px 14px;*/
	font-size:10px;
	line-height:12px;
	word-wrap:break-word;
}

.pubmedinthome {
	z-index:0;
	width:225px;
	text-align:left;
	vertical-align:top;
	font-size:11px;
	line-height:11px;
	margin:0px;
	padding:0px 0px;
	overflow-x:hidden;
	overflow-y:auto;
}

.pubmedint {
	z-index:0;
	width:523px;
	text-align:left;
	vertical-align:top;
	font-size:11px;
	line-height:11px;
	margin:0px;
	padding:0px 0px;
	overflow-x:hidden;
	overflow-y:auto;
}

.smallcube {
	position:absolute;
	overflow:hidden;
	z-index:0;
	width:174px;
	height:180px;
	text-align:left;
	vertical-align:top;
	font-size:11px;
	line-height:12px;
	margin:0px;
	bottom:14px;
}

.smallcube1 {
	position:relative;
	overflow:hidden;
	z-index:0;
	width:240px;
	height:130px;
	margin:0px;
}

.cubetitle {
	position:relative;
	font-size: 16px;
	line-height:16px;
	color: #88949A;
	text-align:center;
	/*letter-spacing:-1px;*/
	width:100%;
}

.cubetitlesmall {
	position:absolute;
	font-size: 17px;
	color: #888;
	text-align:left;
	top:4px;
	letter-spacing:-1px;
	line-height:19px;
}

.cubetitlesmall1 {
	/*position:absolute;*/
	font-size: 17px;
	color: black;
	text-align:left;
	margin:7px 0 5px 0;
	letter-spacing:-1px;
	line-height:19px;
}

.titlesmall {
	font-size: 16px;
	color: black;
	text-align:left;
	letter-spacing:-1px;
	line-height:19px;
	margin-bottom:12px;
	color:#666;
}

#upperimage {
	margin-top:25px !important;
	margin-bottom:25px !important;
}

A.box {text-decoration:none;
	/*color:#555555;*/}
A.box:hover {text-decoration:underline;
	/*color: #00A8A9;*/}

A.boxlow {text-decoration:none;
	color:#555555;}
A.boxlow:hover {text-decoration:underline;
	color: #00A8A9;}

.readon A {
	/*position:absolute;
	top:120px;
	left:210px;*/
	width:45px;
	height:15px;
	font-weight:bold;
	text-decoration:none;
	color:black;
}

.readon A:hover {
	text-decoration:underline;
}

.readon_small {
	position:absolute;
	top:116px;
	left:105px;
	width:70px;
	height:18px;
	text-align:right;
}

.readon_small A {
	font-weight:bold;
	text-decoration:none;
	color:black;
}

.readon_small A:hover {
	text-decoration:underline;
}

.patient_area {
	position:absolute;
	left:729px;
	top:0px;
	z-index:0;
	width:245px;
	height:424px;
}
.azzurro {
	background-color:#539AC0;
}

TABLE.roundmenu DIV{
	width:33%;
	float:left;
	font-size:15px;
	cursor:pointer;
	padding-left:4%;
	padding-right:4%;
    box-sizing: border-box;
	margin-bottom:30px;
	}
TABLE.roundmenu DIV:hover{
	opacity:0.9;
	}
TABLE.roundmenu DIV IMG{
	width:95%;
	max-width:160px;
	margin-bottom:15px;
	}

TABLE.roundmenusmall TD>DIV{
	width:25%;
	float:left;
	font-size:15px;
	cursor:pointer;
	padding-left:4%;
	padding-right:4%;
    box-sizing: border-box;
	padding-bottom:30px;
	min-height:292px;
	height:100%;
	}
TABLE.roundmenusmall TD DIV:hover{
	opacity:0.9;
	}
TABLE.roundmenusmall DIV IMG{
	width:95%;
	max-width:120px;
	margin-bottom:15px;
	}

.titletext {
	font-size:28px;
	line-height:30px;
	}
.tittop {
	margin:0;
	margin-bottom:2%;
	}
.fumetto {float:left;
	margin-right:15px;
	}
.bottonewide {
	background-color:#0E72AE;
	color:white;
	width:50%;
	padding:8px;
	font-size:20px;
	line-height:25px;
	cursor:pointer;
	text-align:center;
	float:left;
	max-width:200px;
	}
.bottonewide:hover {
	opacity:0.9;
	}
.qleft {
	padding-left:156px;
	padding-right:105px;
	}
.qright {
	padding-left:105px;
	padding-right:156px;
	}
.qleftext,.qrightext {float:left;margin-left:auto;margin-right:auto}
.littletitle {
	font-size:20px;
	line-height:22px;
	color:#0E72AE;
	margin-bottom:6px;
	}
.forumphoto {width:60%;float:left;box-sizing:border-box;padding-right:20px;margin-top:20px}
.forumtable {width:40%;float:left;box-sizing:border-box;margin-top:20px}

.avatardiv {width:60px;height:60px;border-radius:35px;border:5px solid #e3aa50;overflow:hidden;background-color:white;margin-bottom:3px}
.avatarimage {max-width:60px;height:auto;display:block;margin-left:auto;margin-right:auto}

.buttonheight {line-height:18px}
.likebutton {vertical-align:-2px;width:47px;height:16px}
.likebutton:hover {opacity:0.9}

.clickable {cursor:pointer}

/******** scrolling news ***********************************************/

.scrolling_news {
	position:relative;
	overflow:hidden;
	width:176px;
	height:104px;
	clip:rect(0px,175px,104px,0pt);
	border-width:0px;
}

.scrolling_news TABLE {
	width:175px;
	height:32px;
	border: 0;
	margin-bottom:10px;
	border-collapse: collapse;
	}

.scrolling_news TD, TH {
	margin: 0;
	padding: 0;
}

.small_img_news {
	width:32px;
	height:32px;
	text-align:left;
	border:1px solid #555555;
}

.fadpopup {position:absolute;
	top:50px;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	width:926px;
	height:530px;
	display:none;
	Z-index:20000;
	overflow:hidden;
	padding:0;
}
.fadframe {
	width:900px;
	height:530px;
	overflow:hidden;
	padding:0;
}
.videopopup {position:absolute;
	top:80px;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	width:640px;
	height:360px;
	display:none;
	Z-index:20000;
	overflow:hidden;
	padding:0;
	background-color:white;
	border:4px solid white;
	border-radius:3px;
}

.topimagediv {
	width:100%;
	max-width:1120px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	overflow:hidden;
	}

.topimage {
	width:100%;
	display:block;
	max-height:300px;

	}


/******** rollover images **********************************************/

img.hover {
	display: none;
	border:0;
}
img.nohover {
	border:0;
}
A:hover img.hover {
  display: inline;
}
A:hover img.nohover {
  display: none;
}

/******** tabelle con bordo 1 px ***************************************/

table.simple {
    border-style: solid;
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
    border-color:black;
}

table.simple TD {
    margin: 0;
    padding: 2px;
    border-width: 1px 1px 0 0;
    border-style:solid;
    border-color:black;
    color:#000000;
    text-align:left;
    font-family:"Open Sans",verdana,arial,helvetica,sans-serif;
}

/******** tabelle con bordo 1 px grigio *********************************/

table.simplegrey {
    border-color: #AAAAAA;
    border-style: solid;
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
}

table.simplegrey TD {
    margin: 0;
    padding: 2px;
    border-width: 1px 1px 0 0;
    border-style:solid;
    border-color:#AAAAAA;
    text-align:left;
    font-family:"Open Sans",verdana,arial,helvetica,sans-serif;
}

