@charset "utf-8";
/* CSS Document */
* {
	font-family: 'Roboto Slab', serif;    
    text-decoration: none;
}
 a:link {
    color: black;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: black;
}
a:hover {
    text-decoration: none;
    color:black;
}
a:active {
    text-decoration: none;
    color: black;
}

body {
/*	height: 2000px;
	background: -webkit-gradient(linear, left top, left bottom, from(#FF7E00), to(#FFC967));
	background-repeat: repeat;*/
  }
.logo {
    position: relative;
	top: 0.5vw;
    left: 4%;
}
#logo {
	height: 15vw; 
}
#logo2{
	display: hide;
	position: relative;
	top: 0.5vw;
	left: 2vw;
	max-width: 50%;
	max-height: 14vw;
}
.ico-menu{
	position: relative;
	padding: 1vw;
	height: 8vw;
	float: right;
}
.editar{
	position: relative;
	width: 16vw;
}
.tornar{
	position: relative;
	width: 16vw;
}
.celll{
    position: relative;
	width: 16%;
    font-size: 10vw;
}
 nav ul {
	display: none;
	list-style: none;
	top:0px;
	height: 800px;
	z-index: 1000;
    background-color: white;
}	
 ul li {
    width: 98%;
    padding-top: 1vw;
    text-align: center;
}
 .hide {
    display: block;
	 z-index: 1000;
}
.llistanoms{
    position: relative;
    display: block;
	width: 32%;
    height: 5vw;
    left: 35%;
	top: -10vw;
    padding-top: 2vw;
    font-size: 2.5vw;
    font-weight: 500;
    text-align: center;
    border-radius: 1vw;
    background-color: #FECCCC;
}
.titul {
    position: relative;
	width: 100%;
	top: -4vw;
    font-size: 4vw;
    font-weight: 500;
    text-align: center;
    background-color: #FB7E9A;
}
.retro {
	position: absolute;
	top: 0vw;	
}
#retro {
    height: 6vw;
	left: 2vw;
}
.tipus{
    position: relative;
    display: inline-block;
	width: 42%;
    left: 3%;
	top: 0vw;
    font-size: 3vw;
    font-weight: 300;
    text-align: center;
    color: black;
    background-color: #FDE2BF;  
}
.DO{
    position: relative;
    display: inline-block;
	width: 50%;
    left: 5%;
	top: 0vw;
    font-size: 3vw;
    font-weight: 300;
    text-align: center;
    color: black;
    background-color: #FFFBDD; 
}
.buscar{
    position:relative;
	width: 60%;
    left: 20%;	
	top: 2vw;
    font-size: 3.2vw;
}
.nomvi {
    position: relative;
    display: block;
	width: 98%;
    height: 4vw;
    left: 2%;
	top: 10vw;
    margin-top: -4.2vw;
    padding: 0.5vw;
    font-size: 3vw;
    font-weight: 500;
    line-height : 3.5vw;
    color: black;
    background-color: #FEE4DA;
}
.preu {
    position: relative;
    display: block;
    vertical-align: top;
	width: 20%;
    height: 4vw;
    left: 80%;
	top: 5.2vw;
    padding: 0.3vw;
    font-size: 3vw;
    font-weight: 500;
    text-align: right;
    background-color: #FEE4DA;
    z-index: 100;
}
@media (min-width: 980px) and (max-width: 1190px){
.logo {
    position: relative;
	top: 0.5vw;
    left: 4%;
}
#logo {
	height: 12vw;
}
#logo2{
	display: hide;
	position: relative;
	top: 0.5vw;
	left: 2vw;
	max-width: 30%;
	max-height: 8vw;
}
.ico-menu{
	position: relative;
	padding: 1vw;
	height: 5vw;
	float: right;
}
.editar{
	position: relative;
	width: 10vw;
}
.tornar{
	position: relative;
	width: 10vw;
}
.llistanoms{
	width: 32%;
    height: 4vw;
    left: 35%;
	top: -4vw;
    padding-top: 1.5vw;
    font-size: 2vw;
    font-weight: 300;
    text-align: center;
    border-radius: 1vw;
}
.titul {
    position: relative;
	width: 100%;
	top: 0vw;
    font-size: 3vw;
}
.retro {
	position: absolute;
	top: 0vw;
    }
