/* 00 - GLOBAL ELEMENTS /* ----------------------------------------------*/
/* reset.css */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q,  ol, ul, li, fieldset, form, label, legend, table, caption,  thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
table, td, th { vertical-align:middle; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
a img { border:none; }
body {line-height:1.5;font-size:75%; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 0 ;  width: 100%; display: table;}
img { border: 0; }
/* grid.css */

div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 { float:left; margin-right:10px; }

.span-1{width:30px;}.span-2{width:70px;}.span-3{width:110px;}.span-4{width:150px;}.span-5{width:190px;}.span-6{width:230px;}.span-7{width:270px;}.span-8{width:310px;}.span-9{width:350px;}.span-10{width:390px;}.span-11{width:430px;}.span-12{width:470px;}.span-13{width:510px;}.span-14{width:550px;}.span-15{width:590px;}.span-16{width:630px;}.span-17{width:670px;}.span-18{width:710px;}.span-19{width:750px;}.span-20{width:790px;}.span-21{width:830px;}.span-22{width:870px;}.span-23{width:910px;}.span-24,div.span-24{width:950px;margin:0;}.append-1{padding-right:40px;}.append-2{padding-right:80px;}.append-3{padding-right:120px;}.append-4{padding-right:160px;}.append-5{padding-right:200px;}.append-6{padding-right:240px;}.append-7{padding-right:280px;}.append-8{padding-right:320px;}.append-9{padding-right:360px;}.append-10{padding-right:400px;}.append-11{padding-right:440px;}.append-12{padding-right:480px;}.append-13{padding-right:520px;}.append-14{padding-right:560px;}.append-15{padding-right:600px;}.append-16{padding-right:640px;}.append-17{padding-right:680px;}.append-18{padding-right:720px;}.append-19{padding-right:760px;}.append-20{padding-right:800px;}.append-21{padding-right:840px;}.append-22{padding-right:880px;}.append-23{padding-right:920px;}.prepend-1{padding-left:40px;}.prepend-2{padding-left:80px;}.prepend-3{padding-left:120px;}.prepend-4{padding-left:160px;}.prepend-5{padding-left:200px;}.prepend-6{padding-left:240px;}.prepend-7{padding-left:280px;}.prepend-8{padding-left:320px;}.prepend-9{padding-left:360px;}.prepend-10{padding-left:400px;}.prepend-11{padding-left:440px;}.prepend-12{padding-left:480px;}.prepend-13{padding-left:520px;}.prepend-14{padding-left:560px;}.prepend-15{padding-left:600px;}.prepend-16{padding-left:640px;}.prepend-17{padding-left:680px;}.prepend-18{padding-left:720px;}.prepend-19{padding-left:760px;}.prepend-20{padding-left:800px;}.prepend-21{padding-left:840px;}.prepend-22{padding-left:880px;}.prepend-23{padding-left:920px;}.pull-1{margin-left:-40px;}.pull-2{margin-left:-80px;}.pull-3{margin-left:-120px;}.pull-4{margin-left:-160px;}.pull-5{margin-left:-200px;}.pull-6{margin-left:-240px;}.pull-7{margin-left:-280px;}.pull-8{margin-left:-320px;}.pull-9{margin-left:-360px;}.pull-10{margin-left:-400px;}.pull-11{margin-left:-440px;}.pull-12{margin-left:-480px;}.pull-13{margin-left:-520px;}.pull-14{margin-left:-560px;}.pull-15{margin-left:-600px;}.pull-16{margin-left:-640px;}.pull-17{margin-left:-680px;}.pull-18{margin-left:-720px;}.pull-19{margin-left:-760px;}.pull-20{margin-left:-800px;}.pull-21{margin-left:-840px;}.pull-22{margin-left:-880px;}.pull-23{margin-left:-920px;}.pull-24{margin-left:-960px;}.pull-1,.pull-2,.pull-3,.pull-4,.pull-5,.pull-6,.pull-7,.pull-8,.pull-9,.pull-10,.pull-11,.pull-12,.pull-13,.pull-14,.pull-15,.pull-16,.pull-17,.pull-18,.pull-19,.pull-20,.pull-21,.pull-22,.pull-23,.pull-24{float:left;position:relative;}.push-1{margin:0 -40px 1.5em 40px;}.push-2{margin:0 -80px 1.5em 80px;}.push-3{margin:0 -120px 1.5em 120px;}.push-4{margin:0 -160px 1.5em 160px;}.push-5{margin:0 -200px 1.5em 200px;}.push-6{margin:0 -240px 1.5em 240px;}.push-7{margin:0 -280px 1.5em 280px;}.push-8{margin:0 -320px 1.5em 320px;}.push-9{margin:0 -360px 1.5em 360px;}.push-10{margin:0 -400px 1.5em 400px;}.push-11{margin:0 -440px 1.5em 440px;}.push-12{margin:0 -480px 1.5em 480px;}.push-13{margin:0 -520px 1.5em 520px;}.push-14{margin:0 -560px 1.5em 560px;}.push-15{margin:0 -600px 1.5em 600px;}.push-16{margin:0 -640px 1.5em 640px;}.push-17{margin:0 -680px 1.5em 680px;}.push-18{margin:0 -720px 1.5em 720px;}.push-19{margin:0 -760px 1.5em 760px;}.push-20{margin:0 -800px 1.5em 800px;}.push-21{margin:0 -840px 1.5em 840px;}.push-22{margin:0 -880px 1.5em 880px;}.push-23{margin:0 -920px 1.5em 920px;}.push-24{margin:0 -960px 1.5em 960px;}.push-1,.push-2,.push-3,.push-4,.push-5,.push-6,.push-7,.push-8,.push-9,.push-10,.push-11,.push-12,.push-13,.push-14,.push-15,.push-16,.push-17,.push-18,.push-19,.push-20,.push-21,.push-22,.push-23,.push-24{float:right;position:relative;}
div.border{padding-right:4px;margin-right:5px;border-right:1px solid #eee;}div.colborder{padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.showgrid { background:url(http://www.lucamercury.com/asset/css/src/grid.png); }
.clearfix:after, .container:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix, .container { display:inline-block; }
* html .clearfix, * html .container { height:1%; }
.clearfix, .container { display:block; }
.clear { clear:both; }
div.last { margin-right:0; }
div.first { margin-left:0; }


/* 01 - TYPOGRAPHY /* ----------------------------------------------*/

ul li { display: inline; list-style-type: none; margin: 0; }
a:link, a:visited { text-decoration: none; -moz-outline-style: none;}
a:hover { text-decoration: underline; -moz-outline-style: none;}
a:active { outline: none; -moz-outline-style: none; }
a:focus { outline: none; -moz-outline-style: none; }

/* 02 - STRUCTURE /* ----------------------------------------------*/

#container {/*boxmodel*/width:880px; height:inherit;border: inherit;margin-top: 18px;padding:inherit;/*fine boxmodel*/}
.container { width: 880px; margin: 0 auto;}

/*
WRAPPER

wrapper è il primo elemento ad avere position relative
questo consente ai successivi elementi con position absolute
di avere come punto 0 l'angolo in alto a sinistra di wrapper


*/ 
#wrapper {/*boxmodel*/width: 880px; height:inherit;border: inherit;margin: inherit;padding:inherit;/*fine boxmodel*/; position: relative; overflow:hidden}
/*


*/

/* 03 - IMG-LOGO /* ----------------------------------------------*/ 
#mercury_img-logo{/*boxmodel*/width:190px; height:54px; border: 0;margin: 0;padding:0;/*fine boxmodel*/}
#mercury_img-logo img{/*boxmodel*/width:190px; height:54px; border: 0;margin: 0;padding:0;/*fine boxmodel*/ display:block; }
#mercury_img-logo h1  {display: none;}



/* 04 - MAIN-NAVIGATION /* ----------------------------------------------*/ 
#mercury_main-navigation{width:630px; height:54px; overflow: hidden}	 
#mercury_main-navigation ul li { float:left; list-style-type:none;position:relative; margin:0; }
#mercury_main-navigation .homepage {border-bottom:0;padding-bottom:0;}
.homepage a, .news a, .referenze a, .newsletter a , .contatti a{ display:block; text-indent:-9009px;  background-repeat:no-repeat; background-color: transparent}
.homepage a {height:54px; width:155px; background-position:0 0;}
.news a {height:54px; width:100px; background-position: -155px 0;}
.referenze a {height:54px; width:115px; background-position:-255px 0;}
.newsletter a {height:54px; width:115px;background-position:-370px 0;}
.contatti a {height:54px; width:145px; background-position:-485px 0;}

/*stato di hover*/
.homepage a:hover , .homepage a.active {background-position:0 -54px;}
.news a:hover, .news a.active  { background-position: -155px -54px;}
.referenze a:hover, .referenze a.active  { background-position: -255px -54px;}
.newsletter a:hover, .newsletter a.active  { background-position: -370px -54px;}
.contatti a:hover, .contatti a.active  { background-position: -485px -54px;}

/*sub menu*/
ul.submenu {position:absolute; top:54px;left:71px;  padding:10px; ;background: transparent url(../immagini/main_menu_dropdown.png) no-repeat 0 0; width:119px; height:160px;  font-family: Arial; font-size: 12px;line-height: 19px ;z-index:500}
ul.submenu li { border-bottom: 1px dotted white; }
ul.submenu a{height:19px; width:99px; margin:2px 0 2px 0; background-image: none;text-indent:5px;}
ul.submenu a:link, ul.submenu a:active, ul.submenu a:visited{ text-decoration: none; color:#f1f3f4}
ul.submenu a:hover{ text-decoration: none; color:#606161; background-color: #d3d4d4}
/* triggers */
li.homepage ul.submenu { display: none; }
li:hover ul.submenu { display: block; }


/* 04 - WRAP-CONTENT /* ----------------------------------------------*/ 
#mercury_wrap-content {/*boxmodel*/height: 449px; width:868px;border: 0;margin: 0;padding:0;/*fine boxmodel*/}
#mercury_wrap-content div{overflow:hidden; }


#content{/*boxmodel*/width:868px; height:449px; border:0; margin:0; padding:0;/*fine boxmodel*/}

.home { padding-bottom:3em; border-bottom: 0.25em solid #e52b38; }


/* 05 - TITOLO /* ----------------------------------------------*/

h2 { font-size: 2em; line-height: 1.5em }
#titolo{height:105px; width:828px}
div#titolo  h2.sIFR-replaced { /**/margin-top: -0.75em}
#titolo h2 { font-family:"AvantGarGotItcTBoo"; font-size:15px; line-height: 108px; color:#000000; margin-bottom: 0.20em;  padding-left: 0.25em  }
#titolo h2 a { /*color:black*/}
.prima-lettera { color: red; }



#right,#left{ height:288px;padding:inherit;}
.home  #right {height:341px}


#right, h3.titolo,#menu_arco {/*boxmodel*/width:599px; /*fine boxmodel*/}


#left{/*boxmodel*/width:268px; /*fine boxmodel*/}
h3.titolo {height:36px; line-height: 36px; padding: 0 0 0 10px; width:590px;}


#contenitore-sopra, #contenitore-sotto{height:142px; width:229px ;padding-left:39px; float:left; position:relative; overflow:auto; }


#modulo_homepage{height:18px;width:150px; line-height: 18px;}
#modulo_homepage form{display:block}

#modulo_homepage button{height:18px; width:40px}


#mercury_footer { padding-top: 90px; padding-bottom:56px; text-align: center; font-size: 10px; color:# bdc6c6}


#titolo h3 { font-family:"Times New Roman", Times, serif; font-size: 1.5em; text-align: left; margin-top:-55px; font-style:italic; color: #869090;  }

/* 07 - MENU HOME /* ----------------------------------------------*/ 

#menu_arco {}

#menu_arco div.items_menu{}
#creativita a, #marketing a, #meps a, #noi a, #filosofia a, #identita a{width:598px; display:block; text-indent:-9009px; background: transparent url(../immagini/menu_arco.jpg)  no-repeat}

#creativita a{height: 37px; background-position: 0 -0px; }
#marketing a{ height: 35px; background-position: 0 -37px; }
#meps a{	  height: 46px; background-position: 0 -72px; }
#noi a{       height: 46px; background-position: 0 -118px;}
#filosofia a{ height: 45px; background-position: 0 -164px;}
#identita a{  height: 97px; background-position: 0 -210px;}

#creativita a:hover, #creativita a:active{background-position:0 -306px;}
#marketing a:hover, #marketing a:active{background-position:0 -343px;}
#meps a:hover, #meps a:active{background-position:0 -378px;}
#noi a:hover, #noi a:active{background-position:0 -424px;}
#filosofia a:hover, #filosofia a:active{background-position:0 -470px;}
#identita a:hover, #identita a:active{background-position:0 -516px;}



/* 06 - MAINCONTENT /* ----------------------------------------------*/

.pag-interna #maincontent {margin-top:60px}
.pag-interna #sidebar {margin-top:60px}
#maincontent {background: url(../immagini/angolo.png) no-repeat;background-position: 340px -15px; overflow:hidden;}
#sidebar, #maincontent { padding-top: 0.5em; text-align:justify; }
#sidebar h2 {font-size:18px;margin-bottom:1px;}
#sidebar {text-align:left;}
div.msg_body {
padding-bottom:5px;
border-top: 0.25em solid #e52b38;
margin-bottom: 15px;
text-align:left;
}

h3.msg_head {cursor: pointer;}

h3.msg_head:hover {text-decoration: underline;}

/* 07 - HOME COLUMN LEFT /* ----------------------------------------------*/



.elemento_base{padding-top:18px; height: inherit}


.half-column h2 { font-family:"AvantGarGotItcTBoo"; font-size: 24px; color:#3c3c3c}
.contenuto{padding:4em 4em 2em 1em; color:black; font-family: Arial; font-size: 12px; background: url(../immagini/angolo.png) no-repeat;background-position: -60px 0;}
.contenuto p {
padding-bottom:2em; font-style: italic;
}



#newsletter {height:160px;}


/* loopedSlider */
.img_container { position:relative; height:85px; width:168px; overflow:hidden; }
.img_container div { background-color:#eaeaea; opacity:0; z-index:0; position:absolute; top:0; left:0; width:100px; }
#loopedSlider { position:relative; width:168px; }
		
/* Custom settings */
.pagination,.nav-buttons { list-style-type:none; margin:0; padding:0; }
.pagination { margin:9px auto; width:200px; }
.pagination li,.nav-buttons li { float:left; margin:0 5px; }	
.pagination a { display:block; width:10px; padding-top:10px; height:0; overflow:hidden; background-image:url(../immagini/pagination.png); background-position:0 0; background-repeat:no-repeat;}
.pagination a.active {background-position:0 -10px}
li.p { position:absolute; top:50px; left:-32px; }
li.n { position:absolute; top:50px; right:-32px; }
		

/* 08 - FORM /* ----------------------------------------------*/ 

#contatti { text-align:left; }
/* 00 - misc /* ----------------------------------------------*/ 
#back_button { width: 100px; height: 300px; position: absolute; top: 150px; left: 0; color: white; z-index: 10; background-color: #000; }
#next_button { width: 100px; height: 300px; position: absolute; top: 150px; right: 0px; color: white; z-index: 11; background-color: #000; }
.lista-verticale li { display:list-item; }
.evidenze #wrap-content{height:100%; border-top: 1px solid #c3cfd0;}

/* 00 - contenuti /* ----------------------------------------------*/ 

a:link{color:red}


/* 04 - second-NAVIGATION /* ----------------------------------------------*/ 
#mercury_second-navigation{width:868px; height:54px; overflow: hidden}	 
#mercury_second-navigation ul li { float:left; list-style-type:none;position:relative; margin:0; }

.identita a, .filosofia a, .noi a, .meps a , .marketing a , .creativita a{ display:block; text-indent:-9009px;  background-repeat:no-repeat; background-color: transparent}

.identita a {height:54px; width:139px; background-position:0 0;}
.filosofia a {height:54px; width:150px; background-position: -139px 0;}
.noi a {height:54px; width:120px; background-position:-289px 0;}
.meps a {height:54px; width:166px;background-position:-409px 0;}
.marketing a {height:54px; width:132px; background-position:-575px 0;}
.creativita a {height:54px; width:161px; background-position:-707px 0;}

/*stato di hover*/
.identita a:hover , .identita a.active {background-position:0 -54px;}
.filosofia a:hover, .filosofia a.active  { background-position: -139px -54px;}
.noi a:hover, .noi a.active  { background-position: -289px -54px;}
.meps a:hover, .meps a.active  { background-position: -409px -54px;}
.marketing a:hover, .marketing a.active  { background-position: -575px -54px;}
.creativita a:hover, .creativita a.active  { background-position: -707px -54px;}


#modulo_homepage{width:156px}
#modulo_homepage .search {border: none;width: 156px;margin: 0 auto;}
#modulo_homepage input, .search button {border: none;float: left;}
#modulo_homepage input.box {color: #959797;font-size: 11px;line-height: 11px;width: 131px;height: 17px;padding: 0;background: transparent url(../immagini/iscrizione_newsletter.png) no-repeat;}
#modulo_homepage input.box:focus {background: #616161 url(../immagini/iscrizione_newsletter.png) no-repeat left -17px;outline: none;}
#modulo_homepage input.box:active {outline: none;-moz-outline-style: none; }
#modulo_homepage button.btn {width: 22px;height: 17px;cursor: pointer;text-indent: -9999px;background: transparent url(../immagini/iscrizione_newsletter.png) no-repeat top right;}
#modulo_homepage button.btn:hover {background: transparent url(../immagini/iscrizione_newsletter.png) no-repeat bottom right;outline: none;-moz-outline-style: none;}
#modulo_homepage button.btn:active {outline: none;-moz-outline-style: none;}


div.go{position:absolute; width:13px; height:13px; margin:0; padding:0;z-index:2}

#contenitore-sopra div.go, #contenitore-sotto div.go  {top:65px;left:240px}

div.go a {text-indent:-9009px;  background-repeat:no-repeat; background-color: transparent;display:block;width:13px;height:13px }
div.go a {background-image:url(../immagini/next.png); }

* html div.go a {
  background: none;
  position:relative;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.lucamercury.com/asset/immagini/next.png', sizingMethod='scale');
}