/* Globals*/

body,html {
  text-align: center;
  padding: 0px;
  margin: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  height: 100%;
}
a {
	color: blue;
	font-weight: bold;
	text-decoration: none;
}
input {border: 1px solid #000; }
textarea {border: 1px solid #000;width: 100%; height: 100px;}
a:visited{
	color: blue;
}


a:hover{
	color: #FF6600;
}

.left{
	float:left;
}

.right{
	float:right;
}
/*Menu capçalera*/

#menucapcalera{
	 height: 20px;
	 background-color: #000;
	 width:100%;
	 clear:both;
	 border:none;
	 margin: 0 auto;
}

#capcalera img{
	width: 100%;
}
#capcalera{
	background-color:#000;
	
	
}

.itemcapcalera{
	width:7.5%;
	padding:2px;
	border:none;
	margin-left:1%;
	float:left;
	background-color: #FFA105;
	/*background-image: url(./pictures/bg.jpg); 
	background-repeat: repeat-x;*/

}

.toff a {
	/*color: #f7eda4;*/
	color: #000;
	font-weight: bold;
	text-decoration: none;
	
}

.toff a:hover{
	text-decoration: underline;
	background-color: #FCB43C;
}
.toff a:visited{
	color: #000;
}
.ton a:visited{
	color: #000;
}
.ton a:active{
	color: #000;
}
.toff a:active{
	text-decoration: underline;
}

.ton a {
	
	color: #000;
	font-weight: bold;
	text-decoration: none;
}


.ton{
	border-bottom:0px;
	background-color: #fff;
	line-height: 170%;
}

.toff{
	border-bottom:1px #000000;
}



/*Específiques de novetats*/

#contingut {
  
  position: relative;
  padding-left:10px;
  margin-left: 15%;
 
}

#menuleft {

  background-color: #EDECEA;
  height:80%;
  position: absolute; 
  width: 15%;
  top: 13em;
  left: 1em;

}





.noticiaDiv {

  padding: 10px;
  padding-top: 5px;
  text-align: justify;
  font-size: 100%; 
}



.noticiaDiv h2{
	font-size:120%;
	font-weight:bold;
}
.noticiaDiv img {

	float: left; 
	margin: 0 5px 5px 0;

}

.noticiaDiv span {
	float:right;
	font-size: 90%;  
	line-height: 2.5em;
}

.noticiaDiv div {
  border-bottom: 1px dashed #777;
  clear: both;
}



.noticiaDiv 
{
	
	font-weight:bold;
}

.noticiaDiv p{

	text-align:left;
	font-size:100%;
	font-weight:normal;
}


/*Específiques de contacta.php */

div .etiqueta {width: 30%;text-align: right;font-weight: bold;padding-right: 10px;font-size: 100%;}

div .campform {width: 70%;}

#contacta div.cell{
	float:left;
	padding:2px;
	margin:0 auto;
	box-sizing: border-box;  -moz-box-sizing: border-box;

}

#dadescontacte{

	
}
div.row{
	clear:both;
	
}

#contacta div.row span.etiqueta{
  float: left;
  width: 100px;
  text-align: right;
  }
  
  #contacta div.row span.nota{
  float: left;
  width: 535px;
  text-align: left;
  font-size: 90%;
  }

#contacta div.row span.campform {
  float: right;
  width: 435px;
  text-align: left;
  } 

#contacta h2{
 margin-left: 50px;
 font-size: 110%;
 text-align: left;
 clear: both;

}
#contacta img{
  margin-left: 50px;
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
}

div.formulari{
	
	width: 70%;
	padding: 5px;
	background-color: #eeeeee;
	float: left;
	/*margin-left: 5%;*/
	margin: 0 auto;
	border-left: 40px solid #fff;

}

.maincontacta{
	float:left;
	padding:5px;
}

#mapacontacta{
	
	text-align:left;
	line-height: 4em;
	clear: both;
	font-weight: bold;


}

#mapacontacta a{
	font-size: 120%;
}
.btn {
	background-color: #000;
	color: #fff; 
	margin: 2px;
}

#contacta span.info {
	color: red;
	font-weight: bold;
	text-align: left;
	clear: both;
	float: left;
	line-height: 1.5em;
	margin-left: 50px;
	
}
/*Mercat d´ocasió*/

#menucerca{
	height: 3%;
	padding: 2%;
	clear: both;
	
}
 #titol{
	
  float: left;
  margin-bottom: 0.5%;
 
}
#menucerca div.ordre{
	text-align: left;
	float: left;
	padding: 1%;
	
}

#menucerca div.cerca{
	float: right;
}

#menucerca div.cerca input.btn{
	color: #fff;
	background-color: #000;
	margin: 1px;
}





#mercat{
	margin-left: 4%;
	margin-top: 1%;
}
 #mercat div.producte{
	 float:left;
	 width:47%;
	 padding: 5px;
	 border: 1px dashed #000;
	 height:350px;
 }
#mercat div.producte h2{
	font-size: 120%;
	font-weight: bold;
	margin-right: 2px;
	text-align: justify;
	width: 100%;
	
	
}
#mercat div.producte img{
	clear:both;
	float:right;

}
#mercat div.producte p{
	text-align:left;

}

#mercat div.taulapropietats {
	float: left;	
	margin-top: 2%;
	width: 40%;

}
#mercat div.taulapropietats  div.row{
	clear:both;
	border-bottom: 1px solid #000;
}
#mercat div.taulapropietats span.etiqueta{
	float:left;
	text-align: left;
	padding-bottom: 0.5%;
	padding-top: 0.5%;
	
	

}
#mercat div.taulapropietats sub{
	font-size: 75%;
}
	
#mercat div.taulapropietats span.valor{
	float: right;
	padding-bottom: 0.5%;
	padding-top: 0.5%;


}

