html, body, div, span, applet, object, iframe,
h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
center, i{ border: 0; outline: 0; color: #000000;
                font-weight: normal; font-style: normal; text-decoration:none; font-size: 100%; font-family: inherit; line-height: 17px;}
*               {margin: 0; padding: 0}
body            {line-height: 1; height:100%}
:focus          {outline: 0}
ol, ul          {list-style: none}
table           {border-collapse: collapse; border-spacing: 0;}
blockquote, q   {quotes: "" ""}
hr              {border: 0; color: #FFFFFF; background-color: #FFFFFF; height:1px}
blockquote:before, blockquote:after, q:before, q:after {content: ""}


.izquierda {text-align: left;}
.derecha {text-align: right;}
.centro {text-align: center;}

.sombra {
background-color:#FFFFFF;
-webkit-box-shadow:0 1px 10px rgba(0, 0, 0, 0.7), 0 0 10px rgba(0, 0, 0, 0.3) inset;
-moz-box-shadow:0 1px 10px rgba(0, 0, 0, 0.7), 0 0 10px rgba(0, 0, 0, 0.3) inset;
box-shadow:0 1px 10px rgba(0, 0, 0, 0.7), 0 0 10px rgba(0, 0, 0, 0.3) inset;
}

BODY {
  background:#FFFFFF;
background: -moz-repeating-linear-gradient(-45deg, #D9DADB 1px, #FFF 2px, #FFF 9px, #D9DADB 10px);
background: -webkit-repeating-linear-gradient(-45deg, #D9DADB 1px, #FFF 2px, #FFF 9px, #D9DADB 10px);
background-size: 5px 5px;
  margin: 0px;
}


#wrapper {
width: 100%;
text-align: center;
}

#contenido{
margin-left:auto;
margin-right:auto;
width: 966px;
}

.contenido_fino{
position: relative;
margin-left:auto;
margin-right:auto;
width: 966px;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 10px;
display: block;
background-color:#005D38;
clear: both;
overflow:hidden;
}


.contenido_fino_izquierda{
float: left;
width: 24%;
margin-bottom: 10px;
}

.contenido_fino_derecha{
float: left;
position: relative;
margin-left: 1%;
width: 24%;
margin-bottom: 10px;
}

.contenido_fino2{
position: relative;
margin-left:auto;
margin-right:auto;
width: 966px;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 20px;
padding-bottom: 20px;
display: block;
background-color:#003D22;
clear: both;
overflow: hidden;
height: 100px;
}

.contenido_diapos{
position: relative;
margin-left:auto;
margin-right:auto;
width: 966px;
margin-top: -140px;
display: block;
clear:both;
overflow: hidden;
}

.visible {
display: yes;
}

.invisible {
display: none;
}

.contenido_diapo_1{
float: left;
border: 1px solid #FFFFFF;
height: 95px;
}

.contenido_diapo2_1{
margin-left: 1px;
width: 230px;
position:absolute;
margin-top: -158px;
border: 1px #FFFFFF;
background-color:#FFFFFF;
z-index: 5;
}

.contenido_diapo2_2{
margin-left: 245px;
position:absolute;
margin-top: -158px;
border: 1px #FFFFFF;
z-index: 5;
}

.contenido_diapo2_3{
margin-left: 489px;
position:absolute;
margin-top: -158px;
border: 1px #FFFFFF;
z-index: 5;
}

.contenido_diapo2_4{
margin-left: 733px;
position:absolute;
margin-top: -158px;
border: 1px #FFFFFF;
z-index: 5;
}

.contingut_diapo_1{
padding-top: 50px;
}

.detall_diapo{
overflow:hidden;
border: 1px #FFFFFF;
position: absolute;
height: 50px;
}

.detall_diapo2{
border: 1px #FFFFFF;
background-color:#FFFFFF;
position: absolute;
height: 50px;
width: 232px;
}

.detall_diapo_txt{
height: 80px;
background-color:#005D38;
}

.contingut_diapo_1_text{
height: 80px;
background-color:#009966;
}

.titols, .titols2, .titols3, .titols4{
text-align:right;
margin-top: 50px;
padding-top: 10px;
padding-bottom: 10px;
width: 227px;
background-color:#0A2240;
}

.titols a, .titols2 a, .titols3 a, .titols4 a {
font-family: 'Signika Negative', sans-serif;
font-size: 26px;
padding-right: 5px;
padding-top: 5px;
text-align:right;
color:#FFF;
font-weight: 300;
display: block;
}

.contenido_diapo_1{
float: left;
border: 1px solid #FFFFFF;
height: 95px;
}

.contenido_diapo_2{
position: relative;
float: left;
margin-left: 10px;
border: 1px solid #FFFFFF;
height: 95px;
}

.contenido_diapo_3{
position: relative;
float: left;
margin-left: 10px;
border: 1px solid #FFFFFF;
height: 95px;
}

.contenido_diapo_4{
position: relative;
float: left;
margin-left: 10px;
border: 1px solid #FFFFFF;
height: 95px;
}

.contenido_fino2_1{
float: left;
margin-left: 180px;
width: 200px;
height: 120px;
}

.contenido_fino2_2{
position: absolute;
float: left;
height: 100px;
background-color:#FFFFFF;
width: 1px;
}

.contenido_fino2_3{
float: left;
width: 200px;
height: 120px;
}

.contenido_fino2_4{
background-color:#FFFFFF;
width: 1px;
float: left;
height: 100px;
}

.contenido_fino2_5{
float: left;
width: 200px;
height: 120px; 
}

.linia{
position: relative;
margin-left:auto;
margin-right:auto;
width: 966px;
margin-top: 10px;
margin-bottom: 10px;
height: 5px;
display: block;
background-color:#003D22;
}

#cabecera{
position: absolute;
margin-left:auto;
margin-right:auto;
width: 966px;
height: 100px;
background-color:#005D38;
filter: alpha(opacity=50);
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
   opacity:0.5;
   -moz-opacity: 0.50;
clear: both;
-webkit-box-shadow:0 1px 10px rgba(0, 0, 0, 0.7), 0 0 10px rgba(0, 0, 0, 0.3) inset;
-moz-box-shadow:0 1px 10px rgba(0, 0, 0, 0.7), 0 0 10px rgba(0, 0, 0, 0.3) inset;
box-shadow:0 1px 10px rgba(0, 0, 0, 0.7), 0 0 10px rgba(0, 0, 0, 0.3) inset;
z-index:1;
}

#logo{
position:absolute;
z-index: 2;
float: left;
margin-left: 45px;
margin-top: 10px;
}

#titulo{
float: right;
margin-right: 15px;
width: 150px;
margin-left: 15px;
margin-top: 10px;
}

.slideshow{
z-index: 0;
width: 966px;
height: 400px;
-webkit-box-shadow:0 1px 10px rgba(0, 0, 0, 0.7), 0 0 10px rgba(0, 0, 0, 0.3) inset;
-moz-box-shadow:0 1px 10px rgba(0, 0, 0, 0.7), 0 0 10px rgba(0, 0, 0, 0.3) inset;
box-shadow:0 1px 10px rgba(0, 0, 0, 0.7), 0 0 10px rgba(0, 0, 0, 0.3) inset;
}

.slideshow2{
z-index: 0;
width: 966px;
height: 300px;
-webkit-box-shadow:0 1px 10px rgba(0, 0, 0, 0.7), 0 0 10px rgba(0, 0, 0, 0.3) inset;
-moz-box-shadow:0 1px 10px rgba(0, 0, 0, 0.7), 0 0 10px rgba(0, 0, 0, 0.3) inset;
box-shadow:0 1px 10px rgba(0, 0, 0, 0.7), 0 0 10px rgba(0, 0, 0, 0.3) inset;
}

.foto_seccio{
z-index: 0;
width: 966px;
height: 300px;
-webkit-box-shadow:0 1px 10px rgba(0, 0, 0, 0.7), 0 0 10px rgba(0, 0, 0, 0.3) inset;
-moz-box-shadow:0 1px 10px rgba(0, 0, 0, 0.7), 0 0 10px rgba(0, 0, 0, 0.3) inset;
box-shadow:0 1px 10px rgba(0, 0, 0, 0.7), 0 0 10px rgba(0, 0, 0, 0.3) inset;
}

.titol_seccio{
z-index: 0;
width: 966px;
height: 30px;
background-color:#000033;
-webkit-box-shadow:0 1px 10px rgba(0, 0, 0, 0.7), 0 0 10px rgba(0, 0, 0, 0.3) inset;
-moz-box-shadow:0 1px 10px rgba(0, 0, 0, 0.7), 0 0 10px rgba(0, 0, 0, 0.3) inset;
box-shadow:0 1px 10px rgba(0, 0, 0, 0.7), 0 0 10px rgba(0, 0, 0, 0.3) inset;
}

.texte_seccio{
z-index: 0;
width: 966px;
background-color:#FFF;
padding-top: 20px;
margin-bottom: 15px;
clear: both;
overflow:hidden;

}

.texte_seccio_esquerre p{
font-family: 'Signika Negative', sans-serif;
font-size: 14px;
color:#000;
padding-top: 5px;
font-weight: 300;
text-align:left;
padding-left: 45px;
margin-right: 25px;
}

.texte_seccio_dreta p{
font-family: 'Signika Negative', sans-serif;
font-size: 14px;
color:#000;
text-align:left;
padding-top: 5px;
padding-right: 10px;
font-weight: 300;
text-align:left;
padding-left: 20px;
}

.titol_verd{
font-size: 18px;
color:#009966;
}

.titol_negre{
font-size: 16px;
color:#000;
}

.texte_seccio_esquerre{
float: left;
width: 50%;
}

.texte_seccio_dreta{
position: relative;
float: left;
width: 50%;
}

.esquerre_form{
float: left;
width: 30%;
height: 30px;
}

.esquerre_form2{
float: left;
width: 100%;
padding-top: 30px;
padding-bottom: 30px;
}

.dreta_form{
position: relative;
float: left;
width: 70%;
height: 30px;
}

.titol_seccio p{
font-family: 'Signika Negative', sans-serif;
font-size: 22px;
color:#ffffff;
padding-top: 5px;
font-weight: 300;
text-align:left;
padding-left: 45px;
}

.separador{
margin-top: 15px;
margin-bottom: 15px;
width: 980px;
height: 1px;
background-color:#808080;
}

#contenido_bajo{
width: 980px;
height: 150px;
clear: both;
}

#contenido_bajo_izquierda{
float: left;
width: 315px;
height: 150px;
border: 1px solid #808080;
background-image:url(../img/fons_home_tratamientos_esquerre.jpg);
}

#contenido_bajo_derecha{
float: right;
width: 315px;
height: 150px;
border: 1px solid #808080;
background-image:url(../img/fons_home_tratamientos_derecha.jpg);
}

#contenido_bajo_centro{
margin-left: 332px;
width: 315px;
height: 150px;
border: 1px solid #808080;
background-image:url(../img/fons_home_tratamientos_centro.jpg);
}

.peu{
position: relative;
margin-left:auto;
margin-right:auto;
width: 966px;
font-family: 'Signika Negative', sans-serif;
font-size: 11px;
text-align: center;
}


#titular{
width: 980px;
height: 50px;
background-color:#534741;
opacity:0.90;
}

#informacion_equipo{
width: 980px;
}

#informacion{
width: 980px;
padding-top: 15px;
overflow:hidden;
clear: both;
}

#texto_informacion{
width: 980px;
padding-top: 15px;
}

#informacion_izquierda{
float: left;
margin-left: 0px;
width: 565px;
}

#informacion_derecha{
margin-left: 580px;
width: 400px;
height: 400px;
}

h1 {
font-family: 'Signika Negative', sans-serif;
font-size: 21px;
text-align:right;
text-transform:uppercase;
color:#FFFFFF;
line-height: 26px;
font-weight: 100;
letter-spacing: 0.1em;
}

h2 {
font-family: 'Signika Negative', sans-serif;
font-size: 32px;
text-align:right;
text-transform:uppercase;
color:#666666;
line-height: 37px;
font-weight: 100;
padding-right: 10px;
padding-top: 73px;
letter-spacing: 0em;
}


h3 {
font-family: 'Signika Negative', sans-serif;
font-size: 22px;
text-align:center;
text-transform:uppercase;
color:#ffffff;
font-weight: 300;
letter-spacing: 0em;
}

