form {
	font-family:Arial;
	font-size:11px;
	color:#666666;
	margin:0px;
	padding:0px;
}

#contentMain{
	/*position:absolute; */
	width:100%;	
	border:0px;
}

#contentMainLeftCol{
	/*padding-right:20px;*/
	width:315px;
	
	vertical-align:top;
}

#contentMainMapColTop{
	height:20px;
	vertical-align:top;

}

#contentMainMapColForm{
	height:110px;
	padding-right:20px;
	vertical-align:bottom;
}

#contentMainMapColMap{
	height:540px;
	padding-right:20px;
	vertical-align:bottom;
}

#contentMainMapColInfo{
	height:75px;
}

#contentMainPrint{
	background-color:#FFFFFF;
}

#contentMainFooter{
	height:35px; 
	background-color:#e40000;
}

#mapInfoPeligrosidad{
	border:0px;
	margin-left:30px;
}

#contentMap{
	background-color:#e40000;
	height:535px;
	padding:15px;
}

.buttonEnable a{color:#FFFFFF;text-decoration:none;font-weight:bold;}
.buttonDisable a{color:#666666;text-decoration:none;font-weight:bold;}

#map{
	background:transparent url('../Images/Mapa.png') no-repeat scroll 0 0;
	width:100%;
	height:100%;
}
#propiedadesMap
{
	color:#343434;
}
	
#propiedadesMap a,#propiedadesMap a:visited,#propiedadesMap a:link{
	color:#343434;
	font-weight:bold;
	background:transparent url(../Images/arrowLeftDisable.png) no-repeat scroll 0 1px;
	padding:0 0 0 15px;
	text-decoration:none;
		
}

#propiedadesMap a:hover{
	color:#e40000;
	background:transparent url(../Images/arrowLeftActive.png) no-repeat scroll 0 1px;
}

.contentFormRute{
	 width:100%;
	 border:0px;
	 border-collapse:collapse;
	 margin-bottom:20px;
 }

.scroll{
	overflow:hidden;
	width:100%;
}

#formRuteDestinoScroll{ 
	height:100px;
	margin-top:5px;
}

#formRuteOrigenScroll{
	height:100px;
	margin-top:5px;
}

#formGeoPoiScroll{
	height:334px;
	/height:331px
}

#formRuteOrigenDestinoScroll{
	height:204px;
}
#infoScroll{ 
	height:320px;
	margin-top:5px;
}
.mapForm{
	border:0px;
	font-size:12px;
	background-color:#e40000;
	color:#FFFFFF;
}
	
.parrafoTextStyle1{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	margin-bottom:10px;
}

.buttomStyle1{
	background-color:#e40000;
	color:#FFFFFF;
	padding:3px;
	font-weight:bold;
}

.layerStyle1{
	background-color:#e6e6e6;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333; 
	padding:15px;
	height:auto;
}

.layerStyle2{
	background-color:#999999;
	color:#FFFFFF;
	width:130px;
	height:25px;
}

.textStyle1{
	color:#666666;
	font-weight:bold;
	font-size:13px;
	line-height:normal;
}

.textStyle2{
	color:#E60000;
	font-size:16px;
	font-weight:bold;
	padding-bottom:10px;
	padding-top:10px;
}

.textStyle3{
	color:#E60000;
	font-weight:bold;
}

.textStyle4{
	font-size:15px;
	font-weight:bold;
	padding-bottom:5px;
}

