/*---------------------------------------------------------------------------------------
	Resetovací styly
-----------------------------------------------------------------------------------------*/

html, body, div, span, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, caption, table, tr, th, td, thead, tbody, tfoot, p, blockquote, cite, q, abbr, acronym, address, a, em, strong, img, ins, del, dfn, kbd, pre, xmp, code, form, fieldset, legend, label, object { margin: 0; padding: 0; }
:focus { outline: 0; }

body { font:75%/1.6 Trebuchet MS, "Lucida Grande", "Luxi Sans", sans-serif;  background: #F37D0C url('../design/bg_line.png') 50% 0 repeat-y;  }
hr { display:none; }

a { color:#fff; text-decoration: none; }
a:hover, a:focus, a:active { text-decoration:none; }
img { vertical-align:middle; }
a img, fieldset { border:none; }
img[usemap] { border:none; }
textarea { font-family:sans-serif; }

table { width:100%; border-collapse:collapse; }
td, th { padding:.3em 1em; }
abbr, acronym { border-bottom:1px dotted #000; cursor:help; }
address { font-style:italic; }

li { display:block; }

h1 { font-size:200%; }
h2 { font-size:150%; color:#fff; }
h3 { font-size:120%; }
h4 { font-size:100%; }
h5 { font-size:89%; }
h6 { font-size:60%; }

/* ---------------------------------------------------------------------------------------
	Základní toídy
------------------------------------------------------------------------------------------*/

.l { float:left !important; }
.r { float:right !important; }
.c { clear:both !important; }
.n { display:none !important; }

.t-l, .td-l td { text-align:left !important; }
.t-c { text-align:center !important; }
.t-r, .td-r td { text-align:right !important; }

/*----------------------------------------------------------------------------------------
	Header
------------------------------------------------------------------------------------------*/

#wrap {margin: 0 auto 0 auto;}

/*----------------------------------------------------------------------------------------
	Layout
------------------------------------------------------------------------------------------*/

#head {
	background: #F37E12 url('../design/bg_head.png') 0 0 repeat-x;
	height: 120px;	
}

div.head-in{
	width:995px;
	height: 115px;
	margin: 0 auto 0 auto;
	padding-top: 5px;
	position: relative;
}

div.head-in a.logo{
	background: url('../design/logo.jpg') left top no-repeat;
	width:395px;
	height:115px;
	display: block;
	color: #535353;
}

div.head-in h1.text-hide {
	text-indent: -9999px;
}

h3.hp {
	color: #fff;
	font-size: 140%;
	margin: 5px 0 5px 0;
}

div.lang{
	position: absolute;
	right: 0;
	top: 3px;
	background: url('../design/lang.png') 0 0 no-repeat;
	width: 252px;
	height: 37px;
	display: block;
	font-size: 10px;	
}

a.cz{
	position: absolute;
	right: 190px;
	top: 5px;
	background: url('../design/flags/cz-off.png') 0 1px no-repeat;
	padding-left: 25px;
	color: #134675;
}

a.cz_a{
	background: url('../design/flags/cz-on.png') 0 1px no-repeat;
	color: #fff;
	font-weight: bold;
}

a.pl{
	position: absolute;
	right: 140px;
	top: 5px;
	background: url('../design/flags/pl-off.png') 0 1px no-repeat;
	padding-left: 25px;
	color: #134675;
}

a.pl_a{
	background: url('../design/flags/pl-on.png') 0 1px no-repeat;	
		font-weight: bold;
	color: #fff;
}

a.ru{
	position: absolute;
	right: 90px;
	top: 5px;
	background: url('../design/flags/ru-off.png') 0 1px no-repeat;
	padding-left: 25px;
	color: #134675;
}

a.ru_a{
	background: url('../design/flags/ru-on.png') 0 1px no-repeat;
		font-weight: bold;
	color: #fff;	
}

a.en{
	position: absolute;
	right: 40px;
	top: 5px;
	background: url('../design/flags/en-off.png') 0 1px no-repeat;
	padding-left: 25px;
	color: #134675;
}

a.en_a{
	background: url('../design/flags/en-on.png') 0 1px no-repeat;	
	font-weight: bold;
	color: #fff;
}


div.tel{
	position: absolute;
	font-size: 16px;
	font-weight: bold;
	right: 300px;
	top: 78px;
	background: url('../design/phone.png') center left no-repeat;
	width: 252px;
	height: 42px;
	display: block;
}

p.in-tel{
	position: absolute;
	right: 69px;
	top: 6px;
	color: #D47005;
}


div.email{
	position: absolute;
	font-size: 16px;
	font-weight: bold;
	right: 100px;
	top: 78px;
	background: url('../design/email.png') center left no-repeat;
	width: 252px;
	height: 42px;
	display: block;
}

p.in-email{
	position: absolute;
	right: 5px;
	top: 4px;
	color: #D47005;
}

@font-face {
    font-family: 'ProximaNovaSemibold';
    src: url('fonts/proxnov-sbold.eot');
    src: url('fonts/proxnov-sbold.eot') format('embedded-opentype'),
         url('fonts/proxnov-sbold.woff') format('woff'),
         url('fonts/proxnov-sbold.ttf') format('truetype'),
         url('fonts/proxnov-sbold.svg#ProximaNovaSemibold') format('svg');
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'ProximaNovaSemibold';
        src: url('fonts/proxnov-sbold.svg#ProximaNovaSemibold') format('svg');
    }
}

img.rohy {
	  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -o-border-radius: 5px;
          border-radius: 5px;
}

/*----------------------------------------------------------------------------------------
	Body
------------------------------------------------------------------------------------------*/

#main-body{
	width: 959px;
  min-height: 610px;
	margin: 0 auto 0 auto;
	background: url('../design/bg_img2.png') 50% 0 no-repeat;
}


/*----------------------------------------------------------------------------------------
	Menu
------------------------------------------------------------------------------------------*/

#main-menu{
	float: left;
	padding: 5px 10px 0px 16px;
	margin: 30px 0 10px 0;
}

