@import url(reset.css);

body { 
   
   padding: 0px; 
    font-family:Din,Arial,Verdana;
    font-size:100.01%;
    margin:0 auto;
	text-align:center;
    height:100%;
}
h1{
font-size:120%;

}
#page_margins {
    margin: 0 auto;
	text-align:center;
    width:100%;
    min-height:600px;
    height:600px;
    background: transparent url(../img/ombra.png) no-repeat scroll center top;
    padding-top:20px;
}
#header {
    padding: 20px 0px 0px 0px; 
}
  
#page {
    background: white; 
    margin: 0 auto;
	text-align:center;
    font-size:80%;
    width:800px;
    height:570px;
    text-align:left;    
	padding:0;
	position:relative;
}
#page.bg  {
    background:white url("../img/bg.jpg") no-repeat scroll 370px 0px;
    width:770px;
    padding-left:30px;
}

#topnav { background: transparent; }

#main { padding:0px; }

#footer { 
    color:#666; 
    padding: 15px;
}

/* header */
#logo  {
    width:87px;
    height:95px;
}
#nav {   
    position:absolute;
   	top:84px;
    left:123px;
    height:40px;
    width:608px;
    background:url(../img/tr.gif) repeat-x 0 -9px ;
}
#nav ul { margin-left: 20px; }
#nav * {
    border:0px none;
}
#nav_main ul {
    display:inline;
    float:left;
    margin:0px 0px 0px 40px;
    padding:0px;
}
#nav_main ul li {
    display:inline;
    float:left;
    line-height:1em;
    list-style-type:none;
    margin:8px 16px 0px 16px;
    background-color:#fff;
}
#nav_main ul li a {
    display:block;
    margin:0pt;
    text-decoration:none;
    border:1px dashed #727070;
    min-width:43px;
    width:43px;
    font-size:.85em;
    text-align:center;
    color:#000;
    padding:.5em .5em .5em .5em;
}
#nav_main ul li.current a {
    color:#bb0f16;
}
#nav_main ul li a:hover {
    border:1px dashed #BB0F16;
    color: #000;
}
/**/
 div.linktitle {
    font-size:100%;
    color:#666;
}
#main p {
    font-size:93%;
    color:#666;
    line-height:1.5em;
}
#main p strong{
     color:#000;
    text-align: left!important;
	color: #BB0F16;
}
#main p strong.big{
   font-size:120%;
}
.justify p{
 text-align:justify;
}