#retro {
    height: 4vw;
	left: 2vw;
}
 nav ul {
	display: none;
	list-style: none;
	top:0px;
	height: 900px;
	z-index: 1000;
	background: -webkit-gradient(linear, left top, left bottom, from(#D4D4D4), to(#FDFDFD));
}	
 ul li {
    width: 98%;
    padding-top: 1vw;
    text-align: center;
}
 .hide {
    display: block;
	 z-index: 1000;
}
.tipus{
    position: relative;
    display: inline-block;
	width: 25%;
    left: 5%;
	top: 3vw;
    font-size: 2.2vw;
    font-weight: 300;
    text-align: center;
    color: black;
    background-color: #FFFBDD;  
}
.DO{
    position: relative;
    display: inline-block;
	width: 60%;
    left: 5%;
	top: 3vw;
    font-size: 2.2vw;
    font-weight: 300;
    text-align: center;
    color: black;
    background-color: #FFFBDD;  
}
.buscar{
    position:relative;
	width: 40%;
    left: 30%;	
	top: 6vw;
    font-size: 2.4vw;
}
.nomvi {
    position: relative;
    display: block;
	width: 97%;
    height: 1.2vw;
    left: 2%;
	top: 10vw;
    margin-top: -1vw;
    padding: 1.5vw;
    font-size: 2vw;
    line-height : 1vw;
    color: black;
}
.preu {
    position: relative;
    display: block;
	width: 15%;
    height: 1.2vw;
    left: 83%;
	top: 5.8vw;
    padding: 0.3vw;
    font-size: 2vw;
    text-align: right;
}
}
@media (min-width: 1191px) {
.logo {
    position: relative;
	top: 0.5vw;
    left: 4%;
}
#logo {
	height: 8vw;
}
#logo2{
	display: hide;
	position: relative;
	top: 0.5vw;
	left: 2vw;
	max-width: 20%;
	max-height: 7vw;
}
.ico-menu{
	position: relative;
	padding: 1vw;
	height: 3vw;
	float: right;
}
.editar{
	position: relative;
	width: 6vw;
}
.tornar{
	position: relative;
	width: 6vw;
}
 nav ul {
	display: none;
	list-style: none;
	top:0px;
	height: 900px;
	z-index: 1000;
	background: -webkit-gradient(linear, left top, left bottom, from(#D4D4D4), to(#FDFDFD));
}	
 ul li {
    width: 98%;
    padding-top: 1vw;
    text-align: center;
}
 .hide {
    display: block;
	 z-index: 1000;
}
.llistanoms{
	width: 20%;
    height: 2.5vw;
    left: 40%;
	top: -4vw;
    padding-top: 0.5vw;
    font-size: 1.6vw;
    font-weight: 500;
    text-align: center;
    border-radius: 1vw;
}
.titul {
    position: relative;
	width: 100%;
	top: -2vw;
    font-size: 1.8vw;
}
.retro {
	position: absolute;
	top: 0vw;
}
#retro {
    height: 2.5vw;
	left: 2vw;
}
.tipus{
    position: relative;
    display: inline-block;
	width: 25%;
    left: 5%;
	top: -1vw;
    font-size: 1.5vw;
    font-weight: 300;
    text-align: center;
    color: black;
    background-color: #FFFBDD;  
}
.DO{
    position: relative;
    display: inline-block;
	width: 60%;
    left: 5%;
	top: -1vw;
    font-size: 1.5vw;
    font-weight: 300;
    text-align: center;
    color: black;
    background-color: #FFFBDD;  
}
.buscar{
    position:relative;
	width: 15%;
    left: 42%;	
	top: 0vw;
    font-size: 1.7vw;
    border-radius: 0.5vw;
}
.nomvi {
    position: relative;
    display: block;
	width: 98%;
    height: 2.5vw;
    left: 1%;
	top: 7vw;
    margin-top: -3vw;
    padding: 0.5vw;
    font-size: 1.5vw;
    line-height : 2.2vw;
    color: black;
}
.preu {
    position: relative;
    display: block;
	width: 20%;
    height: 2.8vw;
    left: 78%;
	top: 3.5vw;
    padding: 0.3vw;
    font-size: 1.5vw;
    text-align: right;
} 
}