﻿/*
 * Základní stylopis pro RÉGIO.cz
 * Pro doplňkové styly používejte přednostně soubor regio-extended.css
 *
 */
body{margin:0;padding:0;background:#bcdbfe url('body.gif') left top repeat-x;text-align:center;font:/*68.8%*/11px /1.2 Arial,sans-serif;}

p{margin:0 0 1em;}
strong{color:#069732;}
strong.style2{color:#073a78;}
strong.style3{color:#4b4b4b;}
a{color:#073a78;}
#red{color:#ff0808;}

.style2{color:#073a78;}

img{border:none;}
label{cursor:pointer;}
form{margin:0;padding:0;}

h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#073a78;}
h1{font-size:218.18%;}

body.hp{background-image:url('body-hp.gif');}
body.hp .columnsWrapper .col1 h2{font-size:154.55%;margin-top:1em;padding-left:23px;background:url('star2.gif') 0 2px no-repeat;}

body.hp #header{height:467px;background-image:url('header-hp.gif');}
body.hp #header .inlineLinks .langs{background-image:url('langs-hp.gif');}
body.hp #header .graphic{height:324px;background-image:url('graphic-hp.jpg');}
body.hp #header .contactBox{height:308px;background-image:url('contactBox-hp.gif');}
body.hp #header .contactBox{line-height:1.5;}
body.hp #header .contactBox .phone{top:19px;background-image:url('contactBox-phone-hp.gif');}
body.hp #header .contactBox .map{width:150px;height:88px;background:url('contactBox-map.gif') left top no-repeat;margin-left:15px;}

body.hp #globalNav{top:414px;left:0;width:960px;}
body.hp #globalNav ul li a{background:white url('globalNav-hp.gif') left top repeat-x;}
body.hp #globalNav ul li a:hover,body.hp #globalNav ul li:hover a{background:url('globalNav-hover.gif') left top repeat-x;}
body.hp #globalNav ul li:hover ul a{background:#d5e8fe;}
body.hp #globalNav ul ul li a:hover{background:#cedc1d;}
body.hp #globalNav ul ul{padding-top:0;border-top:1px solid white;}

#page form.frm1 img{border:none;}
form.frm1 input.text{border:1px solid #95c945;background:white url('form-input1.gif') left bottom repeat-x;}
form.frm1 .frmBox1{float:left;width:50%;}
form.frm1 .frmBox1 input.text{width:65%;}
form.frm1 .calendary{vertical-align:bottom;}

table.tbl1{font-size:100%;}
table.tbl1 tr{line-height:1.5;vertical-align:top;}
table.tbl1 th{width:320px;color:#073a78;text-align:left;}
table.tbl1-margined{margin-bottom:1.5em;}
table.tbl1-style2 th{width:150px;}
table.tbl1-style2 td{padding:2px 0;}
table.tbl1-style3 th{width:auto;padding-right:1em;}

table.tbl1-style4{margin-bottom:1.5em;}
table.tbl1-style4 th{width:210px;padding-right:1em;}

table.tbl2{border-spacing:10px 0;margin:0 0 1.1em -10px;}
table.tbl2 caption{text-align:left;padding:0.7em 0 1.5ex 10px;font-size:118.18%;color:#073a78;font-weight:bold;}
table.tbl2 td{color:#073a78;font-weight:bold;border:2px solid #d5e8fe;padding:0.7ex;}
table.tbl2 td span{color:#069732;}

table.tbl3{width:100%;margin-bottom:1ex;}
table.tbl3 th{vertical-align:bottom;}
table.tbl3 td{font-size:109.09%;color:#073a78;font-weight:bold;border:2px solid #d5e8fe;padding:0.5ex 1ex;}

ul.plain{margin:0;padding:0;list-style-type:none;}
ul.plain li{margin:1.2ex 0;}

#page a.style2{color:#069732;text-decoration:underline;}
img.imgLeft{float:left;margin:0 1ex 1ex 0;}
img.imgLeft2{float:left;margin:0 1.5em 1ex 0;}
img.bordered{border:3px solid #d5e8fe;}

img.imgRight{float:right;margin:0 0 1ex 1ex;}
img.imgRight2{float:right;margin:0 0 1.5ex 1em;}
img.imgRight3{float:right;margin:0 0 0 1em;}

.left{float:left;}
.right{float:right;}
.bottom0{margin-bottom:0;}
.bottom1{margin-bottom:0.5ex;}
.bottom2{margin-bottom:1ex;}
.bottom3{margin-bottom:1.5em;}
.inlineBlock{display:inline-block;}
.hidden{display:none;}
.cleaner{clear:both;font-size:0;height:0;}
.blue{color:#073a78;}

.columnsWrapper{background:white;padding-bottom:1em;}
.columnsWrapper-2cols{background:url('columnsWrapper-2cols.gif') left top repeat-y;}
.columnsWrapper-3cols{background:url('columnsWrapper-3cols.gif') left top repeat-y;}

.columnsWrapper .col1{color:#4b4b4b;width:524px;float:right;background:white url('col1.gif') left top repeat-x;line-height:1.4;}
.columnsWrapper .col1 .inner{padding:5px 22px 0;}
.columnsWrapper .col1 h2{font-size:136.36%;color:#069732;margin-top:1.5em;}
.columnsWrapper .col1 h2.inline{display:inline;margin-right:0.8ex;line-height:2;}
.columnsWrapper .col1 h2 .style2{color:#073a78;}
.columnsWrapper .col1 h3{font-size:127.27%;}
.columnsWrapper .col1 h3.style2{color:#069732;font-size:127.27%;margin:1.5em 0 0.5em;}
.columnsWrapper .col1 h4{font-size:100%;margin:1ex 0 0.5ex;}
.columnsWrapper .col1 ul{margin:0 0 1.5em;padding:0;list-style-type:none;}
.columnsWrapper .col1 ul li{padding-left:18px;line-height:1.5;background:url('star3.gif') 0 5% no-repeat;}
.columnsWrapper .col1 .louder{font-size:118.18%;}
.columnsWrapper .col1 .louder2{font-size:136.36%;}
.columnsWrapper .col1 .crumbs{float:right;margin-top:1em;}
.columnsWrapper .col2{float:left;width:218px;}
.columnsWrapper .col3{float:right;width:218px;}
.columnsWrapper .col2, .columnsWrapper .col3{color:#073a78;background:#d5e8fe;}
.columnsWrapper .col2 a, .columnsWrapper .col3 a{color:#073a78;text-decoration:none;}
.columnsWrapper .col2 a:hover, .columnsWrapper .col3 a:hover{text-decoration:underline;font-weight:bold;}
.columnsWrapper .col2 h2, .columnsWrapper .col3 h2{padding:1px 0 0 23px;font-size:145.45%;background:url('star.gif') 0 0 no-repeat;}
.columnsWrapper .col2 h3, .columnsWrapper .col3 h3{font-size:127.27%;margin:1.2em 0 0.5ex;}
.columnsWrapper .col2 h4, .columnsWrapper .col3 h4{font-size:118.18%;color:#069732;margin:1.2em 0 0.8em;}
.columnsWrapper .col2 img, .columnsWrapper .col3 img{border:1px solid white;}
.columnsWrapper .col2 strong, .columnsWrapper .col3 strong{color:#073a78;}
.columnsWrapper .col2 .inner, .columnsWrapper .col3 .inner{padding:5px 14px;}
.columnsWrapper-2cols .col1{width:742px;}

.crumbs{color:#069732;}
.crumbs span{padding:0 0.4ex;}
.crumbs a{color:#4b4b4b;}

.sideBox1{padding:14px;border-bottom:1px solid white;}
.sideBox1-left{background:url('sideBox1-left.gif') right bottom no-repeat;}
.sideBox1-right{background:url('sideBox1-right.gif') left bottom no-repeat;}

.sideBox2{padding:5px 14px;border-top:4px solid white;}

.box1{width:232px;float:left;margin-right:16px;background:url('box1.gif') left bottom no-repeat;padding-bottom:1ex;}
.box1 h3{margin-top:0;}
.box1 h3 a{text-decoration:none;font-size:92.86%;}
.box1 h3 a:hover{text-decoration:underline;}
.box1 strong{color:#073a78;}
.box1-height1{height:24em;}

.box2{width:160px;float:left;margin-right:19px;}
.box2 p{margin-bottom:1ex;}
.box2 h3{line-height:1.2;margin-top:0;padding-left:22px;background:url('star2.gif') 0 1px no-repeat;}
.box2 h3.height1{height:3.2em;margin:0;}
.box2 .narrower{width:66.9%;}
.box2 .inner1{background:#d0dd24;margin-bottom:1em;padding:1em 1em 1ex;}
.box2 .inner1 strong{font-size:109.09%;color:#073a78;}
.box2 .inner2{border:2px solid #d5e8fe;padding:1ex 1ex 1px;}
.box2 .inner2 strong{color:#073a78;}
.box2 .inner2 strong span{color:#069732;}

.box3{background:url('box3.gif') left bottom no-repeat;margin-top:1.6em;padding:0 15px 1.2em 23px;line-height:1.4;}
#page .box3 h2{margin-top:0;}
.box3 h2 a{color:#069732;}
.box3 strong{color:#073a78;}
.box3-col1{float:left;width:212px;margin:0.8ex 16px 1.5em 0;}
.box3-col2{float:right;width:475px;margin-top:0.8ex;}
.box3-style2 .box3-col1{width:137px;}
.box3-style2 .box3-col2{width:545px;}
.box3-undecorated{background-image:none;width:545px;}

.box4{border:1px solid #d5e8fe;width:696px;}
.box4-inner{padding:1em 1em;}
.box4-inner-bottom{margin-bottom:0;}
.box4 .box4-inner h3{font-size:118.18%;margin-top:0;
/*margin-bottom:0.7em;*/
}
.box4 .box4-inner h2{margin-top:0;}
.box4 .box4-inner ul.louder{margin-bottom:0;}
.box4 .box4-inner ul.louder li{padding-left:2em;background-image:url('star-transparent.gif');}
.box4-filled{background:url('box4.gif') left bottom repeat-x;}
.box4-inner-bordered{border-bottom:1px solid #d5e8fe;}
.box4-top,.box4-middle{border-bottom:none;}
.box4-bottom,.box4-middle{border-top:none;}

.position{margin-right:1em;font-size:118.18%;}
.position .marks{line-height:2;}
.position .marks img{vertical-align:middle;margin-right:0.5ex;}
.position .marks span{margin-right:1em;}
	
.contextNav{margin:0;padding:0;list-style-type:none;border-top:1px solid white;}
.contextNav li{display:inline;}
.contextNav li a{display:block;font-size:127.27%;border-bottom:1px solid white;padding:4px 18px;}
#page .contextNav li a:hover{font-weight:normal;background:#cedc1d;}
.contextNav li.active a{background:white;}
.contextNav-margined{margin-bottom:1.5em;}

.imageCol1{float:left;margin:0 1.5em 1ex 0;}
.imageCol1 img{display:block;margin-bottom:1.5em;}
.imageCol2{float:right;margin:0 0 1ex 1.5em;}
.imageCol2 img{margin-right:0;float:left;}
.imageCol2 img.bordered{border-right-width:0;}
.imageCol2 img.bordered-last{border-right-width:3px;}
.imageCol3{float:right;margin:0 0 1ex 1.5em;}
.imageCol3 img{display:block;border-bottom-width:0;}
.imageCol3 img.bordered-last{border-bottom-width:3px;}

#page .itemList1 h3{display:inline-block;background:url('star3.gif') 0 48% no-repeat;font-size:118.18%;padding-left:18px;margin:1em 0 0.5ex;}
#page .itemList1 h3.first{margin-top:0;}
.itemList1{float:right;width:465px;}

.itemGrid .item{width:50%;float:left;margin:1em 0 1em;}
.itemGrid .item .leftCol{float:left;width:182px;}
.itemGrid .item .rightCol{float:right;display:inline;width:155px;margin-right:5px;}
.itemGrid .item .rightCol h2{margin:0 0 1ex;}

.gallery img{margin:0 0.8em 0.8em 0;}
.fotobox{float: left; text-align: center; margin-bottom: 20px; margin-right: 9px;}


.h2Links{margin-bottom:2em;}
#page .h2Links h2{margin-top:0;margin-bottom:1em;}
#page .h2Links h2{color:#073a78;}
.h2Links h2 a{color:#069732;}

.routeDetail p{}
.routeDetail h1{color:#069732;line-height:1;}
.routeDetail h1 span{color:#073a78;font-weight:normal;font-size:83.33%;}
#page .routeDetail h2{margin-top:0;margin-bottom:1ex;color:#073a78;}
.routeDetail .summary{float:right;width:236px;color:#073a78;margin:0 0 1em 1.5em;}
.routeDetail .summary strong{color:#073a78;}
.routeDetail .summary .col{font-size:118.18%;width:94px;float:left;background:#cedc1d;margin-right:7px;margin-bottom:7px;padding:10px;}
.routeDetail .summary .last{margin-right:0;}
.routeDetail .summary img{border:2px solid #d5e8fe;}

.rightArrow{display:inline-block;width:16px;height:17px;padding:0 1px;vertical-align:middle;background:url('rightArrow.gif') center center no-repeat;}
.rightArrow span{display:none;}

.client{margin:1em 0;}
.client a{color:#999;text-decoration:none;}
.client a img{margin-bottom:1ex;}
.clientsGrid{margin:2.5em 0 2em;}
.clientsGrid .client{width:33%;float:left;}
.clientsGrid .client a{}
.clientsCol{float:left;width:33.2%;line-height:2;}

.last{margin-right:0;}

#page{width:960px;margin:0 auto 10px;text-align:left;}

#header{height:335px;background:url('header.gif') left top repeat-x;position:relative;}
#header .inlineLinks{float:right;margin:0;line-height:46px;font-size:127.27%;color:#073a78;}
#header .inlineLinks a{color:#073a78;text-decoration:none;font-weight:bold;padding:0 1ex;}
#header .inlineLinks a:hover{text-decoration:underline;}
#header .inlineLinks .langs{display:inline-block;background:url('langs.gif') left top repeat-x;height:46px;margin-left:1em;padding:0 1em;}
#header .inlineLinks .langs a{font-weight:normal;}

#logo{margin:0;padding:0;}
#logo a{display:block;width:231px;height:94px;background:url('logo-regio.png') left top no-repeat;position:absolute;top:0;left:28px;z-index:100;}
#logo a span{display:none;}

#header .graphic{width:730px;height:185px;position:absolute;top:85px;left:6px;}
#header .graphic.back1 { background: url("graphic1.jpg") left bottom no-repeat;}
#header .graphic.back2 { background: url("graphic2.jpg") left bottom no-repeat;}
#header .graphic.back3 { background: url("graphic3.jpg") left bottom no-repeat;}
#header .graphic.back4 { background: url("graphic4.jpg") left bottom no-repeat;}
#header .graphic.back5 { background: url("graphic5.jpg") left bottom no-repeat;}
#header .graphic.back6 { background: url("graphic6.jpg") left bottom no-repeat;}
#header .graphic.back7 { background: url("graphic7.jpg") left bottom no-repeat;}

#header .graphic.back1_en { background: url("graphic1_en.jpg") left bottom no-repeat;}
#header .graphic.back2_en { background: url("graphic2_en.jpg") left bottom no-repeat;}
#header .graphic.back3_en { background: url("graphic3_en.jpg") left bottom no-repeat;}
#header .graphic.back4_en { background: url("graphic4_en.jpg") left bottom no-repeat;}
#header .graphic.back5_en { background: url("graphic5_en.jpg") left bottom no-repeat;}
#header .graphic.back6_en { background: url("graphic6_en.jpg") left bottom no-repeat;}
#header .graphic.back7_en { background: url("graphic7_en.jpg") left bottom no-repeat;}
#header .graphic.back8_en { background: url("graphic8_en.jpg") left bottom no-repeat;}

#header .graphic.back1_de { background: url("graphic1_de.jpg") left bottom no-repeat;}
#header .graphic.back2_de { background: url("graphic2_de.jpg") left bottom no-repeat;}
#header .graphic.back3_de { background: url("graphic3_de.jpg") left bottom no-repeat;}
#header .graphic.back4_de { background: url("graphic4_de.jpg") left bottom no-repeat;}
#header .graphic.back5_de { background: url("graphic5_de.jpg") left bottom no-repeat;}
#header .graphic.back6_de { background: url("graphic6_de.jpg") left bottom no-repeat;}
#header .graphic.back7_de { background: url("graphic7_de.jpg") left bottom no-repeat;}

#header .graphic .gallery{position:absolute;bottom:-1px;left:20px;margin:0;}
#header .graphic .gallery a{display:block;background:white;padding:0.9ex 1.2ex;color:#073a78;font-size:118.18%;font-weight:bold;text-decoration:none;}
#header .graphic .gallery a:hover{text-decoration:underline;}
#header .contactBox{position:absolute;line-height:1.3;top:85px;right:6px;padding:16px 16px 0;width:180px;height:169px;color:white;background:#073a78 url('contactBox.gif') left top repeat-x;}
#header .contactBox h2, #header .contactBox h3, #header .contactBox h4{color:white;}
#header .contactBox a{color:white;}
#header .contactBox strong{color:white;font-size:127.27%;}
#header .contactBox .louder{font-size:118.18%;}
#header .contactBox .phone{position:absolute;right:16px;width:53px;height:53px;background:url('contactBox-phone.gif') left top no-repeat;}
#header .contactBox h3{font-size:136.36%;margin:1em 0 1ex;}

#globalNav{position:absolute;width:948px;top:276px;left:6px;}
#globalNav ul{width:960px;margin:0;padding:0;list-style-type:none;}
#globalNav ul li{float:left;position:relative;}
#globalNav ul li a{display:inline-block;height:53px;line-height:53px;text-align:center;font-size:127.27%;color:#073a78;background:#e0eefe url('globalNav-hover.gif') 0 -150px no-repeat;font-weight:bold;text-decoration:none;}
#globalNav ul li a:hover,#globalNav ul li:hover a,#globalNav ul li.active a{color:white; background-position:left top;}
#globalNav ul ul{visibility:hidden;width:200px;top:53px;left:0;padding-top:6px;position:absolute;}
#globalNav ul li.last ul{left:auto;right:0;}
#globalNav ul ul li{float:none;}
#header #globalNav ul ul li a{display:block;font-size:109.09%;font-weight:normal;height:auto;line-height:normal;text-align:left;border:1px solid white;border-width:0 1px 1px;padding:0.8ex 1ex;}
#globalNav ul li:hover ul a{color:#073a78;background:#d5e8fe;}
#globalNav ul ul li a:hover{font-weight:bold;color:#073a78;background:#cedc1d;}
#globalNav ul li:hover ul{visibility:visible;}

#footer{background:#a9c205 url('footer.gif') center top repeat-x;text-align:center;padding:70px 0 1em;color:#4b4b4b;font-size:109.09%;}
#footer .inner{width:960px;margin:0 auto;text-align:left;}
#footer .inner .col{width:50%;}
#footer .inner .col-left{float:left;}
#footer .inner .col-right{float:right;text-align:right;}
#footer .inlineLinks a{padding:0 0.8ex;}
#footer a{color:#4b4b4b;}
#footer a.rss{line-height:1.6;padding-top:3px;padding-bottom:3px;padding-left:25px;background:url('rss.gif') 0 50% no-repeat;}

.zelena{color: #007F0E; font-weight: bold; font-size: 16px;}
.vylet{color:#073a78; font-weight: bold;}
