﻿/*FONT*/
.fontsize48 {font-size:48px !important;}
.fontsize36 {font-size:36px !important;}
.fontsize30 {font-size:30px !important;}
.fontsize24 {font-size:24px !important;}
.fontsize22 {font-size:22px !important;}
.fontsize20 {font-size:20px !important;}
.fontsize18 {font-size:18px !important;}
.fontsize16 {font-size:16px !important;}
.fontsize14 {font-size:14px !important;}
.fontsize12 {font-size:12px !important;}
.fontsize10 {font-size:10px !important;}
.fontsize8 {font-size:8px !important;}
.upper {text-transform:uppercase !important}
.lower {text-transform:lowercase !important}
.bold {font-weight:bold !important}
.normal {font-weight:normal !important}
/*SPAZIATORI*/
.spacer5 {height: 5px !important}
.spacer10 {height:10px !important}
.spacer20 {height:20px !important}
.spacer30 {height:30px !important}
.spacer40 {height:40px !important}
.spacer50 {height:50px !important}
.spacer60 {height:60px !important}
.spacer70 {height:70px !important}
.spacer80 {height:80px !important}
.spacer90 {height:90px !important}
.spacer100 {height:100px !important}

/*MARGINATORI*/
.nomargintop {margin-top:0px !important}
.nomarginbottom {margin-bottom:0px !important}
.nomarginleft {margin-left:0px !important}
.nomarginright {margin-right:0px !important}
.margintop5 {margin-top:5px !important}
.margintop10 {margin-top:10px !important}
.margintop15 {margin-top:15px !important}
.margintop20 {margin-top:20px !important}
.margintop25 {margin-top:25px !important}
.margintop30 {margin-top:30px !important}
.margintop35 {margin-top:35px !important}
.margintop40 {margin-top:40px !important}
.margintop180 {margin-top:180px !important}
.marginbottom5 {margin-bottom:5px !important}
.marginbottom10 {margin-bottom:10px !important}
.marginbottom15 {margin-bottom:15px !important}
.marginbottom20 {margin-bottom:20px !important}
.marginbottom25 {margin-bottom:25px !important}
.marginbottom30 {margin-bottom:30px !important}
.marginbottom35 {margin-bottom:35px !important}
.marginbottom40 {margin-bottom:40px !important}
.marginright5 {margin-right:5px !important}
.marginright10 {margin-right:10px !important}
.marginright15 {margin-right:15px !important}
.marginright20 {margin-right:20px !important}
.marginright25 {margin-right:25px !important}
.marginright30 {margin-right:30px !important}
.marginright35 {margin-right:35px !important}
.marginright40 {margin-right:40px !important}
.marginleft5 {margin-left:5px !important}
.marginleft10 {margin-left:10px !important}
.marginleft15 {margin-left:15px !important}
.marginleft20 {margin-left:20px !important}
.marginleft25 {margin-left:25px !important}
.marginleft30 {margin-left:30px !important}
.marginleft35 {margin-left:35px !important}
.marginleft40 {margin-left:40px !important}
.marginleft70 {margin-left:70px !important}
.paddingtop5 {padding-top:5px !important}
.paddingtop3 {padding-top:3px !important}
.paddingtop10 {padding-top:10px !important}
.paddingtop15 {padding-top:15px !important}
.paddingtop20 {padding-top:20px !important}
.paddingtop25 {padding-top:25px !important}
.paddingtop30 {padding-top:30px !important}
.paddingtop35 {padding-top:35px !important}
.paddingtop40 {padding-top:40px !important}
.paddingbottom5 {padding-bottom:5px !important}
.paddingbottom10 {padding-bottom:10px !important}
.paddingbottom15 {padding-bottom:15px !important}
.paddingbottom20 {padding-bottom:20px !important}
.paddingbottom25 {padding-bottom:25px !important}
.paddingbottom30 {padding-bottom:30px !important}
.paddingbottom35 {padding-bottom:35px !important}
.paddingbottom40 {padding-bottom:40px !important}
.paddingleft5 {padding-left:5px !important}
.paddingleft10 {padding-left:10px !important}
.paddingleft15 {padding-left:15px !important}
.paddingleft20 {padding-left:20px !important}
.paddingleft30 {padding-left:30px !important}
.paddingleft40 {padding-left:40px !important}
.paddingleft90 {padding-left:90px !important}
.paddingright5 {padding-right:5px !important}
.paddingright10 {padding-right:10px !important}
.paddingright15 {padding-right:15px !important}
.paddingright20 {padding-right:30px !important}
.paddingright30 {padding-right:20px !important}
.paddingright40 {padding-right:40px !important}
.padding5 {padding:5px !important}
.padding10 {padding:10px !important}
.padding15 {padding:15px !important}
.padding20 {padding:20px !important}
.nopadding {padding:0 !important}
.nopaddingleft {padding-left:0 !important}
.nopaddingtop {padding-top:0 !important}
.nopaddingright {padding-right:0 !important}
.nopaddingbottom {padding-bottom:0 !important}

