@charset "utf-8";

/* RESETTING DEFAULTS
------------------------------------------------------------------------*/
* {
margin:0;
padding:0;
}

p, blockquote, form, label, ul, ol, dl, fieldset, address {margin-bottom:20px;}

ul, ol {
margin-left:30px;
padding-left:0;
}


/* ELEMENTS COMUNS
------------------------------------------------------------------------*/
body {
background-color:#fff;
font:normal 12px Arial, Helvetica, sans-serif;
color:#000;
text-align:center; /*centro wrapper per a IE 5.5*/
}

a:link {
text-decoration:none;
color:#e51818;
}

a:visited {
text-decoration:none;
color:#e51818;
}

a:hover {
text-decoration:underline;
color:#ef7474;
}

a:active {
text-decoration:none;
color:#666;
}


/* HEADINGS
------------------------------------------------------------------------*/
h1, h2, h3, h4 {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
color:#000;
margin-bottom:15px;
}

h1 {
height:60px;
font-size:26px;
line-height:60px;
border-bottom:10px solid #e51818;
}

h2 {
/*height:25px;*/
font-size:20px;
line-height:23px;
border-bottom:5px solid #000;
}

h3 {
/*height:22px;*/
font-size:13px;
font-weight:bold;
line-height:20px;
border-bottom:1px dotted #000;
}

h2.estetica {border-bottom:5px solid #00830a;}
h3.estetica {border-bottom:1px solid #00b30f;}

h2.negocios {border-bottom:5px solid #2328ff;}
h3.negocios {border-bottom:1px solid #4549ff;}

h2.servicios {border-bottom:5px solid #d49800;}
h3.servicios {border-bottom:1px solid #d3a73c;}

h4 {
font-size:12px;
font-weight:bold;
}


/* ESTRUCTURA
------------------------------------------------------------------------*/
#wrapper {
position:relative;
width:936px;
margin:0 auto;
text-align:left; /*anulem text centrat body*/
}

/*** Header ***/
#wrapperHeader {
position:absolute;
width:936px;
height:105px;
top:30px;
left:0;
}

#header {
position:relative;
width:936px;
height:105px;
background-color:#000;
}

#logo {
position:absolute;
width:270px;
height:105px;
top:0;
left:0;
}

#logo img {
width:270px;
height:105px;
border:0;
}

#tagline {
position:absolute;
width:335px;
height:20px;
top:63px;
left:278px;
}

#tagline img {
width:335px;
height:20px;
border:0;
}

/*** Content ***/
#wrapperContentNavigationsideFooter {
position:absolute;
width:936px;
top:135px;
left:0;
}

#wrapperContentNavigationside {
position:relative;
width:936px;
background:url(../img/bg_content.png) repeat-y;
background-color:#fff;
overflow:hidden; /*Simple Clearing of Floats*/
}

#navigationSide {
float:left;
width:297px;
/*display:inline; fixes IE5/6 Doubled Float-Margin Bug*/
}

#content {
float:right;
width:609px;
margin-bottom:30px;
display:inline; /*fixes IE5/6 Doubled Float-Margin Bug*/
}

#contentHome {
width:936px;
margin-bottom:30px;
}

/*** H1 + Contacto ***/
#wrapperH1 {
position:relative;
width:936px;
height:70px; /*60(altura H1)+10(border-bottom H1)=70*/
margin-bottom:30px;
overflow:hidden;
}

#link_email {
position:absolute;
top:24px;
right:0;
font:normal 9px Verdana, Geneva, sans-serif;
}

#link_email a {
padding-left:18px;
background:url(../img/ico_email.gif) left 1px no-repeat;
}

/*** Footer ***/
#footer {
position:relative;
width:936px;
height:60px;
font:normal 9px Verdana, Geneva, sans-serif;
line-height:58px;
color:#555;
text-align:center;
border-top:10px solid #000;
overflow:hidden;
}


/* MENU PRINCIPAL
------------------------------------------------------------------------*/
#navigation {
position:absolute;
width:300px;
top:66px;
right:0;
overflow:hidden;
}

#navlist {
position:relative;
margin:0;
white-space:nowrap;
font:normal 13px Georgia, "Times New Roman", Times, serif;
}

#navlist li {
display:inline;
list-style-type:none;
background:url(../img/ico_separa_menu.gif) no-repeat right 1px;
}

#navlist a {padding:1px 9px 1px 5px;}

#navlist a:link, #navlist a:visited {
color:#fff;
text-decoration:none;
}

#navlist a:hover {
color:#fff;
text-decoration:underline;
}

#navlist #active {
padding:1px 9px 1px 5px;
color:#e51818;
}

#navlist .last {background:none;}


/* MENU LATERAL
------------------------------------------------------------------------*/
/*** 1er nivell ***/
#navigationSide ul {
margin:0;
list-style-type:none;
font:normal 13px Georgia, "Times New Roman", Times, serif;
color:#fff;
background-color:#000;
}

.borderGreen {background:url(../img/bg_filet_green.gif) repeat-x left 22px;}
.borderGold {background:url(../img/bg_filet_gold.gif) repeat-x left 22px;}
.borderBlue {background:url(../img/bg_filet_blue.gif) repeat-x left 22px;}

#navigationSide li {
padding:5px 10px 0 10px;
border-bottom:10px solid #fff;
}

#navigationSide li a {
display:block;
width:277px; /*297-20(paddings)=277*/
color:#fff;
text-decoration:none;
}

#navigationSide li a:hover {color:#e51818;}

