/*
Theme Name: Dermes 2010 NEW
Theme URI: http://www.dermes.it
Description: Evoluzione con Menu DHTML 
Version: 2.1
Author: Dermes Research team
Author URI: http://www.alienati.org
*/

/* ----------------------------------------------------------------------------------------------------------
    This website template was downloaded from http://www.nuviotemplates.com - visit us for more templates
    Structure:
    display; position; float; z-index; overflow; width; height; margin; padding; border; background; align; font;
	Content:
        1) HTML tags, reset
        2) Universal styles (display, float, margin, text-align...)
        3) Layout
        4) Page: Home
        Z) Others
---------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------
1) HTML tags, reset
---------------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {border:0;}
body {padding:10px 0 0 0; background:#fff; color:#666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt;}
a {text-decoration:none;}
h1, h2, h3, h4, h5, h6 {margin:0 0 10px 0;}
h1 {font-size:180%; font-weight:normal;}
h2 {font-size:120%; font-weight:normal; color:#1d7188; padding:10px 0 4px 0;}
h3 {font-size:110%; font-weight:normal; color:#1d7188; padding:10px 0 4px 0;}
h4, h5 {font-size:100%;}
/*p, table, ol, dl, fieldset {margin:15px 0;}*/
.relative {position:relative;}
.clear {clear:both;}
.noscreen {display:none;}

.f-left {float:left !important;} img.f-left {float:left; margin-right:15px;}
.f-right {float:right !important;} img.f-right {float:right; margin-left:15px;}

table {border-collapse:collapse; border-spacing:0; font-size:100%;}
th {text-align:center; font-weight:bold;}
th, td {padding:3px 7px;}

ul, ol {margin:0 0 8px 30px; padding-top:2px;}
ul ul, ol ol {margin:0; margin-left:20px;}

ol {list-style-type:circle;}
li {display:list-item;}

dt {font-weight:bold;}
dd {margin-left:30px;}

fieldset {position:relative; padding:10px; border:1px solid #DFDFDF;}

legend {position:absolute; top:-1em; margin:0; padding:5px 10px; background:#FFF; color:#EF0000; font-size:100%; font-weight:bold;}
.low, .low a {color:#7F7F7F;}
.low a:hover {color:#000;}
/* ----------------------------------------------------------------------------------------------------------
2) Universal styles (display, float, margin, text-align...)
---------------------------------------------------------------------------------------------------------- */

.img-left{float:left; margin: 10px 10px 10px 0;}
.img-right{float:right; margin: 10px 0 10px 10px;}
.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}
.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}
.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}

/* ----------------------------------------------------------------------------------------------------------
3) LAYOUT
---------------------------------------------------------------------------------------------------------- */

#main {
position:relative;
width:960px; 
margin:0 auto;
padding:0; 
text-align:left;
/*-moz-box-shadow:  10px  10px 5px #dedede;
  -webkit-box-shadow:  10px  10px 5px #dedede;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#dedede', Direction=135, Strength=10);
  box-shadow: 10px 10px 5px #dedede;*/
}

#header {float:right; width:666px; height:30px; margin:0; padding:0;}

#aside {float:left; width:294px; margin:0; padding:0 0 10px 0;}
#aside_a {height:310px; background-image:url(images/pattern-fascia.jpg);}
#aside_b {height:120px; margin-bottom:8px; padding:95px 30px 0 36px; color:#1d7188; font-size:11pt;}
#aside_b {height:120px; padding:95px 0 0 0; margin-bottom:8px;}
#aside_b a {float:left; text-decoration:none;}
#aside_b a img {width:294px; height:108px;}
#aside_b p{font-size:10pt;}
#aside-box {width:227px; margin:0 0 0 18px;}
#aside-box p a {font-family:'Muli'; font-size:120%; color:#1d7188; border-bottom:1px; border-bottom-color:#ef4137; border-bottom-style:solid;}
#aside-box p a:hover {border-bottom:2px; border-bottom-color:#ef4137; border-bottom-style:solid;}
.aside-img {width:225px; height:110px; margin:6px 0 6px 0;}

