/********** 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:#a8d3a7;
}
#contenitore:nth-of-type(2){
background:#a8d3a7;
}

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

}
#contenitore:nth-of-type(6){
background:#8A9995;

}     

img.foto{
  display: block;
  margin:0 auto;
  max-width: 100%;
}
    
.media {
  vertical-align: middle; padding: 0px 10px 0px 0px;
}

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


header{
background:#8A9995;	
height:105px;
margin:0;
}
#contenitore-header{
width:100%;
max-width:799px;
margin:0px auto;
overflow:hidden;
padding-top:10px; <!spazio alto>
}
#logo{
width:36%;
float:left;
margin-top:30px; <! posiziona il logo e quello a fianco>
margin-left:30px;
}
#logo img{
width:100%;
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:#a8d3a7;
height:auto;
float:right;	
}
#cerca,
#box-testo{
width:100%;
float:left;	
}
#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 DUE **********/


#box-due
{
background:#a8d3a7;
height:auto;

}
#box-due h1,
#box-due h3,
#box-due h5,
#box-quattro h1
{
text-align:center;
line-height:70px;  
font-size:2.25em;           /*  36/16 */
color:#333;
}
#box-due h5{
font-size:1.3em;	
}
#box-due h3{
font-size:1.875em;
font-weight:900;
}

#etichetta{
width:100%;
margin:50px auto;
max-width:960px;
background:#ffffff;
margin-bottom:10px;
border:1px solid #078;
border-radius:15px 15px 15px 15px;	
}

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


#box-tre
{
background:#a8d3a7;
height:auto;
}

.categoria{
background:#ffffff;
width:100%;
max-width:960px;
margin:20px auto;
border:1px solid #078;	
border-radius:15px 15px 15px 15px;
}

.categoria h1{

border-bottom:1px solid #edeff0;
height:50px;
line-height:30px;
text-align:center;
padding:5px 10px;	
color:#333;
font-size:1.75em;
}
.categoria h2{
<! shareware in rosso>
border-bottom:1px solid #edeff0;
height:50px;
line-height:50px;
text-align:center;
padding:5px 10px;	
color:#f45;
font-size:1.75em;
}
.categoria h7{font-size:0.70em;}

.categoria p{
margin-top:5px;
padding:5px 20px;
text-align:left;	
font-size:1em;
line-height:22px;
}
.categoria p0{
margin-top:5px;
line-height:32px;
}
.categoria p1{
margin-top:5px;
padding:5px 10px;
float:right;	
font-size:0.70em;
line-height:42px;
}
.categoria p5 {font-weight: bold;}
.categoria p6 {text-decoration: underline;}
.categoria p7 {font-style: italic; font-size:0.70em;
}

#novita li{
line-height:30px;	
font-size:1.0em;			/*  22/16 */
padding-left:20px;
}
#novita li a{
color:#5af;
text-decoration:underline;
}

#cont-puls{
width:100%;	
position:relative;
overflow:hidden;
}

#cont-puls h3{
width:50%;
float:left;
font-size:1.2em;
margin-top:40px;
font-weight:900;
margin-left:20px;
line-height:60px;
}

.btn{
width:120px;
float:right;
background:#5af;
padding:18px 8px;
color:#fff;
float:right;
transition:all ease 0.3s;
position:absolute;
bottom:0;
right:0;
}
.btn:hover{
background:#36C	
}
.btn a{
color:#fff;
text-decoration:none;
text-align:center;

}

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

#box-sei
{
background:#8A9995;
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 #5af;
padding: 0 10px;
font-size:0.875em; 		/*  14/16 */

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


@media screen and (min-width:768px) and (max-width:998px)  {
#box-due h1
{
font-size:2em;           /*  30/16 */
}

#box-due h3{
font-size:1.825em;
}
#box-due h5{
font-size:1.1em
}
.categoria{
margin:20px auto;
}


@media screen and (min-width:600px) and (max-width:767px)  {

#box-due h1
{
font-size:2em;           /*  30/16 */
}

#box-due h3{
font-size:1.825em;
}
#box-due h5{
font-size:1em
}
.categoria{
margin:50px auto;
}

header{
height:105px;
}	
#logo{
width:80%;
margin-top:-10px;
margin-left:20px;
}
#logo img{
width:60%;
max-width:100%;	
}

}
@media screen and (min-width:480px) and (max-width:599px)  {
#box-due h1
{

font-size:1.875em;           /*  30/16 */
}

#box-due h3{
font-size:1.625em;
}
#box-due h5{
font-size:0.8em
}
.categoria{

margin:50px auto;

}

