/** Colors de fons
- gris: #CCCCCC
- negre: #000000
- blau barra navegaci: #001341
- gris barra navegaci: #808080
- blau-lilos: #D3D5E9
- blau-gris: #D0DAE1
- negre-gris: #191919 **/

/** Colors tipografia
- gris capalera: #737373
- gris claret barra navegaci: #E6E6E6
- blau fort: #212990
- blau fort contacte: #000048
- blau fort text: #303033
- taronja: #FF8000
- blau titular noticia: #050023
- blau dia noticia: #1D4B6D
- noticia completa: #373F9A
- groc: #FFFF00**/

/****************************
	layout
*****************************/

body {
background-color:#CCCCCC;
margin:0;
padding:0;
font:76% Arial, Helvetica, sans-serif;
color:#373F9A;
text-align:center;
}

#sobrecontenidor {
background-color:#FFFFFF;
width:926px;
margin: 0 auto;
background:transparent url(../img/fons_20.gif) 0 0 repeat-y;
}

#contenidor {
	background-color:#043458;
width:904px;
margin: 0 auto;
text-align:left;
}

#aplicacions{
height: 65px;
background-color:#000;
}
#aplicacions #titol{
	height: 65px;
	width:130px;
	float: left;	
	padding-top:25px;
	color: #FF8000;
	font-size:13px;
}
#aplicacions #flecha{
	height: 40px;
	width:30px;
	float: left;
	background-color:#191919;
	padding-top:25px;
}
#aplicacions #text{
	height: 49px;
	width:536px;
	float: left;
	background-color:#191919;
	padding-top:16px;
	color: #fff;
}
#aplicacions #boto{
	height: 48px;
	width:208px;
	float: left;	
	background-color:#191919;
	padding-top:17px;
}
/****************************
	parts comunes de la web
*****************************/
div#logo {
	heigth: 212px;
	width: 297px;
	float: left;
}
.logo_upper h1{
	width:297px;
	height:119px;
	background-image: url(../img/logo_upper.gif);
	background-repeat: no-repeat;
	text-indent: -3000px;
	display: block;
}
.logo_bottom_left h2{
	width:128px;
	height:93px;
	background-image: url(../img/logo_bottom_left.gif);
	background-repeat: no-repeat;
	text-indent: -3000px;
	display: block;
}
.logo_bottom_left{
	width:128px;
	float:left;
}
.logo_bottom_right{
	float:left;
	width:129px;
	height:93px;
}
.logo_bottom_right_bg{
	float:left;
	width:168px;
	height:45px;
	background-color:#0d6291;
}
.logo_pastilla_color{
	margin-top:19px;
	height:45px;
	width:168px;
	background-color:#0d6291;	
}
.logo_pastilla_color #phone{
	float:left;
	color:#FFF;
	background-image: url(../img/logo_bottom_left.gif);
	background-repeat: no-repeat;
}
.logo_pastilla_color #phone_text{
	float:left;
	color:#FFF;
	padding-top:12px;
	padding-left:5px;
	font-size:16px;
	font-weight: bold;
	word-spacing: 5px;
}
div#carusel{
	padding-top:2px;
	height: 212px;
	width: 604px;
}

h1.logotip {
height:108px;
width:278px;
background-image:url(../img/logo.gif);
text-indent:-10000px;
}

div#capcalera{
background:#FFFFFF;
background-image:url(../img/fons_header.gif);
background-position: 708px 184px;
background-repeat:no-repeat;
color: #BCBCBC;
width:905px;
heigth:212px;
}

div#barraNavegacio {
background:#001341;
text-align:right;
border:1px solid #425073;
border-width:1px 0;
}

div#barraNavegacio table {margin:0 0 0 auto}

div#barraNavegacio a:link, div#barraNavegacio a:visited {
text-decoration:none;
background-position:0 0;
height:30px;
display:block;
border-left:1px dashed #E6E6E6;
}

#barraNavegacio a.triat:link, #barraNavegacio a.triat:visited {background-position:-600px 0 !important;}
#barraNavegacio a:hover {background-position:-300px 0 !important;}

