BODY {padding: 0; margin: 0; font-family: verdana,arial,Helvetica, sans-serif; font-size: 11px}
h1,h2, h3 {margin: 0; padding: 0; font-size: 25px; font-weight:normal; color: #006666}    
h2, h3 {font-size: 11px; color: #000}
.line90, .line-dot {border-bottom: 1px solid #552b2d; width: 100%; height: 0; padding-top: 5px}
.line-dot {border-bottom: 1px dotted #ccc}
.vline {float: left; width: 20px; background-image: url('img/linia.gif'); height: 280px; margin-top: 10px}
.clear {clear:both}
.left {float: left}
.right {float: right}

/* TOP MENU */
#top-links {width: 100%; padding: 4px 0; background-color: #333; border-bottom: 1px solid #ffcc66}
ul.top1 { list-style: none; margin: 0; padding: 0 }
ul.top1 li {  display: inline-block; display:-moz-inline-box; width: auto; padding: 0 15px}
#logo-container {width: 100%; background-color: #006666; height: 50px; position:relative}
#header-icons {position:absolute; top:15px; right:1%}
#navi {border-top: 1px solid #fff; border-bottom: 1px solid #d7bc86; background-color: #fff4df; overflow:hidden}
#navi ul {padding:0; margin:0; list-style: none}
#navi ul li {float:left; padding: 0 1%}
#navi ul li a, #navi ul li a:visited {display:block; padding: 8px; text-align:center}
#navi ul li a:hover {display:block; background:#DB8}
#logo-bar {width: 100%; height: 14px; background-color: #ffe2a8; border-bottom: 1px solid #999}


/* --- INDEX --- RESPONSIVE --- */
.col-responsive {display: block; float:left; margin: 1% 0 1% 1%; border-left:1px dotted #ccc}
.col-responsive:first-child { margin-left: 0; border-left:1px none #ccc}
.span_4_of_6 {width: 64.83%; padding: 0 1%;font-size: 13px;line-height: 150%;text-align:justify}
.span_4_of_6 h1 {text-align:left; line-height:150%}
.span_2_of_6 {width: 29.66%; padding-left:1%}
.span_4_of_6 .rmore {display:block; text-align: right; padding: 15px; font-size:14px}
.substrArt {float:left; margin:5px 15px 5px 0; width:40%;border-radius:4px} /* IMAGINI articole*/


/*ARTICOLE*/
.share {padding: 10px 0; overflow:hidden}
.share div {float: right; padding: 3px}
.responsive-img-art {position: relative; display: inline-block; vertical-align:top; margin: 5px; width: 23%; height: 200px; min-width: 140px;zoom: 1;*display: inline}
.wrap-img-art {height:130px;min-width:100px;width:100%;overflow:hidden;border-radius:4px}
.wrap-img-art img:hover {opacity:0.8; filter:alpha(opacity=80)}
.img-art-txt {position: absolute; top:130px; left: 0; padding: 4px; text-align: left}
#img-art-fb {position: relative; display: block; margin: 10px; width: 468px; height: 280px; border: 1px solid #000; overflow: hidden}
.opacLBL, .textLBL {position: absolute; top:90px; left: 0; font-size: 25px; color: #000; z-index: 100; width: 448px; padding: 10px }
.opacLBL {color: #fff4df; background: #fff4df; opacity:0.4; filter:alpha(opacity=40)}
.art-goog-left, .art-img-left {margin: 0 10px 5px 0}
.art-img-left {width: 468px; height: 292px; overflow: hidden; border: 1px solid #000}


/*MENU DEFAULT*/
ul.mnu-def {list-style: none; margin: 0; padding:0} 
ul.mnu-def li {margin: 5px}
ul.mnu-def li.col {background: #fff4df}
ul.mnu-def li a {display: block; padding: 5px; overflow: hidden} 
ul.mnu-def li a:hover {border-bottom: 1px solid #ffe2a8} 
ul.mnu-def li img {float: left; margin-right: 13px}
ul.mnu-def li div {color:#006666}
ul.mnu-def li p {text-decoration: none; margin-bottom:0}
.fadein { position:relative; height:200px; width:300px; margin:10px auto}  /* SLIDER */
.fadein img { position:absolute; left:0; top:0; width:100%; height: 100%}

.ubottom{list-style-type: none;text-align:right;width:90%;border-top: 0px solid #ccc;display:inline-block}
.ubottom li{display:inline-block;padding:0 10px}
/*-------------------------------------------*/


/*FONTS*/
a:link, a:visited, a:active, a:hover {color: #000; text-decoration: none}
.portallink {font-weight: bold}
a.portallink:link, a.portallink:visited, a.portallink:active {color: #ffebbf; text-decoration: none}
a.portallink:hover {color: #ffcc33}
.fred {font-weight: bold; font-size: 10px; text-transform: uppercase; color: #cc0000}
.fblue, a.fblue:link, a.fblue:visited, a.fblue:active {font-size: 12px; color: #2B80D5}
a.fblue:hover {text-decoration: underline}
a.ftall:link, a.ftall:visited, a.ftall:active, a.ftall:hover {font-size: 15px; text-decoration: none}
a.ftall:hover {border-bottom: 1px solid red}
.leftnav {FONT-SIZE: 10px; COLOR: #003333; LINE-HEIGHT: 14px}
.leftnavsub {FONT-SIZE: 10px; COLOR: #006666; LINE-HEIGHT: 14px}
.topstats {	FONT-SIZE: 10px; COLOR: #ffcc66}
a.leftnav:link, a.leftnav:visited a.leftnav:active, a.leftnav:hover {color: #000; text-decoration: none}
.varText {FONT-SIZE: 11px; COLOR: #003333}
.topnav {FONT-SIZE: 12px; COLOR: #000000}
.HeadingCounts {FONT-SIZE: 11px; COLOR: #ffcc66}
TD.justify {font-family:verdana,arial,helvetica; font-size:11px; color:#000000; text-align:justify}
.greenhelplarge {FONT-SIZE: 12px; COLOR: #006666; FONT-FAMILY: Verdana, Arial, helvetica, sans-serif}

INPUT.search {border:1px; border-color:#000000; BORDER-STYLE: solid; font-family:verdana,arial; font-size:9px; color:#5A5A5A; width:20px; background-color:#ffffff}
INPUT.search_menu {border:1px; border-color:#000000; BORDER-STYLE: solid; font-family:verdana,arial; font-size:11px; color:#5A5A5A; width:80px; background-color:#ffffff}
INPUT.search_button {border:1px; border-color:#FFFFFF; BORDER-STYLE: solid; font-family:verdana,arial; font-size:11px; color:#5A5A5A; width:70px; }
INPUT.search_alt {border:1px; border-color:#000000; BORDER-STYLE: solid; font-family:verdana,arial; font-size:9px; color:#5A5A5A; width:40px; background-color:#ffffff}
input.btn {   
   color:#750000;   
   font: bold 80% 'trebuchet ms',arial helvetica,sans-serif;   
   background-color:#FF9900;   
   border: 1px solid;   
   border-color: #290000 #290000 #290000 #290000;   
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#FFE2B7',EndColorStr='#FF9900');   
 }


/* ----------------   MEDIA   -------------------*/


@media screen and (max-width: 800px)
{
/*HEADER*/
#header-icons img {zoom: 1.3}
#top-links {padding: 10px 0; font-size:15px}
#logo-bar {display:none}
#navi {border-bottom: none; height:auto}
#navi ul li {padding:10px 0; margin: 0 0 0 1px;	width: 19.78%; height: 50px; border-bottom: 5px solid #ffcc66; background:#333}
#navi ul li a, #navi ul li a:visited {height: 30px; padding:10px; color:#ffebbf}
#navi ul li a:hover {color: #333}

/*INDEX*/
.col-responsive {margin: 1% 0 1% 0%}
.span_2_of_6, .span_4_of_6 {width: 98%; margin:1em 0 1em 0; font-size: 1.5em }
.responsive-img-art {width:31.2%}
.span_4_of_6 h1 {text-align:center; font-size: 1.8em}
ul.mnu-def li, ul.mnu-def li.col {width:46.5%; float: left}
.trim {height: 312px; overflow: hidden}

.nav{text-align:center}
}

@media screen and (max-width: 480px)
{
/*HEADER*/
#navi {border-bottom: none; height:auto}
#navi ul li {float:none; padding: 0; width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #fff; background:#333}
#navi ul li a, #navi ul li a:visited {height: 40px; padding: 0 20px; text-align:left; font-size: 1.3em; color:#ffebbf}
#navi ul li a:hover {color: #333}

/*INDEX*/
.ads {display: none}
.substrArt {width:99%}
.trim {height: 595px; overflow: hidden}
ul.mnu-def li, ul.mnu-def li.col {width:100%}

/*ARTICOLE*/
#img-art-fb {margin: 5px 0; width: 100%}
.opacLBL, .textLBL {font-size: 16px; width: 100%; padding:5px}
}