html {
margin:0;
padding:0;
}

body {
margin:20px 0;
padding:0;
background:#0216AD url(../images/bg_body.gif) top left repeat-x;
/*height:100%;*/
color:#000;  
text-align:center;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:0.7em;
}

a {
color:#039;
background:inherit;
text-decoration:underline;
}

a:hover {
color:#fff;
background:#039;
text-decoration:none;
}

a.opacity img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

a.opacity img:hover {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

h1, h2, h3 {
margin:0;
padding-bottom:5px;
}

blockquote {
margin:1em;
padding:.5em;
background-color:#eeeeee;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

blockquote p {
margin:.2em;
}

hr {
border:0;
margin-bottom:10px;
height:1px;
color:#A2CCB7;
background-color:#A2CCB7;
clear:both;
}

div p {
margin-top:0;
margin-bottom:10px;
}

img {
padding:0;
margin:0;
background:none;
border:0;
}

table {
border:0;
margin:0 0 10px 0;
padding:0;
}
 
table tr td {
padding:2px;
vertical-align:top;
}

form {
width:100%;
padding:5px 0;
margin:0;
}

fieldset {
width:100%;
margin:1em 0;
padding:0;
border:none;
}

fieldset div {
float:left;
width:100%;
padding:5px 0;
}

label {
float:left;
text-align:right;
width:120px;
display:inline;
margin-right:5px;
line-height:2em;
}

.dida {
font-size:10px;
}

p.segue {
text-align:right;
font-weight:bold;
font-size:10px;
padding:-2px 0 5px;
}

p.segue a, p.segue a:hover {
text-decoration:none;
}

hr.segue {
border:0;
margin-bottom:10px;
height:1px;
color:#0216AD;
background-color:#0216AD;
}

p.filmato a, p.filmato a:hover {
background:none;
text-decoration:none;
}

p.pdf {
padding:0;
margin:0;
}

p.pdf a {
color:#fff;
padding:0 5px;
background:#039;
font-size:1.2em;
text-decoration:none;
}

p.pdf a:hover {
color:#039;
padding:0 5px;
background:#ACD7F1;
text-decoration:none;
}

/* CONTAINER ****************************************************************************/
div#container {
position:relative;
width:760px;
padding:0;
margin:0 auto;
}

/* HEADER *******************************************************************************/
#header {
position:relative;
margin:0;
padding:0;
height:140px;
overflow:hidden;
background:url(../images/bg_head.gif) top left no-repeat;
}

#header .left {
float:left;
margin:0;
padding:0;
width:20px;
height:140px;
background:url(../images/head-left.gif) top left no-repeat;
}

#header .logo {
float:left;
padding-left:20px;
padding-top:20px;
width:423px;
height:120px;
vertical-align:bottom;
}

#header .lingue {
position:relative;
float:left;
margin:0;
padding:0;
width:297px;
height:140px;
background:url(../images/bg_head.jpg) bottom right no-repeat;
text-align:right;
}

.lingue ul {
float:right;
list-style:none;
margin:0;
padding:0;
width:147px;
height:42px;
}

.lingue li {
display:block;
float:left;
text-indent:-9999px;
}

.lingue li a span {
display:none;
}

.lingue li#ita a {
display:block;
width:41px;
height:21px;
padding:0 4px;
background:url("../images/ita.gif") 0 0 no-repeat;
text-decoration:none;
}
.lingue li#ita a:hover {
display:block;
width:41px;
height:21px;
padding:0 4px;
background-position:0 -21px;
text-decoration:none;
}
.lingue li#ita.selected a, .lingue li#ita.selected a:hover {
display:block;
width:41px;
height:21px;
padding:0 4px;
background:url("../images/ita.gif") 0 -21px no-repeat;
text-decoration:none;
}

.lingue li#eng a {
display:block;
width:41px;
height:21px;
padding:0 4px;
background:url("../images/eng.gif") 0 0 no-repeat;
text-decoration:none;
}
.lingue li#eng a:hover {
display:block;
width:41px;
height:21px;
padding:0 4px;
background-position:0 -21px;
text-decoration:none;
}
.lingue li#eng.selected a, .lingue li#eng.selected a:hover {
display:block;
width:41px;
height:21px;
padding:0 4px;
background:url("../images/eng.gif") 0 -21px no-repeat;
text-decoration:none;
}

