/*
 
 *	$Rev: 168 $:
 *	$Author: gregorio $:
 *	$Date: 2010-04-07 15:31:21 +0200 (Wed, 07 Apr 2010) $:

    Document   : screen.css
    Author     : PG&W - Agenzia di comunicazione
    Website    : www.pg-w.it
    Copyright  : PG&W s.r.l.
*/

body {
	background: #eee url(../_img/common/bodyBg.gif) repeat-x;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	text-align: center;
}

img {
	border:0;
}

p, a, td, h1, h2, h3, h4, h5, h6, span, ul, li, label, div {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #707173;
}

a {
	color:#009ee0;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

p {
	line-height: 1.9em;
	margin: 0 0 10px 0;
}

hr {display: none}

.cleaner {
	clear: both;
	font-size: 1px;
}

#container {
	width: 954px;
	margin: 0 auto 0 auto;
	text-align: left;
}

#flashVisual {
	outline:none;
}





/* HEADER */

#header {
	height: 140px;
	margin:0 0 7px 0;
	background: url(../_img/common/headerBg.gif) no-repeat bottom right;
}

#header h1 {
	padding: 30px 0 0 2px;
	margin:0;
	float:left;
}

#header h1 a {
	display: block;
	width: 136px;
	height: 96px;
	background: url(../_img/common/alp.gif) no-repeat;
}

#header h1 span {
	display: none;
}

#changeLanguage {
	float:right;
	padding:15px 0 0 0;
}

#changeLanguage .selected {
	font-weight: bold;
}







/* TOP MENU */
/* See _lib/superfish/css/superfish.css fot other styles */

#topMenu {
	margin:105px 0 0 40px;
}

#topMenu .mainBranch:hover {
	background: transparent url(../_img/common/menuSelector.gif) repeat-x bottom left;
}

#topMenu .mainBranch {
	margin:0 20px 0 0;
}

#topMenu .mainBranch .link {
	height: 27px;
}

#topMenu .mainBranch .link span {
	display: none;
}

#topMenu li li a {
	display: block;
	color: #fff;
	font-size: 11px;
	padding:5px 0;
	background: url(../_img/common/menuDotLine.gif) repeat-x bottom left;
	
}
#topMenu li li.subMenuFooter a.linkFoot {
	background:none;
}

#topMenu li li a:hover {
	color:#a6dcf3;
}

.it #topMenu #home {
	width: 70px;
	background: url(../_img/it/home.gif) no-repeat center center;
}

.it #topMenu #company {
	width: 54px;
	background: url(../_img/it/company.gif) no-repeat center center;
}

.it #topMenu #technologies {
	width: 75px;
	background: url(../_img/it/technologies.gif) no-repeat center center;
}

.it #topMenu #products {
	width: 58px;
	background: url(../_img/it/products.gif) no-repeat center center;
}

.it #topMenu #contacts {
	width: 54px;
	background: url(../_img/it/contacts.gif) no-repeat center center;
}

.it #topMenu #resellers {
	width: 77px;
	background: url(../_img/it/resellers.gif) no-repeat center center;
}

.it #topMenu #news {
	width: 35px;
	background: url(../_img/it/news.gif) no-repeat center center;
}

.it #topMenu #services {
	width: 40px;
	background: url(../_img/it/services.gif) no-repeat center center;
}


.en #topMenu #home {
	width: 70px;
	background: url(../_img/en/home.gif) no-repeat center center;
}

.en #topMenu #company {
	width: 60px;
	background: url(../_img/en/company.gif) no-repeat center center;
}

.en #topMenu #technologies {
	width: 90px;
	background: url(../_img/en/technologies.gif) no-repeat center center;
}

.en #topMenu #products {
	width: 61px;
	background: url(../_img/en/products.gif) no-repeat center center;
}

.en #topMenu #contacts {
	width: 63px;
	background: url(../_img/en/contacts.gif) no-repeat center center;
}

.en #topMenu #resellers {
	width: 57px;
	background: url(../_img/en/resellers.gif) no-repeat center center;
}

.en #topMenu #news {
	width: 35px;
	background: url(../_img/en/news.gif) no-repeat center center;
}

.en #topMenu #services {
	width: 53px;
	background: url(../_img/en/services.gif) no-repeat center center;
}







