/* ------------------------------------------------------------------------------------ *
| GLOBALS CSS FILE :: For Elisava														|
| css/layOut.css																		|
| 																						|
| PROJECT :: HelloPlan																	|
| 																						|
+ ------------------------------------------------------------------------------------- +
| Author :: Master 2010																	|
* ------------------------------------------------------------------------------------- */


/* @group GLOBALS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
body{
text-align: center;
}

html{
background-color: #fff;
}

/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group PAGE LAYOUT ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


#wrapper{ /* contenedor */
	width: 675px;
	position: relative;
	margin:100px auto 0 auto;
}
	
#content{
	width: 675px;
	margin:0 auto 0 auto;
}
/*Top--------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/

#top{
height: 250px;
background-color: #cfcfcf;
background:#fff url('../images/topback.png') repeat-x;
}
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
.separador{
display: block;
float:left;
width:3px;
height: 250px;
background:url('../images/between.png') no-repeat;
}
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
#topleft{
float: left;
display: block;
/*text-indent:-1200px;*/
width:223px;
height: 250px;
}

/*Imatge Down esp --------------------------------------------------*/

.downcat {
display:block;
width:223px;
height: 125px;
}

.downcat  h3 a{
display:block;
width:223px;
height: 125px;
text-indent: -9999px;
background:url('../images/downcat.png') no-repeat;
}

.downcat h3 a:hover{
display:block;
width:223px;
height: 125px;
text-indent: -9999px;
background:url('../images/downcatov.png') no-repeat;
}

/*Imatge Down espaņol--------------------------------------------------*/

.downesp {
display:block;
width:223px;
height: 125px;
background:url('../images/downes.png') no-repeat;
}

.downesp  h3 a{
display:block;
width:223px;
height: 125px;
text-indent: -9999px;
}

.downesp  h3 a:hover{
display:block;
width:223px;
height: 125px;
text-indent: -9999px;
background:url('../images/downesov.png') no-repeat;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/

.topright{
float: left;
display: block;
/*text-indent:-1200px;*/
width:223px;
height: 250px;
background:url('../images/toprightback.png') no-repeat;

}

.topright h3 a {
display:block;
width:223px;
height: 250px;
text-indent: -9999px;
}

.topright h3 a:hover {
display:block;
width:223px;
height: 250px;
text-indent: -9999px;
background:url('../images/toprightbackov.png') no-repeat;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/

.topmiddle{
float: left;
display: block;
/*text-indent:-1200px;*/
width:223px;
height: 250px;
background:url('../images/topmiddleback.png') no-repeat;

}

.topmiddle h3 a {
display:block;
width:223px;
height: 250px;
text-indent: -9999px;
}

.topmiddle h3 a:hover {
display:block;
width:223px;
height: 250px;
text-indent: -9999px;
background:url('../images/topmiddlebackov.png') no-repeat;
}

/*Menu--------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/

#menu{
height: 115px;
background:#fff url('../images/sectionback.png') repeat-x;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/

.separadormenu{
float: left;
width:5px;
height: 115px;
background:url('../images/sectionbet.png') no-repeat;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/

.jewelsm{
float: left;
display: block;
text-indent:-9999px;
width:131px;
height: 115px;
background:url('../images/jewelsback.png') no-repeat;

}

.jewelsm h2 a {
display:block;
width:131px;
height: 115px;
text-indent: -9999px;
}

.jewelsm h2 a:hover {
display:block;
width:131px;
height: 115px;
text-indent: -9999px;
background:url('../images/jewelsbackov.png') no-repeat;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/

.crystal{
float: left;
display: block;
/*text-indent:-1200px;*/
width:131px;
height: 115px;
background:url('../images/crystalback.png') no-repeat;

}

.crystal h2 a {
display:block;
width:131px;
height: 115px;
text-indent: -9999px;
}

.crystal h2 a:hover {
display:block;
width:131px;
height: 115px;
text-indent: -9999px;
background:url('../images/crystalbackov.png') no-repeat;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/

.watches{
float: left;
display: block;
/*text-indent:-1200px;*/
width:131px;
height: 115px;
background:url('../images/watchesback.png') no-repeat;

}

.watches h2 a {
display:block;
width:131px;
height: 115px;
text-indent: -9999px;
}

.watches h2 a:hover {
display:block;
width:131px;
height: 115px;
text-indent: -9999px;
background:url('../images/watchesbackov.png') no-repeat;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/

.image{
float: left;
display: block;
/*text-indent:-1200px;*/
width:131px;
height: 115px;
background:url('../images/imageback.png') no-repeat;
}

.image h2 a {
display:block;
width:131px;
height: 115px;
text-indent: -9999px;
}

.image h2 a:hover {
display:block;
width:131px;
height: 115px;
text-indent: -9999px;
background:url('../images/imagebackov.png') no-repeat;
}


/*-----------------------------------------------------*/
/*-----------------------------------------------------*/

.boutique{
float: left;
display: block;
/*text-indent:-1200px;*/
width:131px;
height: 115px;
background:url('../images/boutiqueback.png') no-repeat;
}	

.boutique h2 a {
display:block;
width:131px;
height: 115px;
text-indent: -9999px;
}

.boutique h2 a:hover {
display:block;
width:131px;
height: 115px;
text-indent: -9999px;
background:url('../images/boutiquebackov.png') no-repeat;
}

/*Llengua--------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/

#language{
height:45px;
background:#fff url('../images/menuback.png') repeat-x;
text-align: right;
}

/*Links--------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/

#links{
    margin:0 auto 0 auto;
	height: 125px;
	background-color: #fff;
}
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
.segon{
margin-left: 50px;
}
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
.primer{
margin-left: 10px;
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
}

/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group MISC :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */



/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group CLEARFIX :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#itemConClearFix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */