/****** Reset ******/

* {



padding:0;



margin:0;



}



h1, h2, h3, h4, h5, h6 { margin:20px 0; }

pre, blockquote, address { margin:5px 0; }

ul, ol, dl {

	margin-top: 0px;

	margin-right: 0;

	margin-bottom: 20px;

	margin-left: 0;



}



li, dd, blockquote { margin-left: 40px; }



img { border: 0px; }



/**** Etiquetes ******/



h2 {

	margin: 10px 0 15px 0;

	font-weight: lighter;

	font-size: 1.6em;

	color: #464031;

	font-family: "Times New Roman", serif;



}



h4 {

	margin-left: 25px;

	margin-right: 10px;

	text-transform: uppercase;

	font-weight: lighter;

	margin-bottom: 10px;

	color: #a1a09b;

	font-family: "Times New Roman", serif;

}





body {

	text-align: center;

	font-size: 14px;
	
	font-weight:bold;

	font-family: Verdana, sans-serif;

}

object

{

	margin-bottom:20px;

	display:block;

}



textarea

{

	overflow:hidden;



}



ol li

{

	color: #8b7f73;

}



/* ---------Estils Generals ----------*/



.margin-left

{

	margin: 0 0 20px 40px!important;

}



.float-left

{

	float:left;

	display:block;

	margin-right:10px!important;

}



.clear {

	clear: both;

}



#back-to-top {

	background: url(../imatges/top-link.gif) no-repeat scroll 0 0;

	bottom:50%;

	display:block;

/*	outline-color:-moz-use-text-color;*/

	outline-style:none;

	outline-width:0;

	position:fixed;

	right:5px;

	width:26px;

	height:26px;

}



/* Hack ie6 para position fixed */

* html #back-to-top {

    position: absolute;

    top:expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+400+"px" : body.scrollTop+400+"px");



}



/* @group Layout */

div#outer-wrapper {

	background: url(../imatges/body-bkg.gif) repeat-y top center;

	

}

div#inner-wrapper {

	background: url(../imatges/header-bkg.gif) repeat-x;

}

div#content-wrapper {

	width: 1000px;

	margin-left: auto;

	margin-right: auto;

	text-align: left;

}

div#logo {

	background: url(../imatges/logo-box-bkg.gif) no-repeat;

	width: 194px;

	height: 225px;

	margin-top: 4px;

	text-align: center;

}

div#logo img {

	margin-top: 15px;

}



div#sidebar {

	float: left;

	width: 210px;

	display: inline;

}

div#logo span {

	display: none;



}

div#content {

	float: right;

	width: 730px;

	margin-right: 30px;

	display: inline;

	background: url(../imatges/leaf-watermark.gif) no-repeat bottom right;

}

div#content-inner {

	margin-top: 20px;

	padding: 1px 0;

	overflow:auto;

}



div.content-left {

	padding: 4px;

	width: 238px;

	background-color: #d7d7d7;

	float: left;

	display: inline;

}

div.content-left img {

	border: 1px solid #fff;

}



div.content-left p {

	background-color: #999;

	margin: 4px 0 0 0 !important;

	color: #fff;

	text-align: center;

	font-family: "Times New Roman", serif;

	padding: 2px;

	font-size: 1.3em;

	border: 1px solid #fff;

}

div.content-left p span {

	font-size: .8em;

}



div.content-right {

	float: left;

	margin-left: 20px;

	width: 400px;

}



div.content-left2 {

	float: left;

	width: 300px;

	padding: 4px;

}



p.end-story-links {

	border-bottom: 4px solid #d1b9b3;

	margin-bottom: 15px !important;

	font-size: .8em;

}



div#footer {

	clear: both;

	border-top: 1px solid #bf4327;

	background-color: #f8eac3;

	padding: 10px;

}



img.content-img {

	float: left;

	margin: 0 10px 10px 0;

	padding: 3px;

	border: 1px solid #000;

	background-color: #fff;	

}



.magrana {

	float: left;

	display: block;

}



/* @group Nav */

ul#nav {

	margin: 0 0 10px 0;

	height: 40px;

	line-height: 45px;

	font-size: 1em;

	font-family: "Times New Roman", serif;

	overflow: hidden;

}

ul#nav li {

	display: inline;

	list-style-type: none;

	text-transform: uppercase;

	margin: 0 20px 0 0;

}

ul#nav li a:link, ul#nav li a:visited {

	color: #bf4327;

	text-decoration: none;

}

ul#nav li a:hover {

	color: #3f3e3a;

}



ul.side-nav {

	margin: 10px 5px 10px 17px;

	border-top: 1px solid #999;

	font-size: .7em;

	color: #978f7c;

	text-transform: uppercase;

}

ul.side-nav li {

	margin: 0;

	list-style-type: none;

	padding: 1px 0;

}

ul.side-nav li a {

	display: block;

	border-bottom: 1px solid #999;

	margin: 0;

	padding: 10px 0 10px 20px;

	background: url(../imatges/side-nav-bullet.gif) no-repeat 5px 50%;

}

ul.side-nav li a:link, ul.side-nav li a:visited {

	color: #978f7c;

	text-decoration: none;

}

ul.side-nav li a:hover {

	background: url(../imatges/side-nav-bullet-light.gif) no-repeat 5px 50% #f6f5f0;

	color: #cac6ba;

}



ul#footer-nav {

	font-family: "Times New Roman", serif;

	font-size: .7em;

	text-transform: uppercase;

	margin: 0 0 10px 0;

}

