@charset "utf-8";

/* ELEMENTS COMUNS
------------------------------------------------------------------------*/
body {
margin: 0;
padding: 0;
background: url(../logos/bg_lines.gif) #e4e9ec;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000;
text-align: center; /*si no ho poso IE 5.5 no centrara el container*/
}

a:link {
text-decoration: underline;
font-weight: normal;
color: #e50d2e;
}

a:visited {
text-decoration: underline;
font-weight: normal;
color: #e50d2e;
}

a:hover {
text-decoration: none;
font-weight: normal;
color: #f28696;
}

a:active {
text-decoration: none;
font-weight: normal;
color: #808080;
}

.nota {
font-size: 11px;
color: #999;
}


/* H1, H2, H3...
------------------------------------------------------------------------*/
h1 {
margin: 0;
padding: 0 0 0 22px;
font-size: 24px;
font-weight: normal;
background: url(../logos/ico_fletxa_h1.gif) no-repeat left 5px;
/*border: 1px solid red;*/
}

h2 {
margin: 30px 0 0 0;
padding: 0;
font-size: 16px;
color: #e50d2e;
/*border: 1px solid pink;*/
}

h3 {
margin: 30px 0 0 0;
padding: 0;
font-size: 14px;
font-weight: normal;
color: #e50d2e;
/*border: 1px solid #ccc;*/
}


/* LINKS i BOTONS
------------------------------------------------------------------------*/
.link_top {
/*float: left;*/
margin: 25px 0 0 0;
padding: 0 0 0 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
background: url(../logos/ico_fletxa_top.gif) no-repeat 0px 2px;
/*border: 1px solid green;*/
}

.link_email {
background: url(../logos/ico_email.gif) no-repeat left 3px;
padding-left: 12px;
}

.link_extern {
background: url(../logos/ico_link_extern.gif) no-repeat right 2px;
padding-right: 10px;
}

.b_consultanos {
width: 285px;
height: 30px;
margin: 0;
font-size: 14px;
text-align: center;
line-height: 30px; /*ha de ser igual al height del boto xqe el rollover es vegi be*/
background: url(../logos/b_consultanos.gif) no-repeat;
/*border: 1px solid yellow;*/
}

.b_consultanos a {
display: block;
}

.b_consultanos a:link {color: #fff; font-weight: bold;}
.b_consultanos a:visited {color: #fff; font-weight: bold;}
.b_consultanos a:hover {color: #e50d2e; font-weight: bold; background-image: url(../logos/b_consultanos_.gif); background-repeat: no-repeat;}
.b_consultanos a:active {color: #fff; font-weight: bold;}


/* MENU PRINCIPAL
------------------------------------------------------------------------*/
#navContainer {margin-left: 25px;}

#navList {
padding-left: 0;
margin-left: 0;
width: 235px;
}

/* Opcions */
#navList li {
list-style: none;
margin: 0 0 10px 0;
padding: 0 0 0 15px;
font-size: 14px;
background: url(../logos/bullet_menu_roig.gif) no-repeat left 3px;
border-bottom: 1px solid #808080;
}

#navList li a {display: block;}

/* Sub-opcions */
#navList li li {
list-style: none;
margin: 0 0 0 -40px;
padding: 0 0 0 10px;
font-size: 12px;
background: url(../logos/ico_fletxa_menu.gif) no-repeat left 4px;
border-bottom: 1px dotted #808080;
}

#navList li li a {display: block;}

#navList a:link {text-decoration:none;}
#navList a:visited {text-decoration:none;}
#navList a:hover {text-decoration:none; color:#fff; background-color:#e50d2e;}
#navList a:active {text-decoration:none; color:#000;}


/* ESTRUCTURA
------------------------------------------------------------------------*/
#top {
width: 950px;
height: 40px;
margin: 0 auto;
background: url(../logos/bg_top.png) no-repeat;
/*border: 1px solid red;*/
}

#header {
width: 950px;
height: 120px;
margin: 0 auto;
background-image: url(../logos/bg_middle.png);
/*border: 1px solid yellow;*/
}

#header .logo {
margin-left: 40px;
border: 0;
float: left;
}

#header .capsalera {
margin-right: 40px;
border: 0;
float: right;
}

#enclose {
width: 950px;
margin: 0 auto;
padding-bottom: 15px; /*deixem algo d'espai entre l'enclose i el footer*/
background-image: url(../logos/bg_middle.png);
text-align: left; /*evita que els textos quedin centrats per culpa del text-align:center del body */
/*border: 1px solid blue;*/
}

#columnAdmin {
width: 855px;
margin-left: 40px;
border: 0;
float: left;
/*background-color: olive;*/
}

#columnLeft {
width: 285px;
margin-left: 40px;
border: 0;
float: left;
/*background-color: olive;*/
}

#columnRight {
width: 570px;
margin-right: 40px;
position:relative;
border: 0;
float: right;
background-image: url(../logos/bg_content_middle.gif); /*el bg dissimula els espais verticals buits que deixa FFox, degut als marges dels <p>*/
}