.aside-img a {width:225px; height:110px; text-decoration:none;}
.aside-img a img {width:225px; height:110px; border:1px solid #1d7188;}
.aside-img a:hover img {width:225px; height:110px; border:1px solid #EF4137;}

#menu-dermes{
position:absolute;
top:10px;
left:8px;
z-index:2;
width:286px;
}

#logo-dermes {height:86px; margin:0;}
#logo-dermes a{text-decoration:none;}
/* menu-dermes styling */
.dermes {width:286px; font-size:9pt;}
.dermes ul {margin:0; padding:0; list-style-type: none;}
.dermes ul li {display:block; position:relative; height:30px; background-image: url(images/voce-menu-sx.png);}
.dermes ul li a, .dermes ul li a:visited {display:block; width:256px; padding:7px 0 0 30px; color:#666;}
.dermes ul li ul {display: none;}
/* specific to non IE browsers */
.dermes ul li:hover {width:286px; background-image: url(images/voce-menu-sx-rover.png);}
.dermes ul li:hover a {padding:6px 0 0 30px; color:#fff;}
.dermes ul li:hover ul {display:block; position:absolute; top:0; left:273px; width:260px;}
.dermes ul li:hover ul li{display:block; position:relative; margin:0; width:260px; height:29px; background-image: none; background-color:#bfbfbf; border-bottom:1px; border-bottom-color:#fff; border-bottom-style:dotted;}
.dermes ul li:hover ul li a.hide {width:260px; color:#666;}
.dermes ul li:hover ul li a {width:260px; color:#666;}
.dermes ul li:hover ul li a:hover {width:260px; color:#fff;}
.dermes ul li:hover ul li ul {display: none;}
/*.dermes ul li:hover ul li:hover ul {display:block; position:absolute; left:273px; top:0; color:#fff;}
.dermes ul li:hover ul li:hover ul li a {display:block; width:286px; background:#ACACAC; color:#333;}
.dermes ul li:hover ul li:hover ul li a:hover {background:#ACACAC; color:#fff;}*/

        #search {display:block; width:286px; height:67px; background-image: url(images/piede-menu-sx.png);}
        #search #search-input {width:176px; margin-top:22px; margin-left:28px; padding:2px;}
        #search #search-submit {border:1px solid #EF4137; background:#EF4137; color:#FFF; padding:1px;}
		#search #search-input {border:1px solid #AFAFAF;}
		#search #search-input:focus {border:1px solid #5F5F5F;}

#nav {/*position:absolute; bottom:0; right:0; width:500;*/ height:25px; font-size:9pt; padding:7px 0 7px 0;}
#nav ul {margin:0; padding:0; list-style:none;}
#nav ul li {display:inline; float:left; margin:0; padding:0;}
#nav ul li a {display:block; float:left; padding:0 6px; background:url("images/dot-03.gif") 100% 0 repeat-y;}
#nav ul li#nav-active a {font-weight:bold;}
#nav ul li.current_page_item a {/*background:#EF4137;*/ color:#EF4137; font-weight:bold;}
.gratis{font-weight:bold;}
.menu2 {padding: 0;list-style: none;}
.menu2 li {padding: 0;margin: 0 2px;float: right;position: relative;text-align: center;}
.menu2 a {display: block;text-decoration: none;color:#666;}
.menu2 a:link{color:#666;}
.menu2 a:visited{	color:#666;}
.menu2 a:hover{	color:#EF4137;}

/* ----------------------------------------------------------------------------------------------------------
5) Page: Article
---------------------------------------------------------------------------------------------------------- */

#page {float:right; width:666px; margin:0; padding:0; line-height:14pt;}
#page-pre-content {width:666px; height:310px; background:url(images/pattern-fascia.jpg);}

#intro {position:absolute; top:103px; right:40px; width:200px; z-index:1;}
#intro_a {display:inline; font-family:'Muli'; font-size:130%; color:#fff; border-bottom:1px; border-bottom-color:#ef4137; border-bottom-style:solid;}
#intro_b {margin-top:6px; color:#fff; font-size:120%;}

#blocco_box {width:666px; height:210px;}
.page-box {float:left; margin:8px 0 0 2px; width:220px; height:190px;}
.page-box img {float:left; margin-right:4px;}
.page-box h3 {font-family:'Muli'; font-size:110%; color:#1d7188; padding:16px 0 0 0;}
.page-box h3 a {color:#1d7188; border-bottom:1px; border-bottom-color:#ef4137; border-bottom-style:solid;}
.page-box h3 a:hover {border-bottom:2px; border-bottom-color:#ef4137; border-bottom-style:solid;}
.page-box p {padding:0 0 7px 0; font-size:9pt; height:107px; overflow:hidden;}
.leggi-tutto {color:#1d7188;}
.leggi-tutto a {color:#1d7188; background: url(images/freccia-box.jpg) right center no-repeat; /*margin-left:54px;*/ margin-right:6px; padding: 0 23px 0 0;}
.leggi-tutto a:hover {color:#1d7188; background: url(images/freccia-rossa-box.jpg) right center no-repeat;}
.leggi-tutto a:visited {color:#1d7188;}

#content {float:right; margin:0; padding:0 0 16px 0;}
#sezione {width:666px; height:148px;}
#sezione img {width:666px; height:148px; margin:0; padding:0;}
#page-title {/*position:absolute; top:190px; left:304px;*/width:666px; height:50px;  background-image:url(images/sfondo-title.jpg); background-repeat:no-repeat;}
#page-title h1 {margin:0; padding:10px 16px 0 12px; color:#666;}
#page-title h1 a {color:#EF4137;}
#page-title h1 a:hover {color:#EF4137;}

#page-content-home {display:block; margin:0; padding:7px 16px 10px 10px; border-top:1px; border-top-color:#1d7188; border-top-style:dashed;}
#page-content-home a {color:#EF4137;}
#page-content-home a:hover {color:#BFBFBF;}
#page-content {display:block; margin:0; padding:0 18px 10px 12px; background-image:url(images/sfondo-articoli.jpg); background-repeat:no-repeat;}
#page-content a {color:#EF4137;}
#page-content a:hover {color:#BFBFBF;}
/*.breadcrumb {position:absolute; top:190px; right:30px; color:#FF3333; font-size:8pt;}
.breadcrumb a{color:#999999;}
.breadcrumb a:hover{text-decoration:underline;}*/

/* ----------------------------------------------------------------------------------------------------------
Footer
---------------------------------------------------------------------------------------------------------- */
/*.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}*/

#footer {width:960px; height:250px; margin:0 auto; padding:10px 0 0 0; background-color:#e6e6e6; font-size:8pt; clear:both;}
#footer_a {/*position:relative;*/ width:960px; height:216px;}
#footer-left {float:left; width:338px; height:180px; margin-top:20px; padding:0 0 0 30px;}
#footer-left ul {margin:7px 0 0 0;}
#footer-left li {list-style:none; margin:3px 0 0 0;}
#footer-left li p {display:inline;}
.tit {color:#1d7188; font-family:'Muli'; font-size:10pt; border-bottom:1px; border-bottom-color:#ef4137; border-bottom-style:solid;}
.tot a{color:#1d7188; font-weight:bold;}
.tot a:hover{text-decoration:underline;}
.tot a:visited{color:#1d7188; font-weight:900;}
#footer-center {float:left; width:300px; height:180px; margin-top:20px; padding:0 0 0 30px;}
#footer-center ul {margin:7px 0 0 70px;}
#footer-center ul li {list-style:none; margin:0;}
#footer-center ul li p {display:inline;}
#footer-center ul li ul {margin:12px 0 0 0;}
#footer-center ul li ul li {position:relative; height:35px; margin-bottom:10px;}
#footer-center ul li ul li img {float:left;}
#footer-center ul li ul li a {position:absolute; top:10px; left:45px; color:#666;}
#footer-center ul li ul li a:hover {color:#EF4137;}
#footer-right {float:left; width:194px; height:180px; margin-top:20px; padding:0 0 0 30px;}
#centro {margin:7px 0 0 0;}
.centro {text-align:center;}
.centro p {margin-top:12px;}
.centro p a{color:#666;}
.centro p a:hover{color:#EF4137;}
#footer_b {width:920px; margin:0 20px 4px 20px;}
#footer_b p {padding-top:2px; text-align:center;}
#footer hr {border:1px solid #1d7188;}
.footer-divisori {border-right-style:dashed; border-right-width:thin; border-right-color:#1d7188;}
/* ----------------------------------------------------------------------------------------------------------
4) Page: Dove Siamo
---------------------------------------------------------------------------------------------------------- */
#box-dove-siamo{
width:666px;
height:160px;
margin:6px 0 40px 0;
}

#box-dove-siamo img{ 
float:right;
width:210px;
height:160px;
margin:0 100px 0 0;
}

#box-dove-siamo-text{
float:left;
width:300px;
height:160px;
padding:30px 0 10px 20px;
text-align: center;
font-size:14px;
}

/*----------------------------------------------------------------------------------------------------------
4) Page: Home
---------------------------------------------------------------------------------------------------------- */

#topstory {float:left; width:630px;}
#topstory-title {padding:15px;}
#topstory-title h1 {margin:0; margin-bottom:2px;}
#topstory-title p.date {margin:0; font-size:85%;}
#topstory-title p.date {color:#000;}
#topstory-title p.date a {border-bottom:1px solid #5F5F5F; color:#000;}
#topstory-title p.date a:hover {border-bottom:1px solid #FFF; color:#FFF;}
#topstory-perex {display:block; padding:15px; font-size:110%;overflow:hidden; background:#000; color:#AFAFAF;}
#topstory-perex p {margin:0;}
#photos {margin:0; font-size:0; line-height:0;}
#photos a {border:0;}
#photos img {display:block; float:left; width:150px; height:110px; margin-left:8px; border:0;}
.col30 {float:left; width:310px;}
.col30.margin {margin:0 15px;}
.col30 h4 {margin-bottom:3px;}
.col30 h4 a {color:#EF0000;}
.col30 h4 a:hover {color:#000;}
.col30 ul {margin:20px 0 !important;}
.col30 p.date {margin:0; font-size:85%;}
.col30 p.bb {padding-bottom:20px; background:url("images/dot-02.gif") 0 100% repeat-x;}
.col30 p img.f-left {margin-right:10px;}
.col30 p {position:relative;}
.col30 p.date {color:#7F7F7F;}
.col30 p.date a {color:#7F7F7F;}
.col30 p.date a:hover {color:#000;}
/*----------------------------------------------------------------------------------------------------------
Z) Others
---------------------------------------------------------------------------------------------------------- */

.list ul{margin:15px 0; padding:0; list-style:none;}
.list li {margin:0; margin-bottom:6px; padding:0; padding-left:20px; background:url("images/ico-list.gif") 0 4px no-repeat;}

.hx-style01 {/*clear:both; */ background:url("images/dot.gif") 0 50% repeat-x; font-size:85%;}
.hx-style01 span {background:#FFF; color:#EF0000; margin-left:15px; padding:0 5px; font-weight:bold; text-transform:uppercase;}
.alignright {float:right;}
.alignleft {float:left;}

#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;}
#commentform textarea {width: 100%;padding: 2px;}
#commentform #submit {margin: 0;float: right;}

/* End Form Elements */
/* Begin Comments*/
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0;display: block;}
img.avatar {float:left; margin-right:5px;}
/* End Comments */
/* Begin Home*/
.home-sx{float:left;border:0;}
.home-dx{float:right;border:0;}
.homeIMG{border:0;}
/* End Comment*/
.mappa{padding-left:26px;}
.nwE{border:1px solid #AFAFAF;}
.nwS{border:1px solid #EF4137; background:#EF4137; color:#FFF; padding:1px;}

/*CENTRI*/
.primaCOL{float: left; width: 45%; padding: 0 2%;}
.iconeCENTRO{vertical-align: middle; width:31px;height:31px;}
.secondaCOL{float: left; width: 45%; padding: 0 2%;height:100px;}
.titROSSO{color: #ff3333;}
.divide{float: none; clear: left;margin-bottom:10px;}