/* sty52.css */

body {
  font-family:  Helvetica, Arial, sans-serif;
  font-size:12px;
  margin: 0px;
  padding: 0px;
  background-color:#dddddd;
  color:#555555;
}

h1{padding:0px;margin:0px; font-size:3em;}
h2{padding:0px;margin:5px; color:#888888;}
h3{padding:0px;margin:5px; color:#888888;}
h4{padding:0px;margin:0px;}
h5{padding:0px;margin:0px;}
h6{padding:0px;margin:0px;}

img{
	border:none;
}

a:link, a:visited{
  color:#FF9900;
  text-decoration:none;
}

a:hover{
  color:#FFcc00;
  text-decoration:none;
}

#global1024{
  width: 923px!important; /* Dimensioni per browser standard compliant */
  width/**/: 906px; /* Dimensioni per Explorer */ 
	margin:0 auto;
}

/***** header *****/
#header{
	height:78px;
}

#logoTop{
	margin-left:18px;
	width:204px;
	height:84px;
	background: transparent url('../images/52ore_web01_logo.png') top left no-repeat;
}

/******************
TOP and MENU
*********************/

#top{
	position:absolute;
    width: 923px!important; /* Dimensioni per browser standard compliant */
    width/**/: 923px; /* Dimensio62ni per Explorer */ 
	top:55px!important; /* Dimensioni per browser standard compliant */
	top/**/:61px; /* Dimensioni per Explorer */ 
	height:45px;
	z-index:10;			
}

#menu{
	width:649px!important; /* Dimensioni per browser standard compliant */
	width:/**/:640px; /* Dimensioni per Explorer */ 
	height:45px;
	float:right;
	position:relative;
}

#menu li{
	height: 45px;
	position:absolute;	
	display:block;	
	background: url(../images/52ore_web01_menuTab.png) -57px -100px no-repeat;	
}

#menu a{
	height:45px;
	display: block;	
}

#menu #home{
	width: 106px;
	left: 0px;
	top:0; 
}
#menu #homes{
	width: 106px;
	left: 0px;
	top:0; 
	background: url(../images/52ore_web01_menuTab.png) -57px -4px no-repeat scroll;
}

#menu #home a:hover{background: url(../images/52ore_web01_menuTab.png) -57px -4px no-repeat scroll;}

#menu #chiSiamo{
	width: 106px;
	left: 106px;
	top:0; 
	background-position:-162px -100px;
}
#menu #chiSiamos{
	width: 106px;
	left: 106px;
	top:0; 
	background: url(../images/52ore_web01_menuTab.png) -162px -4px no-repeat scroll;
}

#menu #chiSiamo a:hover{background: url(../images/52ore_web01_menuTab.png) -162px -4px no-repeat scroll;}

#menu #services{
	width: 106px;
	left: 211px;
	top:0; 
	background-position:-266px -100px;
}

#menu #servicess{
	width: 106px;
	left: 211px;
	top:0; 
	background: url(../images/52ore_web01_menuTab.png) -266px -4px no-repeat scroll;
}

#menu #services a:hover{background: url(../images/52ore_web01_menuTab.png) -266px -4px no-repeat scroll;}

#menu #products{
	width: 106px;
	left: 315px;
	top:0; 
	background-position:-369px -100px;
}

#menu #productss{
	width: 106px;
	left: 315px;
	top:0; 
	background: url(../images/52ore_web01_menuTab.png) -369px -4px no-repeat scroll;
}

#menu #products a:hover{background: url(../images/52ore_web01_menuTab.png) -369px -4px no-repeat scroll;}

#menu #portfolio{
	width: 108px;
	left: 419px;
	top:0; 
	background-position:-472px -100px;
}

#menu #portfolios{
	width: 108px;
	left: 419px;
	top:0; 
	background: url(../images/52ore_web01_menuTab.png) -472px -4px no-repeat scroll;
}

#menu #portfolio a:hover{background: url(../images/52ore_web01_menuTab.png) -472px -4px no-repeat scroll;}

#menu #contacts{
	width: 106px;
	left: 524px;
	top:0; 
	background-position:-576px -100px;
}

#menu #contactss{
	width: 106px;
	left: 524px;
	top:0; 
	background: url(../images/52ore_web01_menuTab.png) -576px -4px no-repeat scroll;
}

#menu #contacts a:hover{background: url(../images/52ore_web01_menuTab.png) -576px -4px no-repeat scroll;}


#submenu{
    position:absolute;
    top:46px;
    right:20px;
}

#submenu ul{
    list-style-type:none;
    padding-left:0px;
    margin:0px;
}

#submenu li{
    float:right;
}

#submenu a, #submenu a:visited{
	color:#999;
	padding:1px 10px 1px 10px;
	font-size:1em;
	text-decoration:none;
	border-top:1px solid #ddd;
}

#submenu a:hover{
	text-decoration:none;
	color:#111;
	background-color:#ddd;
}

