@charset "UTF-8";
/* CSS Document */

.clear {
  float: none;
  clear: both;
font-size:0px;
line-height:0px;
height:0px;
}
a,
a:link,
a:hover,
a:visited,
a:active {
  
color:inherit;
text-decoration:none;
  transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}


a:active,
a {
  outline: none;
-moz-outline-style: none;
}
a:focus {
  -moz-outline-style: none;
outline: none;
}
ul,li {
  list-style: none;
padding:0px;
margin:0px;
}

body,
html {
  margin: 0px;
  padding: 0px;
   -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,h2,h3,h4,h5,h6,p
{
margin:0px;
padding:0px;
font-weight:normal;
}

img
{
border:0px;
max-width:100%;
display:block;
margin:auto;
}

.mobile
{
display:none;
}

.desktop
{
display:block;
}
br.desktop,img.desktop
{
display:inline-block;
}

.focus
{
width:88%;
margin:auto;
text-align:center;
}

.row
{
margin-left:-15px;
margin-right:-15px;
position:relative;
}

.row::after
{
clear:both;
content:" ";
display: table;
}

.col2,.col3,.col4,.col5,.col6,.col2-3
{
padding-left:15px;
padding-right:15px;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
float:left;
}

.col2-3
{
width:66.666%;
}

.col2
{
width:50%;
}

.col3
{
width:33.333%;
}

.col4
{
width:25%;
}

.col5
{
width:20%;
}

.col6
{
width:16.666%;
}

.wrapper_articolo
{
display:table;
height:100%;
width: 100%;
}

.content_articolo
{
display:table-cell;
vertical-align:middle;
}


#page
{
position:relative;
z-index:1;
}



.fileupload
{
position:absolute;
z-index:5;
top:0px;
left:0px;
height:50px;
padding: 0px;
border: 0px;
outline: 0px;
margin: 0px;
width: 100%;
cursor:pointer;
}

.loading_file
{
width: 100%;
height: 16px;
background-image: url("../img/ajax-loader.gif");
background-repeat:no-repeat;
background-position:center center;
display: none;
margin-top: 10px;

}

.box_foto {
    word-wrap: break-word;   
    position: relative;
    z-index: 1;
    width: 100%;
    margin-top: 10px;
}

select,.fileupload
{
opacity:0;
}

#alert-cookies
{
height:0px;
overflow:hidden;
z-index: 9999;
position: fixed;
bottom: 0px;
width: 100%;
background-color: #302F2F;
}

#alert-cookies .container_cookie
{
padding-top:20px;
padding-bottom:20px;
}

#testoCookies
{
float:left;
width:95%;
font-size: 15px;
text-align:left;
color: #FFF;
line-height:18px;
}

#testoCookies a
{
text-decoration:underline;
color:inherit;
}



#close_cookie
{
float:right;
width:20px;
height:20px;
background-image:url("../img/app/cookie_close.png");
cursor:pointer;
}

#close_cookie:hover
{
opacity:0.7;
}

@media only screen and (max-width: 1023px)
{

.desktop,br.desktop,img.desktop
{
display:none;
}

.mobile
{
display:block;
}

br.mobile,img.mobile
{
display:inline-block;
}

#menu {
    overflow: hidden;
    height: 0px;
    left: 0px;
    margin-left: 0px;
    width: 100% !important;
    left: 0px;
    position: fixed;
	z-index:2;
	 transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}

#menuButton {
    display: block;
    position: fixed;
	width:48px;
	height:48px;
    cursor: pointer;
	background-image:url("../img/app/open_menuMobile.png");
}

#menuButton.on{
    background-image:url("../img/app/close_menuMobile.png");
}

.col2 {
    width: 100%;
}
.col3 {
    width: 100%;
}

.col4 {
     width: 100%; 
}
.col2-3 {
    width: 100%;
}

.col5 {
    width: 100%;
}

}