h4 {
font-family: 'Signika Negative', sans-serif;
font-size: 14px;
color:#ffffff;
font-weight: 300;
letter-spacing: 0em;
line-height: 18px;
}

.titulo_pie{
font-family: 'Signika Negative', sans-serif;
font-size: 16px;
color:#ffffff;
font-weight: bold;
letter-spacing: 0em;
line-height: 30px;
}

h5 {
font-family: 'Signika Negative', sans-serif;
font-size: 18px;
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;
text-align:right;
color:#FFF;
font-weight: 300;
}

.texto_grande {
font-family: 'Signika Negative', sans-serif;
font-size: 16px;
text-align:left;
color:#666666;
line-height: 20px;
font-weight: 100;
letter-spacing: 0em;
}

h6 {
font-family: 'Signika Negative', sans-serif;
font-size: 12px;
text-align:left;
color:#666666;
line-height: 15px;
font-weight: 100;
padding-left: 15px;
letter-spacing: 0em;
}

.enlace_pie a{
font-family: 'Signika Negative', sans-serif;
font-size: 10px;
text-align: center;
text-decoration:none;
}

#menus{
position: absolute;
margin-left: 566px;
margin-top: 60px;
z-index: 3;
width: 400px;
height: 30px;
}

/* main menu styles */
#nav {
    display:inline-block;
}

#nav li {
    margin: 3px;
    float:left;
    position:relative;
    list-style:none;
}
#nav a {
    color:#ffffff;
    text-decoration:none;
    display:block;
    padding: 5px 15px;
	padding-bottom: 15px;
	font-family: 'Signika Negative', sans-serif;
	font-weight: 300;
	font-size: 16px;
	
}

/* selected menu element */
#nav .current a, #nav li:hover > a {
    color:#0A2240;
}

/* sublevels */
#nav ul li:hover a, #nav li:hover li a {
	background:none;
    border:none;
    color:#ffffff;
	opacity: 1;
	text-align:left;
}

#nav ul li a: {
    color:#fffff;
}

#nav ul li a:hover {
    color:#0A2240;

}

#nav ul li:first-child > a {

}

#nav ul li:last-child > a {

}

/* drop down */
#nav li:hover > ul {
    opacity:1;
    visibility:visible;
	z-index:100;
	background: rgba(0, 93, 56, 0.8);
}

#nav ul {
    opacity:0;
    visibility:hidden;
	width: 159px;
	padding-top: 5px;
    position:absolute;
	background-color:#005D38;
}

#nav ul li {
    float:none;
    margin:0;
}

#nav ul a {
    font-family: 'Signika Negative', sans-serif;
	font-weight: 300;
	padding-bottom: 5px;	
	padding-top: 3px;	
}

#nav ul ul {
    left:160px;
	width: auto;
    top:-5px;
	
}

textarea.styled {
width: 185px;
height: 100px;
border: 1px solid #cccccc;
font-family: 'Signika Negative', sans-serif;
font-size: 10px;
text-align:left;
color:#000000;
}

input.styled {
font-family: 'Signika Negative', sans-serif;
font-size: 10px;
text-align:left;
margin-bottom: 8px;
color:#000000;
}

#simplemodal-overlay {background-color:#999999;}
#simplemodal-container {width: 400px; background-color:#333; border:2px solid #444; padding:12px;}
#simplemodal-container a.modalCloseImg {background:url(../img/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}

#error {display:none;}
#ok {display:none;}