ul#footer-nav li {

	display: inline;

	margin: 0;

	padding: 0 10px 0 5px;

	border-right: 1px solid #bf4327;

}

ul#footer-nav li.last {

	border-right: none;

}

ul#footer-nav li a:link, ul#footer-nav li a:visited {

	color: #bf4327;

	text-decoration: none;

}

ul#footer-nav li a:hover {

	color: #453e3b;

}



/* @group Text Styles */

div#content-inner {

	font-size: .75em;

	color: #929291;

	line-height: 1.7em;

}

div#content-inner p {

	margin-top: 2px;

	margin-right: 0;

	margin-bottom: 15px;

	margin-left: 0;

}

p.intro:first-letter {

	font-size: 1.4em;

	letter-spacing: -1px;

}

p.copyright {

	font-size: .65em;

	font-family: "Times New Roman", serif;

	color: #797069;

	text-transform: uppercase;

	margin: 10px 0;

}

.credit {

	font-size: .60em;

	font-family: "Times New Roman", Times, serif;

	color: #797069;

}



/* @group Lists */



div.content-full {

	clear: both;

	overflow: hidden;

}

div.content-full ul ul{

	padding-left: 20px;

}

.content-full li {

	font-size: 8pt;

	}



.content-full li li{

	font-size: .8em;

	}

		

/* ------- FORMULARI DE CONTACTE ----------- */

#formulariContacte {

	margin-top : 30px;

	border : 0;

	padding : 5px;

	text-align : left;

	font-size: 11px;

	font-style: normal;

}

#formulariContacte small {

	font-size: 12px;

	font-style: normal;

}

#formulariContacte label {

	width:120px;

	font-size: 12px;

	margin-bottom:5px;

}

#formulariContacte input, #formulariContacte .area, #formulariContacte select {

	width:300px;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 11px;

}



/* ------- FORMULARI DE CONTACTE ----------- */

#formulari .fila input

{

	background-color:#FBFBFB;;

	color:#8B8B8B;

	border:1px solid #ccc;

	padding: 0 3px;

}



#formulari .fila input.radio

{

	border:none;

	padding:0;

}



#formulari .fila textarea

{

	background-color:#FBFBFB;

	border:1px solid #ccc;

	padding:3px;

}



#enviar .boto

{

	border:1px solid #FBFBFB;

	color: #8B8B8B;

	padding:2px;

}



#enviar

{

	margin:20px 50px;

}



#enviar a

{

	margin:0 0 0 150px;

}



.bg-border-bottom

{

	background:url(../imatges/bg-border-bottom.jpg) repeat-x left top;

	height:1px;

	width:200px;

	margin: 30px 0 30px 200px;

}



#administracio a:link, #administracio a:visited {

	color: #8b7f73;

	text-decoration: none;

	border-bottom: 1px dotted #8b7f73;

	background-color: #eee;

/*	-moz-border-radius: .5em;

*/	padding: 0 3px 0 3px;

}





/* @group Links - link visited hover active */

div#content-inner a:link, div#content-inner a:visited {

	color: #8b7f73;

	text-decoration: none;

	border-bottom: 1px dotted #8b7f73;

	background-color: #eee;

	padding: 0 3px 0 3px;

	display:block;

}



div#content-inner #identidad

{

	border:none;	

}

div#content-inner a:hover {

	color: #706153;

	border-bottom: 1px dotted #706153;

	background-color: #eee;

	padding: 0 3px 0 3px;

}



p.copyright a:link, p.copyright a:visited {

	color: #797069;

	text-decoration: none;

}

p.copyright a:hover {

	color: #453e3b;

}

.credit a:link, .credit a:visited {

	color: #797069;

	text-decoration: none;

	border-bottom: 1px dotted #8b7f73;

	background-color: #ccc;

	padding: 0 3px 0 3px;

}

.credit a:hover {

	color: #797069;

	border-bottom: 1px dotted #706153;

	background-color: #ccc;

	padding: 0 3px 0 3px;

}



/* @group Misc */



.marcImatge {

	padding: 3px;

	border: 1px solid #bf4327;

	background-color: #fff;

}



.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */





/* ------- POLITICA LEGAL ----------- */



#legal li

{

	font-size:12px;

}



ol#legal li span

{

	font-weight:bold;

}



/* ------- EQUIPO ----------- */



.equip li

{

	margin: 0 0 20px 20px;

}



/* ------- FRANQUICIA ----------- */



.indice

{

	background-color:#F8EAC3;

	border: 1px dashed #BF4327;

	width: 300px;	

}

.wrapper-background

{

	background-color:#F8EAC3;

	width:300px;

	padding:10px;

	border: 1px dashed #BF4327;

}



.wrapper-background li

{

	list-style:none;

	text-align:right;

	margin:0 20px 0 0;

}



.h3fran

{

	margin:15px 0 5px 0;

	font-family:"Times New Roman", Times, serif;

	font-size:1.6em;

	color:#464031;

	font-weight: lighter;

	font-style:italic;

}



#content-inner .content-full .indice ol li a:link,

#content-inner .content-full .indice ol li a:visited



{

	background-color:#F8EAC3;

	border:none;	

}



/********* PRESELECCION ******/



#formulari

{

	font-size:11px;

	line-height:20px;

}



#contingut p {

	text-align: justify;

	}

	

#contingut h2 {

	background-repeat: no-repeat;

	background-position: top left;

	height:38px;

}



.fila

{

	margin: 0 0 10px 0;

}



/*Estilos de error en el formulario de preseleccion*/

.error

{

	color:#FF0000;

	font-size:10px;

}	



.estudios

{

	display: block;

}