div#compartir_cos.rutes div#etapes {
	border:1px solid #05876E;
	border-bottom:none;
	clear:both;
	margin:0 auto;
	width:620px;
}
div#compartir_cos.rutes div#resum{
	clear:both;
	margin:0 auto;
	width:620px;
	border:1px solid #05876E;
	background-color:#FFFFFF;
	min-height:110px;
}
div#resum div#dadesruta {
	float:left;
	height:80px;
	padding-top:5px;
	padding-left:20px;
}
div#resum div#dadesruta p{
	line-height:20px;
}
div#resum div#seguretat {
	clear:both;
	margin-top:20px;
}
h3.resum{
	margin-top:8px!important;
	text-align:left;
	color:#FFFFFF;
	width:200px;
	padding:4px!important;
	background-color:#05876E;
}


div#compartir_cos.rutes  {
	width:100%;
	text-align:left;
	margin-top:15px;
	margin-bottom:5px;
	font-size:1.4em;
}
div#compartir_cos.rutes div#etapes h3 {
	width:100%;
	margin-top:15px;
	margin-bottom:5px;
	font-size:1.4em;
}
div#compartir_cos.rutes ul li {
	line-height:20px;
	margin-bottom:5px;
	padding-left:20px;
	/*margin-left:70px;*/
}
div#compartir_cos.rutes ul li span {
	width:20px;
	height:16px;
	margin-right:5px;
	float:left;
}
div#etapes table {
	width:100%;
	border-collapse:collapse;
	border:none;
	border-spacing: 0px;
}
div#etapes table tr{
	border:0px !important;
	border-spacing: 0px;
}
div#etapes table td{
	height:35px;
	border-spacing: 0px;
	border:1px solid #05876E!important;
	border-left:0px !important; 
	border-right:0px !important;
	padding-left:8px;
}

div#compartir_cos.rutes .type{
	width:25px;
	padding:8px;
}
div#compartir_cos.rutes .type span{
	border:1px solid #05876E;
	margin-right:10px;
	font-weight:bold;
	text-align:center;
	display:block;
	width:20px;
	height:20px;
	line-height:20px;
}
div#compartir_cos.rutes .vermell span{
	background-color: #FFCFCF;
	border: 1px solid #CF4040;
	color: #CF4040;
}
div#compartir_cos.rutes .groc span{
	background-color: #E8C2EF;
	border: 1px solid #B30CCF;
	color: #B30CCF;
}
div#compartir_cos.rutes .blau span{
	background-color: #DFF1FF;
	border: 1px solid #008CFF;
	color: #007BDF;
}
div#compartir_cos.rutes .verd span{
	background-color: #DFFFE0;
	border: 1px solid #00CF09;
	color: #009F07;
}
div#compartir_cos.rutes .taronja span{
	/*background-color: #FFF3DF;
	border: 1px solid #FFA200;
	color: #BF7900;*/
	background-color: #B3EBEF;
	border: 1px solid #1A868F;
	color: #1A868F;
}
div#compartir_cos.rutes div#etapes p {
	background-color:#EEEEEE;
	border:1px solid #05876E;
	line-height:20px;
	margin-bottom:10px;
	padding:3px;
}

div#mapa_taula  {
	width:100%;
	height:100%;
	/*text-align:center;*/
}
div#compartir_wrapper div.mapa {
	height:499px!important;
	margin:0pt auto!important;
	width:619px!important;
}
div#compartir_wrapper td.minimapa {
	text-align:center;
}
div#compartir_wrapper td.minimapa a span {
	visibility:hidden;
}
div#compartir_wrapper td.minimapa a {
	text-decoration:none;
	display:block;
	width:20px;
	height:20px;
	line-height:20px;
	background:transparent url('/imatges/map.png') center center no-repeat;
	padding-right:8px;
	padding-left:7px;
	outline:none;
	text-align:center;
}

div#compartir_cos .D89APB, div#compartir_cos .D89PMB, div#compartir_cos .D89POI{
	position:absolute;
	width:20px;
	height:20px;
}
div#compartir_cos .D89APB{
	z-index: 2147483647;
	background:transparent url('/imatges/APB.png') no-repeat scroll 0 0;
}
div#compartir_cos .D89PMB{
	z-index: 2147483647;
	background:transparent url('/imatges/PMB.png') no-repeat scroll 0 0;
}
div#compartir_cos .D89POI{
	z-index: 2147483647;
	background:transparent url('/imatges/POI.png') no-repeat scroll 0 0;
}
div#compartir_cos div#mapa_taula div#map img.mapaCicloruta{
	position:relative;
	float:left;
}

div#D89PMB,div#D89APB,div#D89POI{
	visibility:hidden;
	position:absolute;
	height:auto;
	width:auto;
}


.sortida{
	background-image:url(http://cicloruta.org/imatges/sortida.png)!important;
	background-color:#EEEEEE;
	background-position:1% 40% !important;
	background-repeat:no-repeat!important;
	border:1px solid #05876E;
	line-height:20px;
	margin-bottom:10px !important;
	padding:3px !important;
}

.arribada{
	background-image:url(http://cicloruta.org/imatges/arribada.png)!important;
	background-repeat:no-repeat;
	background-color:#EEEEEE;
	background-position:1% 40% !important;
	border:1px solid #05876E;
	line-height:20px;
	margin-top:10px !important;
	padding:3px !important;
}

div#imprimir{
	padding-top:10px;
}

#loading {
    background-color: #D1DFDC;
    border: 1px solid #000000;
    line-height: 50px;
    margin: 200px 70px !important;
    padding: 0 200px !important;
    position: absolute;
    visibility: hidden;
    z-index: 1;
}