.boton_azul{
border: 1px solid #000033;
background: #000033;
background: -moz-linear-gradient(top, #1a4775 0%, #1a4775 50%, #000033 51%,#000033 75%, #6685a3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a4775), color-stop(50%,#1a4775), color-stop(51%,#000033), color-stop(75%,#000033), color-stop(100%,#6685a3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1a4775 0%,#1a4775 50%,#000033 51%,#000033 75%,#6685a3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1a4775 0%,#1a4775 50%,#000033 51%,#000033 75%,#6685a3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1a4775 0%,#1a4775 50%,#000033 51%,#000033 75%,#6685a3 100%); /* IE10+ */
background: linear-gradient(to bottom, #1a4775 0%,#1a4775 50%,#000033 51%,#000033 75%,#6685a3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a4775', endColorstr='#6685a3',GradientType=0 ); /* IE6-9 */
padding: 4px 4px;
-webkit-border-radius: 31px;
-moz-border-radius: 31px;
border-radius: 31px;
color: white;
font-size: 12px;
font-family: 'Signika Negative', sans-serif;
font-weight: bold;
text-decoration: none;
vertical-align: middle;
 }
 
 
.boton_azul:hover{
border: 1px solid #000;
background: #000033;
background: -moz-linear-gradient(top, #333333 0%, #333333 50%, #0d0d0d 51%, #0d0d0d 75%, #505050 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(50%,#333333), color-stop(51%,#0d0d0d), color-stop(75%,#0d0d0d), color-stop(100%,#505050)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #333333 0%,#333333 50%,#0d0d0d 51%,#0d0d0d 75%,#505050 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #333333 0%,#333333 50%,#0d0d0d 51%,#0d0d0d 75%,#505050 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #333333 0%,#333333 50%,#0d0d0d 51%,#0d0d0d 75%,#505050 100%); /* IE10+ */
background: linear-gradient(to bottom, #333333 0%,#333333 50%,#0d0d0d 51%,#0d0d0d 75%,#505050 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#505050',GradientType=0 ); /* IE6-9 */
}









.cuadro_informatiu_projectes {
float: left;
margin-bottom: 11px;
margin-right: 12px;
margin-left: 0px;
width: 232px;
height: 262px;
}

.cuadro_informatiu_projectes2 {
float: right;
margin-bottom: 11px;
margin-right: 0px;
margin-left: 0px;
width: 232px;
height: 262px;
}

.cuadro_informatiu_projectes_fons {
position: relative;
width: 230px;
margin-top: 155px;
height: 106px;
border: 1px solid white;
background-color:#FFFFFF;
-webkit-box-shadow:0 1px 10px rgba(0, 0, 0, 0.7), 0 0 10px rgba(0, 0, 0, 0.3) inset;
-moz-box-shadow:0 1px 10px rgba(0, 0, 0, 0.7), 0 0 10px rgba(0, 0, 0, 0.3) inset;
box-shadow:0 1px 10px rgba(0, 0, 0, 0.7), 0 0 10px rgba(0, 0, 0, 0.3) inset;
z-index: -10;
}

.titols {
position: relative;
margin-top: 215px;
z-index: 5;
width: 230px;
height: 55px;
background-color:#000;
}

.boxgrid { 
float: left;
width: 230px;
margin-left: 1px;
height: 262px;
overflow: hidden; 
position: relative; 
}
	
			
.boxcaption{ 
				float: left; 
				position: absolute; 
				background:#003300;
				height: 262px; 
				text-align:left;
				width: 100%; 
				
 }

			
.captionfull .boxcaption 
{
top: 155px;
left: 0;

}

.boxcaption2 a {
font-family: 'Roboto', sans-serif;
	font-size: 14px;
	display: block;
	color:#333;
	width: 100%;
	text-align:left;
	height: 100%;
    text-decoration:none;
	font-weight: 300;
	padding-right: 10px;
}

.cover a{
font-family: 'Roboto', sans-serif;
	font-size: 14x;
	display: block;
	color:#333;
	width: 100%;
	padding-left: 10px;
	padding-top: 10px;
	height: 100%;
    text-decoration:none;
	font-weight: 300;
	padding-right: 10px;
}

.titols, .titols2, .titols3, .titols4{
text-align:right;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 5px;
}

.titols a, .titols2 a, .titols3 a, .titols4 a {
font-family: 'Signika Negative', sans-serif;
font-size: 26px;
text-align:right;
color:#FFF;
font-weight: 300;
display: block;
}
h5 {
font-family: 'Signika Negative', sans-serif;
font-size: 18px;
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;
text-align:right;
color:#FFF;
font-weight: 300;
}

#simplemodal-overlay {background-color:#999999;}
#simplemodal-container {width: 400px; background-color:#333; border:2px solid #444; padding:12px;}
#simplemodal-container a.modalCloseImg {background:url(../img/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}

#error {display:none;}
#ok {display:none;}

.txt_form{
font-family: 'Signika Negative', sans-serif;
font-size: 16px;
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;
text-align:left;
color:#FFF;
font-weight: 300;
}