.textgris {font-family:Arial; font-size: 10px;}
.taulatitol {font-family:Arial; font-size: 12px; font-weight: bold;}
.taulatitolp {font-family:Arial; font-size: 12px; font-weight: bold;}
.taulatitollabel {font-family:Arial; font-size: 14px; color:#CCCCCC; font-weight: bold;}
.taulacos {background: #EEEEEE;}
.taulacos2 {font-family:Arial; font-size: 12px; background: #CCCCCC;}
.textnormal {font-family:Arial; font-size: 12px;}
.textnegretablanc {font-family:Arial; font-size: 12px; color:#FFFFFF; font-weight: bold;}
.textnormalgris {font-family:Arial; font-size: 12px; color:#797979 }
.textpetit {font-family:Arial; font-size: 10px;}
.textpetit2 {font-family:Arial; font-size: 11px;}
.textblaupetit {font-family:Arial; font-size: 11px; color:#0000C2;}
.textblau {font-family:Arial; font-size: 12px; color:#0000C2;}
.textnegre12 {font-family:Arial; font-size: 12px; color:#000000; font-weight: bold;}
.textarial_13negreta{font-family:Arial; font-size: 13px; font-weight: bold;}
.textgrispetit {font-family:Arial; font-size: 9px;}
.textTooltip {font-family:Verdana; font-size: 11px;}
.textTooltip a {COLOR: #858585;text-decoration:underline;}
.textTooltip a:hover {COLOR: #0086ff}
.subtit{color:#5B667A; font-family:Tahoma; font-size:11px; font-weight:bold;}
.opcional{color:#868686; font-family:Tahoma; font-size:11px;}
.radio{font-size:11pt;}
.titol{color:#3A3A61; font-weight:bold; font-size:11px; font-family:Tahoma;}

.check{color:#5B667A; font-family:Arial; font-size:11px; font-weight:normal;}

.linkCand{COLOR: gray; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 8pt; FONT-STYLE: normal;text-decoration:none;}
.linkCand:hover{COLOR: #76C9FE; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 8pt; FONT-STYLE: normal;text-decoration:none;}

/* --- Estilos utilizados en las RUTAS --- */
.celaPestanya {border-left-width: 1px; border-left-style: solid; border-left-color: #606060; border-right-width: 1px; border-right-style: solid; border-right-color: #606060; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #606060}
.text8 {COLOR: #3f3f3f; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 8pt; FONT-STYLE: normal}
.text11 {COLOR: #3f3f3f; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11pt; FONT-STYLE: normal}
.border {border-width: 1px; border-style: solid; border-color: #000000;}
.text8blanc {COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 8pt; FONT-STYLE: normal}
INPUT {font-family:Arial,Verdana,Helvetica,sans-serif;font-size:11px;}
SELECT {font-size: 9pt; font-family: Arial;}
.text10 {color: #3f3f3f; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal}
.inici {COLOR: #8c8d91; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 8pt; FONT-STYLE: normal}
.inici8bold {COLOR: #8c8d91; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 8pt; font-weight:bold;}
.inici:visited {COLOR: #8c8d91; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 8pt; FONT-STYLE: normal}
.inici:hover {COLOR: #8c8d91}


.text {COLOR: #3f3f3f; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-STYLE: normal}
.text:hover {COLOR: #3f3f3f; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-STYLE: normal}

.M {COLOR: #316fae; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-WEIGHT: bolder}
.M:hover {COLOR: #4d9be8}
.C {COLOR: #795a00; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-WEIGHT: bolder}
.C:hover {COLOR: #B46016}
.E {COLOR: #2d3f40; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-STYLE: normal; FONT-WEIGHT: normal}
.E:hover {COLOR: #689294}
.T {COLOR: #757503; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-WEIGHT: bolder}
.T:hover {COLOR: #cccc00}
.N {COLOR: #2d3f40; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-WEIGHT: bolder}
.N:hover {COLOR: #97a79f}
.W {COLOR: #5a1b07; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-WEIGHT: bolder}
.W:hover {COLOR: #c35e3e}
.I {COLOR: #4f4f4f; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-WEIGHT: bolder}
.I:hover {COLOR: #4d9be8}


/* CARTELES */

/* AUTOPISTA */
#liquid-round {
	width:210px;
	margin-left: 10px;
	background:#19408B url(img/rutas/carteles/leftside.gif) repeat-y left top;
}

.top {
	width:210px;
	height:20px;
	background:url(img/rutas/carteles/top.gif) no-repeat left top;
}

.top span {
	display:block;
	position:relative;
	height:20px;
	background:url(img/rutas/carteles/top-right.gif) no-repeat right top;
}

.center-content {
	position:relative;
	background:url(img/rutas/carteles/rightside.gif) repeat-y right top;
	padding:5px 20px 1px 25px;
	margin:-8px 0 -15px 0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	line-height:15px;
	color:#FFF;
}

.bottom {
	width:210px;
	height:40px;
	background:url(img/rutas/carteles/bottom.gif) no-repeat left bottom;
}

.bottom span {
	display:block;
	position:relative;
	height:40px;
	background:url(img/rutas/carteles/bottom-right.gif) no-repeat right top;
}

/* RESTO */

#liquid-round2 {
	width:210px;
	margin-left: 10px;
	background:#FFF url(img/rutas/carteles/leftside2.gif) repeat-y left top;
}

.top2 {
	width:210px;
	height:20px;
	background:url(img/rutas/carteles/top2.gif) no-repeat left top;
}

.top2 span {
	display:block;
	position:relative;
	height:20px;
	background:url(img/rutas/carteles/top-right2.gif) no-repeat right top;
}

.center-content2 {
	position:relative;
	background:url(img/rutas/carteles/rightside2.gif) repeat-y right top;
	padding:5px 20px 1px 25px;
	margin:-8px 0 -15px 0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	line-height:15px;
	color:#000;
}

.bottom2 {
	width:210px;
	height:40px;
	background:url(img/rutas/carteles/bottom2.gif) no-repeat left bottom;
}

.bottom2 span {
	display:block;
	position:relative;
	height:40px;
	background:url(img/rutas/carteles/bottom-right2.gif) no-repeat right top;
}

/* CARTEL SALIDA */

#liquid-round3 {
	width:120px;
	margin-left: 10px;
	background:#FFF url(img/rutas/carteles/leftside2.gif) repeat-y left top;
}

.top3 {
	width:120px;
	height:20px;
	background:url(img/rutas/carteles/top2.gif) no-repeat left top;
}

.top3 span {
	display:block;
	position:relative;
	height:20px;
	background:url(img/rutas/carteles/top-right2.gif) no-repeat right top;
}

.center-content3 {
	position:relative;
	background:url(img/rutas/carteles/rightside2.gif) repeat-y right top;
	padding:5px 20px 1px 25px;
	margin:-8px 0 -15px 0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#000;
}

.bottom3 {
	width:120px;
	height:35px;
	background:url(img/rutas/carteles/bottom2.gif) no-repeat left bottom;
}

.bottom3 span {
	display:block;
	position:relative;
	height:35px;
	background:url(img/rutas/carteles/bottom-right3.gif) no-repeat right top;
}

/* CARTEL SALIDA AUTOPISTA */

#liquid-round4 {
	width:120px;
	margin-left: 10px;
	background:#19408B url(img/rutas/carteles/leftside.gif) repeat-y left top;
}

.top4 {
	width:120px;
	height:20px;
	background:url(img/rutas/carteles/top.gif) no-repeat left top;
}

.top4 span {
	display:block;
	position:relative;
	height:20px;
	background:url(img/rutas/carteles/top-right.gif) no-repeat right top;
}

.center-content4 {
	position:relative;
	background:url(img/rutas/carteles/rightside.gif) repeat-y right top;
	padding:5px 20px 1px 25px;
	margin:-8px 0 -15px 0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#FFF;
}

.bottom4 {
	width:120px;
	height:35px;
	background:url(img/rutas/carteles/bottom.gif) no-repeat left bottom;
}

.bottom4 span {
	display:block;
	position:relative;
	height:35px;
	background:url(img/rutas/carteles/bottom-right4.gif) no-repeat right top;
}