/* OK BUS PRAHA */
/* www.okbuspraha.cz */


body 
{
margin : 0;
padding : 0;
font : 13px "Trebuchet MS", arial, verdana, tahoma, sans-serif;
line-height : 1em;
color : #333;
/*background : #2e2e2e;*/
/*background : #999999;*/
/*background: #999999 url(images/08original.gif) repeat;*/
/*background: #999999 url(images/16755-100x100.gif) repeat;*/
background: #999999 url(images/flower60x60.gif) repeat;
background: #999999 url(images/bg-bus2.gif) repeat;
/*background: #999999 url(images/16755blue.gif) repeat;*/


}

/*icons*/
a[href$='.pdf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_pdf.gif) no-repeat center right;
}
.mutace {
padding : 0;
margin : 0;
color : #fff;
background-color:#003366; /*tm.modra*/
padding-right:30px;
text-align:right;
}
.mutace img{
margin-left : 5px;
}
.mutace a img {
border: 1px solid black;

}
.mutace a:link img {
border: 1px solid black;
}
.mutace a:hover img {
border: 1px solid grey;
}
.mutace a:active img {
border: 1px solid #003366;
}

#container {
width : 710px;
margin-left : auto;
margin-right : auto;
color : #666;
background-color: #F2FAFD;
}
#containerpad{
padding : 5px;
}

small {
font-size : 0.8em;
}


			/* ----------  FLASH  */
#banner {
height : 140px;
padding : 0;
margin : 0;
color : #fff;
/*background: #0798da url(img/header.jpg) no-repeat;*/
/*background-color:#CC6600; /*orange*/
background-color:#3c789b; /*modra*/
/*background-color:#007400; zelena*/

}

#banner h1 {
margin : 0;
padding : 40px 0 0 90px;
border : none;
font-size : 2em;
letter-spacing: 5px;
text-align : left;
}

/*intro -------------------- 3 COLUMNS*/
.intro,.intro2,.intro3 {
height : 150px;
color : #eee;
/*margin : 3px 0 5px 0;
padding : 5px;*/
}
.intro p,.intro2 p,.intro3 p
{
padding : 5px;
line-height : 1em;
margin : 0;

}
.intro h2,.intro2 h2,.intro3 h2
{
font-size : 1.5em;
/*color : #003366; modra*/
color : #eee; /*bila*/
margin-top: 8px;

}
.intro {
float : left;
width : 220px;
/*border-bottom : 15px solid #999999;  /*seda*/
/*border-top : 15px solid #6fbf20;*/
background : #3c789b;
}
.intro2 {
float : right;
width : 220px;
/*border-bottom : 15px solid #999999;  /*seda*/
/*border-top : 15px solid #a3d671;*/
background : #3c789b; /*orange*/
}
.intro3 {
float : left;
width : 220px;
/*border-bottom : 15px solid #999999;  /*seda*/
/*border-top : 15px solid #8ccc4e;*/
background : #3c789b; /*orange*/
}
.separator {
float : left;
background : #3c789b; /*orange*/
height : 150px;
width : 20px;
}
.separator2 {
float : left;
background : #3c789b; /*orange*/
height : 150px;
width : 20px;
}
/* -------------------------------------CENTER CONTENT*/
#contentcenter {
padding : 5px;
margin-left : 30px;
margin-right : 30px;
margin-bottom : 0;
margin-top : 20px;

border-top : 5px solid #999999;
color : #666;
background-color: #F2FAFD;
}

#contentcenter p
{
font-size:110%;
line-height : 1.4em;
color : #444;
margin-bottom : 0;
padding : 0 0 0 0px;
}

#contentcenter .bod
{
font-size:1em;
line-height : 1em;
color : #666;
margin-bottom : 0;
margin-left : 60px;
margin-right : 60px;


padding : 0 0 0 20px;
background : transparent url(images/stop.png) left top no-repeat;
}

#contentcenter h2{
margin-bottom : 16px;
}

#contentkontakt {
padding : 5px;
margin-left : 30px;
margin-right : 30px;
margin-bottom : 10px;
margin-top : 20px;

border-top : 5px solid #999999;
color : #666;
background-color: #F2FAFD;
font-size:90%;
line-height : 0.9em;

}
#contentkontakt h3 {
font-size:120%;
}
#contentkontakt h2 {
font-size:130%;
}
			/* -------------------------------------RIGHT CONTENT*/
#content {
padding : 5px;
margin-left : 255px;
margin-bottom : 0;
border-top : 15px solid #1CA3E3;
color : #666;
background : #F2FAFD;
}
#content p{
padding : 5px 15px 5px 15px;
}

			/* --------------------------------------LEFT SIDEBAR*/