.categoria h1{
width:100%;
height:50px;
line-height:50px;
text-align:center;	
border-radius:5px 5px 0	0;
color:#333;
font-size:1.4em;
}
.categoria h2{
width:70%;
height:50px;
line-height:50px;
text-align:center;	
border-radius:5px 5px 0	0;
color:#f45;
font-size:1.4em;
}
.categoria p{
margin-top:10px;
padding:10px 10px;
text-align:left;	
font-size:0.8em;
line-height:22px;
}
#cont-puls{
width:100%;	
}
#cont-puls h3{
width:50%;
float:left;
font-size:0.9em;
margin-top:20px;
font-weight:900;
margin-left:10px;
}
#logo{
width:80%;
margin-top:0px;
margin-left:20px;
}
#logo img{
width:60%;
max-width:100%;	
}
.btn{
width:30%;
float:right;
background:#5af;
padding:15px;
color:#fff;
transition:all ease 0.3s;
margin-top:12px;
font-size:0.8em;
}
.btn:hover{
background:#36C	
}
.btn a{
color:#fff;
text-decoration:none;
text-align:center;

}
header{
height:105px;
}	

}
@media screen and (min-width:400px) and (max-width:479px)  {
#box-due h1
{

font-size:1.875em;           /*  30/16 */
}

#box-due h3{
font-size:1.625em;
}
#box-due h5{
font-size:0.8em;
line-height:26px;
padding: 0 10px;
}
.categoria{

margin:50px auto;

}

.categoria h1{
width:100%;
height:50px;
line-height:50px;
text-align:center;	
border-radius:5px 5px 0	0;
color:#333;
font-size:1.1em;
}
.categoria h2{
width:70%;
height:50px;
line-height:50px;
text-align:center;	
border-radius:5px 5px 0	0;
color:#f45;
font-size:1.1em;
}
.categoria p{
margin-top:10px;
padding:10px 10px;
text-align:left;	
font-size:0.95em;
line-height:19px;
}
#cont-puls{
width:100%;	
}
#cont-puls h3{
width:50%;
float:left;
font-size:0.9em;
margin-top:40px;
font-weight:900;
margin-left:10px;
}

.btn{
width:40%;
float:right;
background:#5af;
padding:15px;
color:#fff;
transition:all ease 0.3s;
margin-top:40px;
font-size:0.8em;
}
.btn:hover{
background:#36C	
}
.btn a{
color:#fff;
text-decoration:none;
text-align:center;

}
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-sei p
{
line-height:20px;
padding-top:18px;
font-size:0.75em; 		/*  12/16 */
}		
.box-cerca{
width:100%;
margin-top:40px;
}

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

#box-due h1
{

font-size:1.25em;           /*  30/16 */
}

#box-due h3{
font-size:1.625em;
}
#box-due h5{
font-size:0.8em;
line-height:22px;
}
#etichetta{
padding-bottom:10px;	
}

.categoria{
margin:50px auto;
border:1px solid #5af	
}

.categoria h1{
width:100%;
height:50px;
line-height:50px;
text-align:center;	
border-radius:5px 5px 0	0;
color:#333;
font-size:1em;
}
.categoria h2{
width:70%;
height:50px;
line-height:50px;
text-align:center;	
border-radius:5px 5px 0	0;
color:#f45;
font-size:1em;
}
.categoria p{
margin-top:10px;
padding:10px 10px;
text-align:left;	
font-size:0.8em;
line-height:18px;
}
#cont-puls{
width:100%;	
}
#cont-puls h3{
width:50%;
float:left;
font-size:0.9em;
margin-top:40px;
font-weight:900;
margin-left:10px;
}

.btn{
width:40%;
float:right;
background:#8af;
padding:5px;
color:#fff;
transition:all ease 0.3s;
margin-top:38px;
font-size:0.8em;
}
.btn:hover{
background:#36C	
}
.btn a{
color:#fff;
text-decoration:none;
text-align:center;

}

#box-due h1,
#box-quattro h1
{
line-height:35px;
font-size:1.5625em; 
padding:10px;          /*  25/16 */
}

header{
height:105px;
}	
#logo{
width:80%;
margin-top:0px;
margin-left:20px;
}
#logo img{
width:80%;
max-width:100%;	
} 
.media {
width:50%;
}
.box-cerca{
width:100%;
margin-top:40px;
}

#box-sei p
{
line-height:20px;
padding-top:10px;
font-size:0.75em; 		/*  12/16 */
}		

}