/********** STILE GENERICO **********/

/* IE-10 VIEPORT-FIX */
@-ms-viewport{width:device-width;}
@viewport {width:device-width;}

body{
margin:0;
padding:0;
background:#ededed;	
font-size:100%;
}
header,
footer{
width:100%;	
}

#contenitore{
width:100%;	
overflow:hidden;
font-family: 'Open Sans', sans-serif;
}
#contenitore:nth-of-type(1){
background:#c7dae4;
}
#contenitore:nth-of-type(2){
background:#9cc;
}

#contenitore:nth-of-type(3){
background:#c7d5e4;
}
#contenitore:nth-of-type(4){
background:#99c;
}
#contenitore:nth-of-type(5){
background:rgba(204,204,204, 0.3);
}
#contenitore:nth-of-type(6){
background:#99c;
}

/********** HEADER **********/

header{
background:#9999cc;	
height:105px;
margin:0;
}
#contenitore-header{
width:100%;
max-width:1140px;
margin:0px auto;
overflow:hidden;
padding-top:10px;
}
#logo{
width:26%;
float:left;
margin-top:20px;
margin-left:10px;
}
#logo img{
width:80%;
max-width:100%;	

}

/********** BOX **********/


#box-uno,
#box-due,
#box-tre,
#box-quattro,
#box-cinque,
#box-sei{
width:95%;
margin:0 auto;
max-width:999px;	
overflow:hidden;
}

/********** BOX UNO **********/

#box-uno
{
background:#c7dae4;
height:auto;
float:center;
}
#cerca,
#box-testo{
width:100%;
float:center;	
}
#cerca{
height:150px;	
}
.box-cerca{
width:25em;
margin:100px auto;
}
input.button
{
background:#9cc;
width:11%;
height:48px;	
color:#fff;
border:0;
margin-left:-3px;
}
input[type="text"] {
  background: white;
  border: 1px solid #9cc;
  height:50px;
  width: 88%;
}
::-webkit-input-placeholder { color:#666; padding-left:10px }
::-moz-placeholder { color:#666; padding-left:10px} /* firefox 19+ */
:-ms-input-placeholder { color:#666; padding-left:10px} /* ie */
input:-moz-placeholder { color:#666; padding-left:10px}

#box-testo p{
width:80%;
text-align:left;
font-size:1.325em;
color:#333;	
margin:50px auto;
line-height:35px;
}

/********** BOX DUE **********/


#box-due
{
background:#9cc;
height:auto;
}
#box-due h1,
#box-quattro h1
{
text-align:center;
line-height:100px;
font-size:2.25em;           /*  36/16 */
color:#333;
}

#box-due::after{
content:"";
position:absolute;
border-top:20px solid #9cc;
border-bottom:20px solid transparent;
border-left:20px solid transparent;
border-right:20px solid transparent;
left:50%;

}

/********** BOX TRE **********/


#box-tre
{
background:#c7d5e4;
height:auto;
margin-top:50px;
margin-bottom:50px;
text-align:center;
}
table#responsive{
display:none;	
}
table#report{
    margin-bottom: 3em;
    width: 100%;
	border:0px solid #000;
}

table tr th,
table tr td{
border:1px solid #666;
padding:6px;	
text-align:center;
transition: all .125s ease-in-out;
}
th.marcato{
background:#99c;
color:#fff	
}

tbody tr:nth-child(odd) {
    background-color: #c7dae4;
  
}
tbody tr:nth-child(even) {
    background-color: #d8e5ec;
   transition: all .125s ease-in-out;
}
td:hover{
background:rgba(154,204,204,0.5);	
}
 td a{
color:#36f;
text-decoration:none;	 
 }
       
/********** BOX QUATTRO **********/


#box-quattro
{
background:#99c;
height:auto;
}
#box-quattro::after{
content:"";
position:absolute;
border-top:20px solid #99c;
border-bottom:20px solid transparent;
border-left:20px solid transparent;
border-right:20px solid transparent;
left:50%;
}


/********** BOX CINQUE **********/


#box-cinque
{
height:auto;
margin-bottom:30px;
}
#info{
margin-top:50px;
margin-left:30px;	
}
#info li{
width:100%;
line-height:25px;	
list-style:none;
font-size:1.125em;				/*  18/16 */
padding-left:10px;	
border-bottom:0px solid #99c;
margin-bottom:20px;
}

/********** BOX SEI **********/

#box-sei
{
background:#99c;
height:100px;
}
#box-sei p
{
text-align:center;
color:#fff;
padding-top:30px;
font-size:0.875em; 		/*  14/16 */
line-height:20px;
}


/********** FOOTER **********/


