h1
{
	color: #d5bee4;
	margin: 0;
	padding: 10px 0 0 15px;
	font-family: "Nimbus Roman No9 L";
	font-size: 45px;
	font-weight: normal;
}

h2
{
	color: #69f;
	padding: 10px 0 0 100px;
	margin: 0 0 20px 0;
}

h3
{
	color: #8549b6;
	font-size: 12px;
}
p
{
	margin: 0;
	padding: 0 0 0 100px;
	font-size: 14px;
}

ul
{
	list-style: none;
	margin: 0;
	padding: 0 0 0 125px;
	font-size: 14px;
}





/************************************************************/
#container
{
	width: 730px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/bg_container01.png);
	font-family: arial,verdana,sans-serif;
}


#header
{
	width: 730px;
	height: 125px;
	background: url(/images/bg_header01.png);
	padding: 10px 0 0 0;
}

#header h1{
    float: right;
    margin: 0 20px 0 0;
    padding: 0;
}

#topnav {
    padding: 105px 0 0 30px;
}


#topnav a, #topnav a:visited{
    color: #b163e3;
    font-size: 18px;
    font-family: "Nimbus Roman No9 L";
	font-weight: normal;
	text-decoration: none;
}

#topnav a:hover{
	text-decoration: none;
}

#main{
    padding: 0 30px 30px 30px;
    height: 300px;
    text-align: left;
}
html>body div#main {
min-height: 300px;
height: auto;
}

#main h1{
    color: #888;
    font-size: 35px;
    margin: 5px;
    padding: 0;
}

#main a, #main a:visited {
    color: #755989;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    margin: 0 0px 10px 20px;
}

#main a:hover {
}

#main p{
    color: #666;
    text-align: left;
    padding: 0 0 0 10px;
    margin: 0;
}

#main_imatge{
    margin: 0 auto;
    text-align: center;
    border-bottom: 1px dotted #999;
}     

#main_imatge img{
    margin: 0 0 10px 0;
    padding: 0;
}

#descripcio {
    width: 303px;
    float: left;
    padding: 5px 30px 0 0;
}

#dades_article{
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

#colors{
    width: 323px;
    float: right;
    border-left: 1px dotted #aaa;
    padding: 5px 10px 20px 0px;
	text-align: left;
}

#colors a, #colors a:visited{
    font-size: 15px;
}

#colors a:hover{
    color:#333; 
}

.color {
    width: 49%;
    float: left;
    margin: 0 0 10px 0;
    display:block;
    color: #666;
    font-size: 12px;
    text-align: left;
    padding: 0 0 0 0px;

}

.marca{
    display: block;
    float: left;
    width: 300px;
    margin: 0;
    padding: 0px;

}

#footer
{
	margin: 0;
	padding: 0;
	background:#fff url(/imagdes/bg_footer01.png) bottom no-repeat;
	width: 728px;
	height: 30px;
	border-top: 1px solid #aa7bcb;
	padding: 3px 0 0 3px;
	text-align: right;
	font-size: 11px;
	color: #666;
}

#footer a, #footer a:visited{
    color: #666;
    font-size: 12px;
    text-decoration: none;

}

#footer a:hover{
    text-decoration: underline;
}



/******************NAV*****************************************/

#nav
{
		padding: 100px 0 0 0;
		margin: 0 0 0 30px; 
 	width: 350px
}
#nav ul
{
	margin : 0;
	padding: 0;
	list-style: none;
}

#nav li
{
	float: left;
	margin: 0 40px 0 0;
}

#nav a,a:visited
{
	font-size: 14px;
	text-decoration: none;
	color: #8549b6;
	font-weight: bold;
	margin: 0;
}

#nav a:hover
{

	color: #fc0;
}


/*****************************CONTENT***********************************/


#content
{
	width: 340px;
	padding: 30px 0 0 30px;
	background: url(/images/bg_login.jpg) top center no-repeat;
}

#content p
{
	margin: 0;
	padding: 0;
	color: #8549b6;
	font-weight: bold;
	text-align: justify;
	font-size: 12px;
}

/***********************************************************************/

#galeria
{
	width: 360px;
}

#galeria img
{
	margin: 30px 0 0 30px;
	padding: 0;
	border: 1px solid black;
}

#galeria a{margin:0}
#imatge
{
	margin: 10px 10px 10px 0;
	width: 347px;
	height: 350px;
	float: right;
}

#imatge img
{
	border: 0px solid black;
}

a.atras,a.atras:visited
{
	text-decoration: none;
	color: #000;
	margin: 10px 0 0 10px;
	font-size: 12px;
}

a.atras:hover
{
	text-decoration: underline;
}

/***************************************************************************/

#cataleg
{
	padding: 20px 0 0 20px;
	width: 340px;
}

#cataleg a,a:visited
{
	font-size: 12px;
	text-decoration: none;
	color: #aa7bcb;
	margin: 0;
}

#cataleg a:hover
{
	color: #fc0;
}

p.peuPagina
{
	width: 670px;
	color: #8549b6;
	font-size: 10px;
	padding: 0;
	margin: 15px auto 0 auto;
	display: block;
}

p.peuPagina a,a:visited
{
	color: #8549b6;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
}

p.peuPagina a:hover
{
	text-decoration: underline;
}

#cataleg td{width: 170px;}
#cataleg table{margin-left: 20px}


#login{
    width: 733px;
    height:339px;
    background:#fff url(/images/bg_login.jpg) no-repeat;
    background-position: 0px 80px;
    padding: 80px 0 0 0;
}

#buttons{
    display: block;
    width: 200px;
    height: 110px;
    margin: 0px 0 0 140px;
    padding: 20px 0 0 0;
}

#buttons p{
    text-align: left;
    font-size: 11px;
    color: #8c61aa;
}

#buttons .divlabel{
    text-align: left;
    font-size: 11px;
    color: #8c61aa;
    float: left; 
    width: 60px; 
    display: inline;
    margin: 0;
    padding: 0;
}
#buttons input{
    text-align: left;
    font-size: 11px;
    color: #666;
    border: 1px solid #8c61aa;
}

#login h1
{   
    display: block;
	color: #d5bee4;
	margin: 19px 0 0 40px;
	padding: 0;
	font-family: "Nimbus Roman No9 L";
	font-size: 45px;
	font-weight: normal;
}

#back {
    margin: 110px 0 0 15px;
    padding: 0;
}

#back a, #back a:visited {
    color: #755989;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

#back a:hover {
    text-decoration: none;

}

.notice_login{
    color: #755989;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    margin: 0px 0 0 130px;
    padding: 10px 0 0 0;
}
.clear {
    clear: both;
}
    

.entrar{
    display: block;
    text-align: center;
    padding: 0 10px;
  }