/* Reset.css #ae5b1f*/	
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;outline:0;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
/*.clearfix { zoom: 1; }*/
html {overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
i, cite, em, var, address, dfn {
font-style: normal;
}

/*** General ***/

@font-face {
    font-family: 'gillsansstd-light';
    src: url('../fonts/gillsansstd-light.eot');
    src: url('../fonts/gillsansstd-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gillsansstd-light.woff') format('woff'),
         url('../fonts/gillsansstd-light.otf') format('truetype'),
         url('../fonts/gillsansstd-light.svg#gillsansstd-light') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gillsansstd';
    src: url('../fonts/gillsansstd.eot');
    src: url('../fonts/gillsansstd.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gillsansstd.woff') format('woff'),
         url('../fonts/gillsansstd.otf') format('truetype'),
         url('../fonts/gillsansstd.svg#gillsansstd') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gillsansstd-italic';
    src: url('../fonts/gillsansstd-italic.eot');
    src: url('../fonts/gillsansstd-italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gillsansstd-italic.woff') format('woff'),
         url('../fonts/gillsansstd-italic.otf') format('truetype'),
         url('../fonts/gillsansstd-italic.svg#gillsansstd-italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gillsansstd-bold';
    src: url('../fonts/gillsansstd-bold.eot');
    src: url('../fonts/gillsansstd-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gillsansstd-bold.woff') format('woff'),
         url('../fonts/gillsansstd-bold.otf') format('truetype'),
         url('../fonts/gillsansstd-bold.svg#gillsansstd-bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {font:normal 16px/1.8em "gillsansstd",Helvetica,Arial,sans-serif; color:#222222;width:100%;height:100%;overflow:hidden; background-color: #e7effa;}

h1, h2, h3, h4 {font-weight:normal;}
a:link, a:visited, a:active {color:#e5312e;}
a:hover {color:#e5312e; text-decoration: none;}
span {font-family:"gillsansstd";font-weight:normal;}
#page_home p+p, #page p+p {margin-top:10px;}
#page_home ul, #page ul {margin:5px 20px 10px 10px;}
#page_home ol, #page ol{margin:5px 20px 10px 30px;}
#page_home ul ul, #page ul ul {margin:5px 20px 10px 10px;}
#page_home li, #page li {margin:0 0 5px 5px;color:#e5312e;list-style:disc outside;}
#page_home li li, #page li li {list-style:circle outside;}
#page_home li p, #page li p {margin:0; padding:0; color:#222; /*line-height: 100%*/}

h2 a.anchor, h3 a.anchor  {text-decoration: none;}

.clear_both {clear: both; visibility: hidden; margin: 0; padding: 0; height: 0;}

/****************************************************************************************/



/*** STRUTTURA BASE ***/
#container {margin:0 auto;background:#fff;overflow:hidden;}
header {/*overflow:hidden;*/}
nav {float: right; margin: 77px 30px 0 0; /*width: 50%*/}
#page_home, #page {overflow:hidden;width:100%;float:left;}
aside {float:left;width:25%;margin-bottom:20px;}
footer {overflow:hidden;width:100%;float:left;padding:2% 0;}
#copyright {margin:10px auto; text-align: center; font-size: 0.8em;}

/* stili header */
#logo {float:left; padding: 20px 20px  10px 20px;}
#logo img {width:180px;}

/* menu mobile new */
.btn-responsive-menu {
		display: none;
		float: right;
		padding: 5px;
		cursor: pointer;
		margin: 25px 15px 0 0;
		color: #ffffff;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		background: #e5312e;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		position: relative;
		z-index: 10000;
		}


/* menu */
ul#mainmenu_home {position:relative;font-family:"gillsansstd";}
ul#mainmenu_home a:hover, ul#mainmenu_home a:focus, ul#mainmenu_home a:active, ul#mainmenu_home a:link,ul#mainmenu_home a:visited{display: block;text-decoration: none;}
ul#mainmenu_home a:hover {color: #e5312e;}
ul#mainmenu_home li{float:left; position:relative; z-index:6000; list-style:none; margin: 0 18px 0 18px; font-size: 1.2em;}
ul#mainmenu_home li#skills_link{margin: 0 28px 0 18px;}
ul#mainmenu_home li a {height:48px;padding:0;text-align:left;color:#222;}
ul#mainmenu_home li#skills_link a {width: 50px; cursor: default;}
ul#mainmenu_home li#skills_link a:hover {color:#222;}
ul#mainmenu_home li#skills_link ul li a {width: auto; cursor: pointer;}
ul#mainmenu_home li ul{display:none;background:#fff;overflow:hidden; width:215px;}
ul#mainmenu_home li:hover ul{display:block;}
ul#mainmenu_home li ul#item1 {position:absolute;left:0px; border-top: 3px solid #e5312e}
ul#mainmenu_home li ul#item2 {position:absolute;top:30px;left:-110px;}
ul#mainmenu_home li ul#item3 {position:absolute;top:30px;left:-220px;}
ul#mainmenu_home li ul#item4 {position:absolute;top:30px;left:-330px;}
ul#mainmenu_home li ul#item5 {position:absolute;top:30px;left:-510px;}
ul#mainmenu_home li ul#item6 {position:absolute;top:30px;left:-710px;}
ul#mainmenu_home ul ul{width:219px;min-height:20px;height:auto;margin-top:10px;}
ul#mainmenu_home li ul li ul li {width:215px;}
ul#mainmenu_home li ul li {margin-left:0;}
ul#mainmenu_home li ul li a{list-style:none;font-size:1.0em;text-align:left;padding:5px 10px;color:#e5312e;height:auto;}
ul#mainmenu_home li ul li a:hover {text-decoration:underline;}
ul#mainmenu_home ul li a:focus{display:block;}

ul#mainmenu_home li a.current:visited,ul#mainmenu_home li a.current:active, ul#mainmenu_home li a.current:hover, ul#mainmenu_home li a.current:link  {color: #e5312e;}

ul#mainmenu_home li ul li a {
font-size: 0.8em;
}
ul#mainmenu_home li#skills_link a:after{transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
content: ' >\0000a0';
color: #666;
font-size: 10px;
position: absolute;

}
ul#mainmenu_home li#skills_link ul li a:after{
display: none;
}



/*** HOMEPAGE ***/
#alert {display: none; width: 96%;background-color: #f1f354;padding: 1%;margin: 1% auto;font-size:12px;font-family:"gillsansstd";}
#camera_slider, #image_slider {margin: 0;padding:0;}

/* skills */
#skills .skills {clear: both; margin: 20px 0; padding: 0 20px;}
#skills .skills  .skills_txt {float: left; width: 50%;}
#skills h2 {background-color: #e5312e; padding: 12px 20px 7px 20px; color: #fff; font-size: 1.7em;}
#skills .skills  img {float: left; padding: 0 20px 40px 0; width: 45%;}
#skills .skills  h3, #page h3 {font-size: 1.5em; color: #e5312e;}
.more {background-color: #4d90fe; padding: 5px 15px; margin: 20px auto; display: block; width: 75px; text-align: center; border: 1px solid #3079ed}
.more a {color: #fff;}
.more a:link, .more a:active, .more a:visited {text-decoration: none;}
.more:hover {background-color: #357ae8; border: 1px solid #2f5bb7} 

/* camera slider */
#camera_wrap_1 {position:relative;margin-bottom:0 !important;}
.camera_pag {position:absolute;bottom:0px;right:0;float:right;margin-right:10px;}
.promote_news .title1 a, .promote_news .title2 a, .promote_news .title3 a, .promote_news .title4 a, .promote_news .title5 a{display:block;color:#fff;font-size: 1.6em;margin:0 0 5px 20px; /*height:35px; */ padding:10px 10px;text-decoration:none;width:410px;line-height:35px; opacity: 0.8;}
.title1 a{background:#457b34;}
.title2 a{background:#b83cc2;}
.title3 a{background:#436f9c;}
.title4 a{background:#e5312e;}
.title5 a{background:#2c67d1;}
.promote_news .subtitle {background:#fff;color:#222;font-size: 1.3em;margin:0 0 20px 20px;/*height:22px;*/padding:6px 10px;width:350px;opacity: 0.9;}
.promote_news .subtitle p.author {font-size: 0.7em; line-height: 100%; font-family:"gillsansstd-Italic";}

/*** PAGINE INTERNE ***/
#keywords, #portfolio {margin: 20px 0; padding: 0 20px;}

/* portfolio - keywords */
#page p + h3 {margin-top: 28px;}
.ask {background-color: #4d90fe; padding: 5px 15px; margin: 20px auto; display: block; width: 200px; text-align: center; border: 1px solid #3079ed}
.ask a {color: #fff;}
.ask a:link, .ask a:active, .ask a:visited {text-decoration: none;}
.ask:hover {background-color: #357ae8; border: 1px solid #2f5bb7} 

/* metodo - infografica */
#infografica {width: 98%;}
#infografica img {margin: 3% 0 0 10%; width: 80%;}

/* portfolio */
#portfolio h3 {clear: both; margin-bottom: 1%; margin-top: 2%}
#portfolio h4 {margin: 18px 0 5px 0; line-height: 110%; color:#e5312e; font-size: 1.1em}
#portfolio .portfolio .portfolio_item:nth-child(4n+1) {clear: left;}
#portfolio .portfolio_item {width: 20%; margin: 0 5% 4% 0; float: left; text-align: center;}
#portfolio .portfolio_item img {width: 99%; border: 1px solid #fff; vertical-align: bottom; margin-bottom: 0 !important;} /* 99% altrimenti l'overlay non si soprappone completamente */

.portfolio_image {position: relative;display: block;}

.portfolio_overlay {
z-index: 3;
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.9);
border: 1px solid #e5e5e5;
opacity: 0;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.portfolio_overlay:before {
content: url(../images/plus.png);
position: absolute;
top: 55%;
left: 50%;
margin: -14px 0 0 -14px;
font-size: 32px;
-moz-transition: all 0.4s;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.portfolio_item:hover .portfolio_overlay { opacity: 1; }


/* portfolio detail */
.back {clear: both; margin-bottom: 10px;}
.back a {font-size: 0.8em}
.back:before {content: '<'; color: #666; font-size: 10px; padding-right: 5px;}
.portfolio_detail img {float: left; width: 64%; margin-right: 3%; margin-bottom: 10px;}
.portfolio_detail object {float: left; margin-right: 3%; margin-bottom: 10px;}
#page .portfolio_detail ul {margin: 5px 10px 10px 10px;}
.portfolio_txt {float: left; width: 32%}
#immatricolazioni {float: none; width: 90%}
.tag span {background-color: #dedede; color: #000; padding: 6px 8px 4px 8px; margin-right: 10px; text-transform: uppercase; font-size: 0.9em; line-height: 230%;}


/*** breadcrumb ***/
#breadcrumb {height: 20px;width: 100%;padding: 10px 10px 0 10px;}
#breadcrumb a.bread_www {color:#e5312e;}
#breadcrumb a.bread_fed {color:#2c67d1;} 



/*** page - pagina base ***/
#page .page_title {background-color: #e5312e; padding: 50px 20px 50px 20px;}
#page .page_title h2 {font-family: "gillsansstd-light"; background-color: #e5312e; color: #fff; font-size: 2.2em;}
#page .page_title p {color: #fff; margin-top: 7px; font-size: 1.1em;}


/*** page home sezione - es. Didatica ***/
#corpo_home_sezione {overflow:hidden;}
#corpo_home_sezione p{padding:4% 2% 0 2%;margin-bottom:20px;}
#corpo_home_sezione ul{font-size: 18px;list-style: none;margin-left: 20px;}
#corpo_home_sezione li {}
#corpo_home_sezione li a{text-decoration:none;color:#e5312e;padding: 10px 0;display:block;border-bottom:1px solid #dedede;}
#corpo_home_sezione li:last-child a{border-bottom:0px solid #dedede;}
#corpo_home_sezione li a:hover{text-decoration:underline;}

/*** page monocolumns - es. come fare per ***/

#page_monocolumns {overflow:hidden;margin-bottom:10px;}
#page_monocolumns h1.Profili {font-size:21px;padding:20px 20px 0 20px;}
#page_monocolumns.federati h1{font-size:21px;padding:20px 20px 20px 20px;color:#2c67d1;}
#page_monocolumns #page h2{font-size:18px;padding:0 20px 20px 20px; height:40px;}
#page_monocolumns h1, #page_monocolumns h2{font-family:"FrutigerLTStd-Roman";font-weight:normal;}
#page_monocolumns h2{font-family:"FrutigerLTStd-Roman";font-weight:normal; text-align: center}
#page_monocolumns .cfp{padding:20px 0;float:left;width:30%;margin:0 1.5%;}
#page_monocolumns .cfp h2 {height: 40px;line-height: 15px;padding-top: 20px;}
#page_monocolumns .abstract{padding:0 20px;}
#page_monocolumns p{padding:5px 10px 10px 10px;}
#page_monocolumns .img_container {width:200px;margin:0 auto;}
#page_monocolumns img{background:#f7f7f7;width:200px;height:150px;}
#page_monocolumns img#slider{width:auto;height:auto;margin-top:20px;padding:0 10px;background:#fff;}
button {background: #e5312e;border: 1px solid #dedede;color: #fff;display: block;font-size: 12px;margin: 0 85px;padding: 7px 25px;float: right;}
button.dl-trigger {margin:0 !important;float:left;padding:0;}
/*** page monocolumns - es. archivio, avvisi ed eventi ***/
#page_monocolumns .archive  {margin-bottom: 20px;overflow:hidden;}
#page_monocolumns .archive h2 {font-size:18px;padding:0 20px 10px 20px; text-align:  left;}
#page_monocolumns .archive .pub_date {font-size:12px; padding: 10px 20px 0px 20px;}
#page_monocolumns .archive p {padding-left: 20px; padding-right: 20px;}
.archive .clear {clear: both; visibility: hidden;}


/*** page short 3columns - pagina base federato ***/

#page_short a {color:#2c67d1;text-decoration:none;}
#page_short a:hover {text-decoration:underline;}
#page_short {overflow:hidden;margin-bottom:20px;}
#page_short h1, #page_short_monocolumns h1{font-size:21px;padding:20px 20px;color:#2c67d1;}
#page_short h2{font-size:18px;padding:20px 20px 10px 20px;}
#page_short h3{font-size:16px;padding:10px 20px 5px 20px;}
#page_short h4{font-size:14px;padding:20px 20px 10px 20px;}
#page_short h1, #page_short h2, #page_short h3, #page_short h4{font-family:"FrutigerLTStd-Roman";font-weight:normal;}
#page_short .cfp{padding:20px 1.5% 20px 1.5%;float:left;width:30%;}
#page_short .abstract{padding:0 20px;font-size:13px;}
#page_short p{padding:0 20px;}
#page_short p.abstract {}
#page_short ul{margin:5px 20px 10px 30px;}
#page_short ol{margin:10px 20px 10px 35px;}
#page_short ul ul{margin:5px 20px 10px 10px;}
#page_short li {margin:0 0 5px 5px;color:#2c67d1;list-style:disc outside;}
#page_short li li{list-style:circle outside;}
#page_short li p{margin:0;padding:0;color:#222;}
#page_short ul.nolist {border-bottom:1px solid #dedede;}
#page_short ul.nolist li{list-style:none !important;position:relative;overflow:hidden;}
ul.nolist li p {padding-top:10px !important;}
#page_short .twoColumns li {margin:0 0 0 5px;}
.twoColumns{overflow:hidden;padding:0 10px}
.twoColumns ul {margin:0 !important;font-size:13px;list-style:none;}
.twoColumns .link_icon {margin-top:1px;}

/*** immagini ***/

img.cx {margin:0 auto;display:block;}
#sidebar_dx_home_sezione .cx:first-child {margin-top:62px;}
img.sx {float:left;margin:10px 10px 10px 10px;}
img.dx {float:right;margin:10px 10px 10px 10px;}
.img_container_dx {float:right;margin:10px 10px 10px 10px;overflow:hidden;}
.img_container_dx figcaption {text-align:center;font-family:"FrutigerLTStd-LightItalic";font-size:11px;width:160px;padding:10px;line-height:normal;}
aside .img_container_dx figcaption {text-align:center;font-family:"FrutigerLTStd-LightItalic";font-size:11px;width:196px;padding:10px;line-height:normal;float:right;}
ul.nolist li span.file_icon{display:block;float:left;background:url('../img/file_icon.png') no-repeat;width:40px;height:40px;}
ul.nolist li span.file_icon.pdf {background-position: 0px 0px;}
ul.nolist li span.file_icon.html {background-position: -40px 0px;}
ul.nolist li span.file_icon.ppt {background-position: -80px 0px;}
ul.nolist li span.file_icon.xls {background-position: -120px 0px;}
#page_short.federati ul.nolist li span.file_icon.pdf {background-position: 0px 0px;}
#page_short.federati ul.nolist li span.file_icon.html {background-position: -40px -40px;}


/*** footer ***/
footer h2 {background-color: #e5312e; padding: 12px 20px 7px 20px; color: #fff; font-size: 1.6em;}
footer address {width:44%; margin: 20px 0 0 0; padding: 0 20px;float:left; /*height:100px;*/}
footer address:first-child p:first-child, footer address:last-child p:first-child {padding:5px 0;font-family:"FrutigerLTStd-Roman";font-size:1em;}

footer address p{padding:3px 0;}
footer address:last-child{border:0;}
footer .social {display: block;height: 32px; width: 32px;background: url('../images/social_icon_footer.png') no-repeat center;float: right;margin: 0 10px 10px 10px;}
footer .social#youtube {background-position: 0px 0px;}
footer .social#twitter {background-position: -32px 0px;}
footer .social#facebook {background-position: -64px 0px;}
footer .social#linkedin {background-position: -96px 0px;}

/*** ***/
#dl-menu-home p, #dl-menu p, #dl-menu-profili p, #dl-menu-fed p {float:left;color:#fff;padding:12px 0 0 5px;font-size:0.8em;}
#dl-menu-home p a {color:#fff;text-decoration:none;}
#dl-menu-home #cfp, #dl-menu #cfp {background: url('../img/comefareper.png') no-repeat;width:50px;height:40px;float:left;margin-left:10px;}
#dl-menu-home #cfp:hover, #dl-menu #cfp:hover{background:#e5312e url('../img/comefareper.png') no-repeat;width:50px;height:40px;float:left;margin-left:10px;}
#dl-menu-profili.dl-menuwrapper button:hover {background:#e5312e url('../img/profili.png') no-repeat;}

.accordion {border-bottom:1px solid #ddd;background: #ffffff; /* Old browsers */
                    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
                    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                    background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */
                    background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* IE10+ */
                    background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%); /* W3C */
                       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-8 */
}
.accordion h1 {font-family:"FrutigerLTStd-Roman";border-top:1px solid #ddd;text-shadow: 1px 1px 0 #fff;}
.accordion li {border-bottom:1px solid #ddd;}
.accordion li a{padding:5px 0 5px 20px;display:block;text-decoration: none;color:#222;}
.accordion li a:hover {background:rgba(200,200,200,.5)}
select, select:focus {
outline-width:0;
}
#slider_profili {display:none;}
.select span {font-family:"FrutigerLTStd-Light";padding-left:10px;color: #2c67d1;}
input[type="date"]{width: 70%;float:right;border: 0;background: transparent;padding:0 0 0 10px;font-size:1em;margin-top:-2px;text-align: right;}
#container_select .select:last-child{padding:3px 10px 5px 0}