#main-menu li.mainitem { float: left; position: relative; }

#main-menu li.mainitem a.mainitem-a{
	font-size:16px;
	font-weight:bold;
	color:#7E3F08;
	margin-right: 20px;
	padding: 3px 5px 3px 5px;
}

#main-menu li.mainitem a.mainitem-a:hover{
	background: #CC4901;
	color:white;
}

#main-menu ul li.mainitem:hover a.mainitem-a{
	background: #CC4901;
	color:white !important;	
}


#main-menu li.no-radius a.mainitem-a:hover{
	-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

#main-menu ul li.no-radius:hover a.mainitem-a{
	-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

#main-menu ul li a.activ{
	background: #CC4901;
	color:white !important;
	-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

#main-menu ul.subitem{
	display: none;
  position: absolute;
	left:0;
	top:25px;
	z-index:2;
	-webkit-border-radius: 0 4px 4px 4px;
     -moz-border-radius: 0 4px 4px 4px;
          border-radius: 0 4px 4px 4px;
  border:1px solid #CC4901;
}

#main-menu ul.subitem li.subitem-li{
   width: 200px;
}

#main-menu ul.subitem a.subitem-a {
	font-size:12px;
	font-weight: normal;
	color:white;
	display: block;
	height: 20px;
	padding: 3px 10px 3px 15px;
	background: #CC4901 url('../design/sipka.gif') 8px 10px no-repeat;
}

#main-menu ul.subitem a.first {
	padding-top: 15px !important;
	background: #CC4901 url('../design/sipka.gif') 8px 22px no-repeat !important;
}

#main-menu ul.subitem a.last {
	padding-bottom: 10px !important;
	border-bottom: none !important; 
}

#main-menu ul.subitem a.subitem-a:hover {
	text-decoration: underline;
}


#main-menu li:hover ul, #main-menu li.over ul { display: block; }



/*----------------------------------------------------------------------------------------
	Homepage main block
------------------------------------------------------------------------------------------*/

div.in-body{
	float: left;
	padding: 0 10px 10px 16px;
}

div.home-block{
	width: 927px;
	height: 354px;
	float: left;
	background: #313131 url('../design/corner.jpg') top left no-repeat;
}

div.home-left{
	float: left;
	width: 616px;
	height: 261px;
}

div#det_box_0,
div#det_box_1,
div#det_box_2{
	padding: 10px 9px 0 9px;
}

div.home-right{
	background: Gray;	
	float: left;
	width: 311px;
	height: 261px;
}

ul#tabs li{
	height: 87px;
	font-size: 16px;
	font-weight: bold;
}

