body { color: #000; background: #fff; margin: 0; padding: 0; font-family: Arial, Tahoma, Verdana; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

/*  TOTOK DAT VE FINALE PRYC TO OMEZENI SIRKY, jejen pro lepsi nahled na wide LCD!!! */
/* #page { max-width: 344px; } */

@media only screen {

#page { padding: 15px 10px; position: relative; }

#logo { text-align: center; margin: 0 0 5px 0; }
  #logo img { }
  
#topgr { margin: 0 0 5px 0; background: #bbcbe6 url('../images/topgrbg.png') top repeat-x; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
  #topgr .inbox { height: 83px; background: url('../images/topgr.png') top center no-repeat; }

#header { color: #fff; background: #009de0; display: block; font-size: 130%; font-weight: normal; text-decoration:none; padding: 12px; text-align: center; margin: 0 0 10px 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }

#menu { width: auto; }
  #menu ul { margin:0; padding: 0; list-style-type: none; }
  #menu ul li { display: block; margin:0; padding: 0; }
  #menu ul li a { color: #fff; background: #009de0; display: block; font-size: 130%; font-weight: normal; text-decoration:none; padding: 22px 20px 22px 60px; margin: 0 0 5px 0; min-height: 25px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
    #menu ul li a.menu1 { background: #009de0 url('../images/menuicon1.png') 20px 20px no-repeat; }
    #menu ul li a.menu2 { background: #009de0 url('../images/menuicon2.png') 20px 20px no-repeat; }
    #menu ul li a.menu3 { background: #009de0 url('../images/menuicon3.png') 20px 20px no-repeat; }
    #menu ul li a.menu4 { background: #009de0 url('../images/menuicon4.png') 20px 20px no-repeat; }
    #menu ul li a.menu5 { background: #009de0 url('../images/menuicon5.png') 20px 20px no-repeat; }
  #menu ul li a span { height: 33px; float: right; background: #f35f1a url('../images/bgmenuwar.png') no-repeat; overflow: hidden; }
  #menu ul li a span span { display: block; margin:0; padding: 5px 10px 0 45px; background: url('../images/bgmenuwar2.png') top right no-repeat; }

#menuopen { position: absolute; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; top: 52px; left: 0; padding: 10px; }
#menu.open { border: 1px solid #7d7d7d; background: #fff; padding: 5px 5px 0 5px; -webkit-border-radius: 8px; -webkit-border-top-left-radius: 0; -moz-border-radius: 8px; -moz-border-radius-topleft: 0; border-radius: 8px; border-top-left-radius: 0; }

#menuclose { position: absolute; top: 25px; left: 10px; }
  #menuclose a { display: block; width: 57px; height: 37px; background: url('../images/menuclose.gif') no-repeat; text-decoration: none; border: 1px solid #7d7d7d; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
  #menuclose.open a { background: url('../images/menuclose2.gif') no-repeat; border-bottom: none; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }

#footer { text-align: center; color: #b0b0b0; font-size: 80%; padding-top: 5px; }
  #footer a { color: #000; font-size: 110%; text-decoration: underline; border-left: 1px solid #000; padding: 0 5px; }
  #footer a:first-child { border-left: none; }

#footerlinks { background: url('../images/bgfooter.png') top center no-repeat; font-size: 90%; padding: 15px 5px; font-size: 80%; }
  #footerlinks p { margin: 0; padding: 0; }
  #footerlinks a { color: #009de0; }
  #footerlinks a.flag { float: right; display: block; }
  #footerlinks a.flag.en { background: url('../images/flag-en.gif') 0 2px no-repeat; padding: 0 0 0 20px; }

/* Big Row Buttons */
.group { border: 1px solid #e5e5e5; padding: 0; margin: 0 0 15px 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
  .group.dark { background: #eee; }
  .group.content { padding-left: 10px; padding-right: 10px; }
  .light { background: #fff; }

  .group.dark a, .group.dark strong { color: #3d3d3d; }
  .group.dark a.default, .group.dark .default strong  { color: #009de0; }

  .group.dark .map { background: url('../images/map2.png') left no-repeat; padding: 1px 0 2px 18px; }
  .group.dark .map a { color: #7c7c7c; }

.row { border-bottom: 1px solid #e5e5e5; margin: 0; padding: 0 10px; font-size: 90%; }  
  .row span { display: block; padding: 0 5px 5px 0; }
  .row span.noblock  { display: none; }
  .row span.ptop5  { padding-top: 5px; }
  .row span.ptop10  { padding-top: 10px; }
  .row .contractspan { padding: 0; }
  .row .contractspan2 { padding: 6px 0 0 0; }
  .row.expandspans span { padding-top: 8px; }

  .banner1 { text-align: center; }

.row.header { color: #fff; border: none; background: #003b79; padding: 10px; font-size: 95%; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
  .row.header strong { color: #fff; }
  .row.header span { display: block; padding: 0 5px 5px 0; }
  .row.header span.upperline { border-top: 1px solid #3d6691; padding: 10px 0 0 0; margin-top: 5px; }
  .row.header span.clocks { background: url('../images/clocks2.png') left no-repeat; padding: 3px 0 2px 20px; }
  .row.header span.waylenght { background: url('../images/way2.png') left no-repeat; padding: 3px 0 2px 20px; margin-left: 20px; }
  .row.header span.map { background: url('../images/map2.png') left no-repeat; padding: 3px 0 2px 20px; }
  .row.header span.map a { color: #fff; }
  .row.header span.train { padding-left: 22px; padding-top: 5px; margin-bottom: 5px; margin-left: 0; background: url('../images/train-w.png') left no-repeat; }

.row.button { padding: 0 30px 0 10px; background: url('../images/buttonarrow.png') right no-repeat; }
  .row.button.open { background: url('../images/buttonarrowopen.png') top right no-repeat; }
  .row.button.close { background: url('../images/buttonarrowclose.png') top right no-repeat; }
  .row.button a { padding: 15px 0; display: block; color: #000; text-decoration: none; }
  .row.button a.thin { padding: 5px 0;}
  .row.button.first { border-top: 1px solid #e5e5e5; }
  .row.sud, .row.button.sud { background-color: #fafafa; }
  .row.button.sub a { padding: 10px 0 10px 15px;}
  .row.light { background-color: #fafafa; }
  .row.top { color: #fff; background-color: #003b79; }
    .row.top a { color: #fff; }
  .row.noborder { border: none; }
  .row.waiting { padding-left: 25px; background: #fbfbfb; }
  .row.waiting span { padding-left: 25px; padding-top: 5px; background: url('../images/waiting.png') left no-repeat; }

  .row.button a.train { padding-left: 35px; background: url('../images/train.png') 0 17px  no-repeat; }
  .row.button a.departures { padding-left: 35px; background: url('../images/departures.png') 0 17px no-repeat; }
  .row.button a.arrivals { padding-left: 35px; background: url('../images/arrivals.png') 0 17px no-repeat; }
  .row.button a.services { padding-left: 35px; background: url('../images/services.png') 0 17px no-repeat; }
  .row.button a.accessibility { padding-left: 35px; background: url('../images/accessibility.png') 0 17px no-repeat; }

  .row.button a.results { font-size: 90%; }

  .row span.connectc { padding: 4px 0 6px 18px; }
  .row span.connectt { background: url('../images/bgconnectt.png') top left no-repeat; padding: 2px 0 6px 18px; }
  .row span.connectm { background: url('../images/bgconnectm.png') left no-repeat; padding: 0 0 0 18px; height: 8px; overflow: hidden; }
  .row span.connectm.content { padding: 8px 0 6px 18px; height: auto; overflow: display; }
  .row span.connectp { background: url('../images/bgconnectp.png') bottom left no-repeat; padding: 5px 0 4px 18px; }
  .row span.connectb { background: url('../images/bgconnectb.png') bottom left no-repeat; padding: 5px 0 4px 18px; }
  
  .row span.pleft18 { padding: 8px 0 5px 18px; }
  .row span.pleft25 { padding: 8px 0 5px 25px; }
  .row span.walkman { background: url('../images/walkman.png') left no-repeat; padding: 6px 0 4px 18px; margin-left: 16px; }
  .row span.clocks { background: url('../images/clocks.png') left no-repeat; padding: 0 0 2px 20px; }
  .clocks { background: url('../images/clocks.png') 0 3px no-repeat; padding: 0 0 2px 20px; }
  .row span.train { padding-left: 20px; margin-left: 18px; background: url('../images/train.png') left no-repeat; } 
  .row span.train2 { padding-left: 22px; padding-top: 5px; margin-left: 18px; background: url('../images/train2.png') left no-repeat; }
  
  .row span.ssbox { padding: 2px 5px 3px 5px; }

  .trainitem { width: 170px; float: left; font-size: 75%; }
  .traininfo { color: #fff; padding: 20px 15px 15px 15px; margin: 0 10px 10px 10px; background: url('../images/bgtrainnfo.gif') top center no-repeat; }

/* DEFAULT styles */

h1 { margin: 0 0 15px 0; padding: 0 0 15px 0; color: #00adef; font-size: 190%; font-weight: normal; font-size: 90%; }
h2 { font-size: 140%; color: #194170; }
h3 { font-size: 100%; color: #194170; }

p { margin: 10px 0; padding: 0; }

li { list-style-type: square; }

form { margin: 10px 0; padding: 0; }

input { background: #fff; color: #000; }
input[type="text"], form input[type="password"], form textarea, form select { font-size: 100%; border: 1px solid #CCCCCC; padding: 8px 6px; margin: 5px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
input.datepicker { background: url('../images/calendar.gif') 10px 9px no-repeat; padding: 10px 5px 10px 35px; width: 30%; min-width: 90px; }
  input.time { padding: 10px 5px; width: 10%; min-width: 45px; text-align: center; }
  input.time.right { margin-left: 10px; margin-right: 10px; }

.submit { padding: 10px 15px; font-weight: bold; border: 1px solid #9f9f9f; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
  .submit.bb { width: 80%; font-size: 130%; color: #fff; background: #003e81 url('../images/bggradbuttonb.gif') top repeat-x; }
  .submit.dg { width: 80%; font-size: 110%; color: #3a3a3a; background: #a6a6a6 url('../images/bggradbuttondg.gif') top repeat-x; }

.akasubmit { padding: 10px 15px; font-weight: bold; font-size: 130%; text-decoration: none; color: #6d6d6d; background: #dbdbdb; border: 1px solid #9f9f9f; white-space: nowrap; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
  .akasubmit.dg { width: 38%; min-width: 120px; font-size: 90%; padding: 10px; color: #3a3a3a; background: #aaaaaa url('../images/bgakasubmitd.png') top repeat-x; }
  .akasubmit.lg { width: 38%; min-width: 120px; font-size: 90%; padding: 10px; color: #909090; background: #d4d4d4 url('../images/bgakasubmitl.png') top repeat-x; border: 1px solid #d4d4d4; }
   .akasubmit.thin { padding-top: 7px; padding-bottom: 7px; }

/* Type and anchors */
a { color: #00adef; text-decoration: underline; outline: none; }

img { border: none; }

.reset { display: block; clear: both; height: 1px; overflow: hidden; }
.right { float: right; }
.left { float: left; }
.full { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
img.full { max-width: 400px; }
.tright { text-align: right; }
.tleft { text-align: left; }
.center { text-align: center; }
.block { display: block; }

.rating { width: 38%; min-width: 85px; padding: 10px; text-align: center; background: #00ad18; color: #fff; border: 1px solid #007b06; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.rating.right { margin-top: 4px; }

.f70 { font-size: 70%; }
.f80 { font-size: 80%; }
.f90 { font-size: 90%; }

.textlight { color: #999; }
.red { color: #cd202c; }
.blue { color: #1667b9; }
.green { color: #14a800; }
.orange, .orange a { color: #ff5800; }
.gray { color: #3d3d3d; }

.bgorange { background: #ff5800; color: #fff; }
.bgblue { background: #003b79; color: #fff; }
.overscroll { overflow: auto; }

a.pdf { background: url('../images/pdf.gif') 0 0 no-repeat; padding: 3px 0 3px 20px; }

.radius { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }


}

	.w20 { width: 20px; }
	.w30 { width: 30px; }
	.w40 { width: 40px; }
	.w50 { width: 50px; }
	.w60 { width: 60px; }
	.w70 { width: 70px; }
	.w80 { width: 80px; }
  .w90 { width: 90px; }	
	.w100 { width: 100px; }
	.w110 { width: 110px; }
  .w120 { width: 120px; }
	.w130 { width: 130px; }
  .w140 { width: 140px; }
	.w150 { width: 150px; }	
	.w160 { width: 160px; }
	.w165 { width: 165px; }	
	.w170 { width: 170px; }
	.w180 { width: 180px; }
	.w200 { width: 200px; }
	.w220 { width: 220px; }
	.w240 { width: 240px; }
	.w250 { width: 250px; }
	.w260 { width: 260px; }
	.w280 { width: 280px; }
	.w300 { width: 300px; }
	.w320 { width: 320px; }
	.w340 { width: 340px; }
	.w360 { width: 360px; }
	.w380 { width: 380px; }
	.w400 { width: 400px; }
	.w420 { width: 420px; }	
	.w440 { width: 440px; }
	.w460 { width: 460px; }
	.w480 { width: 480px; }
	.w500 { width: 500px; }
	.w660 { width: 660px; }
	
	.h14 { height: 14px; }
	.h15 { height: 15px; }
	.h16 { height: 16px; }
	.h17 { height: 17px; }
	.h18 { height: 18px; }
	.h19 { height: 19px; }
	.h20 { height: 20px; }	
	.h22 { height: 22px; }	
	.h24 { height: 24px; }	
	.h45 { height: 48px; }
	.h75 { height: 80px; }
	
	.m5 { margin: 5px;	}
	.m8 { margin: 8px;	}
	.m10 { margin: 10px;	}

  .mtop2 { margin-top: 2px; }
  .mtop3 { margin-top: 3px; }
  .mtop4 { margin-top: 4px; }
  .mtop5 { margin-top: 5px; }
  .mtop10 { margin-top: 10px; }
  .mtop15 { margin-top: 15px; }
	                       
	.p5 { padding: 5px;	}
	.p8 { padding: 8px;	}
	.p10 { padding: 10px; }

	.pt5 { padding-top: 5px; }
	.pt8 { padding-top: 8px; }
	.pt10 { padding-top: 10px; }  
  
	.ptb5 { padding-top: 5px; padding-bottom: 5px; }
	.ptb8 { padding-top: 8px; padding-bottom: 8px;	}
	.ptb10 { padding-top: 10px; padding-bottom: 10px; }  

	.plr5 { padding-left: 5px; padding-right: 5px; }
	.plr8 { padding-left: 8px; padding-right: 8px;	}
	.plr10 { padding-left: 10px; padding-right: 10px; }  
  
  .pleft10 { padding-left: 10px; }
  .pleft18 { padding-left: 18px; }
  .pleft20 { padding-left: 20px; }
  .pleft30 { padding-left: 30px; }
  .pleft40 { padding-left: 40px; }
	
	.bt { border-top: 1px solid #E5E5E5;	 }
	.br { border-right: 1px solid #E5E5E5;	 }
	.bb { border-bottom: 1px solid #E5E5E5;	 }
	.bl { border-left: 1px solid #E5E5E5;	 }