html body {
  margin:0;
  padding:0; 
  background:url("img/sides_body.gif") repeat-y center top; 
  background-color: #FAF4EB;
  text-align:center;
  font:small "Trebuchet MS",Verdana,Arial,Sans-serif;
  color:#333;
  }

html #header {
  background: #FF9900 url("img/sides_head.gif") repeat-y center top;
  position:relative;  
  border-width:0;  
  border-bottom:1px solid #6B6B6B;  
  padding:0;
  
  }


#h3 {
  width:725px;
  margin:0 auto; 
  text-align:left;  
  }
  
  .DesktopPortalBanner
{
	width:725px;
	display:block;
}
  
  
  
 html #body {
 	text-align:center;	
	
 }


  
.MainContentContainer
{
	margin:0 auto;
	display:block;
	width:725px;
	
}


.ContentCenter,
.DefaultContentCenter
{	
	vertical-align:top;		
	padding:4px;	
	width: 700px;
}

.ContentRight
{
	vertical-align:top;
	padding:0px;		
	width: 225px;		 
}


.MobilitatTitle
{
	padding-top: 10px;
	font-size: 14px;
	font-weight: bold;
    color: #006699;
	border-bottom: 1px solid #DDDDDD;
    font-family:  Tahoma,Arial,Helvetica;
}

.MobilitatRightTitle
{
 	padding: 1px 1px 1px 4px;	
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,Helvetica;
	font-size: 1em;
	font-weight: bold;
	background-color: #006699;
	background-image: url('/css/img/bgHome.gif');
	background-repeat:repeat-x;
	border-bottom: 1px solid #cccccc;
	color:#EAF4FF;
	margin-top: 2px;
	margin-bottom: 4px;
	text-align: left;
}

.PlanolContainer
{
	padding-top: 10px;
	padding-bottom: 20px;
}

.OnVolsAnarContainer
{
	text-align: center;
	padding-top: 10px;
	padding-left: 10px;
}

.EnlacesContainer
{
	padding-left: 10px;
	padding-top: 10px;
}

.EnlacesContentContainer
{
	background-color: #E3F0F0;
	padding: 5px;
	margin-top: 3px;
	display: block;
}

.EnlacesContentContainer a
{
	padding-bottom: 2px;
	padding-top: 2px;
	color: #006699;
	background-image: url(img/arrow2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}

.PatrocinadoresContainer
{
	text-align: center;
	padding-top: 20px;
}

.MediosContainer .ViewListContainer td
{
	width: 70px !important;
}

.MediosContainer .ViewListContainer table td
{
	width: 70px !important;
}

.MediosContainer .ViewListContainer table table td
{
	width: 70px !important;
}

.MediosContainer .ViewListIconImage img
{
	width: 70px !important;
}

.ApeuContainer
{
	background-color: #C3D844;
	padding: 10px;
	padding-left: 190px;
	border: 1px solid #DDDDDD;
	background-image: url(../_joves/DesktopLayouts/Mobilitat/Images/apeu3.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 326px;
	text-align: justify;
}

.BicicletaContainer
{
	background-color: #78C252;
	padding: 10px;
	border: 1px solid #DDDDDD;
	text-align: justify;
}

.BiciImageContainer
{
	float: right;
	padding: 10px;
}

.RodaliesContainer
{
	background-color: #E01153;
	padding: 10px;
	border: 1px solid #DDDDDD;
	text-align: justify;
	color: #FFFFFF;
}

.RodaliesContainer a
{
	color: #000000 !important;
}

.RodaliesImageContainer
{
	float: left;
	padding: 10px;
}

.MetroContainer
{
	background-color: #000000;
	padding: 10px;
	border: 1px solid #DDDDDD;
	text-align: justify;
	color: #FFFFFF;
}

.MetroImageContainer
{
	float: right; 
	padding: 10px;
}

.BusContainer
{
	background-color: #70B2DB;
	padding: 10px;
	border: 1px solid #DDDDDD;
	text-align: justify;
}

.TaxiContainer
{
	background-color: #FFD21E;
	padding: 10px;
	border: 1px solid #DDDDDD;
	text-align: justify;
}

.BusImageContainer
{
	float: left;
	padding: 10px;
}

.GlobalContainer
{
	background-color: #3CBFEE;
	padding: 10px;
	border: 1px solid #DDDDDD;
	text-align: justify;
}

.GlobalImageContainer
{
	float: right;
	padding: 10px;
}

/**/
.DefaultContentCenter table
{
	padding-top: 5px;
	width: 100%;
}

.DefaultContentCenter table table td
{
	background-color: #E3F0F0;
	padding: 0px !important;
	text-align: center;
}

.DefaultContentCenter table table *
{
	background-image: none;
}

.rbroundbox
{
	margin-left: auto;
	margin-right: auto;
}

.rbcontent 
{
	margin-left: auto;
	margin-right: auto;
}

.lblItinerary
{
 	padding: 1px 1px 1px 4px;	
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,Helvetica;
	font-size: 1em;
	font-weight: bold;
	border: 0px;
	margin-top: 2px;
	margin-bottom: 4px;
	background-color: #006699;
	background-image: url("/css/img/bgHome.gif") !important;
	background-repeat:repeat-x;
	background-position: top;
	color:#EAF4FF;
	border-bottom: 1px solid #cccccc;
	width: 100% !important;
	height: 100%;
	display: block;
	-moz-box-sizing: border-box;
}


.rbcontent select
{
	display: block;
	width: 230px;
}

.lblTitleInfo
{
	padding-top: 10px;
	font-size: 12px;
	font-weight: bold;
    color: #006699;
	font-style: normal;
    font-family:  Tahoma,Arial,Helvetica;
}

.lblInstructions
{
	color: #006699;
	background-color: #E3F0F0; /*#F7F7F7;*/
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,Helvetica;
}

.lblTotalTime
{
	color: #006699;
	background-color: #F7F7F7;
	font-family: Tahoma,Verdana,Arial,Helvetica;
	font-size: 12px;
	background-image: url(img/arrow2.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-bottom: 20px;
	display: block;
}

.btnShowRoute
{
 	padding: 1px 1px 1px 4px;	
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,Helvetica;
	font-size: 1em;
	font-weight: bold;
	border: 0px;
	margin-top: 2px;
	margin-bottom: 4px;
	background-color: #006699;
	background-image: url("/css/img/bgHome.gif") !important;
	background-repeat:repeat-x;
	background-position: top;
	color:#EAF4FF;
	cursor: pointer;
	border-bottom: 1px solid #cccccc;
}

.dtgHeader td
{
	color: #006699;
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,Helvetica;
	font-size: 10px !important;
	font-weight: bold;
	border: 1px solid #FFFFFF;
	padding: 5px !important;
	width: auto;
}

.dtgItemStyle td
{
	background-color: #FFFFFF !important;
	color: #006699;
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,Helvetica;
	font-size: 10px !important;
	border: 1px solid #FFFFFF;
	padding: 5px !important;
}