/*-------------------------------------------
	STS Italiana
	- - - - - - - - - - - - - - - - - - - - -
	Description:	Base setup styles
	Filename:		sts.css
	Date:			mar, 2009
	Company:        ExpertWeb
	Please:         You may adapt elements of this CSS in your own projects, 
					but the unique combination of layouts, styles, sizes, typography, 
					and positioning ("the design") is copyright of Expertweb.it 
					and may not be reproduced.
	-------------------------------------------*/


/* HTML Elements                               */
/***********************************************/


/* GENERICI HTML */
/*********************************/
* {font-family: "Trebuchet MS", Arial, sans-serif; font-size:13px}
body {margin: 0; padding:0; overflow-x:hidden;}
h1 {font-size:2.5em; display:none;}
h2 {font-size:1em;color:#fff;padding:20px 0 0 50px;margin:0;}
img {border:0}
input, textarea{border:2px solid #fff; background-color:#959595;color:#fff;font-size:11px;}

/* LAYOUT */
/*********************************/
.wrapper {height:250px; width:100%}
.logo {width: 100%; text-align:center; margin-top:60px}
.menu {position: relative; top: 50px; margin: 0 50px; font-size:14px; background:url(img/sts_parma.gif) top right no-repeat;hei ght:40px;bor der:1px solid #000;padding:26px 0 0 0;}
.menu a {color: #868788; font-weight: bold; text-decoration: none; margin-right: 30px}
.menu a:hover {color: #d54e12}
.menu a.selected{color: #d54e12;}
.container {position: relative; top: 60px; background-color: #000; height:400px; backg round-image:url(img/STS_bg.gif); background-position:left bottom; background-repeat: no-repeat}
.testoPagina {padding:0 0 0 50px;color:#fff;}
.testoPrivacy {width:60%;padding:0;margin:15px 0 0 50px;color:#fff;overflow:auto;height:320px;bo rder:1px solid #fff;}
.testoPrivacy p{margin:0 20px 10px 0;font-size:12px;}

/* HOME */
/*********************************/
#flash{width:250px;margin:0 auto;bor der:1px solid #fff;padding:40px 0 0 0;
}

/* COSA FACCIAMO */
/*********************************/
.container_cosa_facciamo {position: relative; top: 60px; background-color: #000; height:400px; background-image:url(img/STS_bg_right.gif); background-position:right bottom; background-repeat: no-repeat}

div#filled{background-color: #000;color:#fff;width:340px;height:163px;bor der:1px solid #fff;flo at:right;margin-top:-162px; text-align:left;overflow:hidden; bor der:1px solid #fff;padding:0 .8em;z-index:1000;position:absolute;top:253px;right:0;}
div.progetti_storia{padding:34px 0 0 0;}
div.progetto{float:left;z-index:1000;padding:0 2.5em; background:url(img/bg_progetto.gif) center right no-repeat;}
div.section{mar gin:0 2.5em; background:url(img/bg_progetto.gif) center right no-repeat;cursor:pointer}
div.section img{width:156px;display:block;margin:0 auto;}
div.progetto_ultimo, div.progetto_storia{float:left;z-index:1000;padding:0 2.5em;background:none;display:inline;bo rder:1px solid #fff;}
.contain er_storia table{border:1px solid #fff;display:inline;}
div.progetto img, div.progetto_ultimo img{height:130px;border:0;}
div.titoloProgetto{color:#FFF; text-align:center;text-transform:uppercase;font-size:1.6em;bor der:1px solid #fff;}

/* LA NOSTRA STORIA */
/*********************************/
.container_storia {position: relative; top: 60px; background-color: #000; height:400px; }
div#counter {color:#fff;font-size:5.2em;margin:0 0 45px 30px;padding:0;bor der:1px solid #fff; backg round-color:#99CC66;line-height:.73em;font-weight:bold;z-index:2000;position:absolute;}
.testo_storia {position: absolute;z-index:3000;color:#fff;margin:80px 0 0 35px;width:300px;text-align:justify;}
.container_storia #slider{position: absolute; top: 25px; left: 0; width: 2000px;color:#fff;}
.container_storia #slider .img_slider{float:left;}
.container_storia #slider .img_slider p{text-align:center;}
.sfumatura{position:absolute;top:0;left:0;background:url(img/sfumatura.png) top center no-repeat;height:400px;width:100%;z-index:1000;}
* html .sfumatura {margin:0 0 0 -45%;width:145%;background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/sfumatura.png' ,sizingMethod='crop');bord er:2px solid blue;
}
*:first-child+html .sfumatura{margin:0;background:url(img/sfumatura.png) top center no-repeat;width:100%;}
.progetti_storia{position:relative;top:0;left:0;z-index:1;}
.custom { /* Applied to container DIV */
width: 100%;height: 400px;background-color: #000;
}
.custom2 { /* Applied to container DIV */
width: 100%;height: 250px;background-color: #000;
}
.custom .simply-scroll-clip { /* Applied to clip DIV */
width: 100%;height: 400px;
}
.custom2 .simply-scroll-clip { /* Applied to clip DIV */
width: 100%;height: 250px;
}
/* Existing styles */
#scroller {margin:30px 0 0 0;
}
#scroller .section {float:left;width: 250px;
}

#scroller2 {margin:91px 0 0 0;
}
#scroller2 .section {float:left;width: 250px;bor der:1px solid #fff;
}
#scroller p {color:#fff; text-align:center;
}
/* Container DIV - automatically generated */
.simply-scroll-container {position: relative;
}
/* Clip DIV - automatically generated */
.simply-scroll-clip {position: relative;overflow: hidden;z-index: 2;
}
/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list {position: absolute;top: 0;left: 0;z-index: 1;overflow: hidden;margin: 0;padding: 0;list-style: none;
}
.simply-scroll-list li {padding: 0;margin: 0;list-style: none;
}
.simply-scroll-list li img {border: none;display: block;
}

/* NEWS */
/*********************************/
.container_news {position: relative; top: 60px; background-color: #000; height:400px; background-image:url(img/news.gif); background-position:top left; background-repeat: no-repeat}
.news1{width: 33%; padding-top:130px; }
.news2{width: 33%; padding-top:120px; }
.news3{width: 26%; padding-top:12px; margin:0 0 0 4%; }
.news1, .news2, .news3 {text-align:center; float: left; color:#FFF;}
.news1 a, .news2 a, .news3 a {color: #d54e12; text-decoration:none;text-transform:uppercase;display:block;margin:0 0 13px 0;}
.news1 a:hover, .news2 a:hover, .news3 a:hover {text-decoration:underline}
.news3{ text-align:left;}
.news3 p{margin:0 0 6px 0;padding:0;font-size:11px;}
.news3 ul{margin:0;padding:0;width:330px;}
.news3 ul li {list-style-type:none;margin:0 0 6px 0;font-size:11px;}
.news3 ul li.privacy_check {text-align:right;padding:0 38px 0 0;}
.news3 ul li.privacy_check span{font-size:8px;}
.news3 ul li.privacy_check label{display:inline;margin:0 0 0 5px;}
.news3 ul li label{display:block;font-size:11px;}
.news3 ul li .privacy{font-size:8px;width:286px;border:2px solid #fff;background-color:#959595;height:50px;}
.news3 ul li.form_submit{display:block;text-align:left;margin:40px 0 0 0;}
.news3 ul li.form_submit a{color:#fff;border-bott om:1px solid #fff;padding:0;text-transform:lowercase;text-decoration:underline;font-size:11px;}
.news3 .divCaptcha label, .news3 .divCaptcha span, .news3 .divCaptcha input, .news3 .divCaptcha img{float:left;bord er:1px solid #fff;}
.news3 .divCaptcha span{float:left;}
.news3 .divCaptcha label{width:60px;}
.news3 .divCaptcha img{margin:0 10px 0 0;}
.news3 .divCaptcha input{margin:12px 0 0 0;}
.elencoSchede{color:#fff;bord er:1px solid #fff;margin:0 0 0 50px;padding:20px 0 0 0;}
.elencoSchede a{color:#fff;text-decoration:underline;}
.titoloArchivio h2{color:#fff;margin:0;
}
.elencoArchivio table{bo rder:1px solid #fff;pa dding:10px 0 0 0;
}
.elencoArchivio table tr td{bor der-bottom:1px solid #bab9ba;
}
.elencoArchivio table tr td a{color:#d54e12; text-decoration:none;
}
.elencoArchivio table tr td a:hover{color:#d54e12; text-decoration:underline;
}
table.elencoSchede{padding:5px 0 0 0;margin:20px 0 0 46px;
}

/* PORTFOLIO */
/*********************************/
.portfolio {position: relative; top:60px; background-color: #000; height:400px; width: 100%; overflow:hidden;}
.portfolio #MooFlow img{cursor:pointer;}

/* CONTATTI */
/*********************************/
.contatti {width: 33%; text-align:center; float: left; padding-top:150px; color:#FFF; font-weight: bold}
.contatti span {color: #d54e12}
.contatti a {color: #FFF; text-decoration:none}
.contatti a:hover {text-decoration:underline}

/* FOOTER */
/*********************************/
div.footer {position:relative;top:60px;backgr ound-color:#FF0000;color:#9c9d9f;}
* html div.footer {padding:70px 0 0 0;}
div.footer p.legal_notices{float:left;font-size:11px;margin:44px 0 0 50px;padding:50px 0 0 0; background:url(img/assocomunicazione.gif) top left no-repeat;width:300px;}
* html div.footer p.legal_notices{margin:34px 0 0 20px;}
*:first-child+html div.footer p.legal_notices{margin:44px 0 0 50px;}
div.footer p.legal_notices a{color:#9c9d9f;text-decoration:none;font-size:11px;}
div.footer p.copyright{float:right;font-size:11px;margin:40px 50px 0 0;padding:54px 0 20px 0; background:url(img/confindustria.gif) top right no-repeat;}
* html div.footer p.copyright{margin:30px 20px 0 0;}
*:first-child+html div.footer p.copyright{margin:40px 50px 0 0;}
div.footer p.copyright a{color:#9c9d9f;text-decoration:none;font-size:11px;}



div.privacy{border:1px solid #FFF;height:50px;overflow:auto;width:200px;}
div.download, div.imageWhats {float:left;}
.cont ainer {color:#FFF;position: relative; top:110px; background-color: #000; height:400px; width: 100%; overflow:hidden}