/*
Theme Name: dellerba-theme 
Description:  Realizzato da Alter Studio per Studio Dell'Erba.  
Version: 1.0 
Author: Alter Studio snc
Site: http://www.alterstudio.it 
*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300);
@font-face {
    font-family: 'futura_xblkcn_btextra_black';
    src: url('fonts/futura_xblkcn_bt_extra_black_0-webfont.eot');
    src: url('fonts/futura_xblkcn_bt_extra_black_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/futura_xblkcn_bt_extra_black_0-webfont.woff2') format('woff2'),
         url('fonts/futura_xblkcn_bt_extra_black_0-webfont.woff') format('woff'),
         url('fonts/futura_xblkcn_bt_extra_black_0-webfont.ttf') format('truetype'),
         url('fonts/futura_xblkcn_bt_extra_black_0-webfont.svg#futura_xblkcn_btextra_black') format('svg');
    font-weight: normal;
    font-style: normal;

}
/**************** RESET************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
html{background-color: #1b75bc;background-image: url(images/sfnd_blu.png);background-repeat: repeat-x;background-position: 0px 0px;font-family: 'Open Sans',sans-serif;font-size: 89%;color:#666;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.2;
}
ol, ul {
	list-style: none;margin-bottom:20px;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{text-decoration:none;font-weight:bold;color:#187ab2;}
a:hover{color:#f16811;}
/**************************************/
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
*behavior: url(boxsizing.htc);
}
img.scala {
 max-width:100%;
 height:auto;
 width: auto;
 /*raf*/
 border: 3px solid #fff;
box-shadow: 2px 2px 16px #cccccc;
}
img.scala-noshadow {
 max-width:100%;
 height:auto;
 width: auto;
 border: 4px solid #2091cd;
}
/*raf immagini*/
img.miniatura{
max-width:172px;
float: left;
display: block;
margin: 8px 25px 8px 0px ;
}
img.min-links{
max-width:90px;
max-height:90px;
float: left;
display: block;
margin: 0px 25px 8px 0px ;
}
img.page-sx{
max-width:200px;
float: left;
display: block;
margin: 5px 35px 10px 0px ;
}
img.page-dx{
max-width:200px;
float: right;
display: block;
margin: 5px 0px 10px 35px ;
}
img.page-center{
max-width:200px;
display: block;
margin: 0 auto;
}
.riga-totale {
 width: 100%;
 /*min-width: 720px;
margin: 30px auto;*/
 clear:both;
}
.riga-totale-footer {
width: 100%;
margin: 0px auto 0px auto;
clear:both;
position:relative;
}
.nav-menu {margin: 0px auto;max-width:960px;}
/* raf paginazione ***/
.testo-pag{margin-right:15px;}
.paginazione{margin-top:55px;height:15px;font-size:13px;}
.paginazione a{color:#ffffff;font-weight:normal;}
.paginazione a:hover{color:#51bbd2;text-decoration:none;}
.page-numbers a, .currentpage {
-moz-border-radius: 8px;
border-radius: 8px;}
.page-numbers a:link{background:#2d97af;color:#ffffff;padding:3px 7px 4px 8px;margin-right:4px;}
.page-numbers a:hover{background:gold;color:#000000;}
.currentpage, .currentpage a:hover{background:#51bbd2;color:#ffffff;padding:4px 11px 5px 11px;font-size:18px;-moz-border-radius: 8px;
border-radius: 8px;}
/*******raf stycky footer********/
html, body {
    height: 100%;
}
.filigrana_totale {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -195px;
	background: url("images/prog-footer.jpg") no-repeat 90% bottom;
}
.filigrana_totale_2 {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -91px;
	 background: url("images/geoterm_sf.png") repeat right -230px;
}

.riga-totale-footer, #push {
    height: 145px;
    clear: both;
}
/******raf tornaindietro*******/
#tornaindietro{background-color: #DDDDDD;display: block;font-size: 11px;margin: 0 auto;padding: 0 5px;text-align: center;width: 150px;}
#tornaindietro_bott{background-color: #DDDDDD;display: block;font-size: 11px;margin: 0 auto;padding: 0 5px;text-align: center;width: 150px;}
#tornaindietro:hover,#tornaindietro_bott:hover{background-color: #187ab2;color:white;}
/********************/

.filigrana_foglio{max-width: 960px;
margin:0px auto 20px auto;box-shadow:0px 0px 25px #02324f;
background-image: url("images/sf_top_foglio.jpg");background-repeat: repeat-x;
background-position: top center;background-color:#ffffff;border-top:1px solid #ffffff;
}
.foglio{
width: 100%;
/*max-width: 1024px;*/
padding: 40px 4% 30px 3%;
margin: 0 auto;
line-height: 26px;
}
.space-homep{
	margin-top:none;padding-top:8%;
}
.breadcrumb{ max-width:940px; margin:12px auto 0px auto;padding:0px 10px; font-size:10px; font-family: 'Open Sans', Helvetica, sans-serif;text-align:right;}
.breadcrumb li{display:inline;}
.breadcrumb a{text-decoration:none;color:#2091cd;}
.riga, .contenitore-footer {
width: 100%;
max-width: 960px;
/*min-width: 720px;*/
margin: 30px auto;
}
.contenitore-footer{margin: 0 auto;}
[class*='colonna-'], [class*='galleria-']{
 float: left;
 display: block;
 padding: 0 30px;/*text-align: justify;*/position:relative;
}
/*raf*/
.colonna-1-4 {
 width: 25%;
}
.colonna-3-4 {
 width: 75%;
}
/*raf*/
.colonna-1-3 {
 width: 33.33%;
}
 
.colonna-1-2 {
 width: 50%;
}
 
.colonna-1 {
 width: 100%;
}
[class*="colonna-"] + [class*="colonna-"]:last-child {float: right;}

/* Micro-clearfix */
 
.riga:before,
.riga:after,.riga-totale:before,
.riga-totale:after,.contenitore-footer:before,.contenitore-footer:after {
 content: " ";
 display: table;
}
 
.riga:after, .riga-totale:after, .contenitore-footer:after {
 clear: both;
}
 
.riga, .riga-totale,.contenitore-footer {
 *zoom: 1;
}
/*header*/
.logotop{width:452px;height:265px;background:url(images/logo_panel.png) no-repeat 0 -40px transparent;position: relative;margin: 0;float:right;}
.logotop span{position:absolute;left:-9999px;}
.naming_logo{width:232px;height:225px;background:url(images/naming_specif.png) no-repeat 0 0 transparent;position: relative;left: 210px;top: 30px;}
.naming_logo span{position:absolute;left:-9999px;}
/*sidebar*/
.sf_sidebar{text-align:left;background: linear-gradient(to bottom, #ededed 0%, #c5c5c5 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);box-shadow:4px 4px 10px #eeeeee;padding:15px;min-width: 120px;list-style:none;}
.sf_side_azzurro{color:#ffffff;background: linear-gradient(to bottom, #51bbd2 0%, #28889e 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);box-shadow:3px 4px 8px #dddddd;padding:15px;border-radius: 12px;}
.sf_sidebar h3{line-height:20px;margin-top:15px;color:#999999;text-shadow:1px 1px 1px #ffffff;border-bottom:1px solid #cccccc;padding-bottom:10px;margin-bottom:15px;margin-top:5px;box-shadow:0px 1px #ffffff;}
.sf_sidebar ul li{line-height: 15px;font-family: 'Open Sans', Helvetica, sans-serif;text-transform:uppercase;margin-bottom:10px;}
/*footer*/
.font-naming{font-family: 'futura_xblkcn_btextra_black';/*"Open Sans",Helvetica,sans-serif;font-weight:800;*/}
.font-specifica{font-family: "Open Sans Condensed",Helvetica,sans-serif;font-weight:700;text-transform:uppercase;}
.font-indirizzo{font-family: "Open Sans",Helvetica,sans-serif;font-weight:700;}
.font-indirizzo-contatti{font-family: "Open Sans",Helvetica,sans-serif;font-weight:700;font-size:12px;color: #999999;}
.font-indirizzo-contatti a{color:#1b75bc;}
.font-indirizzo-contatti .blu{color:#1b75bc;}
.font-indirizzo a{color:#ffffff;}
.font-indirizzo a:hover, .font-indirizzo-contatti a:hover{background-color:#ffffff;color:#08273f;border-radius:0px 6px 6px 0px;}
/*menu - vedi il file style_menu.css*/
/* tipografia */
h1, h2, h3, h4, h5, h6{
font-family: 'Open Sans', sans-serif;font-weight:900;/*text-transform:uppercase*/;letter-spacing: -1px;
   font-size: 48px;
	margin-top: 20;	 /* La rimozione del margine superiore permette di aggirare il problema che si crea quando i margini possono fuoriuscire dal div che li contiene. Il margine inferiore che rimane permetterà di distanziare gli elementi che seguono. */
	line-height: 40px;
	padding-right: 1px;padding-left: 1px; /* L'aggiunta di una spaziatura ai lati degli elementi contenuti nei div, anziché ai div stessi, consente di evitare ogni calcolo matematico relativo ai riquadri. Come metodo alternativo si può anche utilizzare un div nidificato con spaziatura laterale. */
}
h2,h3{
	border-bottom: 1px solid #e5f4ee;
	color: #187ab2;
	font-size: 32px;
	margin-bottom: 20px;
	padding-bottom: 18px;
	text-align: left;
	text-shadow: 2px 3px 3px #dddddd;
}
h3{font-size: 18px;border-bottom:none;margin: 30px 0px 0px 0px;padding-bottom: 0px;line-height: 28px;}
h4{font-size: 16px;color: #187ab2;}
h5{font-size: 14px;color: #187ab2;}
h6{font-size: 10px;}
.foglio p{text-align:justify;}
.elenco li, .elenco li ul li, .elenco li ul li ul li{
	background-image: url(images/check.png);background-position: 0 3px;background-repeat: no-repeat;/*height: 40px;*/margin-bottom:12px;padding-left: 35px;
}
.elenco li ul li{background-image: url(images/bullet2.png);}
.elenco li ul li ul li{background-image: url(images/bullet2-2.png);}
.elenco li ul li ul li ul li{background-image: url(images/bullet2-3.png);}
.elenco-no li{
	background-image: url(images/ics.png);background-position: 0 1px;background-repeat: no-repeat;/*height: 40px;*/margin-bottom:12px;padding-left: 35px;
}
.elenco, .elenco-no{margin:15px 5px;}
p{margin:15px 0px;}
strong{
	font-weight:bold;
}
.responsive-tabs .responsive-tabs__list__item, .responsive-tabs .responsive-tabs__heading{text-shadow:none;font-family: 'Open Sans', sans-serif;font-weight:900;font-size: 16px;}
.responsive-tabs .responsive-tabs__list__item--active{color:#187ab2;}
/* form wpcf7
.wpcf7-list-item{
	display:block;
}*/
/*BLOG*/
.blocco-data{min-width:100px;float:left;padding:0px 10px 2px 25px;margin:0px 10px 5px -60px;background: linear-gradient(to bottom, #51bbd2 0%, #2d97af 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);color:#ffffff;font-weight:bold;font-style:italic;font-size:13px;-moz-box-shadow: 2px 2px 6px #999999;-webkit-box-shadow:2px 2px 6px #999999;box-shadow: 2px 2px 6px #999999;}
.data-archive{float:none;display:table;}
blockquote{background-color:yellow;/*box-shadow: 0 1px 4px #014d79;font-family: "Oswald",sans-serif;font-size: 17px;font-weight: 300;*/border-radius:14px;padding: 1px 25px;color:#333333;}
/*tabelle*/
.tab_staff_int, .tab_gen{-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;table-layout: fixed;width: 100%;margin-bottom:25px;border:2px solid #f6d20c;font-size:90%;line-height:20px;-moz-box-shadow: 2px 2px 15px #dddddd;-webkit-box-shadow:2px 2px 15px #dddddd;box-shadow: 2px 2px 15px #dddddd;font-family: 'Open Sans', Helvetica, sans-serif;text-transform:uppercase;font-weight: bold;}
.top_staff_int, .tab_gen th{min-height: 30px;text-align: right;padding: 2%;border-bottom: 1px solid #f6d20c;font-size: 120%;color: #b59b09;background-color: #f6d20c;text-transform: uppercase;}
.dx_staff_int, .tab_gen td{text-align:left;/*padding: 2%;*/padding:5px 10px 5px 10px;border-collapse:1px solid #2d97af;border:1px solid #b59b09;background-color: #ffffff;}
.sx_staff_int{width:30%;text-align:right;/*padding: 2%;*/padding:5px 10px 5px 10px;border:1px solid #b59b09;background-color: #ffffff;color:#b59b09;}
.tab_gen .nota{font-size:70%;color:#666666;background-color:#eeeeee;}
.tab_gen td{text-align:left;border-collapse:1px solid #2d97af;}
.tab_gen th{border: 2px solid #b59b09;text-align:center;}
/*pulsanti*/
.puls_blu, .pulsantone_home span, .attachment-link,.puls_submit{
float:right;background: linear-gradient(to bottom, #69b0d8 0%, #187ab2 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 2px 10px #aaaaaa;-webkit-box-shadow:0 2px 10px #aaaaaa;box-shadow: 0 2px 10px #aaaaaa;
    font-family: "Open Sans",Helvetica,sans-serif;azimuth: #d3eced;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 10px 20px;
    text-decoration: none;
    text-transform: uppercase;
	 color:#ffffff;
	 border-radius:6px;
	 line-height: 16px;
	 text-align:center;
}
.puls_submit{
	border: none;
	float: left;
	margin-top: 20px;
	cursor: pointer;
}
.puls_blu:hover, .attachment-link:hover,.puls_submit:hover{
color: #333333;background: #f6d70a;
}
.pulsantone_home img{}
.pulsantone_home{
-webkit-transition: width 0.5s, height 0.5s, margin 0.5s, -webkit-transform 1s;  /* For Safari 3.1 to 6.0 */
transition: width 0.5s, height 0.5s, margin 0.5s, transform 1s;
opacity: 0.85;
filter: alpha(opacity=85); /* For IE8 and earlier */
}
.pulsantone_home span{font-size:18px;line-height: 22px;float:none;}

.pulsantone_home:hover{
-webkit-transition: width 0.5s, height 0.5s, margin 0.5s, -webkit-transform 0.5s;  /* For Safari 3.1 to 6.0 */
transition: width 0.5s, height 0.5s, margin 0.5s, transform 0.5s;
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
margin-top:-20px;
}

.pulsantone_home:hover span{
	color: #2d97af;background: #ffffff;
}

.scaricapdf{background-color:#eeeeee;/*background:url(images/pdf.png) no-repeat #eeeeee;background-size:90px auto;padding:20px 20px 20px 100px;min-width:200px;*/border-radius:40px;display:block;}
.scaricapdf:hover{background-color:gold;}

/*contatti*/
.mappa{border: 4px solid #ffffff;
 -moz-box-shadow: 4px 4px 15px #eeeeee;-webkit-box-shadow:4px 4px 15px #eeeeee;box-shadow: 4px 4px 15px #eeeeee;}
.mappa .small{font-size:12px;}
.mappa .small a,.mappa_contatti .small a:visited{text-decoration:none;color:#4A4956;}
.mappa .small a:hover{text-decoration:underline;}
/*form*/
.contactForm{width:100%;}
.contactForm input, .contactForm textarea{border-radius:12px;border:0px; background-color:#eeeeee;padding:7px 10px;}

div.wpcf7-response-output {
    background-color: yellow;
    box-shadow: 0 2px 8px #dddddd;
    color: #333333;
    float: right;
    position: relative;
    right: 0;
    text-align: left;
    top: -70px;
    width: 45%;
    z-index: 30;
}
/*area download*/
.itemdownload{
text-align:center;background: linear-gradient(to bottom, #eeeeee 0%, #dddddd 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);list-style:none;
margin-bottom:25px;padding:20px;/*background:#eeeeee;box-shadow:4px 4px 10px #eeeeee;*/-moz-box-shadow: 4px 4px 10px #eeeeee;-webkit-box-shadow:4px 4px 10px #eeeeee;box-shadow: 4px 4px 10px #eeeeee;}
.download-attachments{}
.download-attachments ul li{/*border:none;*/}
.download-title{display:none;}
.attachment-icon{}
.attachment-link{float:none;display:inline-block;margin:10px;}
.download-attachments ul li span{}

.attachment-date, .attachment-size,.attachment-downloads{font-family: "Open Sans",Helvetica,sans-serif;font-weight:bold;/*border-right:1px solid #aaaaaa;*/padding-right:10px;margin-right:10px;font-size:90%;display:inline-block;}
.download-attachments ul li span span{font-weight:normal;}
.attachment-description{padding:3px 8px;background-color:#eeeeee;border-radius:6px;display:block;margin-bottom:5px;margin-top:10px;font-style:italic;}
.attachment-date{}
.attachment-size{}

/************************************************************/
.sticky,
.bypostauthor,
.gallery-caption {
   display: normal;
}
 
.alignnone {
   margin: 1em 1em 1em 0;
}
 
.aligncenter,
div.aligncenter {
   display:block;
   margin: .5em auto;
}
 
.alignright {
   float:right;
   margin: 0 0 1em 1em;
}
 
.alignleft {
   float:left;
   margin: 0 1em 1em 0;
}
 
.aligncenter {
   display: block;
   margin: 1em auto;
}
 
img,
img[class*="align"],
img[class*="wp-image-"] {
   max-width: 100%;
   height: auto;
}
 
img.wp-smiley {
   border: none;
   margin-bottom: 0;
   margin-top: 0;
   padding: 0;
}
 
img.alignright {
   margin-left: 1em 0 1em 1em;
}
 
img.alignleft {
   margin: 1em 1em 1em 0;
}
 
img.aligncenter{
   display: block;
   margin: 1em auto;
}
 
img#wpstats {
   display: block;
   margin: 0 auto;
}
 
img[class*="align"],
img[class*="wp-image-"],
   .gallery .gallery-icon img {
   border: none;
}
 
.wp-caption {
   margin-bottom: 1em;
   margin-left: 0;
   max-width: 96%;
   text-align: center;
}
 
.wp-caption img {
   display: block;
   margin: 0 auto;
}
 
.wp-caption-text {
   position: relative;
   font-size: .8em;
}
 
.gallery {
   margin: 0 auto;
}
 
.gallery .gallery-item  {
   margin: 0;
   float: left;
   text-align: center;
   width: 33%;
}
 
.gallery a img {
   border: none;
}
 
[class*="gallery-columns-"] .gallery-item {
   width: 25%;
}
 
[class*="gallery-columns-"] .gallery-item img {
   width: 100%;
   height: auto;
}
 
.comments ol    {
   padding-left: 0;
}
 
.comments ol li {
   margin: 0;
}
 
.comment-author {
   padding: 0;
   text-decoration: none;
}
/************************************************************/
@media screen and (max-width : 880px) {
embed,
   object {
      max-width: 100%;
   }
}
@media screen and (max-width : 768px) {
.foglio{padding:30px 10px 20px 8px;}
.colonna-1{padding:0px;}
.galleria-1-4 {width: 33%}
.breadcrumb{}
.duefotofoot{display:none;}
.blocco-data {margin-left:-35px;}
.logotop{}
[class*="gallery-columns-"] .gallery-item {
      width: 33.33%;
   }
 
[class*="gallery-columns-"] .gallery-item img {
      width: 100%;
      height: auto;
   }
} 
@media screen and (max-width : 480px) {
.logotop{margin:0 auto;background-size: 180px auto;width:100%;background-position: 0 -28px;}
.naming_logo{background-size: 180px auto;width: 180px;left: 170px;}
.colonna-1,.colonna-1-4, .colonna-1-2,.colonna-1-3,.colonna-3-4 {
 width: 100%;margin-bottom:20px;
}
.foglio{padding-top:40px;}
.space-homep{margin-top:none;padding-top:20%;}
/*raf immagini*/
img.miniatura, img.page-sx, img.page-dx{max-width:100%;clear:both;margin:25px auto 25px auto;float:none;}
.pulsantone_home:hover{width:110%;}
.tab_gen td{font-size: 80%;line-height: 16px;}
.tab_gen th{font-size:90%;}

[class*="gallery-columns-"] .gallery-item {
      width: 50%;
   }
 
[class*="gallery-columns-"].gallery-item img {
      width: 100%;
      height: auto;
   }
}
@media screen and (max-width : 320px) {  
.breadcrumb{display:block;}
.logotop{background-size: 135px auto;background-position: 0 -20px;}
.naming_logo{background-size: 140px auto;width: 140px;left: 130px;margin-top:-10px;}
.tab_gen th, .tab_gen td{font-size:70%;}
}