* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 13px;
    line-height: 16px;
    font-family: Arial, sans-serif;
    color: #656565;
	background: #fff;
    text-align: left;
}

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }

a img { border: 0px none; }
a { color: #656565; text-decoration: none; }
a:visited { color: #656565; text-decoration: none; }
a:hover { text-decoration: underline; cursor: pointer;}

.left { float: left; display: inline; }
.right { float: right; display: inline;} 
.notext {font-size: 0; line-height: 0; text-indent: -4000px;}

.center {display: block; margin: 0 auto;}

/* Blocco interfaccia comune */
.realizzazione-siti {margin: 0 auto; width: 946px;}

/* Blocco in alto */
#siti-internet {background: url('../immagini-siti-internet/stile/header.gif') repeat-x 0 0; height: 103px}

h1#logo {float: left; padding-top: 6px;}
h1#logo a {background: url('../immagini-siti-internet/stile/realizzazione-logo.jpg') no-repeat 0 0; display: block; width: 276px; height: 91px}

h2 {font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-size: 23px; line-height: 23px;}
h3 {font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-size: 18px; color: #262626;}

/* menu pulsanti */
#realizzazione-software {float: right; padding-top: 15px;}
#realizzazione-software ul {list-style-type: none;}
#realizzazione-software ul li {display: inline; float:left; padding-right: 2px;}
#realizzazione-software ul li a {background: url('../immagini-siti-internet/stile/nav.gif') no-repeat 0 0; padding-left: 10px; height: 27px; display: block; float: left; color: #fff; font-family: tahoma, sans-serif; color: #fff; font-size: 14px}
#realizzazione-software ul li a span {background: url('../immagini-siti-internet/stile/nav.gif') no-repeat right 0; padding-right: 10px; height: 21px; display: block; float: left; padding-top: 6px; line-height: 14px}
#realizzazione-software ul li a:hover, #navigation ul li.active a {text-decoration: none; background-image: url('../immagini-siti-internet/stile/nav-hover.gif'); color: #343434}
#realizzazione-software ul li a:hover span, #navigation ul li.active a span {background-image: url('../immagini-siti-internet/stile/nav-hover.gif');}


/* menu testuale */
.realizzazione-commercio-elettronico
{
text-align: right;
margin-top:0px;
margin-bottom:0px;
padding:6px;
}

.realizzazione-commercio-elettronico a
{
color:#fff;
}

.realizzazione-commercio-elettronico a:hover
{
color:#fff;
}

.realizzazione-commercio-elettronico a:visited
{
color:#fff;
}


/* alto 01 */
#realizzazione {background: #fff url('../immagini-siti-internet/stile/heading-bg.gif') no-repeat center 1px; padding-left:0; padding-right:0; padding-top:15px; padding-bottom:15px}
.realizzazione-cnt {float: left; width: 568px; padding-top: 26px; padding-left: 8px; }
#realizzazione h2 {color: #262626; padding-bottom: 15px;}
#realizzazione p {padding-bottom: 16px;}

/* banda colorata a 3 colonne */
#italia {background: url('../immagini-siti-internet/stile/features.jpg') repeat-x 0 0; height: 122px; padding-top: 5px}
.italia-cnt {background: url('../immagini-siti-internet/stile/features-cnt.jpg') no-repeat 0 0; height: 118px; padding-left: 20px}
.roma {width: 290px; float: left; padding-top: 6px; padding-right: 30px;}
.less-padding {padding-right: 14px;}
.no-padding {padding-right: 0 !important;}
.roma h2 {color: #fff; padding-bottom: 5px;}
.roma img {padding-right: 6px;}
.roma p {float: left; width: 198px; font-size: 12px; line-height: 15px; color: #fff; height: 71px;}
.roma p span {padding-bottom: 4px; display: block;}
.roma a.dettaglio-roma {background: url('../immagini-siti-internet/stile/Ico_DettagliV.gif') no-repeat 0 0; display: block; float: left; width: 24px; height: 11px}

/* contenitore 3 colonne sotto banda 3 colonne colorata */
#commercio-elettronico {background: #e9e9e9; padding-top: 15px;padding-left: 28px; padding-bottom: 37px;}
#commercio-elettronico h3 {padding-bottom: 7px;}
#commercio-elettronico a {font-weight: bold; color: #656565; text-decoration: none; font-size: 12px;}
#commercio-elettronico a:hover {font-weight: bold; color: #b30000; text-decoration: none;}
#commercio-elettronico a:visited {font-weight: bold; color: #656565; text-decoration: none;}
#commercio-elettronico a.rss {background: url('../immagini-siti-internet/stile/rss.gif') no-repeat 0 0; width: 11px; height: 11px}
.link-margin { margin-right: 10px; margin-left: 2px;}
.commercio-elettronico-01 {width: 297px; float: left; padding-right: 24px;}
.commercio-elettronico-02 {width: 312px; float: left; padding-right: 9px;}
.commercio-elettronico-03 {width: 270px; float: left; padding-left: 8px;}

ul.news {list-style-type: none; padding-bottom: 8px;}
ul.news li {background: url('../immagini-siti-internet/stile/newsitem-bg.gif') repeat-x 0 bottom; padding-top: 6px; padding-bottom: 7px}
ul.news li small {color: #606d0f; font-size: 11px;}
ul.news li small.grey {color: #656565;}

ul.elenco
{
list-style-type: none;

}

ul.elenco li
{
background-image: url('../immagini-siti-internet/icone/ElencoPuntato.jpg');
background-repeat: no-repeat;
background-position: 0 0.5;
padding-left: 1.2em
}

ul.portfolio
{
list-style-type: none;

}

ul.portfolio li
{
background-image: url('../immagini-siti-internet/icone/Portfolio.jpg');
background-repeat: no-repeat;
background-position: 0 0.5;
padding-left: 1.2em
}


.web-site
{
width: 568px;
height:65px;
background-image: url('../immagini-siti-internet/stile/web-site.jpg');
}

.web-site-record
{
margin-left:12px;
margin-top:3px;
width: 420px;
float: left;
}

.web-site-foto
{
float: right;
margin-top:10px;
margin-right:10px;
}



.contacts {font-size: 12px; }
strong.usa {background: url('../immagini-siti-internet/stile/flag-usa.gif') no-repeat 0 11px; padding-left: 20px; display: block; padding-top: 8px}
strong.swe {background: url('../immagini-siti-internet/stile/flag-swe.gif') no-repeat 0 11px; padding-left: 20px; display: block; padding-top: 8px}

/* base */
#csm {background: #e9e9e9 url('../immagini-siti-internet/stile/footer.gif') repeat-x 0 0; padding-top: 15px; padding-bottom: 50px}
#csm ul {list-style-type: none; float: left; padding-left: 19px; background: transparent;}
#csm ul li {display: inline; float: left; padding-right: 9px;}
#csm ul li a {text-decoration: underline; color: #6e6e6e; font-size: 10px;}
#csm ul li a:hover {text-decoration: none;}
#csm p.copy {float: right; font-size: 10px; color: #6e6e6e; padding-right: 10px;}

#Contenitore {
height: 100%;
}

.GAL_Anteprima{
	float:LEft;
	Width: 136px;
	Height: 136px;
	Margin-Bottom:5px;
	background-image: url('../immagini-siti-internet/stile/photoshop.jpg');
}


.GAL_Separatore{
	float:Left;
	Width: 6px;
	Height: 136px;
	Margin-Bottom:5px;
}