/* CSS Document */
span.pic3 {display: none;}
body {
background: #fff url("../tim_right_small.gif") no-repeat right 62px;
color: 111;
font-family: Helvetica; 
font-size: 14px;
margin: 0px;
padding:0px;
line-height: 1.5;
}

#header {
background-color: #cee0fc;
border-bottom: 1px solid #999;
color: #003;
font-size: 110%;
font-weight: bold;
padding: 10px 0px;
text-align: center;
background-image: -webkit-gradient(linear, left top, left bottom, from(#cee0fc), to(#ccc));
max-width: auto;
overflow:hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin: 0px auto;
}

#header a {
color: #222;
display: block;
font-size: 20px;
text-decoration: none;
text-shadow: 0px 1px 0px #fff;
}

#banner {
background-color: transparent;
color: #252958;
font-weight: bold;
padding: 10px 0px;
text-align: center;
max-width: auto;
overflow:hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin: 0px auto;
}

#banner a {
color: #111;
display: block;
font-size: 20px;
text-decoration: none;
text-shadow: 0px 1px 0px #fff;
}

#banner2 {
background-color: transparent;
color: #252958;
font-weight: bold;
padding: 10px 0px;
text-align: center;
max-width: auto;
overflow:hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin: 0px auto;
}

#banner3 {
background-color: transparent;
color: #252958;
font-weight: bold;
padding: 10px 0px;
text-align: center;
max-width: auto;
overflow:hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin: 0px auto;
}

/*  navigace v mřížce
#menubar ul#menu {
list-style: circle;
list-style-position: inside; 
margin: 5px 5px 2px 25px;
padding: 0px;
}

#menubar ul#menu li a {
background: #fff;
color: #222;
display: block;
font-size: 14px;
font-weight: bold;
margin-bottom: -1px;
padding: 3px;
text-decoration: none;
}
*/

#menubar ul#menu {
list-style:none;
margin: 10px;
padding: 0px;
}

#menubar ul#menu li a {
background: #ddd;
border: 2px solid #fff;
color: #222;
width: auto; 
display: block;
font-size: 15px;
font-weight: bold;
margin-bottom: -1px;
padding: 10px 8px;
text-decoration: none;
}

#menubar ul#menu li:first-child a {
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
}

#menubar ul#menu li:last-child a {
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
}



#site_content {
padding: 10px;
}

#menubar {
display: none;
}