/*POSIZIONE*/
.relative {position:relative !important}
.absolute {position:absolute !important}
.bottomright{position:absolute !important;bottom:0;right:0}
.topright{position:absolute !important;top:0;right:0}
.topleft{position:absolute !important;top:0;left:0}
.bottomleft{position:absolute !important;bottom:0;left:0}

/*COLOR FONT*/
.azzurro {color:#3492A9 !important}
.arancio {color:#FFA54C !important}
.white{color:#fff !important}
.black{color:#333 !important}
.blu {color:#4684B7 !important}
.grey {color:#444 !important}
.lightgrey {color:#c7c7c6 !important}
.green {color:#89D05E !important}
.red {color:#FF2626 !important}

/*COLORE SFONDO*/
.backgrey {background-color:#383334 !important}
.backwhite {background-color:#fff !important}
.backgreen {background-color:#89D05E !important}
.backgiallo {background-color:#f5ca59 !important;}
.backblu{background-color:#4684B7  !important;}
.backarancio{background-color:#FFA54C  !important;}
/*GENERICI*/
.cursorpointer:hover {cursor:pointer !important}
.clear {clear:both}
.full {width:100% !important}
.half{width:48% !important}
.inline {display:inline !important}
.inlineinput {display:inline;float:right !important}
.right {float:right !important}
.left {float:left !important}
.nofloat {float:none !important}
.nooverflow {overflow:visible !important}
.overflowhidden{overflow:hidden !important}
.over:hover {box-shadow: 0px 0px 55px #888888 !important}
.block {display:block !important}
.inlineblock {display:inline-block !important}
.central {text-align:center}
.verticaltop {vertical-align:top !important}
.verticalmiddle {vertical-align:middle !important}
.verticalbottom {vertical-align:bottom !important}
.nodecoration {text-decoration:none !important}
.noborder {border:none !important}
.displaynone {display:none !important;}
.alignleft {text-align:left !important}
.alignright {text-align:right !important}
.aligncenter {text-align:center !important}
.nobackground {background:none !important}
.borderadius5 {border-radius: 5px !important;}
.borderadius10 {border-radius: 10px !important;}
.bordergreen{border:1px solid #89D05E !important}
.borderazzuro{border:1px solid #3492A9 !important}
.borderarancio{border:1px solid #FFA54C !important}
.visited:visited {color:black !important}
.overbold:hover{font-weight:bold}
.justify {text-align:justify;-moz-text-align-last:left -ms-text-align-last:left text-align-last:left}
a:hover {cursor:pointer}
.border-grey{border:1px solid #efefef}
.ombra{box-shadow: 2px 2px 5px #555 !important}
/*VALIDATORS*/
.field-validation-error {color: #f00;}
.field-validation-valid {display: none;}
.input-validation-error {border: 1px solid #F78F07 !important;background-color: #F7E707 !important;}
.validation-summary-errors {font-weight: bold;color: #f00;}
.validation-summary-valid {display: none;}
.validatornewsletter {
  color: red;
background-color: #F2ACB5;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
padding: 5px 20px;
border-radius: 5px;font-size:20px

}
.validator {
  color: red;
background-color: #F73939;
position: absolute;
top: 0px;
right: -10px;
left: 0px;
height:22px;opacity:0.2

}

.newcolor {
background: url('../images/noise_pattern.png?1391170676'),-webkit-gradient(linear, left top, right top, from(#697D51 ), color-stop(50%, #779E46 ), to(#697D51 )) !important; 
background: url('../images/noise_pattern.png?1391170676'), -webkit-linear-gradient(left, #697D51  0%, #779E46  50%, #697D51  100%) !important;
background: url('../images/noise_pattern.png?1391170676'), linear-gradient(to right, #697D51  0%, #779E46  50%, #697D51  100%) !important;
}


.overlay{
    background:#111;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:1000;
    cursor:pointer;
/*Trasperenza cross browser*/
opacity: .7; filter: alpha(opacity=70);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";   
 
}
.chiudi {
position:absolute;top:10px;right:10px
}

#panelArticolo {
        

    text-align:left;display:none; z-index:+9000;position:fixed;top: 50%;
    left: 50%;  margin-top: -280px;
    margin-left: -350px;
width:700px;height:auto;background-color:#fff;border: 4px solid  #ccc;
padding:20px

}
@media (max-width:680px) {
    #panelArticolo {
        

   top: 20%;
    left: 10%;  right:10%;
width:80%;height:auto;border: 2px solid  #ccc;
padding:10px;margin-top:0;margin-left:0;

}
}


    #panelArticolo h4{
        margin-bottom:20px;color:#4684B7
    }

    #panelArticolo .descrArticolo{
      height:auto !important
    }

     #panelArticolo .descrArticolo .continua{
      display:none
    }