#sidebar {
float : left;
width : 220px;
color : #666;
background : #F2FAFD;
}
#sidebarpad {
margin : 0 10px 0 0;
padding : 10px;
/*border-top : 15px solid #999999;  /*seda*/
}

#sidebar p {
padding : 5px 15px 5px 15px;
}

#content h1, #sidebar h1 {
margin : 0;
font : 1.5em "Trebuchet MS", verdana, tahoma, sans-serif;
padding : 0 0 0 20px;
color : #333;
background : transparent url(img/stop.png) left center no-repeat;
}
			/* --------------------------------------------------- FOOTER*/
#footer {
clear : both;
padding : 3px 10px 3px 10px;
margin : 0;
font-size : 0.9em;
border-top : 5px solid #3c789b; /*sv modra*/
color : #333;
background-color: #003366;  /*tm.modra*/
text-align:right;
}
#footer a:link, #footer a:visited {
background : inherit;
color : #fff;
border-bottom : none;
}
#footer a:hover {
border-bottom : none;
background : inherit;
color : #99ccff;
}
			/*TYPOGRAPHY*/
h2 {
padding : 0;
margin : 0 5px 0 5px;
letter-spacing: 3px;
font : 160% verdana, arial, "Trebuchet MS", tahoma, sans-serif;
color : #333;
background : inherit;
}
p strong {
font-style : italic;
color : #069;
}
			/*             ----------------LINKS*/
a {
text-decoration :none;
color : #069;
background : inherit;
}
a:hover {
text-decoration : underline;
color : #333;
background : inherit;
}
a img {
border : 0;
}
			/*  -------------------------------IMAGES*/
.img {
/*float : left;*/
/*padding : 4px;*/
margin : 4px;
border : 1px solid #2e2e2e;
}
.imgleft {
float : left;
padding-right : 15px;
}
.imgright {
float : right;
padding-left : 15px;
}

/* --------------------------- navigation */

.navigation
{
	margin: 0;
	padding: 0;
	background-color:#003366; /*tm.modra*/
	height:70px;
	padding-left: 30px;


}

.navigation h2
{
	display: none;
}

.navigation ul
{
	/*position: absolute;
	top: 5px;
	left: 5px;*/
	padding: 0;
	padding-top: 5px;
	padding-left: 5px;
	margin: 0;
	font-size: 1.2em;

	z-index: 0;
}

.navigation ul ul  /*druha uroven menu....*/
{
	/*position: absolute;
	top: auto;
	right: auto;*/
	padding: 0;
	margin: 0;
	width: 120px;
	font-size: 0.5em;
	display: none;
}

.navigation ul li:hover ul
{
	display: block;
}

.navigation li
{
	float: left;
	list-style-type: none;
	padding-top: 5px;

	/*border-right: 1px white solid;
	border-left: 1px white solid;*/


}

.navigation ul ul li
{
	float: none;
}

.navigation li a
{
	/*background: url('/images/gradient1.gif') center left repeat-x;*/

	padding: 0.2em 0.5em;
	height: 26px;
	margin-right: 10px;
	color: #fff;
	text-decoration: none;
	display: block;
	overflow: hidden;
}

* html .navigation li a
{
	float: left;
}

* html .navigation li ul
{
	clear: left;
}

* html .navigation li li a
{
	float: none;
}

.navigation li.last a
{
	margin-right: 0;
}

.navigation li.active a, .navigation li a:hover, .navigation li:hover a
{
	border-top: 2px white solid;
}

.navigation li.active a
{
	/*font-weight: bold;*/
}

.navigation li a:hover
{
	color: #ddd;
	text-decoration:none;

	/*background: #2e2e2e; cerna*/
}

.navigation li ul li a, .navigation li.active ul li a, .navigation li ul li a:hover, .navigation li:hover ul li a
{
	margin: 0;
	border-top: 1px white solid;
	height: auto;
}

* html .navigation li ul li
{
	margin: 0;
	padding: 0;
}

.navigation ul ul li.last a
{
	border-bottom: 1px #000 solid;
}

/*--------------- LYTEBOX FOTOBOX --------------*/
.lytebox {
padding: 0 24px 0 24px;
}
.lytebox  a img{
	border: 4px solid #0055a1;
	margin:3px;
	width:70px;
	height:70px;
}
.lytebox a img:hover{
	border: 4px solid #007400;
	width:66px;
	height:66px;
	margin:5px;

}

.lyteboxbus {
padding: 0 24px 0 24px;
}
.lyteboxbus  a img{
	border: 4px solid #0055a1;
}
.lyteboxbus a img:hover{
	border: 4px solid #007400;

}