a#vincle_1:link, a#vincle_1:visited {background-image:url(../img/menu_01.gif);width:80px;}
a#vincle_2:link, a#vincle_2:visited {background-image:url(../img/menu_02.gif);width:220px;}
a#vincle_3:link, a#vincle_3:visited {background-image:url(../img/menu_03.gif);width:135px;}
a#vincle_4:link, a#vincle_4:visited {background-image:url(../img/menu_04.gif);width:100px;}
a#vincle_5:link, a#vincle_5:visited {background-image:url(../img/menu_05.gif);width:145px;}
a#vincle_6:link, a#vincle_6:visited {background-image:url(../img/menu_06.gif);width:105px;}

#peu {
padding-top:20px;
padding-bottom: 20px;

background-color:#CCCCCC;
}

#peu table{
color: #737373;
margin:0 auto;
}

#peu p {
background:#CCCCCC url(../img/fons_10.gif) top left no-repeat ;
padding-left:20px;
margin-bottom:5px;
text-align:left;
}

/****************************
	pàg. inici
*****************************/

table#InfoHome td.celacentral {
background:#D3D5E9 url(../img/fons_05.gif) left bottom repeat-x;
color:#303033;
padding-left:5px !important;
}

.temporal{
	margin-top:2px;
	padding-left:68px;
	background-color:#425073;
	margin-top:0px;
}
.temporal h3 a:link{
		color:#ff8000;
}

.temporal a:link, .temporal a:visited
{
	color:#FFFFFF;
}
.temporal img{
	border:0;
}

#barraSolucionesIndustriales .menuSeleccionat a:link, #barraSolucionesIndustriales .menuSeleccionat a:visited
{
	font-weight:bold;
}
#barraSolucionesIndustriales a img{
		border:0px;
}
table#InfoHome td.celacentral h3 {display:inline;}

table#InfoHome td.celacentral div {
background:url(../img/fons_04.gif) 0 4px no-repeat;
padding:0 20px;
margin-left:10px;
}



table#InfoHome td.celadreta {
padding:0 10px !important;
background:#FFFFFF url(../img/fons_05.gif) left bottom repeat-x;
}

table#Aplicaciones td.celacentral2{
background:#191919 url(../img/fons_06.gif) left center no-repeat !important;
padding: 15px 15px 15px 30px !important;
}

h2#noticiesHome {
padding:0 0 0 335px;
height:50px;
line-height:50px;
color:#E6E6E6;
background:transparent url(../img/fons_08.gif) 0 0 no-repeat;
letter-spacing:1px;
background-color:#000;
}

div.noticia {
background:white url(../img/fons_22.gif) repeat-x bottom;
padding:15px 30px;
}
div.noticia_final {
background-color:#fff;
padding:15px 30px;
}

div.destacada {
background-color:#CFE0E9;
background-image:url(../img/fons_23.gif);
}

span.diaNoticia {
color:#1D4B6D;
font-weight:bold;
}

div.anterioresNoticias {
font-weight:bold;
height:30px;
line-height:30px;
background:#406884;
padding:0 0 0 40px;
}

div.anterioresNoticias a:link, div.anterioresNoticias a:visited {
background:#406884 url(../img/fons_11.gif) no-repeat center right;
padding-right:20px;
color:white;
}

div.detallNoticia {
background:white url(../img/fons_24.gif) top right repeat-y;
padding:20px 0 20px 50px;
color:black;
}

div.arxiusAdjunts {
float:right;
width:230px;
}

div.cosNoticia {
margin-right:250px;
line-height:1.5em;
}

div.imgNoticia {
padding:2px;
border:1px solid #BCBCBC;
}


div#suscripcion-newsletter {
background-color:#406884;
width:300px;
padding:20px;
float:right;
border-width:20px 20px 20px 20px;
border-color:white;
border-style:solid;
color:white;
}

/** Tratamientos superficiales**/
#tratamientosSuperficiales {
background:#FFF;
padding:17px 150px 10px 100px;
color:#000;
}
#tratamientosSuperficiales h2{
color:#ff8000;
font-size:15px;
margin-bottom:10px;
}

