/****** reglas generales ******/

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Quicksand', sans-serif;
	font-weight: 400;
}

* a{
	text-decoration: none;
}

body {
    font-family: 'Quicksand', sans-serif;
    /*background-color: gray;*/
    padding-top: 0em;
}

p{
width: 320px;
	color: #777777;
	margin: auto;
    font-family: "lato", sans-serif;


	
}
h1{
    color:#B67292;
    text-align: center;
    text-decoration: underline;
    font-size: 18px;
    font-family: "Quicksand";
    font-weight: bold;
    
}
h2{
    color:white;
    text-align: center;
    font-size: 25px;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    
}

h3{
	color: #B67292;
	margin: auto;
	text-decoration: none;
	font-size: 15px;
	margin-bottom: 10px;
    text-align: center;
}

.contenedor {
    width: 100%;
    /* height: 90vh; */
    margin: auto;
    background-color: #D1D3D4;
    padding: 0em;
	margin-top: 0;
    
}


.elemento {
    color: fff;
    font-weight: bold;
    padding: 1rem;
   /* text-shadow: .15rem .15rem .1rem rgba(0,0,0,.75);*/
}

.item1 {
    background-color: #FFF;
	text-align: center;
	color: #000000;
	font-size: 22px;
	border-bottom:dashed 2px;
}

.item2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


input{
    display: block;
    background-color: white;
    padding: 0.8em;
    border-radius: 1em;
    border: none;
    text-align: center;
    color: gainsboro;
}


.item3 {
    background-color:#D1D3D4;
    width: auto;
    border-bottom:dashed 2px white;

}

.item3b{
    background-color:#D1D3D4;
    font-size: 0.8em;
}

.item4 {
    background-color: #FFFFFF;
    font-size: 16px;
}

.item8 {
    background-color: #B67292;
    width:auto;
    height: auto;
}
.item8 p{
	text-align: center;
	color: #fff;
	font-size: 14px;
    font-style: oblique; 
}

.boton{
	position: relative;
	width: 300px;
	height: 50px;
	
	margin: auto;
	margin-bottom: 20px;
	
	border-radius: 10px;
	text-align: center;
	line-height: 50px;
	
	font-size: 18px;
    color:white;
}

.boton1{
    width:300px;
    height: 50px;
    background-image: url(../images/meygide2.jpg);
    background-size: cover;
    background-position:center;
    background-repeat: no-repeat;
    
}

.iconoshover{
  width:300px;
    height: 50px;
	border-radius: 10px;
	position: absolute;
	opacity: 0;
	background: rgba(0,0,0,0.72);
	transition: all 0.2s;
}
.iconoshover img{
	margin-left: 15px;
}

.iconoshover img:hover{
	opacity: 0.6;
}

.iconoshover:hover{
	opacity:1;
}
/*
.boton1:hover{
background-image: url(../images/hover0.png);
transition: all 0.5s;}*/



.boton2{
    width:300px;
    height: 50px;
    background-image: url(../images/melon2.jpg);
    background-size: cover;
    background-position:center;
    background-repeat:no-repeat;
}
/*
.boton2:hover{
background-image: url(../images/hover02.png);
transition: all 0.5s;
}*/



.boton3{
    width:300px;
    height: 50px;
    background-image: url(../images/mazzeo3.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}
/*
.boton3:hover{
background-image: url(../images/hover3.png);
transition: all 0.5s;

}*/

.boton4{
    width:300px;
    height: 50px;
    background-image: url(../images/pujol..jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/*
.boton4:hover{
background-image: url(../images/hover4.png);
transition: all 0.5s;

}*/



.boton5{
    width:300px;
    height: 50px;
    background-image: url(../images/gabriele2.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/*
.boton5:hover{
background-image: url(../images/hover5.png);
transition: all 0.5s;

}*/

.boton6{
    width:300px;
    height: 50px;
    background-image: url(../images/wolk.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/*
.boton6:hover{
background-image: url(../images/hover6.png);
transition: all 0.5s;

}*/

.boton7 {
    width:300px;
    height: 50px;
    background-image: url(../images/beluccia2.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/*
.boton7:hover{
background-image: url(../images/hover7.png);
transition: all 0.5s;

}*/

.boton8 {
    width:300px;
    height: 50px;
    background-image: url(../images/yantorno3.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/*
.boton8:hover{
background-image: url(../images/hover8.png);
transition: all 0.5s;

}*/

.boton9 {
    width:300px;
    height: 50px;
    background-image: url(../images/salomone3.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/*
.boton9:hover{
background-image: url(../images/hover9.png);
transition: all 0.5s;

}*/

.boton10 {
    width:300px;
    height: 50px;
    background-image: url(../images/rico2.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/*
.boton10:hover{
background-image: url(../images/hover10.png);
transition: all 0.5s;

}*/

.boton11 {
    width:300px;
    height: 50px;
    background-image: url(../images/filippis.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/*
.boton11:hover{
background-image: url(../images/hover11.png);
transition: all 0.5s;

}
*/
h2:hover{
transition: all 0.5s;
opacity:0;
}

/****** cssmenu ******/


.botoncs{
	width: 150px;
	height: 40px;
	background: #B5BCB6;
	
	margin: auto;
	margin-bottom: 10px;
	
	border-radius: 10px;
	text-align: center;
	line-height: 40px;
	
	font-size: 16px;
	
	color: #000000;	
}
.botoncs:hover{
opacity: 0.5;	
}
.botonb{
	
	 display: flex;
    flex-wrap: wrap;
   font-size: 16px;
}
input{
		width: 150px;
	height: 40px;
    display: block;
    background-color: #e3e3e3;
    padding: 0.8em;
    margin: 0.5em;
    border-radius: 10px;
    border: none;
	margin-left: 35px;
}

/****** cssmenu ******/

@media only screen and (min-width: 1000px) {  
    
    
    .nav{
        float:left;
		height: 1178px!important;
    }
	.menu-toogle{
		display: none;
	}
	footer p{
		width: 600px;
		margin: auto;
	}
	.item3 {
		margin-left: 200px;
	}
	.item3b{
		margin-left: 200px;
	}
	
}