/*titoli di pagina*/
.title {
    display:inline;
    height:32px;
    position:absolute;
    right:70px;
    top:76px;
    width:190px;
    padding:0px;
    margin:0px;
}
.azienda {
    background:transparent url(../img/aziendadx.jpg) no-repeat scroll right top;
}
.contatti {
    background:transparent url(../img/contattidx.jpg) no-repeat scroll right 0px;
}
.portfolio, .illustrazione, .packaging, .fotografia, .progetti, .quadri, .speciale, .download {
    background:transparent url(../img/portfoliodx.jpg) no-repeat scroll right 0px;
}
.link {
    background:transparent url(../img/linksdx.jpg) no-repeat scroll right 0px;
}
/*main*/
#main a {
    padding:0px;
    margin:0px;
    color:#bb0f16;
}
#main ul, #main ul li {
    margin:0px;
    padding:0px;
}
/*tavola contenuti principale*/
#board  {
    width:305px;
    height:400px;
    float:left;
    position:relative;
    margin-top:25px;
	padding-right:20px;
	overflow:hidden;
}
#table {    
    width:100%;
    height:100%;
}
#table p{
    padding:0px;
    margin:0px;
    margin-bottom:5px;
}
#table2{    
    width:325px;
    height:100%;
    float:left;
}
#boardgallery  {
	overflow:hidden;
    width:334px;
    height:400px;
    float:left;
    position:relative;
    margin-top:25px;
	padding-right:0px;
}
#table2 div {
    float:left;
    margin:0 12px 10px 0!important;
	margin:0 12px 10px 0;
}
#table2 img {
    border:1px solid #999;
}
#table2 img:hover {
    border:1px dashed #BB0F16;
}
/* contatti page */
#contatti {
    background: transparent url("../img/contattibg.jpg") no-repeat center bottom;
    width:184px;
    height:200px; 
    display:block;
    margin:0 auto;
    padding-top:5px;
}
#address
{
    padding:0;
    margin:0;
    
    display:block;
    margin:0 auto;
    width:184px;
    padding-top:5px;
    
    margin-left:90px;
    font-size:0.85em;
    line-height:1.7em
}
#boxed {
    display:block;
    margin:0 auto;
    text-align:center;
    width:100px;
    
    border:1px dashed #727070;
    padding:0px 18px;
	padding-top:3px;
    color:#000;
}
/* portfolio*/ 
.pad1 {
    padding-right:41px!important;
}
.pad2 {
    padding-right:13px!important;
}
.pad3 {
    padding-right:13px!important;
}
ul#ports {
    margin-top:0px;
    width:180px;
	font-size:90%;
	line-height:1.3em;
	float:right;
}
ul#ports li {
    padding-bottom:4px;
    list-style-type:none;
    padding-left:18px;
}
ul#ports li a {
    color:#000;
    text-decoration:none;
}
ul#ports li.current  {
    background: transparent url("../img/ast1.jpg") no-repeat 0px 1px;
}
.linktitle {
    background: transparent url("../img/ast1.jpg") no-repeat 0px -1px;
}
.safarispec li.current{
    background-position:0px -1px!important;
}
#astx.safarispec {
    padding-top:2px;
    background-position:0px 0px!important;
}
/*linkzzz*/
.linktitle {
    margin-top:70px;
    padding-left:20px;
    padding-bottom:5px;
}
ul#links {
    list-style-type:none;
}
ul#links li{
    padding-top:15px;
    padding-left:21px;
}
#home{
    background: transparent url("../img/home.jpg") no-repeat center;
    height:100%;
    width:100%;
    position:relative;
}
#access {
    bottom:60px;
    position:absolute;
    right:130px;
    font-size:90%;
    color:#555;
    text-decoration:none;
}
#access a {
    font-size:100%;
    color:#999;
    text-decoration:none;
    padding:0px 4px 0px 4px;
    border:1px solid transparent;
}
#access a:hover{
    color: #000;
}
#logohome{
    float:left;
    height:570px;
    width:800px;
}
/**/
.w1 {
    float:left;
    width:25px;
}
/**/

#tooltip.pretty {
 border: none;
 width: 470px;
 padding:20px;
 height: 135px;
 opacity: 0.8;
 background: url('../img/shadow2.png') no-repeat;
 text-align:center;
 padding-top:30px;
 }
#tooltip.pretty h3 {
 margin-bottom: 0.75em;
 width: 470px;
 text-align: center;
 font-size:0.8em;
}
#tooltip.pretty div {
 width: 470px; 
 text-align: center; 
 font-size:0.8em;
}
/**/
#tooltip.pretty2 {
 border: none;
 width: 290px;
 padding:20px;
 height: 135px;
 opacity: 0.8;
 background: url('../img/shadow3b.png') no-repeat;
 text-align:center;
 padding-top:25px;
 }
#tooltip.pretty2 h3 {
 margin-bottom: 0.75em;
 width: 290px;
 text-align: center;
 font-size:0.8em;
}
#tooltip.pretty2 div {
 width: 290px; 
 text-align: center; 
 font-size:0.8em;
}
/**/
#tooltip.pretty3 {
 border: none;
 width: 200px;
 padding:20px;
 padding-top:27px;
 height: 135px;
 opacity: 0.8;
 background: url('../img/shadow4.png') no-repeat;
 text-align:center;
 }
#tooltip.pretty3 h3 {
 margin-bottom: 0.75em;
 width: 190px;
 text-align: center;
 font-size:0.8em;
}
#tooltip.pretty3 div {
 width: 190px; 
 text-align: center; 
 font-size:0.8em;
}
.hid {display:none;}
#piva{
margin-top:20px;
font-size:0.7em;
color:#aaa;
}