@charset "UTF-8";
/* CSS Document */
/*_________________________________________________ RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
 
/* remember to define focus styles! */
:focus {
    outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*______________________________________________________FONT __________________________*/
@font-face {
    font-family: 'HoboStdMedium';
    src: url('../Inclusi/Font/hobostd-webfont.eot');
    src: url('../Inclusi/Font/hobostd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Inclusi/Font/hobostd-webfont.woff') format('woff'),
         url('../Inclusi/Font/hobostd-webfont.ttf') format('truetype'),
         url('../Inclusi/Font/hobostd-webfont.svg#HoboStdMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*______________________________________________________LAYOUT __________________________*/
body
{
	text-align: center;
	background-image:url(../Grafica/sfondo-body.png);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
div#titoli
{
text-align:center; padding: 2px; background-color:#ebe8d5; border-bottom:#999999 1px solid;
}
div#contenitore
{
	text-align: left;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 1100px;
	position: relative;
	background-image:url(../Grafica/sfondo-contenitore.png);
	background-repeat:no-repeat;
	
}
div#header
{
position: absolute;
top: 0px;
left:0px;
width:960px;
height: 1100px;
clear: both;
}
div#sinistro
{
width: 572px;
padding-left: 40px;
padding-right: 19px;
border-right: #CCCCCC 1px dotted;
float: left;
padding-top: 30px;
margin-bottom: 80px;

}
div#destro
{
width: 268px;
padding-left: 20px;
padding-right: 40px;
padding-top: 30px;
float:right;
margin-bottom: 80px;
background-color: #FFFFFF;

}
div#unico
{
	display: none;
}
div#footer
{
clear: both;
background-color:#000000;
text-align:center;
height: 300px;
}
div#contieni-footer
{
width:920px;
padding: 20px;
margin: auto;
text-align:left;
}
/*______________________________________________________LAYOUT NAVIGAZIONE ALTA__________________________*/
div#navigazione-alta
{
background-color:#000000;
height: 120px;
}
div#navigazione-alta div
{
float: left;
font-weight:bold;
text-align: center;
padding-top: 90px;
width: 87px;
padding-left:5px; 
padding-right: 5px;
background-position:top  center;
}
div#navigazione-alta .logo
{
padding-left:0px;
padding-right:0px;
padding-top:0px;
margin-left: 20px;
margin-right: 90px;
width: auto;
}
div#navigazione-alta .logo img
{
	border:none;
}
div#navigazione-alta .home
{
background-image:url(../Grafica/NavigazioneAlta/home.png);
}
div#navigazione-alta .siti-web
{
background-image:url(../Grafica/NavigazioneAlta/siti-web.png);
}
div#navigazione-alta .web-marketing
{
background-image:url(../Grafica/NavigazioneAlta/web-marketing.png);
}
div#navigazione-alta .ecommerce
{
background-image:url(../Grafica/NavigazioneAlta/ecommerce.png);
}
div#navigazione-alta .feedback
{
background-image:url(../Grafica/NavigazioneAlta/feedback.png);
}
div#navigazione-alta .portfolio
{
background-image:url(../Grafica/NavigazioneAlta/portfolio.png);
}
div#navigazione-alta .preventivo
{
background-image:url(../Grafica/NavigazioneAlta/preventivo.png);
}

div#navigazione-alta div a:link, div#navigazione-alta div a:active, div#navigazione-alta div a:visited
{
	text-decoration: none; color: #999999;
}
div#navigazione-alta div a:hover
{
	text-decoration: none; color: #ffffff;
}
/*______________________________________________________LAYOUT SLIDE__________________________*/
#slide .frame-closed .frame-content {display:none;}
#slide .frame-open .frame-content {display:block;}
div#slide
{
clear: both;
height: 327px;
text-align:right;
}
div#slide .frame-siti-web
{
background-image: url(../Grafica/Slide/siti-web.png);
}
div#slide .frame-web-marketing
{
background-image: url(../Grafica/Slide/web-marketing.png);
}
div#slide .frame-ecommerce
{
background-image: url(../Grafica/Slide/ecommerce.png);
}
div#slide .frame-content
{
margin-right: 544px;
text-align: right;
}
/*______________________________________________________TESTI  SLIDE__________________________*/
div#slide h2
{
 font-family: 'HoboStdMedium';
 font-size: 55px;
 margin-top:68px;
 margin-bottom:10px;
 color:#000000;
}
div#slide h3
{
 font-family: 'HoboStdMedium';
 font-size: 30px;
 margin-bottom:10px;
 color:#000000;
}
/*______________________________________________________LAYOUT NAVIGAZIONE SLIDE__________________________*/
div#navigazione-slide
{
clear: both;
}
div#navigazione-slide h2
{
margin-bottom: 10px;
font-size: 18px;
}
div#navigazione-siti-web 
{
float: left;
background-image: url(../Grafica/PulsantiNavigazioneSlide/siti-web-su.png);
width: 182px;
padding-left: 145px;
padding-top:24px;
padding-bottom:24px;
}
div#navigazione-web-marketing
{
float: left;
background-image: url(../Grafica/PulsantiNavigazioneSlide/web-marketing-su.png);
padding-left: 125px;
width: 180px;
padding-top:24px;
padding-bottom:24px;
}
div#navigazione-ecommerce
{
float: left;
background-image: url(../Grafica/PulsantiNavigazioneSlide/ecommerce-su.png);
padding-left: 125px;
width: 203px;
padding-top:24px;
padding-bottom:24px;
}


div#navigazione-slide a:link, div#navigazione-slide a:visited, div#navigazione-slide a:active
{
	 text-decoration: none;
	color: #999999;
	font-weight: bold;
}
div#navigazione-slide a:hover
{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
/*______________________________________________________PRODOTTI  __________________________*/
div#colonna-siti-web
{
width: 287px;
padding-left: 40px;
padding-right: 20px;
float: left;
padding-top: 10px;
}
div#colonna-web-marketing
{
width: 285px;
float: left;
padding-top: 10px;
}
div#colonna-ecommerce
{
width: 268px;
padding-right: 40px;
padding-left:20px;
padding-top: 10px;
float: left;
}
div#colonna-siti-web img, div#colonna-web-marketing img, div#colonna-ecommerce img
{
	margin-top: 20px;
	border: none;
}
div#colonna-web-marketing a:link, div#colonna-web-marketing a:visited, div#colonna-web-marketing a:active, div#colonna-siti-web a:link, div#colonna-siti-web a:visited, div#colonna-siti-web a:active, div#colonna-ecommerce a:link, div#colonna-ecommerce a:visited, div#colonna-ecommerce a:active
{
text-decoration: none;
color: #666666;
}
div#colonna-web-marketing a:hover, div#colonna-siti-web a:hover, div#colonna-ecommerce a:hover
{
text-decoration: none;
color: #000000;
}

/*______________________________________________________PAGINA SITI WEB __________________________*/

div#prodottoSitoWeb
{
padding-left: 287px;
background-image:url(../Grafica/prodotto-sito-web-base.png);
background-repeat: no-repeat;
margin-top: 40px;
}
.applicazioni
{
table-layout: fixed;
width: 572px;
margin-top:20px;
border-collapse: separate;
border-spacing: 5px;
}
.applicazioni td
{
	padding: 5px; 
}
.applicazioni img
{
	float: left; margin-right:10px;
}
.titoloApp
{
	background-color: #efefef;
	font-weight: bold;
}
/*______________________________________________________PAGINA WEB MARKETING__________________________*/

div#prodottoWebMarketing
{
padding-left: 287px;
background-image:url(../Grafica/prodotto-web-marketing.png);
background-repeat: no-repeat;
margin-top: 40px;
}
/*______________________________________________________PAGINA WEB MARKETING__________________________*/

div#prodottoEcommerce
{
padding-left: 287px;
background-image:url(../Grafica/prodotto-ecommerce.png);
background-repeat: no-repeat;
margin-top: 40px;
}
/*______________________________________________________PAGINA FEEDBACK__________________________*/
.feedBack
{
padding-bottom: 20px;
border-bottom: #999999 1px dotted;
width: 572px;
float: left;
margin-bottom:40px;
}
.feedSinistro
{
	background-image:url(../Grafica/sfondoFeedBack.png);
	background-repeat: no-repeat;
	 float: left;
 	text-align: center;
	 width: 130px;
 	padding-top: 150px;
 	margin-right: 20px;
	padding-bottom: 20px;
}
.feedDestro
{
 float: right;
 text-align: justify;
 width: 420px;
}
/*______________________________________________________PAGINA PORTFOLIO__________________________*/
.portfolioAnteprima
{
width: 572px;
float: left;
margin-bottom:10px;
background-color: #efefef;
background-image: url(../Grafica/sondoPort.png);
background-repeat: no-repeat;
background-position: top right;
}
.portfolioSinistro
{

	 float: left;
 	text-align: center;
	 width: 190px;
 	padding: 20px;
}
.portfolioDestro
{
 float: right;
 text-align: left;
 width: 322px;
 padding: 20px;
 padding-left: 0px;
}
.descPortfolio
{
	line-height: normal; 
}
.portfolioAnteprima img
{
border: #FFFFFF 10px solid; cursor: pointer;
}
.separatorePorfolio
{
width: 572px;
height:1px;
border-bottom: #CCCCCC 1px solid;
float: left;
margin-bottom: 10px;
}
.portAltern
{
background-color: #e9e5e5;
background-image: url(../Grafica/sondoPortAlt.png);
background-repeat: no-repeat;
background-position: top right;
}
/*______________________________________________________PULSANTI __________________________*/
.pulsanteGrigio
{
background: none;
background-image:url(../Grafica/Pulsanti/grigio.png);
width: 153px;
padding-top: 5px;
padding-bottom: 5px;
border: none;
font-weight: bold;
color:#999999;
cursor: pointer;
font-size: 13px;
margin-top:10px;
margin-bottom:10px;
}
.pulsanteGrigio:hover
{
color:#0099FF;
}

/*______________________________________________________TESTI __________________________*/

div#titoli h1, div#titoli h2, div#titoli p
{
	font-size: 9px; color: #999999; display:inline;
}
ul
{
margin-top: 10px; margin-bottom: 10px; list-style:circle; padding-left: 20px;line-height: normal;
}
li
{
margin-top: 5px; margin-bottom: 5px;
}
strong
{
 font-weight:normal;
}
.paragrafo
{
margin-top: 10px; margin-bottom: 10px; text-align:justify; line-height: normal;
}
div#sinistro a:link, div#sinistro a:visited, div#sinistro a:active
{
text-decoration: none;
color: #666666;
border-bottom: #999999 1px dotted;
}
div#sinistro a:hover
{
text-decoration: none;
color: #000000;
border-bottom: #000000 1px dotted;
}
div#unico a:link, div#unico a:visited, div#unico a:active
{
text-decoration: none;
color: #666666;
border-bottom: #999999 1px dotted;
}
div#unico a:hover
{
text-decoration: none;
color: #000000;
border-bottom: #000000 1px dotted;
}
.titolo
{
	font-family: 'HoboStdMedium'; font-size: 24px; color:#000000; margin-bottom: 40px; margin-top: 40px; clear: both;
}
.grassetto
{
font-weight: bold;
}
.prezzoSmall
{
 padding-top: 5px;
 padding-bottom: 5px;
 font-weight: bold;
}
.immagineContenuti
{
margin-top:30px;
margin-bottom:30px;
}
div#destro .mappa
{
padding: 5px;
color: #FFFFFF;
background-color: #efefef;
color: #666666;
font-weight: bold;
cursor: pointer;
}
/*______________________________________________________FORM GOOGLE__________________________*/

div#motoriRicerca form, div#motoriRicerca fieldset, div#motoriRicerca label
{
}
div#motoriRicerca input
{
}
div#tags
{
display: none;
border:  #999999 1px dashed;
padding: 10px;
}
div#tags a:link, div#tags a:active, div#tags a:visited
{
	text-decoration: none;
	color: #999999;
	margin-right: 10px;
}
div#tags a:hover
{
	text-decoration: none;
	color: #999999;
	background-color: #efefef;
	margin-right: 10px;
}
/*______________________________________________________ FOOTER__________________________*/


div#footer a:link, div#footer a:active, div#footer a:visited
{
text-decoration: underline;
color: #666666;
}
div#footer a:hover
{
text-decoration: underline;
color: #ffffff;
}

/*______________________________________________________FORM __________________________*/
form p
{
margin-top:5px;
margin-bottom:5px;
}
form
{
background-color: #efefef;
padding: 20px;
border: #cccccc 1px solid;
}
legend
{
font-weight: bold;
}
fieldset
{
border: #CCCCCC 1px solid;
padding: 20px;
margin-bottom: 20px;
background-color:#FFFFFF;
}
legend
{
background-color: #CCCCCC;
padding: 5px;
}
option
{
padding: 5px;
color: #333333;
width: 350px;
text-align: right;
}
.preventivoApp
{

border-collapse: separate;
border-spacing: 5px;
background-color:#ffffff;
}
.preventivoApp td
{
 width: 95px;
}
.casellaApp
{
	background-color: #efefef;
	text-align: left;
	padding: 2px;
	font-size: 11px;
	border: #CCCCCC 1px solid;
}
.casellaApp input
{
float: left;
margin-right: 10px;
margin-bottom: 20px;
}
.preventivoWM
{

border-collapse: separate;
border-spacing: 5px;
background-color:#ffffff;
}
.preventivoWM td
{
 width: 150px;
}
.casellaWM
{
	background-color: #efefef;
	text-align: left;
	padding: 5px;
	font-size: 11px;
	border: #CCCCCC 1px solid;
}
.casellaWM input
{
float: left;
margin-right: 10px;
margin-bottom: 20px;
}
input, select, textarea
{
border: #CCCCCC 1px solid;
padding: 5px;
background-color: #efefef;
color: #333333;
padding: 5px;
}
div#messaggio img
{
display: block;

}
div#messaggio
{
	margin-bottom:20px;
}
div#map
{
width: 552px; border: #efefef 10px solid;
height: 400px;
}

/*______________________________________________________ SHARE__________________________*/
div#share
{
margin-top:20px;
margin-bottom:50px;
}
.share-lineare
{
float: left;
margin-right: 5px;
margin-bottom: 10px;
}
div#share-largo
{
clear: both;
}