#tratamientosSuperficiales div.fletxa {
background:transparent url(../img/fons_12.gif) no-repeat 0 3px;
padding-left:20px;
margin-left:25px;
}
/*
#tratamientosSuperficiales h2 {display:inline;font-size:1.2em;margin:0px;}
*/
#tratamientosSuperficiales a:link, #tratamientosSuperficiales a:visited {
color:#FFFF00;
}

/**Tratamientos superficies**/
.mainMenu{
height:68px;	
color:#ff8000;
}
.mainMenu a:link a:visited{
height:68px;	
color:#ff8000;
}
.flechaMenu{
float:left;	
padding-right:8px;
width:16px;
height:16px;
background-image: url(../img/arrow_orange.gif);
background-repeat: no-repeat;
}
.flechaMenuSeleccionat{
float:left;	
padding-right:8px;
width:16px;
height:16px;
background-image: url(../img/arrow_orange_down.gif);
background-repeat: no-repeat;
}
.barraSolucionesIndustriales {
height:256px;
background-color:#043458;
color:#FFFFFF;
padding:0px 78px;
padding-bottom:25px;
}
#barraSolucionesIndustriales a:hover {
text-decoration:underline;
color:white;
}
#barraSolucionesIndustriales a.triat {
font-weight:bold;
color:white !important;
cursor:default;
text-decoration:none !important;
}
.menuNormal{
color:#ff8000;
font-size:14px;
}
.menuSelected{
height:96px;
}

.mainMenu_first{
padding-top:51px;	
}
.mainMenu_last{
height:46px;
}
.menuSelected+1{
height:46px;
}
.subMenu{
	padding-top:25px;
margin-left:22px;	
}
.subMenu div{
margin-left:0px;
padding-left:0px;
}
.hidden{
display:none;	
}
.nohidden{
margin-left:0px;
padding-left:0px;
margin-top:20px;
}
.highlighted{
	background-color=#fff;
	color:#043458;
}
.tasca_selected{
background-color:#FFF;
color:#043458;
}
table#barraSolucionesDisponibles {background:#5174AE;}
table#barraSolucionesDisponibles h1{padding:8px 0 5px 13px;}
table#barraSolucionesDisponibles h2 {padding-left:13px;}
table#barraSolucionesDisponibles ul {
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
}

table#barraSolucionesDisponibles li a:link,table#barraSolucionesDisponibles li a:visited {
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}

table#barraSolucionesDisponibles li a:hover {text-decoration:underline;}

table#barraSolucionesDisponibles li a.triat {
color:#FFFF00 !important;
text-decoration:none !important;
cursor:default;
}

table#capcaleraSistema td.celaDreta {
background:#043458;
padding-left:20px;
}

table#capcaleraSistema td.celaImatge {
background:url(../img/fons_13.gif) bottom repeat-x;
padding:5px 0 5px 15px;
background-color:#fff;
}

table#capcaleraSistema a:link, table#capcaleraSistema a:visited{
padding:0 10px 0 10px;
background: url(../img/fons_15.gif) left repeat-y;
}

div#contingutSistema {
padding:20px 20px 20px 30px;
line-height:1.6em;
color:#333333;
background-color:#FFF;
}

/*******************************************
	MOLT IMPORTANT: estils per al fckeditor
*******************************************/

/* encapçalaments */
#contingutSistema h2{
font-size:1.2em;
font-weight:bold;
background:#043458;
padding:7px 15px 7px 25px;
margin:15px 0 15px -30px;
width:250px;
color:white;
}

#contingutSistema h3 {
font-size:1.4em;
color:#005384;
font-style:italic;
font-weight:bold;
margin:10px 0;
}

#contingutSistema h4 {
color:black;
font-weight:bold;
margin:10px 0;
}

/* imatges */
img.imatge_flota_esquerra {
float:left;
margin:0 10px 10px 0;
}

img.imatge_flota_dreta {
float:right;
margin:0 0 10px 10px;
}

/* paràgrafs */
#contingutSistema p {margin:15px 0;}
#contingutSistema p.separador, p.separador {
background:transparent url(../img/fons_16.gif) left center repeat-x;
height:10px;	
}