/* NEWS BOX HOME */

#newsBoxHome {
	height: 46px;
	background: url(../_img/common/newsBoxHomeBg.gif) no-repeat top right;
}

#newsBoxHome h3 {
	margin: 0;
	padding:0;
	float:left;
}

#newsBoxHome h3 a {
	display: block;
	height: 46px;
}

.it #newsBoxHome h3 a {
	width: 157px;
	background: url(../_img/it/newsBoxHomeLabel.gif) no-repeat;
}

.en #newsBoxHome h3 a {
	width: 173px;
	background: url(../_img/en/newsBoxHomeLabel.gif) no-repeat;
}

#newsBoxHome h3 span {
	display: none;
}

.it #newsListWrapper {
	margin-left: 157px; /* copy the value of ".it #newsBoxHome h3 a widht */
}

.en #newsListWrapper {
	margin-left: 173px; /* copy the value of ".en #newsBoxHome h3 a widht */
}

#newsListWrapper {
	padding: 1px 0 0 0;
	
}

#newsList {
}

#newsList ul li {
	height: 27px;
	padding:15px 0 0 20px;
}

#newsList ul li a {
	text-decoration: none;
}






/* NEWS AND EVENTS */

.newsEvents {

}

.newsItem,
.newsItemDetail {
	padding: 0 0 15px 0;
	margin: 0 0 20px 0;
}

.newsItem {
	background: url(../_img/common/newsDash.gif) repeat-x bottom left;
}

.newsItem h4,
.newsItemDetail h4{
	padding:0 0 0 20px;
	margin:20px 0 5px 0 !important;
	font-size: 16px;
	background: url(../_img/common/newsHeadArrow.gif) no-repeat left center;
}

.newsItem h4 a,
.newsItemDetail h4 a{
	font-size: 16px;
	text-decoration: none;
}

.newsItem h4 a:hover,
.newsItemDetail a:hover {
	text-decoration: underline;
}

.newsItem p,
.newsItemDetail p {
	margin: 0;
	line-height: 1.6em;
}

.newsItem p.date,
.newsItemDetail p.date {
	font-size:11px;
	margin: 0 0 5px 0;
}







/* GALLERY */

#gallery img {
	border: 1px solid #ccc;
	padding:7px;
}

#gallery .photo {
	float:left;
	margin:0 20px 30px 0;
}





/* INNER PAGES */

#mainContentWrapper {
	background: url(../_img/common/mainContentBg.gif) repeat-y;
}

#mainContent {
	padding:20px 30px 20px 30px;
	background: url(../_img/common/mainContentBgTop.gif) no-repeat;
}

#mainContent.noFlash {
	padding:20px 30px 20px 30px;
	min-height: 376px;
	background: url(../_img/common/mainContentNoFlashBgTop.gif) no-repeat;
}

#flashVisual.noFlash {display:none}

#mainContentBottom {
	height: 15px;
	background: url(../_img/common/mainContentBgBottom.gif) no-repeat bottom left;
}

#mainContent h3 {
	font-size: 24px;
	color: #009ee0;
	margin:0 0 10px 0;
}

#mainContent h4 {
	font-size: 18px;
	color: #009ee0;
	margin:20px 0 10px 0;
}

#mainContent h5 {
	font-size: 14px;
	color: #009ee0;
	margin:20px 0 10px 0;
}

#mainContent #left ul {
	margin: 0 0 15px 0;
	
}

#mainContent #left li {
	line-height: 1.6em;
	list-style-type: none;
	list-style-image: url(../_img/common/liArrow.gif);
	margin: 0 0 10px 0;
}

#mainContent strong {
	font-weight: normal;
	color: #009ee0;
}






/* PRODUCTS PAGES */

.products #left h2#logoProdotto-big,
.technology #left h2#logoProdotto-big {
	height: 70px;
	margin:0 0 20px 0;
	background-repeat:no-repeat;
}

.products #left h2 span,
.technology #left h2 span {
	display: none;
}

.products #right,
.technology #right {
	float: right;
	width: 203px;
}

.products #left,
.technology #left {
	margin-right: 228px; /* #right width + 25px */
}





/* PRODUCTS PAGES DETAIL */

#panoramicCols .col {
	width:203px; 
	margin-right:25px;
	float:left;
	background:url(../_img/common/panoramicaDot.gif) bottom repeat-x;
}