ul#tabs li div.in-li{
	padding:34px 50px 27px 65px;
	height: 20px;
	cursor: pointer;
	width: 230px;
}

ul#tabs li.active0{
	background: url('../design/tab0.jpg') bottom left no-repeat;
	color: #fff;
	text-shadow:0 1px 0 #000;
}

ul#tabs li.normal0{
	background: url('../design/tab0.jpg') top left no-repeat;
	color: #854404;
}

ul#tabs li.active1{
	background: url('../design/tab1.jpg') bottom left no-repeat;
	color: #fff;
	text-shadow:0 1px 0 #000;
}

ul#tabs li.normal1{
	background: url('../design/tab1.jpg') top left no-repeat;
	color: #854404;
}

ul#tabs li.active2{
	background: url('../design/tab2.jpg') bottom left no-repeat;
	color: #fff;
	text-shadow:0 1px 0 #000;
}

ul#tabs li.normal2{
	background: url('../design/tab2.jpg') top left no-repeat;
	color: #854404;
}

div.home-bottom{
	float: left;
	width: 927px;
	height: 93px;
	font-size: 14px;
	background: url('../design/bottom.jpg') bottom left no-repeat;
	position: relative;
}

div.in-home-bottom{
	font-size: 13px;
	padding: 15px 10px 10px 10px;
	color: #fff;
}

div.home-bottom a.join{	
	width: 194px;
  height: 75px;
	position: absolute;
	top: 12px;
	left: 520px;
	text-indent:-9000px;
}

a.jcz{
  background: url('../design/join.png') -4px -6px no-repeat;
}

a.jcz:hover{
	background: url('../design/join.png') -4px -88px no-repeat;	
}

a.jpl{
  background: url('../design/join.png') -204px -6px no-repeat;
}

a.jpl:hover{
	background: url('../design/join.png') -204px -88px no-repeat;	
}

a.jru{
  background: url('../design/join.png') -409px -6px no-repeat;
}

a.jru:hover{
	background: url('../design/join.png') -409px -88px no-repeat;	
}

a.jen{
  background: url('../design/join.png') -615px -6px no-repeat;
}

a.jen:hover{
	background: url('../design/join.png') -615px -88px no-repeat;	
}

div.home-bottom a.about{
  width: 194px;
  height: 75px;
	position: absolute;
	top: 12px;
	left: 720px;
	text-indent:-9000px;
}

a.acz{
  background: url('../design/about.png') -4px -88px no-repeat;
}

a.acz:hover{
	background: url('../design/about.png') -4px -6px no-repeat;	
}

a.apl{
  background: url('../design/about.png') -204px -88px no-repeat;
}

a.apl:hover{
	background: url('../design/about.png') -204px -6px no-repeat;	
}

a.aru{
  background: url('../design/about.png') -615px -88px no-repeat;
}

a.aru:hover{
	background: url('../design/about.png') -615px -6px no-repeat;	
}

a.aen{
  background: url('../design/about.png') -409px -88px no-repeat;
}

a.aen:hover{
  background: url('../design/about.png') -409px -6px no-repeat;	
}

/*----------------------------------------------------------------------------------------
	Homepage middle
------------------------------------------------------------------------------------------*/

div.middle{
	width: 927px;
	height: 183px;
	float: left;
	margin-top: 19px;
}

div.news{
	width: 365px;
	height: 175px;
	background: url('../design/news.jpg') top left no-repeat;
	position: relative;
	float: left;
	background-image: url(../design/news.jpg);
}

div.news span.news-title{
	position: absolute;
	top:0px;
	right:8px;
	color: #F56D0E;
	font-size: 18px;
}

div.news-list{
	padding-top: 30px;
	color: #fff;
}

div.news-item{
	position: relative;
	background: url('../design/calendar.jpg') 10px 0 no-repeat;	
	height: 60px;
	padding-left:60px;
	line-height: 14px;
	margin-bottom: 7px;
}

div.news-item p{
	padding: 3px 0 0 0;
}

span.calendar{
	position: absolute;
	top: -30px;
	left: 0px;
	color: #5B523D;
}

div.bill1,
div.bill2{
	float: left;
	margin-left:15px;
	position: relative;
}

div.bill3{
	float: left;
	margin-left:16px;
	position: relative;
}

div.bill1 a{
 z-index:999;
}

div.middle h3.blue{
  position:absolute;
  color: #007ef3;
  font-size: 18px;
}

