/*------------------------------------
 RESET by Harry Roberts
 http://csswizardry.com/2011/10/reset-restarted/
 ------------------------------------*/

* {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,
a,abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strong,sub,sup,tt,var,
b,u,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;
}

article,aside,details,figcaption,figure,footer,
header,hgroup,menu,nav,section{
 display:block;
}

/*------------------------------------*\
  $CONTAINER
\*------------------------------------*/
#container {
  width: 1100px;
  max-width: 100%;
  min-width: 480px;
  margin: 0 auto;
  padding: 0px; /*era 5px;*/
  background: #FFF;
}
/*------------------------------------*\
  $GRIGLIA 
\*------------------------------------*/
/* .gc = grid container (racchiude gli elementi che compongono la griglia) */

.gc {margin-left: -5px;}

.gc--rev .grid {float: right;}

.gc > .gc {margin-left: 0;}

.grid {
 float: left;
 padding-left: 5px;
 position: relative;
}

/*------------------------------------*\
  $LARGHEZZE
\*------------------------------------*/
.span-0 {
 width: 0px;}

.span-1 {
 width: 100%;}

.span-1-2, .span-2-4 {
 width: 50%;}

.span-1-3 {
 width: 33.333%;}

.span-2-3 {
 width: 66.666%;}

.span-1-4 {
 width: 25%;}

.span-3-4 {
 width: 75%;}

.span-1-5 {
 width: 20%;}

.span-2-5 {
 width: 40%;}

.span-3-5 {
 width: 60%;}

.span-4-5 {
 width: 80%;}

/*------------------------------------*\
  $BREAKPOINT E MEDIA QUERY
\*------------------------------------*/

@media only screen and (min-width: 280px) and (max-width: 650px){

.titolo-portale-ADUC img {
    width: 70% !important;
}
#payoff{
    width: 80% !important;
}
.Cerca-log2 {
    float: left !important;
    width: 110px !important;
}

.P-aiuti {
    width: 100% !important;
}

.Testata-ADUC,
 {
    width: 480px!important;
}


	
.mobile-1 {
 width: 100%;}

.mobile-1-2, .mobile-2-4 {
 width: 50%;}

.mobile-1-3 {
 width: 33.333%;}

.mobile-2-3 {
 width: 66.666%;}

.mobile-1-4 {
 width: 25%;}

.mobile-3-4 {
 width: 75%;}

.mobile-1-5 {
 width: 20%;}

.mobile-2-5 {
 width: 40%;}

.mobile-3-5 {
 width: 60%;}

.mobile-4-5 {
 width: 80%;}
 
}

/*@media only screen and (min-width: 480px) and (max-width: 731px) {
.mobile-1 {
 width: 100%;}

.mobile-1-2, .mobile-2-4 {
 width: 50%;}

.mobile-1-3 {
 width: 33.333%;}

.mobile-2-3 {
 width: 66.666%;}

.mobile-1-4 {
 width: 25%;}

.mobile-3-4 {
 width: 75%;}

.mobile-1-5 {
 width: 20%;}

.mobile-2-5 {
 width: 40%;}

.mobile-3-5 {
 width: 60%;}

.mobile-4-5 {
 width: 80%;}
}*/

@media only screen and (min-width: 732px) and (max-width: 967px) {

.titolo-portale-ADUC img {
    width: 80% !important;
}

.Cerca-log2 {
    float: left !important;
    width: 110px !important;
}

.Testata-ADUC,
.titolo-portale-ADUC {
    width: 540px!important;
}

.testata_logo {
    float: left;
    padding: 0 5px 10px;
}

.Cerca-log-social {
     width: 380px!important;
}

.tablet-1 {
 width: 100%;}

.tablet-1-2, .tablet-2-4 {
 width: 50%;}

.tablet-1-3 {
 width: 33.333%;}

.tablet-2-3 {
 width: 66.666%;}

.tablet-1-4 {
 width: 25%;}

.tablet-3-4 {
 width: 75%;}

.tablet-1-5 {
 width: 20%;}

.tablet-2-5 {
 width: 40%;}

.tablet-3-5 {
 width: 60%;}

.tablet-4-5 {
 width: 80%;}
}

@media only screen and (min-width: 968px) {
	
.titolo-portale-ADUC {
    color: #c86c29;
    width: 505px;
}

.titolo-portale-ADUC img {
    width: 83% !important;
}

.Cerca-log { float: left; padding-left: 0px!important; }

.desktop-1 {
 width: 100%;}

.desktop-1-2, .desktop-2-4 {
 width: 50%;}

.desktop-1-3 {
 width: 33.333%;}

.desktop-2-3 {
 width: 66.666%;}

.desktop-1-4 {
 width: 25%;}

.desktop-3-4 {
 width: 75%;}

.desktop-1-5 {
 width: 20%;}

.desktop-2-5 {
 width: 40%;}

.desktop-3-5 {
 width: 60%;}

.desktop-4-5 {
 width: 80%;}
}

/*------------------------------------*\
  $CLEARFIX
\*------------------------------------*/
.cf, .gc, .nav, .media {zoom: 1;}
.cf:before, .gc:before, .nav:before, .media:before, 
.cf:after, .gc:after, .nav:after, .media:after {
 content: " ";
 display: table; 
}
.cf:after, .gc:after, .nav:after, .media:after {clear: both;}