/******************
fine TOP and MENU
*********************/

/***** content *****/
#contentBody{
  width:100%;
}

#contentZone{
  float:left;
  width: 923px!important; /* Dimensioni per browser standard compliant */
  width/**/: 906px; /* Dimensioni per Explorer */ 
  background: transparent url('../images/52ore_web01_bodyBg.png') top left repeat-y;
}

#contentZoneTop{
  float:left;
  width:100%;
  background: transparent url('../images/52ore_web01_bodyTop.png') top left no-repeat;
  padding-top:25px;
}

#contentZoneFooter{
  float:left;
  width:100%;
  height:130px;
  background: transparent url('../images/52ore_web01_bodyFooter.png') top left no-repeat;
}

#homeTopInfo{
	width:880px;
	margin-left:17px;
	margin-bottom:5px;
}

#homeADV{
	position: relative;
	width:881px;
	height:150px;
	margin-left:22px;
	border-top:2px solid #aaa;
	border-bottom:2px solid #aaa;
	cursor: pointer;
	overflow: hidden;
}

#homeADV img
{
	border: 0;
	cursor: pointer;
	width:881px;
	height:150px;
}

#ADV{
	position: relative;
	width:881px;
	height:150px;
	margin-left:22px;
	border-top:2px solid #aaa;
	border-bottom:2px solid #aaa;
	cursor: pointer;
	overflow: hidden;
}

#ADV img
{
	border: 0;
	cursor: pointer;
	width:881px;
	height:150px;
}

#rotator
{
	border: 1px solid #000;
	cursor: pointer;
	overflow: hidden;
	margin: 50px auto 10px;
	position: relative;
	width: 400px;
	height: 300px;
}

#rotator img
{
	border: 0;
	cursor: pointer;
	width: 400px;
	height: 300px;
}

#contentBlockContainer{
	width:882px;
	margin-left:22px;
	margin-top:15px;
	margin-bottom:15px;
	min-height:200px;
}

#homeInfoBlockContainer{
	width:882px;
	margin-left:22px;
	margin-top:15px;
	margin-bottom:15px;
}

#homeLeftInfoBlock{
	float:left;
	width:280px;
	padding:5px;
	margin:0px;
}

#homeLeftInfoBlockTop{
	float:left;
	width:280px;
	padding:5px;
	margin:0px;
}

#homeCenterInfoBlock{
	float:left;
	width:280px;
	margin:0px;
	padding:5px;
	padding-bottom:15px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

#homeCenterInfoBlockTop{
	float:left;
	width:280px;
	margin:0px;
	padding:5px;
}

#homeRightInfoBlock{
	float:left;
	width:280px;
	padding:5px;
	margin:0px;
}

#homeRightInfoBlockTop{
	float:left;
	width:280px;
	padding:5px;
	margin:0px;
}

#footerInfo{
	width:880px;
	margin-left:22px;
	/*margin-top:30px;*/
	border-top:1px solid #ccc;
	padding-top:5px;
	font-size:0.9em;
}


#homeDescriptionBlock{
	margin-left:80px;
	font-size:1.1em;
	line-height:1.4em;
	margin-top:10px;
}

#titoloPagina{
	width:881px;
	height:40px;
	margin-left:22px;
	border-top:2px solid #aaa;
	border-bottom:2px solid #aaa;
	background-color:#00b;
}

#leftSideSingle{
	float:left;
	width:200px;
	padding:5px;
	margin:0px;
}


#leftSideSingle ul {
    /*list-style-type:circle; */
    padding-left:10px;
    margin:0px;


}

#leftSideSingle li {
    list-style-type:none;
	 list-style-position:0px;
	list-style-position: inside;
}

#leftSideSingle a, #leftSideSingle a:visited{
	color:#777;
	text-decoration:none;
	font-size:1em;
}

#leftSideSingle a:hover {
    color:#000;
}

.leftSideSingleCourse {
    padding-left:10px;
}

.leftSideSingleCourse a {
    font-size:0.8em;
    padding-left:10px;
}




#rightSideDouble{
	float:left;
	width:655px;
	padding:5px;
	margin:0px;
	border-left:1px solid #ccc;
}

/* contatti */
#contattiBox{
	width:500px;
	margin:0 auto;
	background-color:#eee;
	padding:10px;
	border:1px dashed #ccc;
}

#contattiLeftTag{
	float:left;
	margin-left:25px;
	width:150px;
	height:40px;
	font-weight:bold;
}

#contattiRightTag{
	float:right;
	margin-right:25px;		
	height:40px;
	font-weight:bold;
}

#overlayBody{
	position: absolute;
	top: 200px;
	left: 50%;
	margin-left:-80px;
	z-index: 90;
	width: 500px;
	height:400px;
	background: transparent url('../images/overlayBg.jpg') top left no-repeat;
	border:2px outset #004;
	/*
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	*/
}