div.middle a.blue{
  color: #007ef3;
  padding-left:90px;
  width:82px;
  height:175px;
  display:block;
}

div.middle span.blue{
  position:absolute;
  top:25px;
  left: 90px;
  color: #007ef3;
  font-size: 16px;
}


div.hp-text{
	width: 927px;
	float: left;
	margin-top: 19px;
}

div.hp-text h1.hp{
	color:#fff;
	font-size: 16px;
	padding-bottom:5px;
}

div.hp-text a{
	text-decoration: underline;	
}

div.hp-text a:hover{
	text-decoration: none;	
}

div.hp-text p{
	font-family: "Lucida Grande", Trebuchet MS, "Luxi Sans", sans-serif;
	font-size: 13px;
} 

/*----------------------------------------------------------------------------------------
	Page end
------------------------------------------------------------------------------------------*/

div.page-end{
	width: 927px;
	height: 175px;
	background: #313131;
	float: left;
	margin-top: 19px;
}

div.title{
	position: absolute;
	left: 20px;
	top: 0;
	width: 150px;
	height: 32px;
	padding: 14px 0 0 50px;
	font-weight: bold;
	color: #FFBC80;
}

div.bg1{
	background: url('../design/icon1.jpg') center left no-repeat;		
}

div.bg2{
	background: url('../design/icon2.jpg') center left no-repeat;		
}

div.bg3{
	background: url('../design/icon3.jpg') center left no-repeat;		
}

div.bg4{
	background: url('../design/icon4.jpg') center left no-repeat;		
}

div.end-item1{
	width: 231px;
	background: url('../design/left.jpg') center left no-repeat;	
	height: 100%;
	float: left;
	border-right: 1px solid #D68500;
	position: relative;
}

div.map{
	position: absolute;
	left: 20px;	
	top: 50px;
}

div.end-item2,
div.end-item3{
	width: 231px;
	height: 100%;
	float: left;
	border-right: 1px solid #D68500;
	position: relative;
}

ul.action{
	position: absolute;
	left: 20px;
	top: 50px;
	width: 200px;
	color: #fff;
	line-height: 15px;
}

ul.action a.name{
	background: url('../design/sipka2.gif') 0 6px no-repeat;	
	padding-left: 10px;
	font-weight: bold;
	display: block;
}

ul.action a.name:hover{
	text-decoration: underline;
}

ul.action strong{
	background: url('../design/sipka2.gif') 0 6px no-repeat;	
	padding-left: 10px;	
}

ul.action li { margin-bottom:5px; }

p.text2{
   position: absolute;
   width: 200px;
	left: 20px;	
	top: 50px;	
	color: #fff;
	line-height: 16px;
}

div.end-item4{
	width: 231px;
	background: url('../design/right.jpg') center right no-repeat;	
	height: 100%;
	float: left;
	position: relative;
}

/*----------------------------------------------------------------------------------------
	Page end line
------------------------------------------------------------------------------------------*/

div.page-end-line{
	width: 927px;
	background: url('../design/small-logo.png') center left no-repeat;	
	height: 70px;
	float: left;
	position: relative;
	border-bottom: 4px solid #C2640F;
}

div.inline-text1{
	position: absolute;
	font-size: 15px;
	left: 250px;
	top: 25px;
}

div.inline-text2{
	position: absolute;
	font-size: 15px;
	left: 490px;
	top: 25px;
}

div.page-end-line a{
	text-decoration: underline;
	color: #7E3F08;
}

div.page-end-line a:hover{
	text-decoration: none;
}

div.facebook{
	position: absolute;
	right: 120px;
	top: 18px;
}

div.twitter{
	position: absolute;
	right: 60px;
	top: 18px;
}

div.youtube{
	position: absolute;
	right: 0;
	top: 18px;
}

div.youtube img,
div.facebook img,
div.twitter img{
  padding-right: 5px;
}

/*----------------------------------------------------------------------------------------
	Page end article
------------------------------------------------------------------------------------------*/

div.page-end-article{
	width: 927px;
	/*height: 120px;*/
	float: left;
	padding: 0 0 20px 0;
}

div.page-end-article ul.first{
	float: left;
	width: 200px;
	margin-left: 0;
}

div.page-end-article ul{
	float: left;
	width: 200px;
	margin-left: 42px;
}

