@charset "utf-8";
/* CSS Document */
#top_menu {
line-height:40px; margin-top:40px; margin-bottom:10px
}
*{
margin:0;
padding:0;
}
body{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
background-image:url(background.jpg);
background-repeat:repeat-x;
}
#contenitore{
width:982px;
margin:0 auto;
text-align:left;

}

h1 {
margin-left:-9999px;
diplay:none;
}
.testo-landing{
margin-right:40px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
text-decoration:none;
text-align:justify;
}
.landing{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
text-decoration:none;
text-align:left;
line-height:20px;
}
.landing a, .landing.a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
text-decoration:none;
text-align:left;
line-height:20px;
}
.landing a:hover{
text-decoration:underline;
color:#666666;
}



.logoSearch{
width:982px;
margin:0;
padding-left:20px;
}
.logo{
width:188px;
}
.carrello{
width:25px;
position:absolute;
margin-left:735px;
top:50px;
}

#menu-lingue { width: 60px; margin:0 auto 0 auto; height:14px; padding: 10px 0 0 875px; }
#menu-lingue ul li { display: inline;}
#menu-lingue ul li a { display: inline; float: left; width: 16px; height: 11px; text-indent: -9999px;}
#menu-lingue ul li a.eng { background: url(../images/flag_eng.gif) left top no-repeat; margin: 6px 7px 0 0 }
#menu-lingue ul li a.ita { background: url(../images/flag_ita.gif) left top no-repeat; margin: 6px 7px 0 0}

.search{
top:50px;
margin-left:778px;
position:absolute;
}
/* header */
#header { width: 982px; height: 38px; margin-top:40px; padding-left:20px; position: relative; z-index: 9998; }
#header #nav { margin: 0; padding: 0; }
#header #nav li { display: inline; }
#header #nav li a { float: left; width: 117px; height: 0; padding-top: 38px; overflow: hidden; }
#header #nav li a { background-image: url(globalnavbg.png); _background-image: url(globalnavbg.gif); background-repeat: no-repeat; }

/* BUTTONS */
#header #nav li#n-home a { background-position: 0 0; }
#header #nav li#n-shop a { background-position: -117px 0; }
#header #nav li#n-Desktop a { background-position: -234px 0; }
#header #nav li#n-Estyle a { background-position: -351px 0; }
#header #nav li#n-AIO a { background-position: -468px 0; }
#header #nav li#n-notebook a { background-position: -585px 0; }
#header #nav li#n-monitor a { background-position: -702px 0; }
#header #nav li#n-accessori a { background-position: -864px 0; }

/* OVER STATES */
#header #nav li#n-home a:hover { background-position: 0 -38px; }
#header #nav li#n-shop a:hover { background-position: -117px -38px; }
#header #nav li#n-Desktop a:hover { background-position: -234px -38px; }
#header #nav li#n-Estyle a:hover { background-position: -351px -38px; }
#header #nav li#n-AIO a:hover { background-position: -468px -38px; }
#header #nav li#n-notebook a:hover { background-position: -585px -38px; }
#header #nav li#n-monitor a:hover { background-position: -702px -38px; }
#header #nav li#n-accessori a:hover { background-position: -864px -38px; }

/* PRESSED STATES */
#header #nav li#n-home a:active { background-position: 0 -76px; }
#header #nav li#n-shop a:active { background-position: -117px -76px; }
#header #nav li#n-Desktop a:active { background-position: -234px -76px; }
#header #nav li#n-Estyle a:active { background-position: -351px -76px; }
#header #nav li#n-AIO a:active { background-position: -468px -76px; }
#header #nav li#n-notebook a:active { background-position: -585px -76px; }
#header #nav li#n-monitor a:active { background-position: -702px -76px; }
#header #nav li#n-accessori a:active { background-position: -864px -76px; }

/* ON STATES */
#header.home #nav li#n-home a{ background-position: 0 0; cursor: default; }
#header.shop #nav li#n-shop a { background-position: -117px -114px !important; }
#header.Desktop #nav li#n-Desktop a { background-position: -234px -114px !important; }
#header.Estyle #nav li#n-Estyle a { background-position: -351px -114px !important; }
#header.AIO #nav li#n-AIO a { background-position: -468px -114px !important; }
#header.notebook #nav li#n-notebook a { background-position: -585px -114px !important; }
#header.monitor #nav li#n-monitor a { background-position: -702px -114px !important; }
#header.accessori #nav li#n-accessori a { background-position: -864px -114px !important; }

