html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; text-align: left; vertical-align: baseline; }
body { color: #000000; line-height: 100%; }

ol, ul { list-style: none; }
 input { vertical-align: middle; }
   del { text-decoration: line-through; }
   ins { text-decoration: none; } /* <ins> would be underlined by default */
:focus { outline: 0; } /* remember to define focus styles! */

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
blockquote, q { quotes: none; }

table { border-collapse: collapse; border-spacing: 0; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
abbr, acronym { border: 0; }
caption, th {	font-weight: normal; text-align: left; }


/*
    General styling
    ------------------------------------------------------------------------
*/

html { background: white url('../i/back.jpg') top center no-repeat; font-family: sans-serif;}

a {	color: #3366cc;	text-decoration: underline; }

a:hover,
a:active,
a:focus { text-decoration: none; }

strong { font-weight: bold; }

/* 
    Content
    ------------------------------------------------------------------------
*/
#page { width: 960px; margin: 0 auto; }

#header { padding: 0; margin: 0; height: 105px; }

#header .logo { float: left; padding-top: 33px;}
#header .logo a, #header .logo a span { display: block; width: 278px; height: 119px; }
#header .logo a { position: relative; overflow: hidden; color: #000000; font-size: 18px; font-weight: bold; text-decoration: none; }
#header .logo a span { background: url('../i/logo.gif') 0 0 no-repeat; position: absolute; left: 0; top: 0; cursor: pointer; }

#header #menu ul { float: right; list-style: none; padding: 0 80px 0 0; }
#header #menu ul li { float: left; }
#header #menu ul li a { font-size: 20px; padding: 90px 0 5px 0; margin: 0 50px 0 0; color: #000000; float: left; border-bottom: 1px dotted #666; border-top: 5px solid #f7f6f9; text-decoration: none;}
#header #menu ul li#last a { margin: 0;}
#header #menu ul li a:hover { color: #ed242d; border-top: 5px solid #ed242d; border-bottom: none;}
#header #menu ul li.active a { color: #ed242d; border-top: 5px solid #ed242d; border-bottom: none;}
#header #menu ul li.active a:hover { color: #fb7b7a; }

#content { clear: both; overflow: visible; position: relative; font-size: 12px; }

#content.inside { padding-top: 70px;}

#content #left { width: 450px; float: left; }
#content #right { width: 450px; float: right; }

#content h1 { color: #000000; font-size: 34px; margin: 0 0 50px 0; }
#content h2 { color: #ee252e; font-size: 28px; margin: 10px 0 20px 0; }
#content h2#h2-home { margin: 0 0 30px 0; color: #ee252e; font-size: 24px;}
#content h3 { font-size: 18px; color: #6177a3; font-weight: bold; margin: 10px 0 20px 0; }
#content h4 { font-size: 14px; color: #000000; font-weight: bold; margin: 5px 0 15px 0; }

#content p { color: #000000; font-size: 12px; line-height: 190%; margin: 0 8px 8px 0; }

#content ul li { list-style: none; background: url('../i/li.png') 0 3px no-repeat; padding: 0 0 0 13px; margin: 0 0 7px 15px; line-height: 180%;}

#content .box-null { background: #f9f9f9 url("../i/box.gif") bottom left no-repeat; float: left; width: 100%; margin: 0 0 30px 0; padding-bottom: 40px;}
#content .box-null2 { background: #f9f9f9 url("../i/box2.gif") bottom left no-repeat; float: left; width: 100%; margin: 0 0 30px 0; padding-bottom: 30px;}
#content .box { padding: 10px;}

#page.subpage #content h1.posun { padding-left: 492px; }
#page.subpage #content h4.posun, #page.subpage #content ul.posun { padding-left: 495px; }

#footer { margin: 40px 0; padding: 20px 0 80px 0; border-top: 1px dotted #ccc; font-size: 12px; float: left; width: 960px;}
#footer #foottext {font-size: 20px; text-align: center; padding: 0 0 10px 0; width: 960px; color: #666;}
#footer #foottext a {border-bottom: 1px dotted black; padding-bottom: 5px; color: black;}
#footer #foottext a:hover {border-bottom: none; color: #ed242d;}
#footer p {color: #ccc; padding-left: 30px;}
#footer p a {color: #ccc;}
#footer a:hover {color:#f0f;}
 
/* 
    Utilities
    ------------------------------------------------------------------------
*/

.cl { height: 1px; clear: left;}


a:hover, a:focus, a:active { text-decoration: none; border: none; }
a img { border: none; }
:focus, a:active { outline: none; }
a:focus { -moz-outline-style: none; }

#kontaktform {margin: 0; padding: 0; border: none;}
#kontaktform fieldset {padding: 10px; margin: 0 0 20px 0; border: none; border-top: 1px solid #ccc; width: 99%; float: left;}
#kontaktform fieldset legend {color: #ed242d; padding: 0 5px 10px 5px; font-size: 16px;}
#kontaktform span, .red {color: red; padding: 0 5px;}
#kontaktform label {padding: 0; margin: 0 5px 10px 5px; width: 99%; overflow: hidden; color: #333; float: left;}
#kontaktform label input {padding: 5px 3px; margin: 0; width: 97%;}

.error { padding: 5px 0; margin: 0 0 20px 0; background: #FFFFCC; text-align: center; width: 960px; font-weight: bold; float: left;}

form * {vertical-align:middle;} 
input, select, textarea { margin-right: 0.2em;}
input.button { width: 0; overflow: visible;}
input.button[class] { width: auto }

.quiet { margin: 0; width: 210px; float: left; background: #ffc; overflow: hidden;}
.quiet img { margin: -2px 0 0 35px;}
#locked { font-weight: bold; color: #333; float: left;}
#unlocked {float: right;}

#odeslat {float: right;}

.ui-slider { position: relative; text-align: left; display: block; margin: 10px 0 10px 10px; width: 200px;}
.ui-slider-handle { position: absolute; z-index: 2; width: 16px; height: 16px; cursor: pointer; background: #ed242d; top: -4px; margin-left: -8px;}
.ui-slider-horizontal { height: 10px; background: #ddd;}
.ui-slider-handle:hover, .ui-state-hover, .ui-state-focus, .ui-state-active { background: #aaa; }