/********************
*BARRES HORITZONTALS*
*********************/	
	
ul.extripe {
	width:920px; 
	height:385px; 
	margin:0; 
	padding:0; 
	background:#ba293f;}

ul.extripe li {
	display:inline; 
	margin:0; 
	padding:0;}

ul.extripe li a {
	display:block; 
	height:385px; 
	width:32px; 
	border-right:1px solid #f6f6f6; 
	float:right; 
	font-size:11px; 
	outline:none; 
	text-decoration:none;}

a.s5 {background:#ba293f url(../img/titol_home.gif) top left no-repeat; color:#ffffff;}
a.s4 {background:#f49401 url(../img/titol_web.gif) top left no-repeat; color:#c1d301;z-index:1;}
a.s3_ca {background:#806cab url(../img/titol_extra_ca.gif) top left no-repeat; color:#c1d301;}
a.s2_ca {background:#138880 url(../img/titol_gestio_ca.gif) top left no-repeat; color:#042200;}
a.s1 {background:#7cb020 url(../img/titol_aula.gif) top left no-repeat; color:#042200;}

a.s3_es {background:#806cab url(../img/titol_extra_es.gif) top left no-repeat; color:#c1d301;}
a.s2_es {background:#138880 url(../img/titol_gestio_es.gif) top left no-repeat; color:#042200;}

a.s5:hover {background:#cf6978 url(../img/titol_home2.gif) top left no-repeat;}
a.s4:hover {background:#f7b44d url(../img/titol_web2.gif) top left no-repeat;}
a.s3_ca:hover {background:#a698c4 url(../img/titol_extra2.gif) top left no-repeat;}
a.s2_ca:hover {background:#59aba6 url(../img/titol_gestio2.gif) top left no-repeat;}
a.s1:hover {background:#a3c862 url(../img/titol_aula2.gif) top left no-repeat;}

a.s3_es:hover {background:#a698c4 url(../img/titol_extra2_es.gif) top left no-repeat;}
a.s2_es:hover {background:#59aba6 url(../img/titol_gestio2_es.gif) top left no-repeat;}

ul.extripe li a span {
	display:none; 
	margin:10px 10px 0 40px; 
	text-align:left;}

ul.extripe li a span b {
	display:block; 
	margin-top:0px;}
	

/*ul.extripe li a:hover {
	width:755px;}

ul.extripe li a:hover span {
	display:block;}*/


/********************
******GENERALS*******
*********************/

html {height:100%; margin:0}
body {
background-color:#111111;
margin:0;
padding:0;
font-size:76%;
font-family: Arial, Helvetica, sans-serif, Garamond;
color:#000;
height:100%
}


div#contenidor_1 {
width:995px;
margin:0 auto;
}

div#contenidor_2 {width:920px;padding-left:30px}
div#contenidor_3 {width:920px;padding:30px;}

div#contenidor_4 {text-align:left; padding-left:10px; padding-top:10px; padding-right:13px; height:100%}

/********************
******GENERALS*******
*********************/

.caixes_inferiors_home {
width:215px;
float:left;
margin-right:10px;
}

a.v_capcalera_01:link, a.v_capcalera_01:visited {
background:url(../img/fletxa_01.gif) left 5px no-repeat;
padding-left:20px;
color:#FFFFFF;
text-decoration:none;
display:block;
height:31px;
padding-top:8px}

a.v_capcalera_02:link, a.v_capcalera_02:visited {
background:url(../img/fletxa_03.gif) 80px top no-repeat;
padding-right:23px;
color:#FFB400;
text-decoration:none;
display:block;
height:31px;
padding-top:8px;
font-weight:bold}

.camps_login {
width:130px;
border:1px solid #cdcdcd;
margin-bottom:5px}

a.entrar:link, a.entrar:visited {
background:url(../img/fletxa_02.gif) right top no-repeat;
text-decoration:none;
color:#FFB400;
padding-right:15px;
margin-right:25px;
}

div#fons_capcalera {
background:url(../img/fons_capcalera.jpg) left top no-repeat;
width:923px;
height:131px;
margin-left:20px;
color:#FFFFFF}

div#text_capcalera_01 { width:660px;
float:left;
line-height:1.5em}

.padding_text_capcalera_01 {padding:20px 100px 20px 20px}

h2.titol_01 {font-size:27px; line-height:1.1em; color:#FFFFFF}
h3.titol_02 {margin-top:13px; color:#F0BBAD; font-size:13px}
div#vincles_capcalera { width:200px;float:left;}


a.v_demo:link, a.v_demo:visited {background: url(../img/v_demo.gif) left top no-repeat;
color:#F0BBAD;
text-decoration:none;
padding-left:40px;
display:block;
font-weight:bold}
a.v_demo:hover {
background:url(../img/v_demo_hover.gif)  left top no-repeat;
color:#fff;
text-decoration:none;

font-weight:bold
}

a.v_folleto:link, a.v_folleto:visited {background: url(../img/v_folleto.gif) left top no-repeat;
color:#F0BBAD;
text-decoration:none;
padding-left:40px;
width:150px;
height:45px;
font-weight:bold;
border:0;
float:none; 
}

a.v_folleto:hover {
background:url(../img/v_folleto_hover.gif) left top no-repeat;
width:150px;
height:45px;
color:#ffffff;
text-decoration:none;
font-weight:bold
}

a.v_visita:link, a.v_visita:visited {background: url(../img/v_visita.gif) left top no-repeat;
color:#F0BBAD;
text-decoration:none;
padding-left:40px;
width:150px;
height:45px;
font-weight:bold;
border:0;
float:none; }

a.v_visita:hover {
background:url(../img/v_visita_hover.gif)  left top no-repeat;
color:#fff;
text-decoration:none;

font-weight:bold
}

div#sub_peu {
background:url(../img/fons_05.gif) left top no-repeat;
width:922px;
height:95px;
margin-left:21px;
color:#cdcdcd;}


.triangle_peu{
background:url(../img/fletxa_07.gif) left 4px no-repeat;
padding-left:12px;
padding-right:10px;
color:#464241;
float:left
}

.posicio_logo_clickart {position:absolute;left:655px;top:52px}



/********************
*********MENU*******
*********************/

div#fons_menu_ca {
background:url(../img/fons_menu.gif) 21px top no-repeat;
width:922px;
height:36px;
padding-left:34px;}


div#fons_menu_es {
background:url(../img/fons_menu_es.gif) 21px top no-repeat;
width:922px;
height:36px;
padding-left:34px;}

a.v_menu:link, a.v_menu:visited {float:left;
padding-top:15px;
font-size:15px;
font-weight:bold;
color:#464241;
text-decoration:none;
}

a.v_menu:hover {
font-size:15px;
font-weight:bold;
color:#FF9C04;
text-decoration:none;}

a.v_padding_01:link, a.v_padding_01:visited  {
padding-left:31px}

a.v_padding_02:link, a.v_padding_02:visited  {
padding-left:40px}

a.v_padding_03:link, a.v_padding_03:visited  {
padding-left:35px;
}
a.v_padding_04:link, a.v_padding_04:visited  {
padding-left:24px}

a.v_menu_triat:link, a.v_menu_triat:visited {
font-size:15px;
font-weight:bold;
color:#FF9C04;
text-decoration:none;
float:left;
padding-top:15px;}


div#barra_informacio {
display:block; background-color:#FFFFFF; height:42px; text-align:right;
margin:0 16px 0 21px}

a.v_mes_info_barra:link, a.v_mes_info_barra:visited {
background:url(../img/fletxa_04.gif) 665px 2px no-repeat;
padding-right:65px;
color:#000000;
line-height:30px;
display:block;
font-weight:bold;
font-size:14px}

/********************
******TEXT HOME*******
*********************/
div#fons_esquerra_home {
background:#fff url(../img/fons_04.gif) left top no-repeat;
width:699px;
float:left;
height:100%}

.text_triangle_gran {background:url(../img/fletxa_05.gif) left top no-repeat;
padding-left:50px;
color:#464241;
margin-left:15px;
padding-right:40px;
padding-bottom:30px}

.text_triangle_petit {background:url(../img/fletxa_06.gif) left top no-repeat;
padding-left:22px;
color:#464241;
font-weight:bold;}

div#fons_blanc {
background-color:#FFFFFF;
margin-left:21px;
width:850px;
padding-bottom:25px;
}


.caixa_text_01 {width:200px; margin-top:74px; padding-left:23px; float:left;margin-right:15px}
.caixa_text_02 {float:left;margin-right:15px; width:150px; margin-top:49px}
.caixa_text_03 {float:left; width:265px}

/********************
***TEXT FUNCIONALITATS**
*********************/
div#fons_esquerra_funcionalitats {
background:#fff url(../img/fons_04.gif) left top no-repeat;
width:504px;
float:left;
height:100%;
padding-right:10px}


ul.llista_funcio {margin:3px 0 0 0; padding:0}

ul.llista_funcio li {
list-style:none;
background: url(../img/punt_01.gif) 8px 5px no-repeat;
padding-left:20px;
line-height:1.5em;
font-weight:bold}

ul.llista_funcio ul li{list-style:none;
background:none;
/*margin-left:10px;*/
line-height:1.5em;
font-weight:normal;
}

div#fons_blanc_funcio {
background-color:#FFFFFF;
margin-left:21px;
width:922px;
padding-bottom:10px;
}


/********************
***TEXT REQUERIMENTS**
*********************/
div#fons_esquerra_requeriments {
background:#fff url(../img/fons_04.gif) left top no-repeat;
width:505px;
float:left;
height:100%;
padding-right:10px}

ul.llista_requeriments {margin:0; padding:0}

ul.llista_requeriments li {list-style:none;
background: url(../img/punt_01.gif) 8px 7px no-repeat;
padding-left:20px;
line-height:1.7em;
}

/********************
******TEXT PREUS*******
*********************/

.text_triangle_gran_02 {background:url(../img/fletxa_05.gif) left top no-repeat;
padding-left:50px;
color:#464241;
margin-left:15px;
padding-bottom:50px}


.text_triangle_01 {
background:url(../img/fletxa_07.gif) left 2px no-repeat;
padding-left:13px;
padding-bottom:13px;
font-weight:bold}

.ratlla_horitzonal_01 {
background:url(../img/ratlla_01.gif) left top repeat-x;
height:5px;
margin:20px 30px 10px 60px}

/********************
***TEXT PANTALLES**
*********************/
div#fons_esquerra_pantalles {
background:#fff url(../img/fons_04.gif) left top no-repeat;
width:452px;
float:left;
height:100%;
padding-right:10px}


ul.llista_pantalles {margin:3px 0 0 0; padding:0}

ul.llista_pantalles li {
list-style: none;
background: url(../img/punt_01.gif) 8px 9px no-repeat;
padding-left:20px;
line-height:2em;
font-weight:bold}


/********************
***TEXT FORMULARI****
*********************/

div#fons_blanc_formulari {
background:#FFFFFF url(../img/fons_06.gif) left top no-repeat;
margin-left:21px;
width:922px;
padding-bottom:10px;
}

div#fons_esquerra_formulari {
width:455px;
float:left;
height:100%;
padding-right:10px}


.font_13 {font-size:13px}

.text_triangle_gran_02 {background:url(../img/fletxa_05.gif) left top no-repeat;
padding-left:45px;
color:#464241;
margin-left:15px;
padding-right:40px;
padding-bottom:50px}

.camps_formulari {
width:200px;
margin-bottom:10px;
background-color:#C1CFD6;
border:1px solid #9E9A92}
/********************
******AMPLADES*******
*********************/

.h_35 {height:35px}
.h_80  {height:80px}
.w_130 {width:130px}
/********************
******COLORS*******
*********************/

.blanc, a.blanc:link, a.blanc:visited {color:#FFFFFF}
.groc, a.groc:link, a.groc:visited {color:#ffb400}
.rosa_01, a.rosa_01:link, a.rosa_01:visited {color:#F0BBB7}
.gris_01, a.gris_01:link, a.gris_01:visited {color:#181512}
.granate, a.granate:link, a.granate:visited {color:#c61331}


/*************************
**********jquery**********
*************************/

#page_container {
	position: relative;
	margin-left: 770px;
	margin-right: auto;
	width: 180px;
	top: 0px;
	z-index:50;
}

.panel_button {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 1px;
	width: 173px;
	height: 54px;
	background: url(../clients/images/panel_button.png);
	z-index: 20;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
	cursor: pointer;
}
.panel_button img {
	position: relative;
	top: 10px;
	border: none;
}
.panel_button a {
	text-decoration: none;
	color: #545454;
	font-size: 20px;
	font-weight: bold;
	position: relative;
	top: 5px;
	left: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.panel_button a:hover {
	color: #999999;
}
#toppanel {
	position: absolute;
	width: 180px;
	left: 0px;
	z-index: 25;
	text-align: center;
}
#panel {
	width: 900px !important;
	position: relative;
	top: 1px;
	height: 0px;
	margin-left: -723px;
	margin-right: auto;
	z-index: 10;
	overflow: hidden;
	text-align: left;
}
#panel_contents {
	background: black;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
	height: 100%;
	width: 904px;
	position: absolute;
	z-index: -1;
}

#content {
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	position: relative;
	top: 90px;
	text-align: left;
	color: #545454;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom: 30px;
}
.border {
	border: 15px #1d1d1d solid;
}
img.border {
	float: left;
	margin-right: 15px;
	margin-bottom: 8px;
}
img.border_pic {
	border: 15px #1d1d1d solid;
	position: absolute;
	top: 110px;
	float: left;
	margin-left: 150px;
	width: 250px;
	height: 150px;
	z-index: 30;
}
div#login {
	width: 240px;
	height: 150px;
	position: absolute;
	right: 150px;
	top: 110px;
	background: #46392f;
	text-align: left;
	padding-left: 10px;
}
div#login p {
	color: #CCCCCC;
	font-family: Century Gothic, Georgia, "Times New Roman", Times, serif;
	line-height: 25px;
}
div#login input#password {
	position: relative;
	right: -6px;
}
div#login input#login_btn {
	border: 1px #899690 solid;
	cursor: pointer;
	position: relative;
	top: 30px;
	left: 86px;
}

/*noticies*/
.noticia a {color:#fff;}
.noticia_dreta {float:right;padding:0 0 10px 20px;}
.noticia_esquerra {float:left;padding:10px 20px 10px 0px;}