/* Main Photo Empire Computer */
#mainPhoto {
background-image:url(mainPhotoEmpireComputer.png);
margin-left:18px;
margin-right:25px;
margin-top:12px;
height:485px;

margin-bottom:10px;
}
.MainThumbs {
width:229px;
height:170px;
margin-left:20px;
float:left;
}
.Thumbs {
width:229px;
height:170px;
margin-left:4px;
float:left;
}
.OneStyle{
margin-left:600px;
margin-top: 15px;
display:block;
}
.MainText {
font-family:Arial, Helvetica, sans-serif;
font-size:29px;
width:250px;
margin-left:600px;
margin-top:5px;
}
#footer {
margin-bottom:5px;
width:982px;
margin-left:20px;
margin-right:20px;
}
.MenuFooter {
margin-bottom:15px;
margin-left:22px;
}
.MenuFooter ul li{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
display:inline;
text-decoration:none;
color:#666666;
}
.MenuFooter ul li a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
display:inline;
text-decoration:none;
color:#cccccc;
}
.MenuFooter ul li a{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
display:inline;
text-decoration:none;
color:#666666;
}
.Divisore{
margin-left:16px;
margin-right:13px;
display:inline;
color:#666666;
}
.PartitaIva{
margin-left:22px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
width:600px;
float:left;
}
.WebAgency{
float:right;
margin-right:39px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
text-decoration:none;
}
.WebAgency a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
text-decoration:none;
}
.WebAgency a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration:none;
}
.bottom-landing{
text-align:center;
margin-right:39px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#6a94a5;
text-decoration:none;
}
.bottom-landing a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#6a94a5;
text-decoration:none;
}
.bottom-landing a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#567785;
text-decoration:none;
}
.bottom-landing a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#6a94a5;
text-decoration:none;
}
#cont2{ clear:both; margin-top:10px}




.svwp {width: 50px; height: 20px; background: #fff;} /*preloader stuff. do not modify!*/
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/
.slideViewer { 
position: relative;
overflow: hidden; 
margin: 0;
padding: 0;
background: #fff;
}
.slideViewer ul {  /*your list of images*/
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
margin: 0; 
padding: 0;
}
.slideViewer ul li {
float:left;
}

/*typographic info*/
.slideViewer span.typo{ 
padding: 6px; /* do not modify padding */
background: #fff;
color: #000;
font: normal 10px Verdana;
text-decoration:none;

}

.thumbSlider { /*the thumbnails slider*/
overflow: hidden;
width: 1%;
background: #fff;
}
.thumbSlider ul { 
list-style-type: none;
margin: 0; 
padding: 0;
}
.thumbSlider ul li{ 
float:left;
margin: 0;
}
.thumbSlider a{
color: #fff;
text-decoration: none;
}
.thumbSlider a img{
border: 0;
display: block;
padding: 0;
}
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */
/* width, height and top values are dynamically added by the script. Do not modify. */
position:relative; 
left: 0;
font-size: 0.01em;
left: 0;
margin: 0;
padding: 0;
}

a.left, a.right { /*the left and right buttons (links)*/
background: transparent; /* could be any color  */
color: #ff0000;
font: bold 16px Arial;
overflow: hidden;
}
a.left span, a.right span{

}
a.left img, a.right img{
border: 0;
}
a.l_dis, a.r_dis {
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
cursor: default;
}
a.l_dis span, a.r_dis span {
display: none;
}
a:focus {outline:none;}

/* progress bar container */
#progressbar{
border:1px solid black;
width:939px;
height:2px;
position:relative;
color:black;
margin: 0 0 0 20px;
}
/* color bar */
#progressbar div.progress{
position:absolute;
width:0;
height:100%;
overflow:hidden;
background-color:#369;
}
/* text on bar */
#progressbar div.progress .text{
position:absolute;
text-align:center;
color:white;
}
/* text off bar */
#progressbar div.text{
position:absolute;
width:100%;
height:100%;
text-align:center;
}