* {margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;}
body,html{color:#000000;padding:0;font-size:10pt;text-align:center;}
.reseter{border:0 none !important;float:none !important;clear:both !important;width:0 !important;height:0 !important;line-height:0 !important;font-size:0 !important;}
img{vertical-align:middle;border:none;}

a:link,a:visited,a:active,a:hover{color:#096F5E;cursor:pointer;font-style:normal;text-decoration:underline;}
a:hover{text-decoration:none;}

.w5 {width: 5%;}
.w10 {width: 10%;}
.w15 {width: 15%;}
.w20 {width: 20%;}
.w25 {width: 25%;}
.w30 {width: 30%;}
.w35 {width: 35%;}
.w40 {width: 40%;}
.w45 {width: 45%;}
.w50 {width: 50%;}
.w65 {width: 65%;}
.w70 {width: 70%;}
.w75 {width: 75%;}
.w80 {width: 80%;}
.w85 {width: 85%;}
.w90 {width: 90%;}
.w95 {width: 95%;}

.c {text-align: center;}
.r {text-align: right;}
.l {text-align: left;}

/* FORMS FORMATING */
input,textarea,select{border:1px solid #096F5E;margin:5px 0;padding:3px;font-size:10pt;font-weight:normal;color:#666666;background:#ffffff;}
textarea{font-family:Arial,Helvetica,sans-serif;}
select,option{background-color:#ffffff;}

/* TEXT FORMATING */
h1,h2,h3,h4,h5,h6{color:#096F5E;text-align:left;}
h1{font-size:22px;font-weight:bold;margin-bottom:20px;}
h2{font-size:20px;font-weight:bold;margin-bottom:20px;}
h3{font-size:18px;font-weight:bold;margin-bottom:20px;}
h4{font-size:16px;font-weight:bold;}
h5{font-size:15px;font-weight:bold;}
p{text-align:left;}
.red {color:#BD0000;}
.fLeft {float:left;}
.fRight {float:right;}

/* DESING FORMATING */
body {text-align:center;background:#57330D url('http://www.astr.cz/images/mainBack.png') top right repeat;padding:15px 0;}
div.mainWrap {margin:0px auto;width:900px;_width:920px;position:relative;text-align:left;padding:8px;background:transparent url('http://www.astr.cz/images/mainWrapBack.png') top right repeat;}

div.footer {margin:5px auto 0 auto;width:900px;color:#C7BAAE;text-align:right;font-size:11px;}
div.footer a {color:#C7BAAE;}

div.main {background:#ffffff;padding:15px 20px;text-align:left;}

div.top {background:#096F5E url('../images/menuBack.png') left bottom repeat;}
div.topLeft {float:left;width:244px;margin:0 0 0 9px}
div.topLeft > h1 {margin:7px 0 0 0;}
div.topLeft > h1 a {display:block;width:244px;height:107px;background:#ffffff url('http://kuchynske-linky-praha.8u.cz/logo.png') center center no-repeat;}
div.topLeft > h1 a span {display:none;}

ul.menu {list-style:none;clear:both;float:none;margin:10px 0 0 0;}
ul.menu li {}
ul.menu li a {display:block;padding:9px 8px 8px 12px;color:#ffffff;text-transform:uppercase;font-weight:normal;font-size:12px;text-decoration:none;}
ul.menu li.active a, ul.menu li a:hover {background:#096F5E url('http://www.astr.cz/images/menuHover.png') left bottom repeat-x;}
ul.menu li.active a:hover {text-decoration:underline;}

div.mainImage {width:600px;float:right;border-bottom:5px solid #096F5E;position:relative;margin:7px 7px 0 0;}

div.content {margin:20px 0 0 0;font-size:14px;}
div.contentLeft {float:left;width:530px;}
div.contentRight {float:right;width:292px;}
div.contentRight address {font-style:normal;position:relative;}
div.contentRight address img {position:absolute;top:3px;right:0;}
div.content p, div.contentRight address {margin:0 0 15px 0;font-size:14px;line-height:22px;}
div.content ul {list-style-type:square;}
div.content ul, div.content ol {margin:0 0 20px 20px;}
div.content ul li, div.content ol li {line-height:20px;}

ul.sideMenu {list-style:none;margin:0;padding:0;width:100%;margin:10px 0 15px 0;}
ul.sideMenu li {display:block;margin:0 0 2px 0;}
ul.sideMenu li a {display:block;background:#F2D8BA;color:#000000;font-size:12px;font-weight:bold;padding:10px 15px;text-transform:uppercase;text-align:left;text-decoration:none;}
ul.sideMenu li a:hover, ul.sideMenu li a.active, ul.sideMenu li a.active:hover {background:#096F5E;color:#ffffff;}
ul.sideMenu li a.active:hover {text-decoration:underline;}

div.galleryImage {padding:5px;background:#F2D8BA;float:left;margin:0 5px 5px 0;}
div.galleryImage.hover {background:#096F5E;}
div.galleryImage.last {margin-right:0px;}

div.pager {background:#F2D8BA;color:#000000;padding:10px;margin:20px 0 0 0;font-size:11px;font-weight:bold;}
div.pager a.prev {float:left;}
div.pager a.next {float:right;}
div.pager a {text-decoration:none;text-transform:uppercase;color:#000000;}
div.pager a:hover {text-decoration:underline;}

table.formTable {}
table.formTable th {width:150px;font-size:12px;text-align:left;}
table.formTable td {vertical-align:top;}
table.formTable td button {padding:5px 15px;background:#096F5E;color:#ffffff;font-weight:bold;border:0px;}
p.error, .required {color:#ff0000;font-size:11px;}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#3B2308;}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#3B2308;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #3B2308; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(http://www.astr.cz/images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(http://www.astr.cz/images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(http://www.astr.cz/images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; right:10px; display:block; background:url(http://www.astr.cz/images/controls.png) no-repeat top center; width:24px; height:20px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}
