/* STRUCTURE */
body { background-color: #fff; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; font-size: 14pt; margin:0; padding:0; color:#333 }

header, footer, nav, section { display: block;}

div#page { width:960px; margin: 0 auto; }

header { position: relative; height: 138px; padding-top: 20px; margin-bottom:20px; border-bottom:1px #bbb solid; }
header a#logo { display:block; width:378px; height:110px; text-indent: -9000em; background:url('img/DevLeap-Logo.png') no-repeat left; margin-bottom: 50px; } 
header nav { font-size: 23pt; /*width:1020px;*/ margin-bottom:35px; }
header nav ul { margin:0; text-align: justify; }
header nav ul li { /*float:left; margin-right:37px;*/ display: inline; }
header nav ul li a { color:#666666; font-family:"Segoe UI Light", Tahoma, Geneva, Verdana, sans-serif; }
header nav ul li a:hover { color:#0084b5 }
header nav ul span { display: inline-block; position: relative; width: 100%; height: 0; }	
header ul#sceltalingua { position: absolute; top: 13px; right: 85px; margin:0; }
header ul#sceltalingua li { float: left; margin:0 10px; }
header ul#sceltalingua li a { color:#cccccc; font-weight:bold; font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif; }
header ul#sceltalingua li a:hover { color:#0084b5 }
header #beta { position: absolute; top: 15px; right: 190px; margin:0; font-size: 12pt; font-weight: bold; color: #666; }
/*header #beta { position: absolute; top: 138px; left: 289px; margin: 0; font-size: 10pt; font-weight: bold; color: #666; }*/

footer { border-top:1px #bbb solid; margin-top:100px; margin-bottom: 20px; color:#555; font-size:11pt; padding: 20px 0 0 0; }
footer #copyright { float:left; }
footer #footericons { float:right; }
footer #footericons a { display: inline-block; width: 32px; height: 32px; margin-left: 15px; background-image: url(img/footer-icons.png); background-repeat: none; }
footer #footericons a.mail { background-position: 0px 0px; }
footer #footericons a.mail:hover { background-position: 0px -32px; }
footer #footericons a.rss { background-position: -32px 0px; }
footer #footericons a.rss:hover { background-position: -32px -32px; }
footer #footericons a.wp7 { background-position: -64px 0px; }
footer #footericons a.wp7:hover { background-position: -64px -32px; }
footer #footericons a.fb { background-position: -96px 0px; }
footer #footericons a.fb:hover { background-position: -96px -32px; }
footer #footericons a.tw { background-position: -128px 0px; }
footer #footericons a.tw:hover { background-position: -128px -32px; }


/* TAGS */
.clear { clear: both; }

a { text-decoration:none; color:#016eb1; margin:0; padding:0}
a:hover { color: #003d62; }

a img { border: none 0; }

ul { list-style:none; margin:35px 0 35px 25px; padding:0}
ul ul { margin-top: 0; }

em { font-style:normal; color:#016eb1; }

h1 { font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif; font-size:18pt; color:#333; font-weight:normal; margin:70px 0 0 0 }

p { font-size: 14pt; margin: 0px 0 15px 0; text-align:justify;}
p.testoalldx { text-align:right; font-size:16px;}
.alignleft, .alignleft p { text-align: left !important; }

#maincontent strong, #maincontent b { color:#016eb1; }


/* BANNER */
#banner { display: block; width: 725px; height: 84px; padding: 25px 116px; background: #fff; position: absolute; top: -140px; border: solid 3px #016eb1;
	-webkit-transition: top 500ms ease; -moz-transition: top 500ms ease; -o-transition: top 500ms ease; transition: top 500ms ease;
}
#banner #linguetta { background:url('img/linguetta.png') no-repeat; display: block; width: 51px; height: 41px; position: absolute; bottom: -44px; right: 10px; cursor: pointer; padding: 3px 0px 0px 19px; }
#banner #linguetta .arrow { -webkit-transform: rotate(0deg); background:url('img/down.png') no-repeat; display: block; width: 33px; height: 33px; 
	-webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;
}
#banner.shown { top: 20px; }
.csstransitions #banner.shown #linguetta .arrow { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.csstransitions #banner #linguetta .arrow:hover { margin-top: 3px; }
.no-csstransitions #banner.shown #linguetta .arrow { background:url('img/up.png') no-repeat; }


/* HOMEPAGE */
div#homepage h1 { font-size:20pt; font-weight:normal; color:#016eb1; margin: 50px 0 20px 0; padding:0; font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif; }
div#homepage h1.first { margin: 0 0 20px 0; }
div#homepage p { font-size:14pt; margin: 0 0 33px 0; text-align:justify; color:#333 }
div#homepage p.textintro strong { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; }
div#homepage div.tile { font-size:14pt; line-height: 21pt; text-align: left; }
div#homepage div.tile a.title { font-size:30pt; font-family: "Segoe UI Light", Tahoma, Geneva, Verdana, sans-serif; font-weight: normal; line-height:37px; background-image: none !important; }
div.elncotileverticalecontent{ width:1130px}
div.elncotileverticalecontent div.elncotileverticale { width:240px; float:left; margin-right:120px; font-size:13pt; }
div.elncotileverticalecontent div.elncotileverticale a { width:127px; height:130px; color:#fff; font-size:30pt; display:block; background-color:#016eb1; float:left; margin: 0 10px 0 0; padding-left: 3px; line-height:37px }



/* TILES */
div.tile { float:left; font-size:13pt;}
div.tile a.title { height:130px; color:#fff; font-size:25pt; display:block; padding: 0 0 0 5px; text-align:left; background: #016eb1 url('img/right.png') no-repeat 97px 92px; float:left; margin: 0 10px 0 0; line-height:34px; /*font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;*/ 
	-webkit-transition: background 500ms ease; -moz-transition: background 500ms ease; -o-transition: background 500ms ease; transition: background 500ms ease; 
}
div.tile a.title:hover { background-color: #0093ed; }
div.tile a.title img { float:left; width:120px; height: 120px; margin: 5px 5px 0 0;  }

div.elencoa3tile { width:1050px }
div.elencoa3tile div.tile { width:280px; margin-right:63px; }
div.elencoa3tile div.tile a.title { width:130px; }
div.elencoa3tile div.tile a.title:active { width:128px; width:128px; margin: 1px 11px 1px 1px; }

div.elencoa2tile { width:1050px }
div.elencoa2tile div.tile { width:455px; margin-right:48px; margin-bottom:60px; text-align:justify }
div.elencoa2tile div.tile a.title { font-size:30px; width:240px; height:130px; background: #016eb1 url('img/right.png') no-repeat 203px 90px; }

div.elencoa3tile.titleonly div.tile a.title { font-family:"Segoe UI light", Tahoma, Geneva, Verdana, sans-serif !important; padding-top: 7px; padding-left:10px; height:123px; width:270px; font-size:29pt; /*background-image: url('img/simboloapri.png') !important;*/ background-position: 240px 90px !important; }
div.elencoa3tile.titleonly div.tile a.title:active { height:121px; width:268px; margin: 1px 11px 1px 1px; }

div.smalltitles a.title { font-size: 25px !important; }



/* PAGINA INTERNA */
div.titlecontainer { background-color:#016eb1; height:132px; position:relative; margin-bottom:35px; }
div.titlecontainer h1  { font-weight:normal; color:#fff; font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif; font-size: 33pt; line-height: 30pt; margin: 10px 0 0 10px; }
div.titlecontainer a.backbtn { background: url('img/indietro.png') no-repeat ; width:36px; height:36px; display:block; margin: 0 10px 10px 0; position:absolute; bottom:0; right:0;
							   -webkit-transition: margin 500ms ease; -moz-transition: margin 500ms ease; -o-transition: margin 500ms ease; transition: margin 500ms ease; }
div.titlecontainer a.backbtn:hover { margin-right: 15px; }
div.titlecontainer div.breadcrumb { color:#fff; font-size: 20px; margin-left:10px; margin-top:5px; }
div.titlecontainer div.breadcrumb a { color:#fff; font-size: 20px; }

ul.listanonespandibile, ul.listaespandibile { padding:0; font-size: 22pt; }
ul.listaespandibile {list-style-image: url('img/iconaaprinera.png'); }
ul.listanonespandibile { list-style: none; }
ul.listanonespandibile li, ul.listaespandibile li { margin: 15px 0 0 0px; }
ul.listanonespandibile li a { padding-left: 40px; background: url('img/iconaavantinera.png') no-repeat left center; }
ul.listaespandibile li.open { list-style-image: url('img/iconachiudinera.png') }
/*ul.listanonespandibile li.open { list-style-image: url('img/iconaindietronera.png') }*/
ul.listanonespandibile ul, ul.listaespandibile ul { margin:0 0 40px 25px;}
ul.listanonespandibile ul li, ul.listaespandibile ul li { font-size: 15pt; margin:10px 0 0 0px; list-style:none; }
ul.listnonaespandibile ul li a, ul.listaespandibile ul li a { font-size: 15pt; margin:15px 0 0 15px; }


/* DETTAGLIO STAFF */
div.imgemailcontent{ float:left; margin-right:15px;}
div.imgemailcontent a { font-size:14pt;}



/* NEWSLETTER */
table#tabellanewsletter { border-collapse:collapse; border:0 none; border-spacing:0; width:100%; margin-top:70px; margin-bottom:70px;}
table#tabellanewsletter td { font-size: 12pt; padding-bottom:22px;}
table#tabellanewsletter em { font-size: 15pt; }
table#tabellanewsletter small { font-size: 9pt; color: #666; }
table#tabellanewsletter input[type=submit] { float: right; margin-left: 30px; }
input[type=text] { width:445px; height:25px; padding: 2px 4px; margin-top:5px; font-size:16pt; line-height:25px; border:1px solid #016eb1; }
input[type=submit] { padding: 0 50px; height:30px; font-size:12pt; font-weight: normal; line-height:30px; background: #016eb1; color: #fff; border: 0 none; cursor: pointer; }
input[type=checkbox] { margin-right: 10px; }
div.checkbox { float: right; }


/* LIBRI */

div#elencolibri div.librosingolo { width:480px; height:196px; float:left; margin-bottom:60px;}
div#elencolibri div.librosingolo img { width:160px; height:196px; float:left; margin:0 20px 0 40px;}
div#elencolibri div.librosingolo div.descrizione {  font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif; font-size:12pt;}


/* CLIENTI */
div#clienti { width:1080px; }
div#clienti div.cliente { float: left; height: 320px; width: 450px; margin: 0 60px 0 0; text-align:justify; }
div#clienti div.cliente h1 { margin:0 0 10px 0; padding:0; font-size:20pt; text-align: left; }
div#clienti div.cliente img { max-width:120px; max-height:120px; float:left; margin:0 20px 10px 0;}
div#clienti div.cliente div.descrizione { font-size:12pt;}