/*** 2on nivell ***/
#navigationSide ul ul {
margin:10px 0 18px 0;
list-style-type:none;
font:normal 11px Arial, Helvetica, sans-serif;
background:none;
}

#navigationSide li li {
margin-bottom:0;
padding:2px 0 0 12px;
background:url(../img/ico_fletxes.gif) no-repeat left 6px;
border-bottom:1px dotted #fff;
}

#navigationSide li li a {
display:block;
width:265px; /*297-20(paddings)-12(padding-left)=265*/
color:#fff;
text-decoration:none;
}

#navigationSide li li a:hover {color:#e51818;}

#navlistSide #activeSide .currentSide {font-weight:bold;}
#navlistSide #subactiveSide {font-weight:bold;}


/* CURSOS HOME
------------------------------------------------------------------------*/
.cursHome {
float:left;
width:304px;
height:307px; /*30(h2)+122(img)+155(div)=267*/
margin-right:12px;
margin-bottom:30px;
overflow:hidden;
}

.cursHome a:link {color:#fff;}
.cursHome a:visited {color:#fff;}
.cursHome a:hover {color:#e51818; text-decoration:none;}
.cursHome a:active {color:#fff;}

.cursHome h2 {margin-bottom:0;}

.cursHome h3 {
color:#fff;
padding-left:10px;
margin-bottom:0;
}

.cursHome img {
display:block;
width:304px;
height:120px; /*122 amb borders*/
border:none;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}

.cursHome div {
width:304px;
height:155px;
background-color:#000;
overflow:hidden;
}

.cursHome ul {
margin:10px;
list-style:none;
font-size:11px;
}

.cursHome ul li {
padding-left:12px;
margin-bottom:2px;
background:url(../img/ico_fletxes.gif) no-repeat left 4px;
border-bottom:1px dotted #fff;
}

.cursHome ul li a {display:block;}

.no_margin {margin-right:0;}

.mes_cursos {
font:normal 9px Verdana, Geneva, sans-serif;
padding-left:10px;
}


/* BOTONS
------------------------------------------------------------------------*/
/*** Boto Boletin ***/
.b_boletin {
float:right;
width:302px; /*304 amb borders*/
height:53px; /*55 amb borders*/
margin:0 0 0 12px;
font:normal 16px Georgia, "Times New Roman", Times, serif;
color:#fff;
text-align:center;
line-height:50px;
border:1px solid #000;
}

.b_boletin a {
display:block;
width:302px;
height:53px;
background:url(../img/bg_b_boletin.png) no-repeat top left #e51818;
}

.b_boletin a:link {color:#fff;}
.b_boletin a:visited {color:#fff;}
.b_boletin a:hover {color:#fff; text-decoration:none; background:url(../img/bg_b_boletin.png) no-repeat bottom left #ef7474;}
.b_boletin a:active {color:#fff;}

/*** Boto Boletin Side ***/
.b_boletinSide {
width:295px; /*297 amb borders*/
height:53px; /*55 amb borders*/
margin:0 0 30px 0;
font:normal 16px Georgia, "Times New Roman", Times, serif;
color:#fff;
text-align:center;
line-height:50px;
border:1px solid #000;
}

.b_boletinSide a {
display:block;
width:295px;
height:53px;
background:url(../img/bg_b_boletin_side.png) no-repeat top left #e51818;
}

.b_boletinSide a:link {color:#fff;}
.b_boletinSide a:visited {color:#fff;}
.b_boletinSide a:hover {color:#fff; text-decoration:none; background:url(../img/bg_b_boletin_side.png) no-repeat bottom left #ef7474;}
.b_boletinSide a:active {color:#fff;}


/* ALTRES
------------------------------------------------------------------------*/
.separa {
background:url(../img/ico_separa.gif) 5px 2px no-repeat;
padding-left:13px;
}

.nota {
font-size:10px;
color:#666;
}

.leftFloat {float:left;}
.rightFloat {float:right;}

.leftImg {margin:0 10px 10px 0;}
.rightImg {margin:0 0 10px 10px;}

.back {font:normal 9px Verdana, Geneva, sans-serif;}

/* PRODUCT LIST ROWS (NOTICIES)
------------------------------------------------------------------------*/
.productListRows {
width:609px;
margin-left:0;
list-style:none;
}

.productListRows li {
width:587px; /*609(width content)-20(paddings)-2(borders)*/
margin-bottom:15px;
padding:10px;
border:1px solid #999;
overflow:hidden; /*Simple Clearing of Floats*/
background-color:#fff;
}

.productListRows li h2 {
font-size:20px;
margin-bottom:5px;
border-bottom:none;
}

.productListRowsDesc {margin-bottom:10px;}

.llegir_noticia {
margin:0;
font:normal 9px Verdana, Geneva, sans-serif;
text-align:right;
}

/* FORMULARIS
------------------------------------------------------------------------*/
form br {clear:left;}

label {
display:block;
float:left;
width:150px;
padding-right:5px;
font-weight:bold;
}

.input_text {
display:block;
width:400px;
float:left;
margin-bottom:5px;
border:1px solid #999;
}

.b_form {
margin:10px 10px 0 0;
padding:0px 10px 1px 10px;
text-align:center;
color:#fff;
border:none;
cursor:pointer;
}

textarea {
display:block;
float:left;

border:1px solid #ccc;
width:400px;
font:normal 12px Arial, Helvetica, sans-serif;
}

.submit {background-color:#e51818;}
.reset {background-color:#000;}