/* E-Motion Web website 2008 - CSS Document */

html, body { height: 100%; }
body { background: White url(Images/bg_body.gif); color: Black; margin: 0; padding: 0; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; }
a { color: #003366; background-color: transparent; }
a:hover { text-decoration: underline; }
form#aspnetForm { margin: 0; padding: 0; height: 100%; }

/* Stili generici */
.clear { clear: both; height: 1px; }
.dotclear { clear: both; height: 10px; background: url(Images/dotclear.gif) repeat-x; overflow: hidden; }

/* ***** Contenitori generali ***** */
#outercontainer { width: 100%; height: 100%; margin: 0; }
#innercontainer { position: relative; width: 930px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; background: url(Images/bg_filler.gif) repeat-y; border: solid #CCCCCC; border-width: 0 1px; }

/* ***** Header ***** */
#header { width: 918px; margin-left: 12px; height: 75px; border-bottom: 2px solid #99B2CC; background: White; }
#header a img { border: none; }
#header .center { background: url(Images/piede_menu.gif) bottom right no-repeat; height: 72px; }
#logo { float: left; width: 149px; padding: 0; padding-top: 10px; }

#login { float: left; background: url(Images/bg_login.gif) 0 10px no-repeat; height: 50px; padding-top: 15px; width: 185px; }
#login .boxlogin { width: 180px; }
#login .boxlogin td { padding-bottom: 4px; }
#login .label { font-size: 10px; color: #666666; margin-right: 5px; }
#login .textbox { width: 85px; height: 12px; font-size: 9px; border: 1px solid #CCCCCC; padding: 0; }
#login .link { font-size: 10px; }
#login .link a { color: Red; }
#login .check { font-size: 10px; }

#menu { height: 61px; width: 584px; padding-top: 10px; float: left; }
#menu ul { border: 0; margin: 0; padding: 0; list-style-type: none; }
#menu ul li { float: left; width: auto; padding: 0; margin: 0; }
#menu ul li a { height: 50px; padding: 0; margin: 0; width: auto; }
#menu ul li a img { margin: 0; padding: 0; display: inline; }

/* ***** Footer ***** */
#footer { position: absolute; bottom: 0; width: 100%; background: url(Images/bg_footer.gif) repeat-x; color: White; text-align: center; padding: 0; font-size: 10px; }
#footer a { color: White; }
#footer .left { background: url(Images/bg_footer-left.gif) top left no-repeat; }
#footer .right { height: 30px; background: url(Images/bg_footer-right.gif) top right no-repeat; }
#footer .center { padding-top: 15px; }
#filler { height: 20px; }

/* ***** Homepage ***** */
#tophome { height: 200px; background: White url(Images/topimage_bg.gif) 0 2px no-repeat; padding: 2px 0; padding-left: 12px; margin: 0; }

#corpohome { background: White url(Images/top-corpohome.gif) 12px 0 no-repeat; padding-left: 12px; padding-top: 12px; }
#corpohomeinner { width: 100%; background: url(Images/corpohome_bg.gif) repeat-y; margin-bottom: 10px; overflow: hidden; }

#contenthome { float: left; width: 507px; margin: 0; padding: 10px; color: #333333; }
#contenthome a { color: #336699; }
#contenthome h1 { margin-top: 0; font-size: 21px; font-weight: bold; color: #336699; }
#contenthome .descr { font-size: 12px; font-weight: normal; }
#contenthome ul.attlist { margin: 0; padding: 0; list-style-type: none; font-size: 12px; }
#contenthome li { padding-left: 10px; margin: 10px 0; background: url(Images/home-pointer.gif) 0 5px no-repeat; }
#contenthome li a { font-weight: bold; }

#newshome { float: left; width: 196px; margin: 0; padding: 0 0 10px; }
#newshome .newsboxtitle { font-size: 13px; font-weight: bold; color: #666666; background: #CCCCCC; height: 18px; margin-left: 1px; padding-left: 5px; padding-top: 2px; }
#newshome ul { margin: 10px 0 0; padding: 0 5px; list-style-type: none; font-size: 10px; color: #3C3C3C; }
#newshome li.newsitem { margin-bottom: 15px; background: url(Images/bluedot.gif) 0 4px no-repeat; }
#newshome li.newsitem .title { font-size: 11px; font-weight: bold; padding-left: 10px; }
#newshome li.newsitem a { color: #1E49C5; }

#lavorihome { float: left; width: 195px; margin: 0; margin-right: -2px; padding: 0 0 10px; }
#lavorihome .lavoriboxtitle { font-size: 13px; font-weight: bold; color: #666666; background: #E5E5E5; height: 18px; margin-left: 1px; padding-left: 5px; padding-top: 2px; }
#lavorihome ul { margin: 10px 0 0; padding: 0 5px; list-style-type: none; font-size: 10px; color: #3C3C3C; }
li.lavoroitem { margin-bottom: 15px; }
li.lavoroitem .cat { font-size: 10px; font-weight: bold; }
li.lavoroitem .prj { font-size: 11px; }
li.lavoroitem .thumb { margin: 2px 0; }
li.lavoroitem a { color: #1E49C5; }

.detaillink { margin-left: 5px; padding-left: 7px; color: #336699; font-weight: bold; font-size: 10px; background: url(Images/home-pointer.gif) 0 4px no-repeat; }
.detaillink a { color: #336699; font-weight: bold; font-size: 10px; }

/* ***** Pagine Interne ***** */
#topsection { height: 38px; background: White url(Images/dottedline.gif) bottom left repeat-x; padding: 2px 0; margin-left: 12px; }
#corposectioninner { width: 100%; background: url(Images/corposection_bg.gif) repeat-y; margin-bottom: 10px; overflow: hidden; color: #666666; }

#breadcrumbs { color: #666666; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background: White url(Images/dottedline.gif) bottom left repeat-x; padding: 2px 0 3px; margin-left: 12px; }
#breadcrumbs a { color: #666666; text-decoration: none; }
#breadcrumbs a:hover { text-decoration: underline; }
#breadcrumbs .currentsection { font-weight: bold; }

#contentsezione { float: left; width: 703px; margin: 0; padding: 10px; }

.tablesezione { border: none; width: 100%; }
.tablesezione td { vertical-align: top; width: 50%; padding-bottom: 15px; padding-right: 10px; font-size: 10px; color: #666666; }
.titoletto { font-size: 17px; font-weight: bold; color: #999999; padding-bottom: 2px; }
.titoletto a { color: #999999; }
.icona { float: left; padding-right: 10px; }
.icona img { border: none; }

#casestudies { float: left; width: 195px; margin: 0; margin-right: -2px; padding: 0 0 10px; }
#casestudies .csboxtitle { font-size: 13px; font-weight: bold; color: White; background: #FF9900; height: 18px; margin-left: 1px; padding-left: 5px; padding-top: 2px; }
#casestudies ul { margin: 10px 0 0; padding: 0 5px; list-style-type: none; font-size: 10px; color: #3C3C3C; }
#corpoportfolio .csboxtitle, #corposubportfolio .csboxtitle { background: #FF3333; }
#corpocontatti .csboxtitle { background: #99CC00; }
#corpochi .csboxtitle { background: #336699; }

/* ***** Servizi ***** */
#corposervizi { background: White url(Images/top-corposervizi.gif) 12px 2px no-repeat; padding-left: 12px; padding-top: 14px; }
#corposervizi h1 { margin-top: 0px; font-size: 21px; font-weight: bold; color: #FF9900; }

/* ***** Portfolio ***** */
#corpoportfolio { background: White url(Images/top-corpoportfolio.gif) 12px 2px no-repeat; padding-left: 12px; padding-top: 14px; }
#corpoportfolio h1 { margin-top: 0px; font-size: 21px; font-weight: bold; color: #FF3333; }
#corpoportfolio h2 { margin-top: 10px; font-size: 15px; font-weight: bold; color: #FF3333; }

/* ***** Chi siamo ***** */
#corpochi { background: White url(Images/top-corpochi.gif) 12px 2px no-repeat; padding-left: 12px; padding-top: 14px; }
#corpochi h1 { margin-top: 0; font-size: 21px; font-weight: bold; color: #336699; }
#corpochi a { color: #336699; }
.testochi { color: #666666; font-size: 11px; /*border-bottom: 1px solid #CCCCCC;*/ }
.testochi p { margin-top: 0; }
.testochi .titoletto { color: #336699; font-weight: bold; font-size: 11px; margin-bottom: 0; }
.testochi .left { float: left; margin: 0 10px 100px 0; }

.testochi ul.attlist { margin: 0; padding: 0; list-style-type: none; font-size: 11px; }
.testochi li { padding-left: 10px; margin: 10px 0; background: url(Images/home-pointer.gif) 0 5px no-repeat; }

/* ***** Contatti ***** */
#corpocontatti { background: White url(Images/top-corpocontatti.gif) 12px 2px no-repeat; padding-left: 12px; padding-top: 14px; }
#corpocontatti h1 { margin-top: 0; font-size: 21px; font-weight: bold; color: #99CC00; }
.corpocontatti { margin-top: 10px; margin-bottom:20px; color: #336699; font-size: 11px; }
.corpocontatti a { color: #336699; }
.corpocontatti .left { width:  235px; float: left; }
.corpocontatti .right { width: 455px;float: right; }

.corpocontatti .subtitle { font-weight: bold; color: #336699; }
.corpocontatti .left p { margin-left: 5px; }
.corpocontatti .left .subtitle { margin-left: 5px; margin-top: 15px; }

.corpocontatti .right form { margin: 0; padding: 0; }
.corpocontatti .right .contvalue { color: #666666; border: 1px solid #CCCCCC; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 230px; }
.corpocontatti .label { font-weight: bold; margin: 10px 0 5px; }
.corpocontatti .formfooter { margin-top: 10px; overflow: hidden; }
.corpocontatti .formfooter input { background: White; border: 1px solid #CCCCCC; color: #336699; font-weight: bold; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; padding: 2px; }
.corpocontatti .cancel { float: left; }
.corpocontatti .send { float: right; }

/* ***** Pagine Secondo Livello ***** */
#corposubsectioninner { width: 100%; background: url(Images/corposubsection_bg.gif) repeat-y; margin-bottom: 10px; overflow: hidden; }
#contentsubsezione { float: left; width: 565px; margin: 0; padding: 10px; }

#corposubservizi { background: White url(Images/top-corposervizi.gif) 12px 2px no-repeat; padding-left: 12px; padding-top: 14px; }
#corposubservizi h1 { margin-top: 0; font-size: 21px; font-weight: bold; color: #FF9900; }

#corposubportfolio { background: White url(Images/top-corpoportfolio.gif) 12px 2px no-repeat; padding-left: 12px; padding-top: 14px; }
#corposubportfolio h1 { margin-top: 0; font-size: 21px; font-weight: bold; color: #FF3333; }

.progetto { font-size: 11px; font-weight: bold; color: #999999; padding-bottom: 2px; }
.cliente { font-size: 11px; padding-bottom: 4px; }

#submenu { float: left; width: 130px; margin: 0; padding: 3px; padding-right: 5px; color: #666666; }
.submenutitle { font-size: 11px; font-weight: normal; color: #666666; background: #CCCCCC url(Images/submenutitle_dotted.gif) bottom left repeat-x; padding: 3px 0 5px; padding-left: 5px; text-transform: uppercase; }

#submenu ul { border: 0; margin: 0; padding: 0; list-style-type: none; }
#submenu ul li { padding: 0 0 1px; margin: 0; color: #666666; background: url(Images/dottedline.gif) bottom left repeat-x; }
#submenu ul li a { display: block; padding: 2px 0; padding-left: 12px; margin: 1px 0; width: auto; color: #666666; background: url(Images/submenu-pointer.gif) 4px 6px no-repeat; text-decoration: none; }
#submenu ul li a:hover { background-color: #F5F5F5; }