/* Dermoscopia */
@import url("/css/reset.css");

/***** Global Settings *****/
 

body {
	font-family: "Trebuchet MS", Verdana, Arial, helvetica, sans-serif;
	background-color: #FAFAFA;
	font-size: 12px;
	line-height: normal;
}

/***** Contenitori intestazione network *****/
div.NwtMapBarContainer {position:absolute; width:770px; margin-left:-385px; text-align:right; left:50%; z-index:200; padding:0}
div.NwtFooterContainer { clear:both; color:#666;font-size:11px;}
div.NwtFooterContainer a{text-decoration:none; color:#666}
div.NwtFooterContainer a:hover{ color:#161616; text-decoration:underline}

/***** Structure *****/

#container {width: 770px;background-image: url(/img/container_bg.jpg);background-repeat: no-repeat;background-color: #fff;margin: 43px 0px 0px 0px; text-align: left;}

#header {width: 770px;background-image: url(/img/header_bg.jpg);background-repeat: no-repeat;height: 210px;}
#sidebar_sx {width: 230px;float: left;margin: 64px 0 0 0;}
#footer {background-color: #fff;height: 25px;clear: both;}
#ntw_footer {background:url(/img/ds_footer.jpg) no-repeat 50% 0; margin:0; padding:10px 0 0}
#content {width: 480px;background-color: #fff;margin:-85px 40px 0 20px;;background-repeat: no-repeat;padding:0;background-image: url(/img/bg_content.jpg);float: right;}
#content p {font-size: 12px;font-weight: normal;text-decoration: none; line-height:18px}
	
h1 {font-size: 22px;color: #1b8568;padding: 20px 0 0 0;margin:0 0 10px 0;}
h2 {font-size: 18px;color: #1b8568;padding:10px 0 5px 0}
h3 {font-size: 16px;margin: 0;padding-top: 10px;padding-bottom: 10px;}
h4 {font-size: 14px;color: #333333;margin-bottom: 10px;word-spacing: 0.1em;}

table {font-size: 12px;}
.submenu {padding-top: 10px;padding-bottom: 10px;}

a {color: #1B8568; text-decoration:none}
a:hover { text-decoration:underline}

/* form  */

form {display:inline;}
input.button {margin-bottom: 5px;}
input {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;background-color: #FFFFFF;color: #333333;border: thin solid #CCCCCC;}


#ds_logo {float: left;width: 150px;}
#img_home {margin-top: 10px;margin-bottom: 10px;}

/*  menu javascript  */

div#menu{width:210px;margin-left: 20px;}
div#menu h3{font-size: 12px;margin: 0px; padding: 10px 0px 10px 12px;}
div#menu ul,div#menu li{margin: 0;padding: 0px;list-style-type: none}
div#menu ul li{margin: 0}
div#menu ul ul li{margin: 0; padding:0; border-bottom:1px solid #f4f4f4}
div#menu a {height: 40px;line-height: 18px;color:#1b8568;text-decoration: none;font-weight: bold;display: block;}
div#menu ul a {background-image:url(/img/bg_menu_off.jpg);}
div#menu a:hover{color: #1b8568; text-decoration:underline;}
div#menu ul ul a{color:#1b8568;background-color: #d0e2d3;font-weight: normal;padding: 5px 0px 5px 20px;height: auto; background-image:none} 
/* div#menu ul ul a:hover{text-decoration:underline} */

div.jsenable h3{cursor: pointer}
div.jsenable ul ul{display:none}
div#menu li.hide ul{display:none}
div#menu li.show ul{display:block}
div#menu li.show h3{background-image:url(/img/bg_menu_on.gif); color:#fff;padding: 10px 2px 12px 12px;}
div#menu li.show a:hover{text-decoration: none}
div#menu ul a#noActive { }
div#menu ul a#Active { background-color: #6DCBBB; color:#FFF;}
/* Basic Content Style */

div.gallery_block{ background-color:#f4f4f4; width:158px; height:195px;border:1px solid #e2ede4; display:block; margin:10px 0 0 0; float:left}
div.img_evid {float:left; padding:10px 10px 3px 10px}
div.img_evid img{ width: 126px; height:80px;}
div.par_evid { float:left; padding:0 10px 10px 10px; font-family: "Lucida Sans Unicode", sans-serif;font-size: 10.4px;font-style: normal;font-weight: normal;text-transform: normal;letter-spacing: normal;line-height: 1.5em}
div.did {font-style:italic; color:#1b8568; padding:5px 0 0 0}

div#pop_cont {padding:10px}
img#image_popup {border: 1px solid #CCC}


/* text */
h1.title {font-size:24px; line-height: normal }
h2.subtitle  {line-height:20px; padding:10px; background-color:#e2ede4}
div.image_line  { margin: 10px 0px 10px 0px; clear:both}
div.both { clear:both; margin: 0px 0px 20px 0px;}
div.paragraph { clear:both; margin: 10px 0px 0px 0px;}
div#richtext p { line-height:18px; margin:5px 0; padding:0}
div#richtext a {color: #1B8568; text-decoration:none}
div#richtext a:hover { text-decoration:underline}
div.paragraph #richtext br { font-size:10px}
div.paragraph h1 { font-size:20px;}
div.paragraph h2 { font-size:18px; padding:10px 0 0 0; border-bottom:3px solid #e2ede4;}
div.paragraph h3 { font-size:16px; margin:0; padding:0}
div.paragraph h4 { font-size:14px;}
div.paragraph h5 { font-size:12px;}
div.paragraph h6 { font-size:10px;}
div.paragraph h6 { font-size:10px; }
div.paragraph sup, div.paragraph sub { font-size:normal}
div.paragraph u {}
div.paragraph em { font-size:normal}

div.paragraph #richtext ul {font-size:14px; list-style-type: none;line-height:18px;}
div.paragraph #richtext ul li {margin:5px 0 0 0; padding:0 0 0 20px; background:url(/img/green_dot.gif) no-repeat 5px 5px ;}
div.paragraph ol {font-size:14px; list-style-type: decimal;padding: 0 0 0 10px; line-height:18px;}
div.paragraph ol li { margin:5px 0 0 30px;  padding:0 0 0 10px;}

div.paragraph_left { float:left; width: 320px; margin:10px 0 0 0}
div.paragraph_left h2 { padding:10px 0 5px 0; border-bottom:3px solid #e2ede4; margin:0 0 5px 0}
div.paragraph_right { display:inline;}
div.paragraph_right h2 { padding:10px 0 5px 0}
div.paragraph_left ul { list-style-type:none;  padding:0 0 0 10px; }
div.paragraph_left ul li{margin:0; padding:0 0 0 20px;background:url(/img/green_dot.gif) no-repeat 5px 5px ;}

/* link */
div.paragraph a {color: #1b8568; text-decoration:none}
div.paragraph a:hover { text-decoration:underline}

/* image */
div#basic_content img { padding:0; border: 1px solid #CCC;}


div.paragraph img { padding:0;border: 1px solid #CCC;}
div.image_right { float: right;	padding: 28px 0 10px 10px; width: 146px; }
div.image_right img { width: 136px; border: 1px solid #CCC; margin:20px 0}
div.image_left { padding: 10px 0 10px 0px; width: 140px; }
div.image_left img { border: 1px solid #CCC; }

div.film { width:478px; height:298px; margin:10px 0 0 0}
div.did_film{margin:10px 0}