@charset "UTF-8";
/* CSS Document */

*{padding:0; margin:0; border:0;}


/*==============================================
      ELEMENTOS HTML
==============================================*/

/*eliminar contorno punteado*/
a {
text-decoration: none; 
outline: none;
}

body{
background: url(img/fondo.png) repeat-x;
background-color: #3b3b3b;
}


#wrapper {
background: url(img/wrapperreba.png);
width: 1000px; /*anchura del area de contenido*/
height: 592px;
margin-right:auto;
margin-left:auto;

}



/*==============================================
      COLUMNA
==============================================*/


#columna {
float:left;
width: 220px;
height: 545px;
margin-top:27px;
margin-left: 50px;
font-family:Helvetica;
}


#catcas {
margin-top: 10px;
margin-bottom: 10px;
}


#cat, #cas, #g {
display:inline;
list-style-type: none;
margin-left: 10px; 
color: white; /*color de fuente*/
font-size: 11px;
}

#columna p {
margin-left: 10px; 
color: white; /*color de fuente*/
font-size: 21px;
font-weight: bold;
}

#flash {
margin-top: 10px;
margin-bottom: 20px;
margin-left: 10px;
width:201px;
height:24px;
}

#navegacion {
margin-top: 8px;
}

#nav1, #nav2, #nav3 {
margin-bottom: 10px;
margin-left: 25px;
font-size: 18px;
list-style: url(img/bbb.png); 
}

.descomptes {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
}

#rebaixes {
margin-top: 20px;
}

#facebook {
margin-top: 27px;
background-color: white;
margin-left: 10px;
width: 200px;
border: 1px solid #bdbdbd;
}

/*==============================================
      COLLAGE
==============================================*/


#collage {
position: relative;
float:right;
width: 525px;
heigh: 525px;
margin-top:27px;
margin-right: 160px;

}

#collage ul {
margin: 0px 0px 3px 0px;
}

#collage li {
list-style-type: none;
float:left;
margin-right: 6px;
margin-bottom: 6px;
}

a:link {color:white;}
a:visited {color:white;}
a:hover, a:focus {text-decoration:blink;}

.img01 {
	background:url(collage/1.jpg);
}

.img02 {
	background:url(collage/2.jpg);
}

.img03 {
	background:url(collage/3.jpg);
}

.img04 {
	background:url(collage/4.jpg);
}

.img05 {
	background:url(collage/5.jpg);
}

.img06 {
	background:url(collage/6.jpg);
}

.img07 {
	background:url(collage/7.jpg);
}

.img08 {
	background:url(collage/8.jpg);
}

.img09 {
	background:url(collage/9.jpg);
}

.imgs {
	background-color: #fff; /*background color of content*/
	color: #000; /*text color of content*/
	border: 0px solid #000; /*border color*/
	padding: 0px 0px 0px 0px;
	height:167px;
	width:167px;
	position:relative;
	top:-2px;
	left:-2px;
}

.resombra {
	background: transparent url(img/shadow2.png);
	height:167px;
	width:167px;
	position:relative;
	top:1px;
	left:1px;
}

.sombra {
	background: transparent url(img/shadow1.png);
	height:167px;
	width:167px;
	position:relative;
	top:1px;
	left:1px;
}

/*==============================================
      QUE ES IGUALAM
==============================================*/


.img011 {
	background:url(igualam/1.jpg);
}

.img022 {
	background:url(igualam/2.jpg);
}

.img033 {
	background:url(igualam/3.jpg);
}

.img044 {
	background:url(igualam/4.jpg);
}

.img055 {
	background:url(igualam/5.jpg);
}

.img066 {
	background:url(igualam/6.jpg);
}

.img077 {
	background:url(igualam/7.jpg);
}

.img088 {
	background:url(igualam/8.jpg);
}

.img099 {
	background:url(igualam/9.jpg);
}



/*==============================================
      MAPA
==============================================*/

#map i,p {
font-size: 12px;
}

#map a {
font-size: 10px;
color: #810247;
}