body, html, #head form, #head fieldset {margin:0; padding:0; }
a img, #head fieldset {border:0;}

body {background-color: #EDEDED; font-family: Arial, sans-serif; font-size: 0.8em; }
#container {position: relative; width: 1170px; background: #FFF url(../gfx/body-background.png) repeat-y; margin-left: auto; margin-right: auto; }

/* head */

#head-background {background: #B3C3CB url(../gfx/head/background-global.png) repeat-x; margin: 0px 11px 0px 11px; } 
#head {position: relative; height: 224px; }
#head h1 {position: absolute; margin: 6px 0px 0px 25px; z-index: 200; font-size: 1.5em; font-weight: normal; }
#head h1 a {position: relative; display: block; width: 250px; height: 34px; text-align: center; padding-top: 30px; }
#head h1 a span {position: absolute; display: block; width: 250px; height: 64px; background: url(../gfx/head/logo-miroslav-sazovsky.png) no-repeat; left: 0px; top: 0px; }
#head h1 a:hover span {background-position: -251px 0px; }

#head #slogan {display: block; width: 250px; font-size: 1.2em; position: absolute; margin-left: 315px; color: #2c3341; font-style: italic; top: 20px; z-index: 200; line-height: 190%; }

#head-image-top {position: absolute; top: 7px; left: 416px; background: url(../gfx/head/image-top.jpg) no-repeat; width: 466px; height: 138px; }
#head-image-bottom {position: absolute; top: 145px; left: 416px; background: url(../gfx/head/image-bottom.jpg) no-repeat; width: 562px; height: 58px;  }
#head-right {position: absolute; top: 7px; left: 882px; background: url(../gfx/head/background-right.jpg) no-repeat; width: 269px; height: 138px; }
#head-left {position: absolute; top: 7px; left: 11px; background: url(../gfx/head/background-left.jpg) no-repeat; width: 405px; height: 138px; z-index: 100; }

#head legend {position: absolute; left: -20000px;  }
#head form .input-box {position: absolute; top: 162px; left: 911px; width: 149px; height: 28px; background: url(../gfx/search-input.png) no-repeat; z-index: 200; }
#head form .input {border: 0px; background: none; width: 125px; margin: 5px 0px 0px 10px; font-size: 0.9em; }

#head form .submit {position: absolute; top: 162px; left: 1060px; border: 0px; background: url(../gfx/search-button.png) no-repeat; width: 68px; height: 28px; text-align: left; color: transparent; cursor: pointer; font-size: 0.001em; }
#head form .submit:hover {background-position: -69px 0px; }

#logo-sglass {position: absolute; top: 15px; right: 32px; }

/* content */

#content {float: right; width: 876px; margin: 0px 10px 0px 0px; }

#breadcrumb-navigation {position: relative; z-index: 400; margin: 0px 0px 0px -15px; background: #EDEDED; border-radius: 8px; -moz-border-radius: 8px; padding: 11px 10px 0px 15px; font-size: 0.85em; color: #525252; width: 595px; height: 24px; overflow: hidden; white-space: nowrap; }
#breadcrumb-navigation a {color: #525252; }
#breadcrumb-navigation a:hover {color: #000; }

#text {position: relative; z-index: 500; float: left; width: 600px; color: #292929; }

#text h2 {color: #A63138; font-size: 1.4em; margin: 18px 0 20px 0; }
#text h2 small {color: gray; font-size: 0.8em; font-weight: normal; }
#text h3 {color: #A63138; font-size: 1.3em; margin: 23px 0 0 0px; font-weight: normal; }
#text h4 {color: #000; margin: 23px 0 0 0px; }

#text strong {color: #000; }

#text a, #modal a {color: #873847; }
#text a:hover, #modal a:hover {color: #000; }
 
#text p {line-height: 180%; margin: 10px 0 0 0px; font-size: 1.0em; }

#text ul, #content ol {line-height: 200%; margin: 15px 0 15px 10px; font-size: 1.0em; }
 
#text table {border-collapse: collapse; margin: 20px 0px 0px 0px; width: 90%; }
#text table td {border: 1px solid #A5AEBC; padding: 7px; }
#text table th {background: #A5AEBC; border: 1px solid #A5AEBC; padding: 7px;  }

#text dl {margin: 20px 0px 20px 0px; }
#text dt {color: #A63138; padding-bottom: 5px; }

#text .war, .wpcf7-validation-errors, #modal .war {text-align: center; background: #FFFF80; padding: 10px; margin: 10px; border-radius: 8px; -moz-border-radius: 8px; }

#text .war-ok, .wpcf7-mail-sent-ok {text-align: center; background: #668197; padding: 10px; margin: 10px; border-radius: 8px; -moz-border-radius: 8px; color: #FFF; }
#text .war-ok strong {color: #FFF;}

#text .war-info {text-align: center; background: #EBEBEB; padding: 10px; margin: 10px; border-radius: 8px; -moz-border-radius: 8px; color: #000; font-size: 0.9em; }

#text img {margin: 10px 0px 0px 0px; }
#text img.alignright {float: right; margin: 10px 0px 10px 20px; }
#text img.alignleft {float: left; margin: 10px 20px 10px 0px; }

#text .alignright {float: right; }
#text .alignleft {float: left;}

#text .alignright img {margin: 10px 0px 0px 20px; }
#text .alignleft img {margin: 10px 20px 0px 0px; }

#text .download {text-align: center; font-size: 1.4em; display: block; margin-bottom: 20px; }

#text .background-insideBox {background: url(../gfx/free-article-background.png) no-repeat bottom; padding-bottom: 40px; margin-left: -15px; width: 623px; }
#text .background-insideBox p {padding: 0px 30px 0px 30px; }

#text .download-box {border-radius: 8px; -moz-border-radius: 8px; background: #EBEBEB; position: relative; margin-left: auto; margin-right: auto; display: block; width: 500px; padding: 0px 10px 30px 10px; }
#text .download-box p {text-align: center; padding: 20px 0px 5px 0px; margin: 0; }
#text .download-box .label {text-align: left !important; margin-left: 85px; }

#text .share-download-box {margin-top: 15px; }
#text .share-download-box input[type="text"] {width: 300px !important; }
#text .share-download-box .submit {padding: 10px; margin: 10px 0px 0px 80px; } 

#text .download-box label.error-validate {position: absolute; left: 90px; margin-top: 10px; padding: 5px; text-align: center; font-size: 0.8em; width: 210px; display: block; border-radius: 8px; -moz-border-radius: 8px; background: #FFFF80; }

#text .wp-caption-text {text-align: center; font-size: 0.85em; border-bottom: 1px solid #F1F1F1; padding-bottom: 5px; margin-top: 5px; }

/* right-menu */

#submenu {float: right; width: 236px; margin: -48px 10px 0px 0px; color: #5D5D5D; }
.home #submenu {margin: 303px 10px 0px 0px; }

#submenu h4 {font-size: 1.0em; margin: 13px 0 0 0px; color: white; font-weight: normal; width: 212px; height: 26px; background: #A92E36 url(../gfx/submenu-header.png) no-repeat bottom; padding: 26px 0px 0px 25px; }
#submenu h4:first-child {height: 25px; padding: 11px 0px 0px 25px;  }
#submenu h4 a {color: #FFF; }
#submenu h4 a:hover {text-decoration: none; color: #FFF; }

#submenu p {font-size: 0.85em; line-height: 180%; margin: 10px 10px 0px 12px; }
#submenu h5 {font-weight: normal; margin: 15px 10px 0px 12px; font-size: 1.0em; }
#submenu h5 small {color: #8D8D8D; }

#submenu a {color: #873847; }
#submenu a:hover {color: #000; }

#submenu .input {margin: 14px 10px 0px 12px; width: 195px; background: #FFF url(../gfx/input-background.png) no-repeat; border: 1px solid #B5B5B5; border-radius: 4px; -moz-border-radius: 4px; padding: 5px; font-size: 0.85em; }
#submenu .input:active, #submenu .input:focus {border: 1px solid #5A5A5A; }
#submenu .submit {padding: 3px 6px 3px 6px; float: right; margin: 8px 16px 0; }

.wpcf7-form dd {margin: 5px 0px 0px 0px; }
.wpcf7-form input[type=text], #text .download-box input[type=text], #modal dl dd input, #login-box input[type=text], #login-box input[type=password] {width: 300px; background: #FFF url(../gfx/input-background.png) no-repeat; border: 1px solid #B5B5B5; border-radius: 4px; -moz-border-radius: 4px; padding: 5px; font-size: 0.85em; }
#text .download-box input[type=text] {width: 200px; margin-left: 85px; }
.wpcf7-form input[type=text]:focus, .wpcf7-form input[type=text]:active, #text .download-box input[type=text]:focus, #text .download-box input[type=text]:active, #modal dl dd input:focus, #modal dl dd input:active, #login-box input[type=text]:active, #login-box input[type=text]:focus, #login-box input[type=password]:active, #login-box input[type=password]:focus {border: 1px solid #5A5A5A; }

.wpcf7-form textarea {width: 300px; border: 1px solid #B5B5B5; border-radius: 4px; -moz-border-radius: 4px; padding: 5px; font-family: Arial; font-size: 0.85em; }
.wpcf7-form textarea:focus, .wpcf7-form textarea:active {border: 1px solid #5A5A5A; }

.wpcf7-form input[type=submit] {padding: 10px 20px 10px 20px; }

.wpcf7-not-valid-tip-no-ajax {background: #FFFF80; padding: 4px 10px 4px 10px; font-size: 0.8em; text-align: center; color: #000;

border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;}

#submenu .war {position: relative; background: url(../gfx/submenu-war.png) no-repeat bottom; height: 90px; margin: 10px 0px 20px 0px; }
#submenu .war p {padding: 5px 10px 0px 0p; }
#submenu .war a {position: absolute; display: block; width: 180px; height: 52px; text-align: center; padding-top: 10px; top: 46px; left: 30px; }
#submenu .war a span {position: absolute; display: block; width: 180px; height: 52px; background: url(../gfx/submenu-button-chci-ziskat-rady.png) no-repeat; top: 0px; left: 0px; cursor: pointer; }
#submenu .war a:hover span {background-position: -181px 0px; }

/* navigation */

#menu {position: relative; width: 280px; margin-top: -121px; z-index: 300; font-family: Tahoma; }
#menu ul {list-style: none; }

.headmenu ul {margin: 0px 0px 0px 27px; padding: 0; width: 259px; background: #A63138 url(../gfx/headmenu-background.png); padding-top: 10px; }
.headmenu ul li a {margin: 0px 1px 0px 10px; display: block; padding: 8px 40px 8px 25px; text-decoration: none; color: #FFF; line-height: 150%; }
.headmenu ul li a:hover {text-decoration: underline; }
.headmenu ul li.current_page_item a {background: url(../gfx/headmenu-active.png) repeat-y; text-decoration: none !important; cursor: default; }
.headmenu ul li ul li.current_page_item a {background: url(../gfx/headmenu-submenu-hover.png) no-repeat; }

.headmenu ul ul {display: none; padding-top: 0px; padding-bottom: 10px; }
.headmenu ul ul li a {padding: 8px 40px 8px 40px; font-size: 0.9em; }
.headmenu ul .current_page_ancestor ul, .headmenu ul .current_page_item ul {display: block; }
.headmenu ul ul li {background: url(../gfx/head-submenu.png) no-repeat 37px 11px; }
.headmenu ul .current_page_item ul a {cursor: pointer !important; background: none; }
.headmenu ul .current_page_item ul a:hover {text-decoration: underline !important; }

.headmenu ul ul {margin:0; background: none; }

#headmenu-end {position: absolute; display: block; width: 259px; height: 96px; background: url(../gfx/headmenu-end.png) no-repeat; margin-left: 27px; z-index: 200; }

#menu h3 {position: relative; z-index: 200; background: #B5C5DD; margin: 40px 0px 0px 37px; padding: 10px 0px 0px 15px; font-weight: normal; color: #001E55; text-transform: uppercase; font-size: 0.9em; width: 195px; height: 25px;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-topleft: 8px;
}

#menu h3 em {position: absolute; display: block; width: 62px; height: 62px; top: 0px; right: 0px; }
#menu h3 em span {position: absolute; display: block; width: 62px; height: 62px; top: 0px; right: 0px;  background: url(../gfx/text/menu-zdarma.png) no-repeat;}

#articlemenu {padding: 0; margin: 0; position: relative; z-index: 200; }          
#articlemenu li a {display: block; padding: 8px; color: #002873; text-decoration: none; border-bottom: 1px solid #F1F1F1; margin: 0px 35px 0px 50px; line-height: 150%; }
#articlemenu li a:hover {display: block; color: #002873; text-decoration: underline; }
#articlemenu li.active a {color: #A63138 !important; text-decoration: none !important; cursor: default; font-weight: bold; } 

/* footer */

#footer {position: relative; display: block; width: 1148px; height: 362px; background: #364653 url(../gfx/footer-background.jpg) no-repeat; margin: 0px 0px 0px 11px; }

#footer .column {margin: 65px 0px 0px 20px; float: left; font-family: Tahoma; }
#footer .column:first-child {margin-left: 317px; }

#footer .column h6 {margin:0; color: #FFF; text-transform: uppercase; background: url(../gfx/footer-line-dark.png) repeat-x left bottom; width: 143px; font-weight: normal; font-size: 0.9em; padding: 0px 0px 8px 10px; }
#footer ul {list-style: none; margin: 8px 0px 0px 12px; padding: 0; }
#footer li a {display: block; color: white; font-size: 0.85em; padding: 5px; width: 130px; line-height: 150%; }
#footer li a:hover {text-decoration: none; }

#box-infocard, #box-productinfo {position: absolute; width: 246px; height: 237px; background: #678298; border-radius: 8px; -moz-border-radius: 8px; top: 65px; color: white; }
#box-infocard {left: 35px; }
#box-productinfo {left: 870px; }

#box-infocard .line {display: block; width: 219px; height: 1px; background: url(../gfx/footer-line-light.png) repeat-x;  margin: 10px 10px 0px 8px; }
#box-infocard a, #box-productinfo a {color: #FFF; }
#box-infocard a:hover, #box-productinfo a:hover {text-decoration: none; }
#box-infocard p, #box-infocard ul, #box-productinfo p {position: relative; font-size: 0.85em; line-height: 180%; margin: 12px 10px 0px 20px; z-index: 9; }
#box-infocard h5, #box-productinfo h5 {position: relative; display: block; font-weight: normal; font-size: 1.1em; padding:0; width: 215px; height: 35px; }

#box-infocard h5 {margin: 14px 0px 0px 10px; }
#box-productinfo h5 {position: relative; margin: 16px 0px 0px 10px; z-index: 200; }

#box-infocard h5 span, #box-productinfo h5 span {display: block; position: absolute; width: 215px; height: 35px; top: 0px; left: 0px; }

#box-infocard h5 span {background: url(../gfx/text/footer-miroslav-sazovsky.png) no-repeat; }
#box-productinfo h5 span {background: url(../gfx/text/footer-prakticky-serial-o-skle.png); }

#box-productinfo .button {position: relative; display: block; width: 176px; height: 50px; text-align: center; padding-top: 10px; margin-left: 35px; margin-top: 5px; }
#box-productinfo .button span {display: block; width: 176px; height: 60px; background: url(../gfx/footer-button-chci-ziskat-rady.png) no-repeat; position: absolute; top: 0px; left: 0px; cursor: pointer; }
#box-productinfo .button:hover span {background-position: -177px 0px; }
#box-productinfo .image {position: absolute; width: 201px; height: 73px; background: url(../gfx/footer-image-ms.jpg); top: -65px; left: 16px; }
#box-productinfo .zdarma {position: absolute; display: block; width: 81px; height: 80px; background: url(../gfx/text/footer-zdarma.png) no-repeat; top: 0px; right: 0px; }

#copyright {position: absolute; color: #FFF; bottom: 10px; right: 25px; font-size: 0.85em; }
#copyright a {color: #FFF; }
#copyright a:hover {text-decoration: none; }

/* default styles */

.cleaner {clear:both; }
.hide {position: absolute; left: -200000px; }
.none {display: none; }

#submenu label.error-validate {display: block; margin: 0px 0px 0px 20px; width: 180px; background: #FFFF80; padding: 10px 5px 10px 5px; font-size: 0.9em; text-align: center;

border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;

}

#submenu input.error-validate {background: #FFFFE0; }

/* homepage */

#kurzy-a-seminare {position: absolute; top: 225px; width: 217px; height: 290px; background: #D9D9D9; right: 30px; border-radius: 8px; -moz-border-radius: 8px; }
#kurzy-a-seminare h4 {margin: 0; padding: 0px 0px 3px 5px !important; margin: 15px 0px 15px 13px; width: 185px; background: none; font-weight: bold; background: url(../gfx/line-gray.png) repeat-x bottom; }
#kurzy-a-seminare h5 {margin: 0; padding: 0; } 
#kurzy-a-seminare h4 a {color: #000; }
#kurzy-a-seminare h4 a:hover {text-decoration: none; color: #000; }

#kurzy-a-seminare dl {font-size: 0.9em; margin: 0px 0px 25px 18px; padding: 0; }
#kurzy-a-seminare dt {margin: 0px 0px 10px 0px; padding: 0;font-style: italic; }
#kurzy-a-seminare dd {margin: 0px 0px 10px 18px; padding: 0; }

#welcome-text {background: url(../gfx/line-welcome-text.png) no-repeat bottom left; padding-bottom: 15px; }

#box-rady {margin: -20px 0px -20px -22px; width: 643px; height: 335px; background: #5F788E url(../gfx/homepage-box-rady.jpg) no-repeat; }
#box-rady h2 {display: block; width: 349px; height: 73px; position: absolute; color: #FFF; font-weight: normal; line-height: 150%; }

#box-rady h2 span {display: block; position: absolute; background: url(../gfx/text/zdarma-napady-a-tipy.png) no-repeat; width: 349px; height: 73px; top: 0px; left: 0px; }
#box-rady h2 {top: 30px; left: 13px; margin: 0px; }

#box-rady p {width: 100px; margin: 0; padding: 0; color: #FFF; position: absolute; top: 147px; left: 20px; }
#box-rady p strong {color: #FFF; }

#box-rady fieldset {margin:0;padding:0;border:0;}
#box-rady .input {position: absolute; top: 146px; left: 160px; background: #FFF url(../gfx/homepage-box-input.png) repeat-x; border: 1px solid #576875; padding: 11px 10px 11px 10px; width: 196px; border-radius: 4px; -moz-border-radius: 4px; }
#box-rady .input:focus, #box-rady .input:active { border: 1px solid #000; }

#box-rady label.error-validate {position: absolute; top: 150px; left: 370px; display: block; margin: 0px 0px 0px 20px; width: 200px; background: #FFFF80; padding: 10px 5px 10px 5px; font-size: 0.9em; text-align: center; border-radius: 8px; -moz-border-radius: 8px; }

#box-rady .submit {left: 172px; top: 199px; position: absolute; border: 0px; background: url(../gfx/homepage-box-button.png) no-repeat; width: 195px; height: 46px; text-align: left; color: transparent; cursor: pointer; font-size: 0.001em; }
#box-rady .submit:hover {background-position: -196px 0px; }

#content .new img {height: 140px; width: 180px; margin-top: 2px; float: left; }
#content .new div {float: right; width: 390px; height: 145px; margin-bottom: 10px; }
#content .new div h3 {margin: 0px 0px 0px 0px; font-size: 1.2em; }
#content .new div small {color: #505050; }


/* modal windows */

#modal {display: none; position: absolute; width: 600px; top: 0px; margin-left: 50%; left: -300px; z-index: 999; background: white; top: 10%; border-radius: 8px; -moz-border-radius: 8px; }
#modal h3 {font-weight: normal; color: #A63138; font-size: 1.4em; margin: 20px 20px 0px 20px; padding-bottom: 10px; background: url(../gfx/line-gray.png) repeat-x bottom; }
#modal p {margin: 10px 20px 0px 20px; line-height: 150%; }
#modal dl {margin: 10px 20px 0px 60px; }
#modal dl dt {width: 200px; margin: 20px 0px 20px 70px; }
#modal dl dd {position: absolute; margin-top: -40px; margin-left: 180px; }
#modal dl dd input {width: 200px; }

#modal .submit {float: right; padding: 5px 10px 5px 10px; margin-right: 150px; }
#modal .continue {float: right; margin: 10px 150px 0px 0px; font-size: 0.9em; clear: right; }
#modal .small {background: url(../gfx/line-gray.png) repeat-x top; padding-top: 10px; padding-bottom: 20px; margin-top: 100px; }
#modal .close {position: absolute; top: 20px; right: 20px; cursor: pointer; }

#modal div.more-info {margin: 10px 30px 0px 40px; padding: 10px 10px 10px 10px; border-left: 1px dotted #BFBFBF; font-style: italic; display: none; }

.modal_bg {background: #000; display: none; height: 100%; width: 100%; left: 0; top: 0px; opacity: 0.7; z-index: 998; position:fixed; }

/* login box */

#login-box {position: relative; height: 262px; background: url(../gfx/login-background.png) no-repeat; padding: 5px 0px 0px 35px; }
#login-box h3 {font-size: 1.2em; }
#login-box input[type=text], #login-box input[type=password] {width: 200px; }
#login-box input[type=submit] {padding: 3px 10px 3px 10px; position: absolute; left: 230px; }

#login-box .flr {position: absolute; top: 40px; left: 420px; }
#login-box .flr a {position: relative; display: block; width: 156px; height: 50px; margin-top: 10px; }
#login-box .flr a span {position: absolute; display: block; width: 156px; height: 50px; background: url(../gfx/ziskat-pristup.png) no-repeat; left: 0px; top: 0px; }
#login-box .flr a:hover span {background-position: -156px 0px; cursor: hand; }


.right {text-align: right; }
#content #text .big {font-size: 1.2em; }

#crop-number {height: 236px; overflow: hidden; }
#crop-number li {white-space: no-wrap; }