div.page-end-article li.category{
	font-weight: bold;
	font-size: 16px;
	padding: 8px 7px;
	border-bottom: 2px solid #C2640F;
	margin-bottom: 5px;
}

div.page-end-article li{
	height: 25px;
}

div.page-end-article li a{
	background: url('../design/sipka.gif') 9px 6px no-repeat;	
	padding-left:17px;
}

div.page-end-article li a:hover{
	text-decoration: underline;
}

div.page-end-article .footer:before {
	content: "";
	clear: both;
	display: block;
}

div.page-end-article .footer {
	color: #7E3F08;
	display: block;
	margin-top: 15px;
	float: left;
	width: 100%;
}

/*----------------------------------------------------------------------------------------
	Trip
------------------------------------------------------------------------------------------*/

div#trip-main{
	width: 927px;
	/*height: 450px;*/
	float: left;
}

div#trip-main-article{
	width: 927px;
	float: left;
}

div.slide{
	display: block;
	height: 420px;
	position: relative;
	margin-bottom: 30px;
	background-image: url(../design/slide/slide15.jpg);
}

div.nivoslide{
	display: block;
	width: 170px;
	height: 103px;
	position: relative;
	margin: 55px 0 0 30px;
}


div.bg-img1{
	background: url('../design/slide/slide1.jpg') 0px 0px no-repeat;		
}

div.bg-img2{
	background: url('../design/slide/tt_beskyd.jpg') 0px 0px no-repeat;		
}

div.bg-img3{
	background: url('../design/slide/tt_kvitova.jpg') 0px 0px no-repeat;		
}

div.bg-img4{
	background: url('../design/slide/slide5.jpg') 0px 0px no-repeat;		
}

div.bg-img5{
	background: url('../design/slide/tt_spring2014.jpg') 0px 0px no-repeat;		
}

div.bg-img6{
	background: url('../design/slide/slide6.jpg') 0px 0px no-repeat;		
}

div.bg-img7{
	background: url('../design/slide/slide15.jpg') 0px 0px no-repeat;		
}

div.bg-img8{
	background: url('../design/slide/slide8.html') 0px 0px no-repeat;		
}

div.bg-img9{
	background: url('../design/slide/slide9.html') 0px 0px no-repeat;		
}

div.bg-img10{
	background: url('../design/slide/slide10.html') 0px 0px no-repeat;		
}

div.bg-img15{
	background: url('../design/slide/slide15.jpg') 0px 0px no-repeat;		
}

p.big-text, h1.big-text{ font-size: 21px; font-family: 'ProximaNovaSemibold'; }

p.medium-text{ font-size: 18px; }

p.mini-text { padding-top: 10px; }

div.mini-text-down { padding-top: 8px; margin-bottom: 15px;}
div.mini-text-down p { font-size: 13px; font-family: "Lucida Grande", Trebuchet MS, "Luxi Sans", sans-serif; }
div.mini-text {padding-top: 10px;}

div.grey-box{
	background: #313131;
	position: absolute;
	left: 56px;
	top: 50px;
	width: 280px;
	height: 297px;
	float: left;
	display: block;
  -webkit-border-radius: 7px;
     -moz-border-radius: 7px;
          border-radius: 7px;
	padding: 15px 20px 10px 20px;
	color: #fff;
}

p.slide-page{
	font-size: 35px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	top:380px;
	left: 495px;
  opacity: 0.5;
}

a.left-a{
  background: url('../design/left_a.png') 0px 0px no-repeat;
  width: 23px;
  height: 38px;
  display: block;
  position: absolute;
	top:200px;
	left: -28px;
}

a.right-a{
  background: url('../design/right_a.png') 0px 0px no-repeat;
  width: 23px;
  height: 38px;
  display: block;
  position: absolute;
	top:200px;
	left: 933px;*/
}

p.big-title {
	position: absolute;
	font-size: 22px;
	color: #fff;
}

p.xy1{
  left: 30px;
	top: 350px;
}

a.join-t{
	width: 194px;
	height: 75px;
	position: absolute;
	top: 255px;
	left: 122px;
	text-indent:-9000px;
	background-image: url(../design/join.png);
}


/*----------------------------------------------------------------------------------------
	Slides HP
------------------------------------------------------------------------------------------*/

div#slides,
div#slides_two,
div#slides_three{
  position:relative; 
}

