/* HTML Elements */
/***********************************************/
* {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;
}
html,body{margin:0;padding:0;
}
body {background:#fff;
}
a{text-decoration:none
}
a.underline{text-decoration:underline; color:#2d2d2d;
}
a.titolobold{ color:#2d2d2d;
}
.registered{font-size:78%;position:relative;bottom:.6em;text-decoration:none;margin:0;padding:0
}
ul, li {list-style:none;margin:0;padding:0;
}
hr{display:none;visibility:hidden;clear:both;margin:0!important;height:0px!important;padding:0!important;border:0!important;font-size: 0!important;
}
html>body hr{display:block;visibility:hidden;clear:both;margin:0!important;height:0px!important;padding:0!important;border:0!important;font-size: 0!important;/*/*//*/ disp lay:inline;background:red;height:1em;width:100% /* */
}
#flashWrapper { z-index:1; height:345px; width:564px;
}
#top-nav {
position:absolute;
top:0px;
/*left:220px;
width:691px;*/
left:220px;
/*width:701px;*/
/*height:61px;*/
/*border:1px solid black;*/
}
#head {
position:relative;
height:61px;
margin:25px 0px 26px 40px;
z-index:50;
}
#main-content {
width:100%;
z-index:30;
}
/* Specifiche del Layout di Credits */
/***********************************************/
div#CR-container{width:500px;height:400px;margin:0 auto;padding:0;background:url(http://www.expertweb.it/images/credits/bg.gif) bottom right no-repeat #fff;
}
div#CR-container p{padding:0!important;margin:0 14px;
}
div#CR-container div#CR-header{width:500px;text-align:right!important;background:#efefef;margin:0;
}
div#CR-container div#CR-header p{padding:1em!important;text-align:right
}
div#CR-container div#CR-header a{font-size:10px!important;
}
div#CR-container div#CR-content{width:500px;
}
div#CR-container iframe{background:url(http://www.expertweb.it/images/credits/bg.gif) 0px 30px no-repeat #fff;
}
div#CR-content div#CR-powered{text-align:center!important
}
div#CR-content div#CR-powered p{text-align:center!important;
}
div#CR-content div#CR-powered img{text-align:center!important
}
div#CR-container div#CR-footer{width:500px;text-align:center;bo rder-top:1px solid #efefef;margin:0;
}
div#CR-container div#CR-footer p{text-align:center;font-size:10px
}
/* HORIZONTAL FREESTYLE MENU LAYOUT HOME*/
/* All tags in the menu including the first level */
div.page a{color:#211f5e;
}
.menulist, .menulist ul {margin: 0; padding: 0; list-style: none;width:990px;margin-top:.5em;
}
/* Submenus ( tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul { display: none; position: absolute; top: 1.0em;
margin-top: 11px; /* I'm using ems and px to allow people to zoom their font */
left: -1px; width: 150px;
}
/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul { top: -1px; margin-top: 0; left: 156px;
}
/*
All menu items (- tags). 'float: left' lines them up horizontally, and they are
positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li { float: left; display: block; position: relative; background: #fff; border: 0; margin-ri ght: -1px; font-size:12px;color:#2d2d2d; font-weight:bold; text-trans form:uppercase;
}
/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li { float: none; margin: 0; margin-bottom: -1px;
}
.menulist ul>li:last-child { margin-bottom: 1px; /* Mozilla fix */
}
/* Links inside the menu */
.menulist a { display: block; padding: 3px; color: #2d2d2d; text-decoration: none;font-size:12px;
}
.menulist li li a {font-size:11px;
}
ul.menulist li ul{border:1px solid #2d2d2d;border-top-width:1;border-bottom-width:2px;
}
/* Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, div#page .menulist a.highlighted:hover, div#page .menulist a:focus { color: #fff; background-color: #a30404;
}
.menulist a.highlighted { color: #2d2d2d; background-color: #f5f5f5;
}
/*
If you want per-item background images in your menu items, here's how to do it.
1) Assign a unique ID tag to each link in your menu, like so:
2) Copy and paste these next lines for each link you want to have an image:
.menulist a#xyz {
background-image: url(out.gif);
}
.menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
background-image: url(over.gif);
}
*/
/* Only style submenu indicators within submenus. */
.menulist a .subind { display: none;
}
.menulist ul a .subind { display: block; float: right;
}
/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a { float: left;
}
.menulist ul a { float: none;
}
/* \*/
.menulist a { float: none;
}
/* */
/*
HACKS: IE/Win:
A small height on
- and tags and floating prevents gaps in menu.
* html affects <=IE6 and *:first-child+html affects IE7.
You may want to move these to browser-specific style sheets.
*/
*:first-child+html div#page .menulist ul li { float: left; width: 100%;font-size:11px;
}
* html div#page .menulist ul li { float: left; height: 1%;
}
* html div#page .menulist ul a { height: 1%;
}
/* End Hacks */
li.first{width:98px;text-align:center; font-size:12px; font-variant: small-caps; font-style:normal;
}
li.first2{width:180px;text-align:center; font-size:12px; font-variant: small-caps; font-style:normal;
}
li.second{width:155px;text-align:left;
}
li.third{width:155px;text-align:left;
}
/***********************************************/
/* PAGINA */
DIV#container {
width:990px; margin:0; padding:0;
}
UNKNOWN {
MARGIN: 2.5em 0px 25px 270px
}
DIV#header IMG#mcast {
DISPLAY: block; LEFT: 670px; POSITION: absolute; TOP: 25px
}
DIV#header IMG#blog {
DISPLAY: block; LEFT: 760px; POSITION: absolute; TOP: 10px
}
DIV#header IMG#newsletter {
DISPLAY: block; LEFT: 900px; POSITION: absolute; TOP: 30px
}
/* CONTENT */
div#content {margin: 0; width: 990px; height:347px; margin-top:5px
}
DIV#header {
MARGIN: 0px; PADDING: 0px; width: 100%;
}
* html div#content_left {margin: 0; width: 422px; height:345px; padding:0;
}
div#content_left {margin: 0; width: 422px; height:345px; padding:0; margin-bottom:2px;
}
/* NEWS */
div#content div#news { left:0; width: 100%; height:180px; fl oat:left;
}
div#content div#news div.titolo {background: #a30404; color: #fff; font-weight:bold; padding-left:10px; pad ding: 7px 3px 3px 10px; heigth: 20px;
line-height:20px; margin-bottom:0px;bord er-right:2px solid #fff; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;
color: #fff;
}
div#content_left div#notizie ul{margin-top:5px;padding:0;
}
div#content_left div#notizie ul li{list-style-type:none;margin:0;padding:0;
}
div#content_left div#notizie ul li a.news{display:block;background: url(ico_news.gif) 10px 5px no-repeat;padding:4px 4px 4px 30px; font-size: 11px; color: #000;line-height:12px;margin:0; line-height:1.2em
}
* html div#content_left div#notizie ul li a{height:14px
}
div#content_left div#notizie ul li a:hover{ background-color: #F3F3F3
}
div#content_left div#notizie .news p {text-align:left;margin:0}
div#content_left div#notizie .news p.txtSinistra{text-align:left;margin:0}
div#content_left div#notizie .news p.txtCentro{text-align:center;margin:0}
div#content_left div#notizie .news p.txtDestra{text-align:right;margin:0}
div#content_left div#notizie .imgSinistra{text-align:left;}
div#content_left div#notizie .imgCentro{text-align:center;margin:0 auto;display:block}
div#content_left div#notizie .imgDestra{text-align:right}
div#content_left div#notizie .scribastoria ul{margin:3em 0 0 0;padding:0;list-style:none!important;background: url(../images/bg_td_vetrina.gif) no-repeat bottom left}
div#content_left div#notizie .scribastoria ul li{margin:14px 0;padding:0 0 0 20px;background:url(../images/ordine2.gif) no-repeat top left}
/* TECNOLOGIA */
div#content div#tecnologia { left:0; width: 100%; height:165px; fl oat:left;
}
div#content div#tecnologia div.titolo {background: #a30404; color: #fff; font-weight:bold; padding-left:10px; padd ing: 7px 3px 3px 10px; heigth: 20px; margin-bottom:0px; font-size:13px; bo rder-right:2px solid #fff; line-height:20px;
}
div#content div#tecnologia div.boxtec { color: #fff; padding:10px 4px 4px 10px; margin-bottom:5px; wid th: 150px; height:125px;
font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #000; line-height:1.2em
}
div#content div#tecnologia div.boxtestotec { color: #fff; padding:0px 4px 12px 0px; margin-bottom:5px; width: 395px; height:70px;
font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #000; line-height:1.40em
}
/* FLASH */
div#idflash {
rig ht: 0; float: right; width: 564px; height: 345px; margin: 0; t op: 0; padding:0px;
}
/* FOOTER */
div#footer {margin: 0; width: 990px;min-height:175px;height:auto!important;height:175px;padding:0;display:block;
}
/* PRODOTTI */
div#footer div#prodottiTitolo {left:0; width:320px; height:20px;line-height:20px;padding-left:10px; float:left; border-right:2px solid #fff; font-size:13px; background: #a30404; color: #fff; font-weight:bold;margin:0
}
div#footer div#prodotti div.testoprodotti {background: url(icona.gif) 10px 6px no-repeat; color: #fff; padding:4px 4px 4px 30px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11px; color: #000;position:relative
}
div#footer div#prodotti div.testo {color: #fff; padding:8px 4px 4px 10px; line-height:1.4em;
font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #000;margin:0;position:relative;
}
div#footer div#prodotti {width:330px; height:155px; float:left; border-right:2px solid #a30404;margin:0;padding:0;display:inline;position:relative
}
div#footer div#prodotti ul{margin-top:8px;padding:0;
}
div#footer div#prodotti ul li{list-style-type:none;margin:0;padding:0;
}
div#footer div#prodotti ul li a{display:block;background: url(icona.gif) 10px 5px no-repeat;padding:4px 4px 4px 30px;font-weight:bold; font-size: 11px; color: #2d2d2d;position:relative;line-height:12px;margin:0
}
* html div#footer div#prodotti ul li a{height:14px
}
div#footer div#prodotti ul li a:hover{color:#A71F1F
}
/* SOLUZIONI */
div#footer div#soluzioni { left:0; width:330px; height:155px; float:left;border-right:2px solid #a30404;
}
div#footer div#soluzioniTitolo {left:0; width:320px; height:20px;line-height:20px;padding-left:10px; float:left; border-right:2px solid #fff; font-size:13px; background: #a30404; color: #fff; font-weight:bold;
}
div#footer div#soluzioni div.titolo {background: #211f5e; color: #fff; font-weight:bold; padding: 7px 3px 3px 10px; heigth: 25px; margin-bottom:0px;border-right:2px solid #fff; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;color: #fff;
}
div#footer div#soluzioni div.testo {color: #fff; padding:8px 4px 4px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #000;margin:0;position:relative
}
div#footer div#soluzioni div.testosoluzioni {background: url(icona.gif) 10px 6px no-repeat; color: #fff; padding:4px 4px 2px 30px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11px;color: #000;margin:0;position:relative;
}
div#footer div#soluzioni ul{margin-top:8px;padding:0;
}
div#footer div#soluzioni ul li{list-style-type:none;margin:0;padding:0;
}
div#footer div#soluzioni ul li a{display:block;background: url(icona.gif) 10px 5px no-repeat;padding:4px 4px 1px 30px;font- weight:bold; font-size: 11px; color: #2d2d2d;position:relative;line-height:12px;margin:0
}
* html div#footer div#soluzioni ul li a{height:14px
}
div#footer div#soluzioni ul li a:hover{color:#A71F1F
}
div#footer div#soluzioni div.tuttelesoluzioni{
font-size: 11px; color: #211f5e; padding-left:10px; margin:0;text-decoration: underline; padding-top: 15px; font-weight:bold; display:block; pad ding-top: 2.8em;
}
/* FOCUS */
div#footer div#focus { left:0; width:320px; height:155px; float:left;
}
div#footer div#focus div.titolo {background: #211f5e; color: #fff; font-weight:bold; padding: 7px 3px 3px 10px; heigth: 25px; margin-bottom:0px;border-right:2px solid #fff; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;color: #fff;
}
div#footer div#focusTitolo {left:0; width:314px; height:20px;line-height:20px;padding-left:10px; float:left; border-right:2px solid #a30404; background: #a30404;font-size: 13px; color: #fff; font-weight:bold;
}
div#footer div#focus div.testo {color: #fff; padding:8px 4px 4px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #000;margin:0;position:relative
}
/* CLIENTI */
/*
div#footer div#clienti { left:0; width:320px; height:155px; float:left; padding-top: 8px
}
div#footer div#clientiTitolo {left:0; width:228px; height:20px;line-height:20px;padding-left:10px; float:left; border-right:2px solid #a30404;font-size: 13px; background: #a30404; color: #fff; font-weight:bold;
}
div#footer div#clienti div.testoclienti {background: url(icona.gif) 10px 6px no-repeat; color: #fff; padding:4px 4px 4px 30px; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #000;margin:0;position:relative
}
*/
/* Copyright */
div#copyright {
margin: 0; width: 990px; height:20px;border-top: 1px solid #777;padding-top:2px;clear:both!important;position:relative
}
div#copyright div.sx {left:0; width:300px; padding-left:10px; float:left; color: #777;
}
div#copyright div.sx a { font-size:11px; color: #777;text-decoration:underline;
}
div#copyright div.dx {right:0; width:350px; padding-right:10px; float:right;
font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #777; margin:0; position:relative;
}
div#copyright div.dx a {font-size:11px; color: #777;text-decoration:underline;
}
/* PAG. TESTO */
div#pagtesto {float: left; width: 670px;margin: 0; padding:0;display:inline;margin-left:30px;margin-top:27px;min-height: 500px!important; height: auto !important; height: 500px;
}
div#pagtesto a,div#pagtesto a:visited{color:#2d2d2d;text-decoration:underline;
}
div#pagtesto a:hover{color:#AD1B1B;
}
div#pagtesto h2 {font-weight:bold; font-size:14px; color:#2d2d2d;
}
div#pagtesto a.scribaregistered{font-size:78%;position:relative;bottom:.6em;text-decoration:none;margin:0;padding:0
}
div#pagtesto .registered{font-size:78%;position:relative;bottom:.6em;text-decoration:none;margin:0;padding:0
}
/* icona elenco puntato pag. interne */
div#pagtesto ul.ulcms{ list-style-image: url(icona.gif)!important; padding-left:40px; visibility:visible!important;
line-height:1.4; z-index:1;
}
div#pagtesto ul.ulcms li{ padding-bottom: 5px; list-s tyle-type: square; /* elenco puntato per firefox*/list-style-image: url(icona.gif)!important; p
}
/* MENU PAG. INTERNE */
div#menu{margin: 0; padding:0;left:0;margin-top:20px;width:250px;z-index:1;float:left;display:inline
}
div#menu div.titolomenu {background: #A30404; color: #fff; font-weight:bold; padding: 7px 3px 3px 10px; heigth: 25px; margin-bottom:0px;bord er-right:2px solid #fff; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;color: #fff;
}
div#menu ul{margin:0;padding:0;
}
div#menu ul li{list-style-type:none;border-bottom: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; padding:0;
backgro und: url(icona.gif) 10px 5px no-repeat;
}
div#menu ul li a.pdf{display:block;background: url(Ico_pdf.gif) 10px 5px no-repeat;padding:4px 4px 4px 30px; font-size: 11px; color: #211f5e;position:relative;line-height:12px;margin:0; line-height:1.2em; font-weight: bold;
}
div#menu ul li a.swf{display:block;background: url(ico_swf.gif) 10px 5px no-repeat;padding:4px 4px 4px 30px; font-size: 11px; color: #211f5e;position:relative;line-height:12px;margin:0; line-height:1.2em; font-weight: bold
}
div#menu ul li a.vuoto{display:block;padding:4px 4px 4px 30px; background: url(icona.gif) 10px 5px no-repeat;font-size: 11px; color: #2d2d2d;position:relative;line-height:12px;margin:0; line-height:1.2em; font-weight: bold
}
div#menu ul li .indirizzo{display:block;padding:4px 4px 4px 10px; backg round: url(icona.gif) 10px 5px no-repeat;font-size: 11px; color: #2d2d2d;position:relative;line-height:12px;margin:0; line-height:1.3em;
}
* html div#menu ul li a{height:14px; backgro und: url(icona.gif) 10px 5px no-repeat;
}
div#menu ul li a:hover{background-color: #F3F3F3;
}
/* */
div#menuinterno ul{margin:0;padding:0;bord er-top: 1px solid #D5D5D5;
}
div#menuinterno ul li{list-style-type:none; border-r ight: 1px solid #D5D5D5; border:0; padding:0; backgro und: url(icona.gif) 10px 5px no-repeat;
}
div#menuinterno ul li a.titolomenu{display:block;backg round: url(icona.gif) 10px 5px no-repeat;padding:4px 4px 4px 30px; font-size: 11px; color: #211f5e;position:relative;line-height:12px;margin:0; line-height:1.2em; font-weight: bold;
}
* html div#menuinterno ul li a{hei ght:14px;
}
div#menuinterno ul li a:hover{ backgroun d-color: #F3F3F3
}
/* CONTENT INTERNO */
div#contentinterno{font-size:87%;
}
html>body div#contentinterno{font-size:12px
}
.scribaevidenza{padding:17px;border:solid 1px #2d2d2d;display:block;margin:1.5em 0}
a.scribaregistered{font-size:78%;position:relative;bottom:.6em;text-decoration:none;margin:0;padding:0}
/* NAV 2 */
div#header ul#nav2{list-style:none;width:90px;margin:0;padding:5px 0;position:absolute;right:auto;left:899px;
l\eft:901px;top:63px;height: 10px;}
html>body div#header ul#nav2{top:56px}
div#header ul#nav2 li{margin:6px 10px 6px 10px}
div#header ul#nav2 li a{margin:0;padding:0 0 0 12px;font-size:12px;font-weight:bold;text-decoration:none!important}
div#header ul#nav2 li:first-child a{background:none!important}
div#header ul#nav2 li a:hover{color:#2d2d2d!important}
div#header ul#nav2 li a.white{color:#2d2d2d!important;font-variant: small-caps;}
div#header ul#nav2 li a.white:hover{color:#2d2d2d!important}
/* CLIENTI */
div#clienti{ margin: 0; left: 0; width:670px;
}
h3{ margin: 0; left: 0; padding-top:8px; height:16px; width:670px; font-size:13px;
}
div#clienti ul{margin-top:6px;padding:0;width:223px; float:left; marg in:0;padding:0;position:relative;
}
div#clienti ul li{list-style-type:none;margin:0;padding:0;
}
div#clienti ul li a{display:block;padding:0px 2px 3px 0px; font-size: 11px; color: #19274c;position:relative;
lin e-height:12px;margin:0; text-decoration:none!important;
}
* html div#clienti ul li a{height:14px;
}
div#clienti ul li a:hover{color:#A71F1F; text-decoration:underline!important
}
/* NEWS */
ul.archivio{margin:0;padding:0;list-style:none}
ul.archivio li{margin:2em 0;padding:0 0 10px 20px;text-align:justify;background:url(../images/icona.gif) no-repeat 2px 5px;border-bottom:solid 1px #F0F0F0}
ul.archivio li a{font-weight:bold}
/* CAMBIA PAGINA */
div.cambiapagina{text-align:center;width:400px;background:#FBFBFB;margin:10px auto;text-decoration:none!important;border:0;}
div.cambiapagina a{font-size:100%;padding:3px;background:#F3F3F3;text-decoration:none!important;border:0;}
div.cambiapagina a.selected{font-size:110%;color:#1F1D5C;font-weight:bold;background:transparent;text-decoration:none!important; border:0;}
div.cambiapagina a:hover{background:#D5D5D5;padding:3px;text-decoration:none!important; border:0;}
/* CLASSI EDITOR CMS */
.scribacogito{/*font-family:metabold;*/font-size:130%;font-weight:900;/*color:#7E1B38*/;color:#000;letter-spacing:.03em}
.scribaregistered{font-size:78%;position:relative;bottom:.6em;text-decoration:none;margin:0;padding:0}
ul.menu .scribaregistered{font-size:85%;position:relative;bottom:.6em;text-decoration:none}
.scribaevidenza{padding:17px;border:solid 1px #000065;display:block;margin:1.5em 0}
.scribaevidenza_aggiungi_prima_la_riga{background:url(../images/evidenza.gif) no-repeat top left;padding:0 0 0 14px;display:block;margin:1.5em 0}
body .scribaevidenza_aggiungi_prima_la_riga .scribaevidenza{border-left:0;margin:0}
body .scribaevidenza a{font-weight:bold;}
body .scribaevidenza p{margin:0;padding:0;}
body .scribaevidenza ul{margin:5px;padding:0}
div#pagtesto ol.ilcms{list-style:url(../images/bg_li_ul_dot_nero.gif)}
div#pagtesto ul.ulcms{list-style:url(../images/icona.gif)!important; padding-left:40px; visibility:visible!important; line-height:1.4; z-index:1;}
div#pagtesto ul.ulcms li{ list-style-type:square; /* elenco puntato per firefox*/
}
div#pagtesto .archivio p {text-align:left;margin:0}
div#pagtesto .archivio p.txtSinistra{text-align:left;margin:0}
div#pagtesto .archivio p.txtCentro{text-align:center;margin:0}
div#pagtesto .archivio p.txtDestra{text-align:right;margin:0}
div#pagtesto .imgSinistra{text-align:left}
div#pagtesto .imgCentro{text-align:center;margin:0 auto;display:block}
div#pagtesto .imgDestra{text-align:right}
div#pagtesto .scribastoria ul{margin:3em 0 0 0;padding:0;list-style:none!important;background: url(../images/bg_td_vetrina.gif) no-repeat bottom left}
div#pagtesto .scribastoria ul li{margin:14px 0;padding:0 0 0 20px;background:url(../images/ordine2.gif) no-repeat top left}