#panoramicCols .col .detailArrow {
	display:block;
	height:20px;
	background:url(../_img/common/detailArrow.gif) bottom right no-repeat;
	margin-bottom:10px;
}

#panoramicCols .col .detailArrow span {
	display: none;
}

#panoramicCols .col h3 {
	padding: 20px 0 0 0;
	text-transform:uppercase;
	font-size:16px;
}
#panoramicCols .col p {
	line-height:180%;
	text-align:left;
}
#panoramicCols .last {
	margin: 0;
}





/* CONTACTS */

.contacts #right {
	float: right;
	width: 693px;
}

.contacts #left {
	margin-right: 718px; /* #right width + 25px */
}

.contacts .contactsBlock {
	padding-bottom:10px;
	background: url(../_img/common/moreAboutDash.gif) repeat-x bottom left;
	margin-bottom:10px;
}

.contacts #left h4 {
	margin:0 0 5px 0;
	font-size: 18px;
}

.contacts #left h4 a {
	font-size: 18px;
	text-decoration: none;
}

.contacts #left h4 a:hover {
	text-decoration: underline;
}

.contacts #left p {
	line-height: 1em;
	margin:0;
}

.contacts #left h5 {
	font-size: 12px;
	color: #009ee0;
	margin:0 0 5px 0;
}

.contacts fieldset {
	border:0;
	margin:0 0 2px 0;
}

.contacts label {
	display: block;
	float:left;
	width: 150px;
	margin:7px 0 0 0;
}

.contacts input,
.contacts textarea {
	border: 1px solid #e2e2e2;
	padding:4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #707173;

}

.contacts input.textField {
	width: 300px;
}

.contacts textarea {
	width: 300px;
}

.error {
	background: #e1edf2;
}

#feedback {
	background: #cedebe;
	padding:15px 7px;
	margin: 0 0 20px 0;
	font-size: 12px;
	font-weight: bold;
}

#feedback.error {
	background: #f9f2c9;
}

.contacts .contactsButton {
	margin: 20px 0 0 0;
}





/* MORE ABOUT MENU */

#moreAbout {
	background: url(../_img/common/moreAboutBody.gif) repeat-y;
}

#moreAbout h3 {
	margin:0;
	height: 59px;
	background: url(../_img/common/moreAboutHead.gif) no-repeat;
}

.technology #moreAbout h3 {
	margin:0;
	height: 59px;
	background: url(../_img/common/productsMenuHead.gif) no-repeat;
}

#moreAbout h3 span {
	display: none;
}

#moreAbout ul {
	margin:  0;
	padding: 0 22px;
}

#moreAbout li {
	list-style-type: none;
	margin: 0;
	padding:0;
	background: url(../_img/common/moreAboutDash.gif) repeat-x bottom left;
}

#moreAbout a {
	display: block;
	padding:10px 0;
	text-decoration: none;
	color: #707173;
}

#moreAbout a:hover {
	color: #009ee0;
}

#moreAbout li.Come {
	margin-bottom: 30px;
}

#moreAbout #logo {
	margin:20px 0 0 22px;
}

#moreAbout #moreAboutFooter {
	height: 15px;
	background: url(../_img/common/moreAboutFooter.gif) no-repeat;
}





/* NAV/BREADCRUMBS */

#nav {
	margin:0 0 20px 0;
}

#nav img {
	margin:0 10px;
}

#nav a {
	font-size:11px;
	color: #707173;
	text-decoration: none;
}

#nav a:hover {
	color: #009ee0;
}

#nav span {
	font-size:11px;
}

#nav a,
#nav img,
#nav span {
	vertical-align: middle;
}





/* FOOTER */

#footer {
	width: 948px;
	margin: 15px auto 0 auto;
	text-align: left;
	overflow: hidden;
}

#footer a {
	font-size: 11px;
	color: #707173;
}

#footer p {
	font-size: 11px;
	line-height: 1.6em;
}

#footer p.first {
	float: left;
	width: 100px;
}

#footer p.address {
	float: left;
	width: 370px;
}

#footer .last {
	float: right;
	text-align: right;
}


h3.underLogoh2 {
	margin: 0 0 20px 0 !important;
	font-size: 20px !important;
}