﻿body {
    background: url('immagini/back.jpg') #e3ba6a no-repeat;
    background-attachment:fixed;
    font-family: Arial;
    font-size: 14px;
    color: #000;
    margin-left:0px;
    margin-right:0px;
    }
        
img { border: 0px;}
p { line-height: 1.7; text-align: justify; }
h1{ font-family: "Arial Black"; }
h2{ font-family: "Arial Black"; color:#a82125; font-weight:normal; }
h3 { display: none; }
a, a:link, a:visited { color: #481212; text-decoration: none; }
a:hover { text-decoration: underline; }
a.active { color: #a82125; cursor: default; } 
strong {font-weight:normal;}

.error {color: #ff0000;}
.positive {color: #98cb00;}
.warning {color: #fa8b15;} 

#external {
    width: 1000px;
    margin:auto;
}
*:first-child+html #external{ margin-top: 30px; } /*IE7*/
#paper {
    width: 997px;
    height: 937px;
    margin-top: 40px;
    padding-right: 3px;
    background: url('immagini/Paper.jpg') no-repeat 50% bottom;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
}

#paper2 {
    width: 997px;
    height: 937px;
    margin-top: 40px;
    padding-right: 3px;
    background: url('immagini/Paper2.jpg') no-repeat 50% bottom;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
}

#logo {
    width: 841px;
    height: 313px; 
    position: absolute;
    margin-top: -28px;
    margin-left: -250px;
    margin-right: 50%;
    border: none;
    }
*:first-child+html #logo{margin-top:-68px;} /*IE7*/ 
    
#nav {
    width: 955px;
    height: 41px;
    margin-left: 36px;
    padding-top: 12px;
    padding-right: 27px;
    text-align: right;
    font-family: "Arial Black";
    font-size: 18px;
    background: url('immagini/nav.png') no-repeat;
}
.subNav {z-index:-1; position:absolute; margin-left:60%;}
*:first-child+html .subNav{margin-top:-35px;} /*IE7*/ 

.subNavTransparent {z-index:1; position:absolute; margin-left:60%; top:0px;}
*:first-child+html .subNavTransparent{margin-top:-35px;} /*IE7*/

#header {
    width: 1000px;
    height: 310px;
    margin: auto;
    background: url('immagini/header.jpg') no-repeat;
} 
    #header h1 {display: none; }
    #header h2 { display: none; }

#simpleBox {
    width: 532px;    
    height: 180px;
    float: left;
    padding: 25px;
    padding-top: 0px;
    padding-left: 0px;
    background: url('immagini/semplifica_la_tua_attivita.jpg') #efdca9 no-repeat; /*efdca9*/
    }
    *:first-child+html #simpleBox{ height: 160px; padding-top: 20px; } /*IE7*/
    #simpleBox p {margin-left: 20px; margin-right: 15px;}

#creationBox {
    width: 415px;    
    height: 101px;
    float: right;
    padding: 25px;
    padding-top: 79px;
    padding-right: 0px;
    background: url('immagini/realizza_il_tuo_sito_web.jpg') #000 no-repeat;
    }
    *:first-child+html #creationBox{ height: 90px; padding-top: 90px; } /*IE7*/
    #creationBox p {margin-left: 14px; margin-right: 20px;}

#comunication {
    width: 997px;    
    height: 237px;
    clear: both;
    padding-top: 70px;
    padding-bottom: 10px;
    background: url('immagini/comunication.jpg') no-repeat;
}
    #comunication p {
        margin-left: 480px;
        margin-right: 30px;
        line-height: 1.8;
        font-size: 15px;
        }
#information {
    padding:58px;
    padding-top: 5px;
    padding-bottom: 5px;
    }
    #information h2 {display: block;}
    #information p {margin-bottom: 20px;}
    .informationTitle {float:right;margin-left:20px;}

#linksList {
    padding:58px;
    padding-top: 5px;
    padding-bottom: 5px;
    }
    #linksList p {margin-bottom: 15px;}
    #linksList a {font-weight:bold;}
            
#websiteBox {
    width: 532px;    
    height: 180px;
    float: left;
    padding: 25px;
    padding-top: 0px;
    padding-left: 0px;
    background: url('immagini/realizzazione_siti_web_dinamici.jpg') #efdca9 no-repeat; /*efdca9*/
    }
    *:first-child+html #websiteBox{ height: 160px; padding-top: 20px; } /*IE7*/
    #websiteBox p {margin-left:20px;margin-right:15px;}

#webApplication {
    width: 415px;    
    height: 101px;
    float: right;
    padding: 25px;
    padding-top: 79px;
    padding-right: 0px;
    background: url('immagini/realizzazione_applicazioni_personalizzate.jpg') #000 no-repeat;
    }
    *:first-child+html #webApplication{ height: 90px; padding-top: 90px; } /*IE7*/
    #webApplication p {margin-left: 14px; margin-right: 20px;}

#services {
    width: 697px;    
    height: 247px;
    clear: both;
    padding-top: 60px;
    padding-left: 300px;
    padding-bottom: 10px;
    background: url('immagini/services.jpg') no-repeat;
    }
    #services .service {float:left;width: 290px; margin-left: 44px;} 
    #services .service h3 {display:block;color:#333;font-weight:bold;}
    #services .service p {margin-top:15px;}
    #services .service ul {line-height:1.9; padding-left: 30px;}
    
#footer {
    width: 1038px;    
    height: 56px;
    margin-top: -53px;
    margin-bottom: 20px;
    background: url('immagini/footer.png') no-repeat;
    font-family: "Arial Black";
    font-size: 22px;
    line-height: 2.4;
    text-align: center;
    color: #f1e4c3;
    margin-left: auto;
    margin-right: auto;
}
    #footer a, 
    #footer a:link, 
    #footer a:visited { color: #f0e3c3; text-decoration: none; }
    #footer a:hover { text-decoration: underline; }
    #footer a.active { color: #000; cursor: default; }
    
#loader {
    display: none;
    font-weight: bold;
    color: #fff;
    margin: auto;
    width: 350px;
    text-align: center;
    padding-top: 150px;
    }

.requestInfoForm {
	font-size: 12px;
	line-height: 2;
	margin-left: 60px;
	color:#484235;
	}
	.requestInfoForm input {
		width: 440px;
		border: 1px solid #ccc;
		color: #888;
		}
	.requestInfoForm textarea {
		width: 440px;
		border: 1px solid #ccc;
		color: #888;
		}
	.requestInfoForm #chkPrivacy {
		width: 15px;
		border: 1px solid #ccc;
		color: #888;
		}
	.requestInfoForm .button {
		width: 220px;
		border: none;
		font-family: "Arial Black";
		background-color: Transparent;
		font-size: 26px;
		cursor: pointer;
		color:#a82125; 
		}

#w3cIcons{text-align:center;margin:auto;}
#w3cIcons img{border:none;}