.lingue li#esp a {
display:block;
width:41px;
height:21px;
padding:0 4px;
background:url("../images/esp.gif") 0 0 no-repeat;
text-decoration:none;
}
.lingue li#esp a:hover {
display:block;
width:41px;
height:21px;
padding:0 4px;
background-position:0 0;
text-decoration:none;
}
.lingue li#esp.selected a, .lingue li#esp.selected a:hover {
display:block;
width:41px;
height:21px;
padding:0 4px;
background:url("../images/esp.gif") 0 -21px no-repeat;
text-decoration:none;
}

#header .right {
float:left;
margin:0;
width:20px;
height:140px;
background:url(../images/head-right.gif) top right no-repeat;
}

#header h1 {
margin:0 0 -.6em 0;
padding:1em 0 0 1em;
font-size:1.5em;
letter-spacing:.1em;
}

/* NAVBAR *******************************************************************************/
#navbar {
padding:0;
background:#fff;
}

#navbar ul {
list-style:none;
margin:0 20px;
padding:0;
height:40px;
background:url(../images/bg_menu.gif) top left repeat-x;
}

#navbar ul li {
display:inline;
float:left;
padding:8px 20px 16px;
margin:0;
color:#fff;
font-weight:bold;
border-right:1px solid #fff;
}

#navbar ul li a {
margin:0;
color:#fff;
text-decoration:none;
border-left:0;
}

#navbar ul li a:hover {
background:none;
color:#ff0;
text-decoration:none;
}

#navbar ul li.selected {
background:url(../images/bg_menu-on.gif) top center;
}

/* WRAPPER ******************************************************************************/
#wrapper {
float:left;
width:100%;
background:#fff;
}

/* MAIN & CONTENT ***********************************************************************/
#main {
margin-left:200px;
padding:1em 2em 0.5em;
font-size:1em;
text-align:left;
}

#content {
margin:0;
padding:1em 2em 0.5em;
font-size:1em;
text-align:left;
background:#fff;
}
/*html>body #content {
margin-left:2.5em;
margin-right:2.5em;
}*/

#content h2, #main h2 { 
font-size:1.5em;
}

h2 a {
display:block;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
background:inherit;
}

/* ITALIANO *****************************************************************************/
h2.homeimpianti {
text-indent:-9999px;
width:371px;
height:30px;
text-decoration:none;
background:url(../images/tit_home-impianti.gif) top left no-repeat;
}
h2.homecatalogo {
text-indent:-9999px;
width:319px;
height:30px;
background:url(../images/tit_home-catalogo.gif) top left no-repeat;
}
h2.impianto {
text-indent:-9999px;
width:425px;
height:30px;
background:url(../images/tit_impianto.gif) top left no-repeat;
}
h2.catalogo {
text-indent:-9999px;
width:347px;
height:30px;
background:url(../images/tit_catalogo.gif) top left no-repeat;
}
h2.lisciatrice {
text-indent:-9999px;
width:329px;
height:30px;
background:url(../images/tit_lisciatrice.gif) top left no-repeat;
}
h2.carrello {
text-indent:-9999px;
width:242px;
height:30px;
background:url(../images/tit_carrello.gif) top left no-repeat;
}
h2.floccusingolo {
text-indent:-9999px;
width:230px;
height:30px;
background:url(../images/tit_floccusingolo.gif) top left no-repeat;
}
h2.floccucoppia {
text-indent:-9999px;
width:265px;
height:30px;
background:url(../images/tit_floccucoppia.gif) top left no-repeat;
}
h2.yogurtiera {
text-indent:-9999px;
width:255px;
height:30px;
background:url(../images/tit_yogurtiera.gif) top left no-repeat;
}
h2.termosaldatrice {
text-indent:-9999px;
width:187px;
height:30px;
background:url(../images/tit_termosaldatrice.gif) top left no-repeat;
}
h2.notizie {
text-indent:-9999px;
width:447px;
height:30px;
background:url(../images/tit_notizie.gif) top left no-repeat;
}
h2.immagini {
text-indent:-9999px;
width:424px;
height:30px;
background:url(../images/tit_immagini.gif) top left no-repeat;
}
h2.contatti {
text-indent:-9999px;
width:371px;
height:30px;
background:url(../images/tit_contatti.gif) top left no-repeat;
}