.textStyle5{
	color:#FFFFFF;
	font-weight:bold;
	background:transparent url(../Images/arrowLeftWhite.png) no-repeat scroll 47px 3px;
	padding-right:15px;
}
.textStyle6{font-weight:bold;}
.tablePopUp blockquote{color:#e60000;}
.tittleStyle1{
	font-weight:bold;
	color:#e40000; 
	font-size:21px;
}

.tittleStyle2{
	color:#e40000;
	font-weight:500;
}

.formRuteSelect{
	border:none;
	overflow:hidden;
	width:102.5%;
	margin-top:-3px;
	margin-left:-3px;
}

.lineStyle1{
	border-bottom:solid; 
	border-bottom-width:1px;
	border-bottom-color:#999999;
}
	
.buttomRuteSelected{
	background-color:#999999;
	width:100%;
	height:24px;	
}
	
.buttomRuteDisabled{
	background-color:#FFFFFF;
	width:100%;
	height:24px;	
}	

.buttomRute{
	font-size:10px;
}
	
.buttomRute  a{
	color:#E40000;
	text-decoration:none;
	position:relative;
	top:5px;
	left:10px;
}

.buttomRute span {
	color:#FFFFFF;
	position:relative;
	top:5px;
	left:10px;
}

.listaRuteOrigenDestino a{
	text-decoration:none;
	
	}
.listaRuteOrigenDestino a:hover{
	color:#e60000 !important;
	}
	
.TopButton {
	background-color:#D00A1C;
	background-repeat:no-repeat;
	border:none;
	color:White;
	font-family:Verdana;
	font-size:10px;
	cursor:pointer;
}


.AppletSize {
	border-style:none;
	float:left;
	height:100%;
	width:100%;
}
.text3 {
	color:#4E4E4E;
	font-family:Verdana;
	font-size:10px;
}
#btnRouting
{
	background-color:#FFFFFF;
	width:90px;
	height:20px;
	color:#e60000;
	font-weight:bold;}
#btnReset
{
	background:transparent url('../Images/backButtom.png') no-repeat !important;
	width:107px;
	height:20px;
	font-weight:bold;}

#btnGetAddress{
	display:none;
	background-color:#FFFFFF;
	color:#e60000;
	width:80px;
	height:20px;
	font-weight:bold;
}

#contentButtonsRutaCallejero{
	width:330px;
	height:20px;
}
#contentButtonsRutaCallejero #buttonRuta , #contentButtonsRutaCallejero #buttonCallejero{	
	width:22.5%;
	font-weight:bold;
	padding-left:15px;
	cursor:pointer;
}

#contentButtonsRutaCallejero .buttonDisable{
	 background-color:#b3b3b3;
	 color:#333333;
}
	
#contentButtonsRutaCallejero .buttonDisable:hover{	
	 color:#e40000 !important;
}
	
#contentButtonsRutaCallejero .buttonEnable{
	 background-color:#e60000;
	 color:#FFFFFF;
}	

.linkSelect{
	color:#e60000 !important; 
	font-weight:bold !important
}

.linkUnselect{
	color:#4d4d4d !important;
	font-weight:normal !important; 
}

.arrowScroll{
	height:10px;
	padding-right:5px;
	cursor:pointer;
}

#ResumenDistancias a:hover ,#formGeoPoiScroll a:hover{
	color:#e60000 !important;
	
}

#ResumenDistancias a,#formGeoPoiScroll a{
	color:#666666;
	text-decoration:none;
	font-weight:bold;	
}

.poiNumber{
	background:transparent url(../Images/arrowLeftDisable.png) no-repeat scroll 15px 2px;
	padding-right:15px;
}

#contentPopUp{
	padding:0px 5px 5px 5px;
	background-color:#e60000;
}

div.tablePopUp{
	width:330px;
	height:330px;
	background-color:#FFFFFF;
}
#ayudaCepsa 
{
	background:transparent url('../Images/arrowLeftWhite.png') no-repeat scroll 0px 3px;
	padding-left:13px;}
	.mensajeEspera
	{
		position:absolute;
		left:515px;
		width:320px;
		top:300px  !important;
		height:100px;
		
		border: none;
	
		z-index:6;
		visibility:hidden;
		
		
        
		
		}

		
.resumenDistancias a{color:#666666;font-weight:bold; text-decoration:none;}
.resumenDistancias a:hover{color:#e60000;font-weight:bold;}
.resumenDistancias img{border:none;}




.numberLongReport{
	width:28px;
	}

.rutePoiList a{color:#666666;cursor:pointer;text-decoration:none;}
.rutePoiList a:hover{color:#e60000;}
.floatRight{
	float:right;
}
.floatLeft{
	float:left;
}

.ElementRepeater
{
	cursor:pointer;
}
#divLongReportSYK img, #divLongReportROW img
{
	border:none;	
}