/* listes */
#contingutSistema li {margin-bottom:5px}

a.vinclePdf:link, a.vinclePdf:visited, span.vinclePdf {
background:url(../img/pdf_ico_petit.gif) 0 0 no-repeat;
padding:3px 0 3px 25px;
}

/*******************************************
	ACABA: estils per al fckeditor
*******************************************/



.modelosAzul h5, .modelosBlanco h5 {
color:#043458;
font:bold italic 14px Arial, Helvetica, sans-serif;
padding-bottom:4px;}

.modelosAzul h6, .modelosBlanco h6 {
color:#373F9A;
font:bold 12px Arial, Helvetica, sans-serif;
padding:3px 2px;}




/**Aplicaciones**/

#FraseInfo {
background:#000000 url(../img/fons_17.gif) left no-repeat;
padding:5px 15px 15px 75px;
line-height:18px;
height:85px;
}

#FraseInfo a:link, #FraseInfo a:visited{color:#AEDDE8;}

#barraAplicaciones{
background:#D0DAE1;
padding:8px 0 8px 55px;
}

#TablaAplicaciones td.celaApli1, #TablaAplicaciones td.celaApli2 {border-bottom:6px solid #D0DAE1;}

table#TablaAplicaciones td.celaApli1 {padding:15px 10px 15px 40px !important;}
table#TablaAplicaciones td.celaApli2 {
padding:15px 0 !important;
}


/**Taules amb dades**/
table.TaulaDades {
font:0.8em Verdana, Arial, Helvetica, sans-serif;
border:1px solid black;
border-collapse:collapse;
}

table.TaulaDades th, table.TaulaDades td {
border-collapse:collapse;
text-align:center;
}

table.TaulaDades th{
background:#001341;
border:1px solid #666666;
padding:5px;
color:white;
}

table.TaulaDades td {
background:#E6E6E6;
border:1px solid #000000;
padding:3px;
}

.TaulaDades2 table th{
background:#001341;
padding:3px;
}

.TaulaDades2 table td {
background:#E6E6E6;
border:#000000 1px solid;
padding:2px;}

table.galeriaAplicacions td {
padding:0 10px 10px 0;
}

/**Pgina contacte**/

td#col_1_contacte {
background:#D0DAE1 url(../img/fons_19.gif) top left no-repeat;
width:210px;
line-height:18px;
color:black;
}

td#col_2_contacte {
background-color:#406884;
color:white;
}

.camps {
background:#93AABA;
border:0;
padding:3px;
font-size:1em;
font-family:Arial, Helvetica, sans-serif;
}

.boto {
background:#93AABA;
border:0; 
font-weight:bold
}

label, div.etiqueta {
display:block;
line-height:2em;
color:white;
margin-bottom:10px;
}

div#anunci_fires {
border-bottom:12px solid black;
background:white url(../img/fons_28.gif) top right no-repeat
}

/**sobre edeltec**/

#acerca {
background:#D0DAE1 url(../img/fons_19.gif) 0 0 no-repeat;
margin:20px 35px 15px 35px;
padding:20px;
}

#acerca h2 {border-bottom:1px solid #909DAA;}

#filosofia {
background:url(../img/fons_sobre.jpg) 0 0 no-repeat;
margin:20px 0 30px 35px;
width:836px;
height:224px;
}

#filosofia h2 {
border-bottom:1px solid #000000;
margin:0 517px 0 20px;
padding:30px 20px 0 0;}

#filosofia p {
width:570px;
padding:15px 0 0 20px;
color:#FAFBFC;
}

/* encapçalaments */

/* imatges */
img.ambVoraU {
border:1px solid #cdcdcd;
}

/* separadors */
div.ratlla {
background:transparent url(../img/fons_16.gif) left center repeat-x;
height:20px;
}

div.ratlla2 {
background:#D0DAE1 url(../img/fons_18.gif) left center repeat-x;
height:10px;
}

div.ratlla3 {
background:transparent url(../img/fons_21.gif) left center repeat-x;
height:10px;
}

div.ratlla4 {
background:transparent url(../img/fons_25.gif) left center repeat-x;
height:10px;
}