/* INGLESE ******************************************************************************/
h2.homeimpianti-en {
text-indent:-9999px;
width:290px;
height:30px;
text-decoration:none;
background:url(../images/tit_home-impianti-en.gif) top left no-repeat;
}
h2.homecatalogo-en {
text-indent:-9999px;
width:316px;
height:30px;
background:url(../images/tit_home-catalogo-en.gif) top left no-repeat;
}
h2.impianto-en {
text-indent:-9999px;
width:364px;
height:30px;
background:url(../images/tit_impianto-en.gif) top left no-repeat;
}
h2.catalogo-en {
text-indent:-9999px;
width:262px;
height:30px;
background:url(../images/tit_catalogo-en.gif) top left no-repeat;
}
h2.lisciatrice-en {
text-indent:-9999px;
width:263px;
height:30px;
background:url(../images/tit_lisciatrice-en.gif) top left no-repeat;
}
h2.carrello-en {
text-indent:-9999px;
width:262px;
height:30px;
background:url(../images/tit_carrello-en.gif) top left no-repeat;
}
h2.floccusingolo-en {
text-indent:-9999px;
width:204px;
height:30px;
background:url(../images/tit_floccusingolo-en.gif) top left no-repeat;
}
h2.floccucoppia-en {
text-indent:-9999px;
width:256px;
height:30px;
background:url(../images/tit_floccucoppia-en.gif) top left no-repeat;
}
h2.termosaldatrice-en {
text-indent:-9999px;
width:164px;
height:30px;
background:url(../images/tit_termosaldatrice-en.gif) top left no-repeat;
}
h2.notizie-en {
text-indent:-9999px;
width:386px;
height:30px;
background:url(../images/tit_notizie-en.gif) top left no-repeat;
}
h2.immagini-en {
text-indent:-9999px;
width:408px;
height:30px;
background:url(../images/tit_immagini-en.gif) top left no-repeat;
}
h2.contatti-en {
text-indent:-9999px;
width:289px;
height:30px;
background:url(../images/tit_contatti-en.gif) top left no-repeat;
}

/* SPAGNOLO *****************************************************************************/
h2.homeimpianti-es {
text-indent:-9999px;
width:446px;
height:30px;
text-decoration:none;
background:url(../images/tit_home-impianti-es.gif) top left no-repeat;
}
h2.homecatalogo-es {
text-indent:-9999px;
width:271px;
height:30px;
background:url(../images/tit_home-catalogo-es.gif) top left no-repeat;
}
h2.impianto-es {
text-indent:-9999px;
width:492px;
height:30px;
background:url(../images/tit_impianto-es.gif) top left no-repeat;
}
h2.catalogo-es {
text-indent:-9999px;
width:429px;
height:30px;
background:url(../images/tit_catalogo-es.gif) top left no-repeat;
}
h2.lisciatrice-es {
text-indent:-9999px;
width:376px;
height:30px;
background:url(../images/tit_lisciatrice-es.gif) top left no-repeat;
}
h2.carrello-es {
text-indent:-9999px;
width:194px;
height:30px;
background:url(../images/tit_carrello-es.gif) top left no-repeat;
}
h2.floccusingolo-es {
text-indent:-9999px;
width:202px;
height:30px;
background:url(../images/tit_floccusingolo-es.gif) top left no-repeat;
}
h2.floccucoppia-es {
text-indent:-9999px;
width:268px;
height:30px;
background:url(../images/tit_floccucoppia-es.gif) top left no-repeat;
}
h2.yogurtiera-es {
text-indent:-9999px;
width:250px;
height:30px;
background:url(../images/tit_yogurtiera-es.gif) top left no-repeat;
}
h2.termosaldatrice-es {
text-indent:-9999px;
width:184px;
height:30px;
background:url(../images/tit_termosaldatrice-es.gif) top left no-repeat;
}
h2.notizie-es {
text-indent:-9999px;
width:503px;
height:30px;
background:url(../images/tit_notizie-es.gif) top left no-repeat;
}
h2.immagini-es {
text-indent:-9999px;
width:429px;
height:30px;
background:url(../images/tit_immagini-es.gif) top left no-repeat;
}
h2.contatti-es {
text-indent:-9999px;
width:444px;
height:30px;
background:url(../images/tit_contatti-es.gif) top left no-repeat;
}

#content ol li, #main ol li {
margin-top:10px;
}

#catalogo {
float:left;
text-align:right;
padding:0.5em 0 1em;
width:100%;
background:#fff;
overflow:hidden;
}

.prodotti {
padding:0.5em 0 1em;
width:100%;
background:#fff;
overflow:hidden;
text-align:center;
}

.prod1, .prod2, .prod3, .prod4, .prod5, .prod6 {
float:left;
width:33%;
font-weight:bold;
overflow:hidden;
}

.pict1, .pict2, .pict3, .pict4, .pict5 {
float:left;
width:20%;
font-weight:bold;
overflow:hidden;
}

#impianto img, .prodotti img, #catalogo img, #submenu img {
padding:5px;
margin-bottom:5px;
background:#CAE3DA;
border:1px solid #6FAF8B;
}