div#slides a.prev,
div#slides_two a.prev,
div#slides_three a.prev{
  color:red;
  position:absolute;
  top:120px;
  left:5px;
  background: url('../design/left_arrow.png') no-repeat;
  width:10px;
  height:21px;
}

div#slides a.next,
div#slides_two a.next,
div#slides_three a.next{
  color:red;
  position:absolute;
  top:120px;
  left:580px;
  background: url('../design/right_arrow.png') no-repeat;
  width:10px;
  height:21px;
}

div#slides ul.pagination,
div#slides_two ul.pagination,
div#slides_three ul.pagination{
  color:red;
  position:absolute;
  bottom:20px;
  left:10px;
}

ul.pagination li{
  float:left;
}

ul.pagination li.current a {
  padding:2px 8px 2px 8px;
  display:block;
  background-color: #dc6517;
	color:#fff;
}

ul.pagination li a {
  padding:2px 8px 2px 8px;
  display:block;
  background-color: #323332;
	color:#fff;
}

#slides .slides_container,
#slides_two .slides_container,
#slides_three .slides_container {
  width:596px;
	height:251px;
	display:none;
}

#slides .slides_container div,
#slides_two .slides_container div,
#slides_three .slides_container div {
	width:596px;
	height:251px;
	display:block;
	z-index:0;
	position:relative;
}


#slides h2.text,
#slides_two h2.text,
#slides_three h2.text{
  position:absolute;
  /*width: 80%;*/
  /*height: 34px;*/
  font-size: 15px;
  font-weight: normal;
  background-color: rgba(0,0,0,.6);
  padding:5px 10px 5px 10px;
  color:#fff;
}

#slides h2.left,
#slides_two h2.left,
#slides_three h2.left{
  left:30px;
  top:20px;
}

#slides h2.right,
#slides_two h2.right,
#slides_three h2.right{
  right:10px;
  top:10px;
}


/*----------------------------------------------------------------------------------------
	Article
------------------------------------------------------------------------------------------*/

#article {
  width: 927px;
	float: left;
}

#article-left {
  width: 634px;
  float: left;
}

div.path{
  height:30px;
  background: #313131;
  display: block;
  color: #fff; 
  -webkit-border-radius: 7px;
     -moz-border-radius: 7px;
          border-radius: 7px; 
}

p.path-in a{
  display:inline-block;
  float:left;
  padding:7px 10px;
}

p.path-in a:hover{
  text-decoration: underline;
}

p.path-in i{
  background: url('../design/orange-a.png') no-repeat;
  display:inline-block;
  float:left;
  width:19px;
  height:30px;
}

p.path-in span{
  display:inline-block;
  float:left;
  color:#0082fb;
  padding:7px 10px;
}

#article-right {
  width: 280px;
  float: left;
  margin-left: 13px; 
}


div.content{
  padding:10px 10px 0px 10px;
}

h1.h1-article{
  font-size:250%;
  color:#313131;
}

h2.h2-article{
  font-size:130%;
  color:#313131;
  display:inline;
  padding-right:10px;
}

span.date-article{
  color:#fff;
  font-size:120%;
  padding-left:10px;
  border-left: 1px solid #da6c0a;
  padding-left:10px;
}

p.perex-article{
  color:#313131;
  font-size:110%;
  padding: 5px 0 5px 0;
}

div.artic{
  padding:10px 10px 0px 10px;
  clear:left;
}

a.a-article{
  text-decoration:underline;
}

a.a-article:hover{
  text-decoration:none;
}

div.content p{
  font-size:110%;
  padding: 5px 0 5px 0;
}

div.content p a{
  color:#fff;
  text-decoration:underline;
}

div.content p a:hover{
  text-decoration:none;
}

div.content img {
  float: left;
  margin: 5px 10px 5px 0;
  border: 1px solid #313131;
  padding: 1px;
}

div.mini-text-down ul li,
div.content ul li{
  font-size:110%;
  background: url("../design/sipka2.gif") no-repeat 0 50%;  
  margin-left: 15px;
  padding-left: 10px;
}

div.mini-text-down ol li,
div.content ol li{
  font-size:110%;
  margin-left: 33px;
  display: list-item;
}

div.content img.main-img{
    float: left;
    margin: 5px 10px 5px 0;
}


/*-----------------------------------------*/


div.banner-join,
div.banner{
	float: left;
	position: relative;
}