#columnCenter {
width: 570px;
margin: 0 auto;
border: 0;
background-image: url(../logos/bg_content_middle.gif); /*el bg dissimula els espais verticals buits que deixa FFox, degut als marges dels <p>*/
}

#contentTop {
width: 570px;
height: 20px;
margin: 0;
background: url(../logos/bg_content_top.gif) no-repeat;
/*border: 1px solid red;*/
}

#contentMiddle {
width: 530px; /*570-40(padding H)*/
margin: 0;
padding: 0 20px;
background-image: url(../logos/bg_content_middle.gif);
/*border: 1px solid yellow;*/
}

#contentBottom {
width: 570px;
height: 20px;
margin: 0;
background: url(../logos/bg_content_bottom.gif) no-repeat;
/*border: 1px solid green;*/
}

#footer {
width: 950px;
height: 30px;
margin: 0 auto;
background-image: url(../logos/bg_middle.png);
/*border: 1px solid yellow;*/
}

#footer p {
width: 870px;
height: 30px;
margin: 0 auto;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
line-height: 25px;
background: url(../logos/bg_footer.gif) no-repeat;
/*border: 1px solid purple;*/
}

#footer p a:link {color: #fff;}
#footer p a:visited {color: #fff;}
#footer p a:hover {color: #666;}
#footer p a:active {color: #000;}

#bottom {
width: 950px;
height: 40px;
margin: 0 auto;
background: url(../logos/bg_bottom.png) no-repeat;
/*border: 1px solid red;*/
}


/* FORMULARIS
------------------------------------------------------------------------*/
form p {
font-size: 11px;
}

form span {
font-size: 11px;
}

form br {
clear: left;
}

fieldset {
margin-top: 15px;
border: 1px solid #808080;
padding: 12px;
}

legend {
font-weight: bold;
}

label {
display: block;
text-align: right;
float: left;
width: 200px;
padding-right: 5px;
font-size: 11px;
/*border: 1px solid green;*/
}

input {
display: block;
/*width: 175px;*/
float: left;
margin-bottom: 6px;
border: 1px solid #808080;
background-color: #e8ecef;
font-size: 11px;
}

.inputAdmin {
display: inline;
}

select {
display: block;
/*width: 175px;*/
float: left;
margin-bottom: 6px;
margin-right: 8px;
border: 1px solid #808080;
background-color: #e8ecef;
font-size: 11px;
}

.error { border: 2px solid #FF0000; }
.ok { border: 1px solid #808080; }

.input_radio {
display: inline;
border: none;
background-color: transparent;
}

.label_radio {
display: inline;
text-align: left;
width: auto;
padding: 2px 15px 0 0;
font-size: 11px;
/*border: 1px solid green;*/
}

.input2 {
display: inline;
text-align: left;
width: auto;
font-size: 11px;
margin-right:15px;
}

.label2 {
display: inline;
text-align: left;
width: auto;
font-size: 11px;
}

.label3 {
display: inline;
text-align: left;
width: auto;
font-size: 11px;
margin-left:-10px;
margin-right: 12px;
}

.input_hidden {
display:none;
border: none;
background-color: transparent;
}

.b_form {
height: 20px;
margin: 0 10px 0 0;
padding-bottom: 4px;
text-align: center;
color: #fff;
background: url(../logos/b_form.gif) repeat-x #000;
border: none;
cursor: pointer;
}


/* HOME PAGE
------------------------------------------------------------------------*/
.bloc {
float: left;
width: 260px;
height: 80px;
margin: 0 0 10px 0;
padding: 0;
overflow: hidden; /*evito desbordament*/
font-size: 11px;
}

.bloc p {
margin: 0;
padding: 14px 14px 14px 60px;
}

.bloc_titol {
font-size: 16px;
color: #e50d2e;
font-weight: bold;
}

.obligatorio
{
	color:#F00;
}

.text
{
/*	display: block;*/
text-align: right;
float: right;
/*width: 200px;*/
padding-right: 10px;
font-size: 11px;
}


/* CAPAS FLOTANTES
------------------------------------------------------------------------*/
.info { 
	border-bottom: 1px dashed #e50d2e; 
	cursor: help;
	font-style:italic;
}
.descript{
	border:1px solid #CCC;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	width:350px;
	position: absolute;
	background: #FFFFE1;;
	padding: 5px;
	z-index:10;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
} 

.loading{
	padding: 20px, 0;
	background: url(/logos/loading.gif) no-repeat center #FFFFE1;
	height:100px;
	}
	
.cerrar{
	float:right;
	cursor: pointer;
}


/* ALTRES
------------------------------------------------------------------------*/
.box_forma_pago {
float:left;
width:385px;
height:190px;
padding:15px;
margin-top:5px;
text-align:center;
background:url(../logos/bg_formapago.gif) repeat-x #fff;
border:1px solid #e50d2e;
}

.box_forma_pago h2 {
margin:0 0 15px 0;
padding:0;
}

.box_forma_pago p {
margin:0;
padding:0;
}