#impianto {
float:right;
margin-left:10px;
}

#impianto a, .prodotti a, #catalogo a, #submenu img a {
background:none;
text-decoration:none;
}

#impianto a:hover, .prodotti a:hover,  #catalogo a:hover, #submenu img a:hover {
background:none;
text-decoration:none;
color:#000;
}

.gallery1 {background-position: 25%;}
.gallery2 {background-position: 50%;}
.gallery3 {background-position: 75%;}
.gallery4 {background-position: 100%;}

.gallery1, .gallery2, .gallery3, .gallery4 {
float:left;
width:25%;
overflow:hidden;
}

.news {
/**/
}

.news img {
float:right;
padding:0 0 10px 20px;
}

/* SIDEBAR & SUBMENU ********************************************************************/
#submenu {
float:left;
padding-left:10px;
width:190px;
text-align:right;
}

#submenu ul {
list-style:none;
padding:1em 0;
margin:0 1em;
/*border:1px solid #000;*/
}

#submenu li a {
display:block;
width:100%;
line-height:2.5em;
padding:0 1em;
color:#6FAF8B;
border-bottom:1px solid #6FAF8B;
text-decoration:none;
overflow:hidden;
}

#submenu li a:hover { 
color:#069;
background:#CAE3DA;
text-decoration:none;
}

#submenu li.back a {
color:#0216AD;
background:none;
border-bottom:1px solid #0216AD;
text-decoration:none;
font-weight:bold;
text-align:left;
overflow:hidden;
}

#submenu li.back a:hover { 
color:#0216AD;
background:#ACD7F1;
text-decoration:none;
text-align:left;
}

#submenu li.selected { 
width:100%;
line-height:2.5em;
padding:0 1em;
color:#fff;
background:#6FAF8B;
border-bottom:1px solid #A2CCB7;
font-weight:bold;
}

#submenu li img a {
display:block;
width:100%;
padding:1em;
background:#A2CCB7;
text-decoration:none;
/*overflow:hidden;*/
}

#sidebar {
float:right;
margin-left:20px;
padding:0 10px;
width:170px;
background:#ACD7F1;
}

#sidebar h2, #submenu h2 { 
margin-top:10px;
font-size:1em;
}

h2.homenews {
width:133px;
height:30px;
text-indent:-9999px; 
background:url(../images/tit_home-ultimissime.gif) top left no-repeat;
}
h2.homenews-en {
width:136px;
height:30px;
text-indent:-9999px; 
background:url(../images/tit_home-ultimissime-en.gif) top left no-repeat;
}
h2.homenews-es {
width:122px;
height:30px;
text-indent:-9999px; 
background:url(../images/tit_home-ultimissime-es.gif) top left no-repeat;
}

#sidebar ul {
list-style:none;
margin:1.5em 0 0 0;
padding:0;
}

#sidebar li {
margin:0 0 .4em 0;
padding:0;
}

#sidebar li a { 
margin:0 0 0 .2em;
color:#cc0000;
text-decoration:none;
}

#sidebar li a:hover { 
color:#ffffff;
text-decoration:underline;
}

/* FOOTER *******************************************************************************/
#footer {
clear:left;
position:relative;
height:80px;
font-size:10px;
color:#028F60;
background:transparent url(../images/bg_foot.gif) bottom center no-repeat;
overflow:hidden;
}

#footer .left {
float:left;
width:480px;
padding:20px 0 3px 10px;
background:url(../images/bg_menufoot.gif) bottom left repeat-x;
text-align:left;
border-left:20px solid #fff;
border-bottom:1px solid #028F60;
}

#footer .right {
float:right;
width:220px;
padding:20px 10px 3px 0;
background:url(../images/bg_menufoot.gif) bottom left repeat-x;
text-align:right;
border-right:20px solid #fff;
border-bottom:1px solid #028F60;
}

#footer a {
color:#028F60;
background:none;
text-decoration:none;
}

#footer a:hover {
color:#0216AD;
background:none;
text-decoration:none;
}

/* CLEARING *****************************************************************************/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* VIDEO ********************************************************************************/
#video {
	width: 100%;
	padding-top: 10px;
	background: #fff;
	overflow: hidden;
}

/* styling of the container */
a.myPlayer {
	display: block;
	width: 330px;
	height: 210px; 
	text-align: center;
	border: 1px solid #999;
}

/* play button */
a.myPlayer img {
	margin-top: 70px;
	border: 0px;
}

/* when container is hovered we alter the border color */ 
a.myPlayer:hover {
	border: 1px solid #000;
}