#overlayText{
	position: absolute;
	top: 220px;
	left: 50%;
	margin-left:-70px;
	z-index: 100;
	width: 488px;
	height:350px;
	overflow: auto;
	color:#fff;
}

#overlayCloseButton{
	position:absolute;
	top:375px;
	right:15px;
}

#closeFloat{clear:both;}
.closeFloat{clear:both;}

/* portfolio */
#smallSiteBox{
	float:left;
	width:250px;
	
	margin:0;
	margin-left:30px;
	padding:0px;
	border-right:1px solid #ccc;

}

#portfolioQuadratoSx{
	float:left;
	width:120px;
	height:120px;
	cursor:pointer;
	font-size:0.8em;
}

#portfolioQuadratoDx{
	float:right;
	width:120px;
	height:120px;
	cursor:pointer;
	font-size:0.8em;
}

.portfolioHighlight{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	background-color:#fff;
}

#bigSiteBox{
	float:left;
	width:500px;
	padding:0px;
	margin-left:50px;
}

#portfolioImgSite{
	float:left;
	margin-top:30px;
	margin-left:0px;
	width:220px;
	/*height:260px;*/
}

#portfolioTitleSite{
	float:right;
	margin-top:40px;
	margin-right:0px;
	width:260px;
	line-height:1.5em;
	/*height:260px;*/
}

#portfolioTitleSite a, #portfolioTitleSite a:visited{
    font-size:1.5em;
    font-weight:bold;
}

#portfolioDescSite{
	margin-top:20px;
	margin-left:5px;
	width:480px;
}

#portfolioContainer{

}

.inputText{
	font-size:1.1em;
	border:1px solid #aaa;
	padding-left:5px;
}

.inputButton{
	font-size:1.1em;
	background-color:#eee;
	border:1px outset #aaa;
}

/* servizi */

#serviceTitleSX{

	float:left;

}

#serviceTitleSX a, #serviceTitleSX a:visited{
	font-size:1.5em;
	font-weight:bold;
	text-decoration:none;
	color:#555555;

	padding-top:15px;
	padding-left:20px;
}

#serviceTitleSX a:hover{
	color:#FF9900;
}




#serviceTitleDX{

padding-top:5px;
text-align:right;
	/* padding-top:10px;
	border:1px dashed #000;
	float:riht;
	padding-left:20px;  */
}

#serviceTitleDX a, #serviceTitleDX a:visited{
	font-size:2.5em;
	font-weight:normal;
	text-decoration:none;
	color:#ddd;
}

#serviceTitleDX a:hover{
	color:#ccc;
	font-weight:normal;
}

/* prodotti */
#prodottiContainer{

}

#prodottiBigBox{
height:294px;
width:800px;
margin:0px auto;
}

#prodottiBigBoxBottom{
    width:800px;
    margin:0px auto;
}

#prodottiSmallSiteBox{
border:1px dashed #d00;
float:left;
width:250px;
margin:0;
margin-left:30px;
padding:0px;
border-right:1px solid #ccc;
}

#prodottiSmallBox{
height:100px;
width:100%;  /*906 per explorer??*/
}

#prodottiSmallBoxTop_left{
height:153px;
width:401px;  /*calcoli 293*/
float:left;
background:url('../images/prodotti/bottomLeftOpaque.jpg');
}

#prodottiSmallBoxTop_right{
background:url('../images/prodotti/bottomRightOpaque.jpg');
height:153px;
width:399px;  /*calcoli 293*/
float:left;
}
#prodottiSmallBoxTop_left:hover{
background:url('../images/prodotti/bottomLeftHigh.jpg');
}

#prodottiSmallBoxTop_right:hover{
background:url('../images/prodotti/bottomRightHigh.jpg');
}

#prodottiSmallBoxBottom{
margin:10px;
height:100px;
width:198px;   /*calcoli= 293 per 3 ; calcoli=219 per 4 */
float:left;
cursor:pointer;
}

#prodottiSmallBoxBottom:hover h3{
color:#ff9900;
}


/* prodotti.php - CSS per il bordo arrotondato. */
b.rtop, b.rbottom{display: block; background: #fff; width:800px; margin-top:0px; margin-left:41px;}
b.rtop b, b.rbottom b{display: block; height: 1px; overflow: hidden; background: #e2e2e2;}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px; height: 2px}
.prodottiDescibeBox{background: #e2e2e2; color:#000; font-family:arial; font-style:normal; font-size:0.9em; text-align:left; width:760px; height:80px; margin-top:0px; margin-left:41px; padding:20px;}


/*
#prodottiDescibeBox{	/* Box rettangolare senza bordi arrotondati 
height:120px;
width:720px;  			/* 100%  width:879px; con bordo  
margin:0px;
margin-left:41px;
padding:0px;	
float:left; 	
padding-top:10px;
padding-left:40px;
padding-right:40px;
}
  */