/*Ofertes i novetats */



#ofertesnovetats{
	margin-left: 4%;
	margin-top: 1%;
}

 #ofertesnovetats div.rowproducte{
    width: 100%;
    clear: both;
	height: 175px;

  }
 #ofertesnovetats div.producte{
	 width : 47.5%;
	 border: 5px solid #fff;
	 padding: 5px;
	
 }
#ofertesnovetats  span.productes_body{
	display: block;
	clear: both;
	border-bottom: 1px dashed #FFA105;
	width: 97%;
	padding: 2%;
	height: 190px;

}
#ofertesnovetats  span.productes_header{
	display: block;
	width: 97%;
	font-size: 120%;
	font-weight: bold;
	padding: 2%;
	text-align: justify;
	height: 15px;
	background:#fff url(http://www.fasol.es/bicis/pictures/bar1.jpg);
	background-repeat: repeat-x;
	
	
	
}

#ofertesnovetats span.tipus{
	color: #FF3300;
	font-size: 200%;
	font-family: impact,verdana,serif;
	overflow: visible;
}
#ofertesnovetats div.producte img{
	clear: both;
	float: right;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-top: 0px;
}
#ofertesnovetats div.producte p{
	text-align: left;

}
#ofertesnovetats span.mesinfo{
	
	display: block;
	float: left;
	clear: both;
	text-align: left;
	padding-top: 5px;
	width: 100%;
	
}
#ofertesnovetats span.mesinfo a{
	background-color: #fff;
	border: none;
}

#ofertesnovetats span.mesinfo img{
		margin: 0;
		border: none;
		padding: 0px;
}

.mesinfo a, .mesinfo a:link, .mesinfo a:active, .mesinfo a:visited, .mesinfo a:hover {
	text-decoration: none;
	
}

#ofertesnovetats span.taulapropietats {
	float: left;	
	margin-top: 2%;
	width: 40%;
	display: block;
}
#ofertesnovetats span.taulapropietats  span.row{
	display: block;
	clear:both;
	border-bottom: 1px solid #000;
}
#ofertesnovetats span.taulapropietats span.etiqueta{
	float:left;
	text-align: left;
	padding-bottom: 0.5%;
	padding-top: 0.5%;
	
	

}
#ofertesnovetats span.taulapropietats sub{
	font-size: 75%;
}
	
#ofertesnovetats span.taulapropietats span.valor{
	float: right;
	padding-bottom: 0.5%;
	padding-top: 0.5%;


}
/*Oferta novetat*/

#ofertanovetat{
	margin-left: 4%;
	margin-top: 1%;
}

#ofertanovetat div.taulapropietats {
	float: left;	
	margin-top: 2%;
	width: 40%;
	display: block;
}
#ofertanovetat div.taulapropietats  div.row{
	display: block;
	clear:both;
	border-bottom: 1px solid #000;
}
#ofertanovetat div.taulapropietats span.etiqueta{
	float:left;
	text-align: left;
	padding-bottom: 0.5%;
	padding-top: 0.5%;
	
	

}
#ofertanovetat div.taulapropietats sub{
	font-size: 75%;
}
	
#ofertanovetat div.taulapropietats span.valor{
	float: right;
	padding-bottom: 0.5%;
	padding-top: 0.5%;


}
#ofertanovetat div.producte img{
	clear: both;
	float: right;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-top: 0px;
	
}
#ofertanovetat div.producte p{
	text-align: left;
}
#ofertanovetat h2{
	clear: both;
	text-align: left;
	border-bottom: 1px solid #000;
	width: 100%;
}

/*Marques*/


#marques {
	
	margin-top: 2%;
}

#container {position:relative; width: 90%; margin: 3% 0 0 3%;}
#marques a.gright, a.gright:visited{float:right; text-align: right;}
#marques a.gleft, a.gleft:visited{float:left; clear: both; text-align: left;}
#marques a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; left:5px; width:47%; height:75px; margin:3px; z-index:50;font-size: 400%;font-weight: bold;}
#marques a.gallery p{ font-size:5%;}
#marques a.gallery span {display:block; position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#efedec; z-index:100;}
/**#marques .imagran {display:block; position:absolute;  top:50px; left:35%; width:35%;  padding:0; overflow:hidden;}*/
#marques a.gallery:hover p{ font-size:25%; }
#marques a.gallery:hover {white-space:normal;  text-align: center;}
#marques a.gallery:hover img {position:relative; z-index:100; }
#marques a.gallery:hover span {display:block; position:absolute; width:300px; height:200px; top:50px; padding:15px; left:35%; font-style:italic; color:#000; background:#efedec; z-index:100;}
/**#marques a.gallery:active img, a.gallery:focus img {position:relative; z-index:50;}
#marques a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:300px; height:200px; top:120px; left:35%; padding:5px; font-style:italic; color:#000; background:#efedec; z-index:50;}
*/

/*Intro*/
#inici {
	margin-top: 3%;
}
#gallery {
  padding:0; 
  margin:0 auto 5em auto; 
  list-style-type:none; 
  overflow:hidden; 
  width: 475px; 
  height: 450px; 
  /*border:1px solid #888; */
  background:#fff url(http://www.fasol.es/bicis/pictures/intro.jpg);
  }
#gallery li {
  float:left;
  }
#gallery li a {
  display:block; 
  height:30px;
  width:475px; 
  float:left; 
  text-decoration:none; 
  border-bottom:1px solid #fff; 
  cursor:default;
  }
#gallery li a img {
  height:30px; 
  width:475px; 
  border:0;
  }
#gallery li a:hover {
  background:#eee; 
  height:240px;
  }
#gallery li a:hover img {
  height:240px;
  }