div.banner h3.blue, div.banner-join h3.blue{
  position:absolute;
  font-size: 18px;
}

div.banner a.blue, div.banner-join a.blue{
  padding:20px 0 0 170px;
  width:109px;
  height:121px;
  display:block;
  color: #007ef3;
}

div.banner span.blue{
  position:absolute;
  top:45px;
  left: 170px;
  color: #007ef3;
  font-size: 16px;
}

div.banner-join span.blue{
  position:absolute;
  top:10px;
  left: 24px;
  color: #007ef3;
  font-size: 16px;
}

div.banner-join h3{
  width:250px;
  position:absolute;
  top: 30px;
  left: 25px;
  font-size: 18px;
  color: #007ef3;
  line-height:22px; 
}

div.banner-join p{
  position:absolute;
  top: 63px;
  left: 15px;
  color:#fff;
  padding-right:20px;
  font-size:11px;
}

div.banner-join a.join-a{	
  width: 194px;
  height: 75px;
	position: absolute;
	top: 50px;
	left: 5px;
  text-indent:-9000px;
}


/*----------------------------------------------------------------------------------------
	Form
------------------------------------------------------------------------------------------*/

.contact-email,.contact-names, .contact-phone{
  border: 1px solid #CCCCCC;
  height: 25px;
  padding: 6px;
  width: 402px;
  max-width: 95%;
  background: #ffffff;
  background: rgba(255,255,255,0.85);
  outline: none;
  margin: 3px;
  -webkit-border-radius:3px;
     -moz-border-radius:3px;
          border-radius:3px;	
}

.contact-commnent{
  border: 1px solid #CCCCCC;
  height: 125px;
  width: 290px;	
}

.kontaktni-formular form{
  margin:1em;
}

.kontaktni-formular p{
  margin:0;padding:0;
}

.kontaktni-formular textarea{
  padding:6px;
  width:402px;
  max-width:95%;
  background:#ffffff;
  background:rgba(255,255,255,0.85);
  outline:none;
  margin:3px;
  font:normal 12px Arial, sans-serif;
  -webkit-border-radius:3px;
     -moz-border-radius:3px;
          border-radius:3px;
}

.kontaktni-formular label{
  display:block;
  font:bold 12px Arial, sans-serif;
  margin-top:1em;
}
 
.kontaktni-formular{
  width:420px;
  max-width:100%;
  overflow:hidden;
  float:left;
}

.kontaktni-formular small{
  float:right;
  font:normal 12px Arial, sans-serif;
  margin-right:5px;
}

.kontaktni-formular textarea:focus, .kontaktni-formular input#email:focus, .kontaktni-formular input#names:focus, .kontaktni-formular input#phone:focus{
  background:#ffffff;
}

.kontaktni-formular #submit-form{
  border-color:#aaaaaa;
}

.kontaktni-formular #submit-form:hover{   
  outline:none;
}

.kontaktni-formular .name-required, .email-required, .comment-required{
  display:block;
  font:bold 12px Arial, sans-serif;
  margin-top:1em;
  color:red;
}

form .button, a.button, input[type=submit]{
  display:inline-box;
  cursor:pointer;
  padding:0.6em 1.2em;
  margin:3px;
  font:normal 12px Arial, sans-serif;
  border:1px solid #aaaaaa;
  text-decoration:none;
  color:#444444 !important;
  position:relative;
  white-space:nowrap;
  -webkit-border-radius:3px;
     -moz-border-radius:3px;
          border-radius:3px;
        -moz-box-shadow:0 0 2px rgba(0,0,0,0.2);
     -webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);
             box-shadow:0 0 2px rgba(0,0,0,0.2);
  background:#ffffff;
  background:-moz-linear-gradient(top,#ffffff 0%,#f2f2f2 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#f2f2f2));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#f2f2f2,GradientType=0);
}

form .button:hover, input[type=submit]:hover, a.button:hover{
    -moz-box-shadow:0 0 3px rgba(0,0,0,0.35);
 -webkit-box-shadow:0 0 3px rgba(0,0,0,0.35);
         box-shadow:0 0 3px rgba(0,0,0,0.35);
    text-decoration:none;
    color:#333333 !important;
}

form .button:active, input[type=submit]:active, a.button:active{
    top:1px;
}

input[type=submit]{
    float:right;margin-left:0.5em;
}