footer{
height:50px;
}
#menu-footer{
width:19em;	
margin:30px auto;
font-family: 'Open Sans', sans-serif;
}
#menu-footer li{
display:inline;
margin-right:0px;
border-right:1px solid #36f;
padding: 0 10px;
font-size:0.875em; 		/*  14/16 */

}
#menu-footer li a{
color:#36f;
text-decoration:none;
text-align:center;
}
/********** MEDIAQUERY **********/


@media screen and (min-width:768px) and (max-width:998px)  {

#logo{
width:50%;
margin-top:0px;
margin-left:20px;
}
#logo img{
width:60%;
max-width:100%;	
}

.box-cerca{
width:42%;
}
#menu-footer{
width:40%;	
}


}
@media screen and (min-width:600px) and (max-width:767px)  {
header{
height:105px;
}	
#logo{
width:80%;
margin-top:-10px;
margin-left:20px;
}
#logo img{
width:60%;
max-width:100%;	
}
#menu-footer{
width:50%;	
}

table tr th,
table tr td{
padding:10px;
font-size:0.9em;	
}
th.marcato{
	padding-top:10px;
}
}
@media screen and (min-width:480px) and (max-width:599px)  {
header{
height:105px;
}	
#logo{
width:80%;
margin-top:0px;
margin-left:20px;
}
#logo img{
width:60%;
max-width:100%;	
}

table{
overflow-x: auto;
display: block;
	
}
table tr th,
table tr td{
padding:5px;
font-size:0.9em;	
}
th.marcato{
	padding-top:10px;
}
}
@media screen and (min-width:400px) and (max-width:479px)  {
.btn-responsive-menu
{
margin-top:5px;
}	
nav#navigation
{
margin-top:2px;
}
h1.tip{
font-size:1.5625em;	
line-height:30px
}

#inoltre li{
font-size:1em;				/*  18/16 */
}
#btn{
width:90%;
}
#novita li{
width:100%;
line-height:30px;	
font-size:1em;			/*  22/16 */
padding-left:10px;
}
#novita{
width:95%;

}
#box-due h1,
#box-quattro h1
{
line-height:35px;
font-size:1.5625em; 
padding:10px;          /*  25/16 */
}
#box-testo p{
font-size:1.25em;
margin:0px auto 40px auto;
line-height:35px;
}
header{
height:105px;
}	
#logo{
width:80%;
margin-top:0px;
margin-left:20px;
}
#logo img{
width:80%;
max-width:100%;	
}
.box-cerca{
width:100%;
margin-top:40px;
}
#box-sei p
{
line-height:20px;
padding-top:18px;
font-size:0.75em; 		/*  12/16 */
}		

table#report{
display:none;	
}

table#responsive{
display:block;
width:100%;	
}
table#responsive tr {
width:100%;
margin:0 auto;
overflow:hidden;
}
table#responsive tr th{
width:100%;
float:left;	
color:#fff;
}
table#responsive tr td{
width:25em;
float:left;	

}

table#responsive tr:nth-child(odd) {
    background-color: #c7dae4;
  
}
table#responsive tr:nth-child(even) {
    background-color: #d8e5ec;
   transition: all .125s ease-in-out;
}
table#responsive tr td:hover{
background:rgba(154,204,204,0.5);	
}
 td a{
width:100%;
color:#36f;
text-decoration:none;	 
}

}
@media screen and (min-width:320px) and (max-width:399px)  {

h1.tip{
font-size:1.5625em;	
line-height:30px
}

#inoltre li{
font-size:1em;				/*  18/16 */
}
#btn{
width:90%;
}
#novita li{
width:100%;
line-height:30px;	
font-size:1em;			/*  22/16 */
padding-left:10px;
}
#novita{
width:95%;
}
#box-due h1,
#box-quattro h1
{
line-height:35px;
font-size:1.5625em; 
padding:10px;          /*  25/16 */
}
#box-testo p{
font-size:1.25em;
margin:0px auto 40px auto;
line-height:35px;
}
header{
height:105px;
}		
#logo{
width:80%;
margin-top:0px;
margin-left:20px;
}
#logo img{
width:80%;
max-width:100%;	
}

.box-cerca{
width:18em;
margin-top:50px;
}
#box-sei p
{
line-height:20px;
padding-top:10px;
font-size:0.75em; 		/*  12/16 */
}	
table#report{
display:none;	
}

table#responsive{
display:block;
width:100%;	
}
table#responsive tr {
width:100%;
margin:0 auto;
overflow:hidden;
}
table#responsive tr th{
width:100%;
float:left;	
color:#fff;
}
table#responsive tr td{
width:20em;
float:left;	

}

table#responsive tr:nth-child(odd) {
    background-color: #c7dae4;
  
}
table#responsive tr:nth-child(even) {
    background-color: #d8e5ec;
   transition: all .125s ease-in-out;
}
table#responsive tr td:hover{
background:rgba(154,204,204,0.5);	
}
 td a{
width:100%;
color:#36f;
text-decoration:none;	 
}


}