﻿/***************************************** Selectors Generals ****************************************/
body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Sans",Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12pt;
}

img {
	border: 0px none;
}
h1 {
	font-size: 14px;
	font-weight: bold;
	color: #ED8025;
	border-bottom-color: #ED8025;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
h3 {
	color: #AF0917;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}
#spacer {
	padding-top: 25px;
}
#Ariadna 
{
	font-size: 11px;
	color: #AF0917;
	padding-top: 8px;
	padding-bottom: 15px;
}
#Ariadna {
	padding-left: 5px;
	/*border-left: 1px dotted #ED8025;
	border-right: 1px dotted #ED8025; */
}
#Ariadna a 
{
	color: #AF0917;
	text-decoration: none;
}
#Ariadna a:hover {
	color: #F5822D;
	text-decoration: underline;
	text-align: left;
}

.text {
	color: #3E3E3E;
	font-size: 13px;
	text-align: justify;
}
a {
	text-decoration: none;
	color: #AF0917;
        font-size: 12px;
}
 a:hover {
	color: #F5822D;
}

/***************************************** Contenidor principal ****************************************/
#Container {
	width: 1440px;
	margin: auto;
	border-top-color: #B10C15;
	border-top-style: solid;
	border-top-width: 2px;
}
#Content{
 padding-left: 0px; 
 padding-right: 0px; 
 height: 624px; 
 border-left: 1px dotted #ED8025; 
 border-right: 1px dotted #ED8025;
}
.Contingut-Esquerra{
float: left; width: 1280px; margin-left: 50px
}
.Contingut-Dreta{
	float: right;
	padding-left: 25px
}
}
.Contingut-centrat{
	float: center;
	padding-left: 25px
}


/***************************************** Cap�alera ****************************************/
#Header {
	margin-top: 15px;
    background-image: url(imatges/logotip.png);
	background-repeat: no-repeat;
	height: 65px;
}

#SubHeader {
	background-color: #AF0917;
	background-image: url(imatges/subheader2.jpg);
	background-repeat: no-repeat;
	     
	height: 75px;
	color: #FFFFFF;
	text-align: right;
	padding-right: 25px;
	padding-top: 25px;
	font-size: small;
}

/***************************************** Barra de men� ****************************************/
#NavbarEquerra{
	text-align: right;
	font-size: 15px;
	color: #FFFFFF;
	width: 1018px;
	float: left;
	clear: right;
	background-color: #AF0917;
	font-weight: bold;
}
#NavbarEquerra a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 13px;
}
#NavbarEquerra a:hover, a:focus{
	color: #F5822D;
}
#NavbarDreta {
	text-align: right;
	font-size: 14px;
	color: #FFFFFF;
	width: 396px;
	float: right;
	border-left: 1px solid #FFFFFF;
	padding-right: 25px;
	background-color: #AF0917;
}
/***************************************** Contingut ****************************************/
#ContenidorEsquerra {
	/*border-left: 1px dotted #ED8025;*/
	background-color: #FFFFFF;
	width: 988px;  /* ample del mig*/
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0px;
	padding-bottom: 15px;
	height: 624px;
}

#ContenidorEsquerra h1 {
	font-size: 13px;
	padding-bottom: 2px;
	margin-bottom: 0px;
}

#ContenidorEsquerra .text {
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
	color: #3E3E3E;
	font-size: 13px;
	text-align: justify;
}

#ContainerColumnes{
	width: 100%;
	margin: 10px auto;
	font-size: 13px;
}

#ColumnaEsquerra {
	float: left;
	width: 33%;
	margin: 0;
	text-align: center;
	/*border-right: 1px dashed #CCCCCC; */
}

#ColumnaDreta {
	float: right;
	width:33%;
	margin: 0;
	text-align: center;
	/* border-left: 1px dashed #CCCCCC; */
}
#ColumnaCentral {
	margin-left: 33%;
	margin-right: 33%;
	text-align: center;
}

.photo-border {
	border:0px solid #cecece;
	padding:4px;
	margin-bottom:5px;
	display:block;
}

#ContainerColumnes .TextColumna {
	text-align: justify;
	width: 248px;
	font-size: 13px;
}

#ContainerColumnes .TextColumna a {
	text-decoration: none;
	color: #AF0917;
}
#ContainerColumnes .TextColumna a:hover {
	color: #F5822D;
}

/***************************************** Barra lateral ****************************************/
#ContenidorDret {
	/*border-right: 1px dotted #ED8025;*/
	background-color: #F9F9FB;
	width: 388px;
	float: left;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #C1C1C1;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0px;
	padding-bottom: 15px;
	height: 624px;
}

#ContenidorDret h1
{
	font-size: 14px;
	font-weight: bold;
	color: #B10C15;
	border-bottom-color: #AF0917;
	border-bottom-style: none;
}
ul.list-of-links li{
	list-style-image: url(imatges/list-bullet-01-link.gif);
}

.link-assistencia
{
	float: right;
	margin-top: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 50px;
}

/***************************************** Peu de pagina ****************************************/
#Footer {
	clear: both;
	width: 100%;
	color: #FFFFFF;
	font-size: 11px;
	text-align: center;
	background-color: #AF0917;
}