/* llistes */
.llistaU {
background:transparent url(../img/punt_llista_01.gif) 0 4px no-repeat;
padding-left:20px;
}

.llistaDos {
background:transparent url(../img/punt_llista_02.gif) 0 4px no-repeat;
padding-left:20px;
}

ul.llistaTres {
padding:0 0 20px 10px;
margin:0;
}


ul.llistaTres li{
padding:6px 0 5px 0 !important;
background:transparent url(../img/fons_14.gif) left bottom repeat-x;
list-style-position:inside;
}

/*colors de fons*/
.negre {background:#000000}
.blau {background:#1D4B6D}
.blanc {background:white;}
.fonsBlauDos {background-color:#406884}
.fonsBlauTres {background-color:#D0DAE1}
.fonsBlauQuatre {background-color:#5174AE}
.fonsGrisU {background-color:#191919}

/*colors lletra*/
.blanca {color:white;}
.gris {color:#555}
.lletranegra {color:black;}
.blaumari {color:#000048}
.blauturquesa {color:#0D6291}
.blaucel {color:#D0DAE1}
.groc {color:#FFFF00}
.taronja {color:#FF8000;}
.vermell {color:red}

/* vincles */
a:link, a:visited {color:#212990}
a.v_blanc:link, a.v_blanc:visited {color:white}
a.v_taronja:link, a.v_taronja:visited {color:#ff8000;}
a.highlighted:link, a.highlighted:visited {background-color:#fff;color:#043458;}
a.volver:link, a.volver:visited {
padding-left:20px;
background:transparent url(../img/fons_11.gif) 0 3px no-repeat;
}

a.pujar:link,a.pujar:visited{background:transparent url(../img/pujar.gif) 0 4px no-repeat;padding-left:15px;}
a.mesInfo:link,a.mesInfo:visited,span.mesInfo, strong.mesInfo{background:transparent url(../img/punt_llista_03.gif) 0 4px no-repeat;padding:3px 0 3px 20px;}


/*Infinite carousell*/

#carousel1 {
	margin:0 auto;
	padding: 0 20px;
	width:560px;
	height:180px;
	overflow:scroll;
	border:0px solid #999;
}
#carousel1 + div {
	margin:0 auto;
}
.textholder {
	text-align:left;
	font-size:small;
	padding:7px;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-top-left-radius: 6px;	
	-webkit-border-top-right-radius: 6px;
}

.titolCapcalera
{
	color:#333;
	font-size:14px;
	font-weight:bold;
}
.textCapcalera
{
	color:#333;
	font-size:small;
}
.linkCapcalera a:link
{
	color:#333;
	font-weight:bold;
}
.generalSolucion{
	width:770px;
	margin-top:0;
}
.tituloSolucion{
	padding-top:23px; 
	font-size:14px;
	color:#ff8000;
}
.solucion{
	height:50px; 
	padding-top:30px;	
}
.divImg{
	width:95px; 
	height:50px; 
	float:left;
}
.tratamiento{
	width:507px; 
	height:32px; 
	padding-top:18px; 
	padding-left:13px; 
	float:left;
}
.tratamiento a:link,  .tratamiento a:visited{
	color:#FFFFFF !important;
}
.tratamiento a:hover{
	color:#FF8000 !important;
}


.logoImg{
	width:150px; 
	height:50px;
	display:table; 
	float:left; 
	background-color:#fff;
	text-align:center;
}
.separador{
	height:5px;
	margin-top:20px;
	border-bottom-style: dotted; 
	border-bottom-width: medium; 
	border-bottom-color: #FFF;	
}
.separador1{
	height:5px;
	margin-top:20px;	
}
.h3index{
	font-size:14px;	
	color:#FF8000;
}
.h3index a:link, .h3index a:hover, .h3index a:visited{
	color:#FF8000 !important;
}
.h3index a:hover{
	color:#FFFFFF !important;
}
.naranja{
	color:#E3E3E3;
}
.logoContenidor{
	display:table-cell;
	vertical-align:middle;	
}
.logo{
	margin:0 auto;	
}