#banner .button.left {
position: absolute;  
top: 10px;
left: 8px;
overflow: hidden;
height: 30px;
font-family:inherit;
font-size: 12px;
font-weight: bold;
line-height: 30px;
text-overflow: ellipsis;
text-decoration: none;
white-space: nowrap;
background: none;
margin: 0;
padding: 0 10px;
color:#fff;
text-shadow: #3e5779 0 -1px 0;
-webkit-box-shadow: rgba(255, 255,255, 0.2) 0 1px 0, rgba(0, 0, 0, 0.2) 1px 2px inset;
box-shadow: rgba(255, 255,255, 0.2) 0 1px 0, rgba(0, 0, 0, 0.2) 1px 2px inset;
border: 1px solid #2d3f57;
-webkit-border-radius: 5px;
background-image: none;
background-color: #50709a;
background-image: -webkit-gradient(linear, 50% 0% 50% 100%, color-stop(0%, #7c97bb), color-stop(50%, #5a7caa), color-stop(100%, #476489));
background-image: -webkit-linear-gradient(top, #7c97bb, #5a7caa 50%, #50709a 510, #476489);
background-image: linear-gradient(top, #7c97bb, #5a7caa 50%, #50709a 510, #476489);
-webkit-tap-highlight-color: transparent;
-webkit-user-drag: none;
}

#banner .button.left.active {
border-color: #243346;
background-image: none;
background-color: #476489;
background-image: -webkit-gradient(linear, 50% 0% 50% 100%, color-stop(0%, #6b89b2), color-stop(50%, #50709a), color-stop(51%, #476489), color-stop(100%, #3e5779));
background-image: -webkit-linear-gradient(top, #6b89b2, #50709a, 50%, #476489 51%, #3e5779);
background-image: linear-gradient(top, #6b89b2, #50709a, 50%, #476489 51%, #3e5779);
color: white;
text-shadow: #364b68 0 -1px 0;
}

a:link {
background: none transparent scroll repeat 0% 0%; 
color: #5444a4; 
text-decoration: none;
}

a:visited {
background: none transparent scroll repeat 0% 0%; 
color: #5444a4; 
text-decoration: none;
}


img {
border: medium none;
width: 80%;
}

#main {
background: transparent; 
color: #111; 
font-size: transparent; 
margin: 2px;  
padding: 1px 5px 1px 5px; 
width: auto; 
position: static;
}

#footer {
clear: both; 
border-top: #004 1px solid;
text-align: center;
}

div.menu {
text-align: center; 
padding-top: 3px; 
padding-left: 15px;
}

div.menu2 {
text-align: right; 
padding: 3px 15px 2px 1px;
}

div.menu3 {
text-align: left; 
font-size: 105%;
padding: 3px 2px 2px 3px;
line-height: 1.4;
margin-left: 10px;
color: #900;
}

span.nabidka a:link {
color: #700; 
border-bottom: dotted 1px #700;
font-weight: bold; 
text-decoration: none; 
margin: 25px 15px 25px 15px;
}

span.nabidka a:visited {
color: #700; 
font-weight: bold; 
text-decoration: none; 
margin: 25px 15px 25px 15px;
}

/* boxy */
div.box_uvodni_text {
background: transparent; 
color: #000; 
text-align: left; 
border: 0px solid #4368a4; 
margin: 5px 2px 10px 2px; 
padding: 5px 15px 13px 15px; 
width: auto; 
position: relative;
}  

div.box_foto_text {
background: transparent; 
color: #000; 
text-align: center; 
border: 0px solid #4368a4; 
margin: 5px 2px 10px 2px; 
padding: 5px 10px 13px 10px; 
width: auto; 
position: relative;
}  

div.nabidka {
margin: 10px 25px 20px 25px;  
padding: 20px 20px 10px 20px; 
background: #cee0fc; 
border: solid #007 0px; 
width: auto; 
color: #fff; 
text-align: center; 
height: 40px; 
font-size: 130%;
} 

div.nabidka {
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
}

div.nabidka {
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
}

/* formátování blogů */
span.pocet {
padding-left: 15px;
}

div.mikrobox {
background: transparent; 
color:#111; 
padding: 5px 1px 7px 1px;
}

span.nadpis {
font-weight: bold;
font-style: italic;
color: #333;
}

span.text {
font-weight: bold;
color: #333;
}

/* formátování blogů */
span.pic3 {
float: left; 
margin-left: 5px; 
margin-right: 1px; 
margin-top: 8px;
}

span.kod {
font-size: 98%; 
color: #333;
} 

span.foto {
color: #333; 
padding-right: 3px;
} 

span.mikroblogdate4 {
color: #900; 
font-style: italic;
}

span.mikroblogdate4a {
color: #900; 
font-style: italic; 
padding: 0px 0px 0px 5px;
}

span.mikroblogdate4b {
color: #444; 
font-style: italic; 
padding: 0px 0px 0px 5px;
}

span.cislo {
color: #600;
}

#frame {
background: #ddd; 
text-align: left; 
margin: 3px 1px 5px 3px; 
padding: 2px 5px 2px 5px; 
width: auto; 
}

/* odkazy v článcích - formátování */
span.odkaz a:link {
background: none transparent scroll repeat 0% 0%; 
color: #5444a4; 
text-decoration: none; 
border-bottom: dotted 1px #5444a4;
}

span.odkaz a:visited {
color: #5444a4; 
text-decoration: none; 
border-bottom: 1px dotted #5444a4;
}

span.odkaz a:hover {
background: #fed8f1; 
color: #24166b; 
text-decoration: none; 
border-bottom: solid 1px #24166b;
}

div.fotoblog {
background: transparent;
text-align: center;
margin: 15px auto 15px auto;  
padding: 5px 5px 5px 5px;
width: 300px;
color: #333;
}

div.box_blog_text {
background: transparent; 
color: #333; 
text-align: center; 
padding: 3px 1px 3px 1px;
width: auto;
}

div.line {
background: #333; 
font-size: 1px; 
height: 1px; 
text-align: center; 
margin: 10px 7px 5px 7px; 
width: auto; 
padding: 0px;
}

span.index_text1 {
color: #900;
font-size: 86%;
}

span.index_text2 {
color: #900;
font-size: 86%;
}

span.kod {
color: #555;
} 

span.kod2 {
color: #555;
}