html, body {margin: 0;padding: 0;height: 100%;}
body {font-family: 'Open Sans', sans-serif;font-weight: 300;background-color: #f5f5f5;min-width: 1000px;}
strong {font-weight: 400;}

a {color: #6b368e;}
a:hover {color: #dc143c;text-decoration: none;}

.inner-1300 {width: 1300px;margin-left: auto;margin-right: auto;}
.inner-1200 {width: 1200px;margin-left: auto;margin-right: auto;}
.inner-1000 {width: 1000px;margin-left: auto;margin-right: auto;}

.message-error {font-family: 'Open Sans', sans-serif;font-size: 16px;font-weight: 400;background-color: #ffe3e3;border: 1px solid #ffc1c1;color: red;margin-top: 20px;margin-bottom: 20px;padding: 6px 20px 6px 20px;}
.message-ok {font-family: 'Open Sans', sans-serif;font-size: 16px;font-weight: 400;background-color: #e3f9e5;border: 1px solid #c0f4c1;color: #228b22;margin-top: 20px;margin-bottom: 20px;padding: 6px 20px 6px 20px;}

ul#header-menu {height: 102px;width: 100%;min-width: 1000px;background-image: url(imgs/header-menu-bg.png);background-repeat: no-repeat;background-position: top center;margin: 0;padding: 0;list-style: none;text-align: center;position: fixed;z-index: 80000;top: 0;}
ul#header-menu li {font-size: 19px;display: inline-block;margin-left: 5px;margin-right: 5px;	margin-top: 15px;}
ul#header-menu li.invisible {display: none;}
ul#header-menu li a {display: inline-block;padding: 6px 0px 6px 12px;text-decoration: none;color: #704092;text-shadow: 1px 1px 0px #fff;cursor: pointer;}
ul#header-menu li a span {padding: 9px 22px 9px 8px;}
ul#header-menu li a:hover {background-image: url(imgs/header-menu-hover-a.png);background-repeat: no-repeat;background-position: left center;text-shadow: inherit;color: #4c2468;}
ul#header-menu li a:hover span {background-image: url(imgs/header-menu-hover-b.png);background-repeat: no-repeat;background-position: right center;}
ul#header-menu li a.active {background-image: url(imgs/header-menu-active-a.png);background-repeat: no-repeat;background-position: left center;text-shadow: inherit;color: #fff;}
ul#header-menu li a.active span {background-image: url(imgs/header-menu-active-b.png);background-repeat: no-repeat;background-position: right center;}

.space {padding-top: 40px;padding-bottom: 20px;}

.sloupec-vlevo {float: left;width: 49%;}
.sloupec-vpravo {float: right;width: 49%;}

.logo-vs {background-image: url(imgs/logo-visualstudio.png);background-repeat: no-repeat;background-position: center;height: 140px;}
.logo-dx {background-image: url(imgs/logo-devexpress.png);background-repeat: no-repeat;background-position: center;height: 140px;}
.logo-contao {background-image: url(imgs/logo-contao.png);background-repeat: no-repeat;background-position: center;height: 140px;}

/* Splash */
.splashscreen {background-image: url(imgs/logo-zlesaknet-big.png);background-repeat: no-repeat;background-position: center 35%;height: 100%;min-height: 100%;}
.splashscreen p {text-align: center;font-size: 19px;color: #8b8b8b;text-shadow: 1px 1px 0px #fff;padding-top: 50%;}

/* Section */
section.section {padding-top: 50px;padding-bottom: 20px;}
section .element {margin-bottom: 30px;}
section h1 {font-weight: 300;font-size: 50px;margin: 0;padding-top: 40px;color: #492561;text-shadow: 1px 1px 0px #fff;}
section h2 {font-size: 30px;font-weight: 400;padding-top: 10px; color: #492561;}
section p {font-size: 20px;line-height: 35px;margin: 10px 0px;}
section p span.seda {color: #7a7a7a;}
section p span.fialova {color: #793fa0;font-weight: 400;}

/* Slider */
.slider-coda {margin-top: 50px;}
.slider-image {float: left;width: 360px;text-align: center;}
.slider-text {float: right;width: 630px;}
.slider-text h3 {font-size: 23px;margin-top: 0;margin-bottom: 2px;font-weight: 400;}
.slider-text p {font-size: 17px;margin-top: 5px;margin-bottom: 15px;line-height: 27px;}
.slider-text p.info {font-size: 14px;margin-top: 5px;margin-bottom: 5px;line-height: 22px;color: #848484;background-image: url(imgs/icon-info.png);background-repeat: no-repeat;background-position: left;padding-left: 20px;}
.slider-text p.link {font-size: 14px;margin-top: 5px;margin-bottom: 5px;line-height: 22px;color: #848484;background-image: url(imgs/icon-internet.png);background-repeat: no-repeat;background-position: left;padding-left: 20px;}
.slider-text p.link a, .slider-text p a {font-weight: 400;background-image: url(imgs/external-link-icon.gif);background-position: right;background-repeat: no-repeat;padding-right: 16px;margin-right: 3px;}
/*.slider-text p.link a:hover, .slider-text p a:hover {color: #68338c;text-decoration: none;}*/

#footer {background-image: url(imgs/footer-bg.png);background-repeat: no-repeat;background-position: top center;background-color: #3d3d3d;padding-top: 20px;min-height: 60px;font-size: 13px;color: #9d9d9d;}
#footer .inner-1000 {background-image: url(imgs/w3c.png);background-position: right;background-repeat: no-repeat;}
#footer p {background-image: url(imgs/logo-zlesaknet-footer.png);background-repeat: no-repeat;background-position: left;margin: 0;padding: 0px 0px 0px 140px;line-height: 20px;}
#footer a {color: #fff2a4;}
#footer a:hover {text-decoration: none;color: #ffd700;}

/* Kontakt */
p.kontakt-text {line-height: 30px;color: #69328c;font-weight: 400;}
p.kontakt-text span {color: #8b8b8b;width: 100px;display: inline-block;} 
p.kontakt-text a {color: #69328c;}
p.kontakt-text a:hover {color: #000;text-decoration: underline;}

/* Kontaktni formular */
#kontaktni-formular {
	margin-bottom: 40px;
}
#kontaktni-formular .box-vlevo {float: left;width: 480px;}
#kontaktni-formular .box-vpravo {float: right;width: 480px;text-align: right;margin-right: 12px;}
#kontaktni-formular .box-vpravo label {text-align: left;}
#kontaktni-formular .box-cely {clear: both;}

#kontaktni-formular .form-item {margin-bottom: 18px;}
#kontaktni-formular .form-item label {font-family: 'Open Sans', sans-serif;font-weight: 300;font-size: 16px;display: block;padding-bottom: 8px;}

#kontaktni-formular .form-item input {border: 1px solid #cbcbcb;font-family: 'Open Sans', sans-serif;font-weight: 400;font-size: 16px;padding: 5px;margin: 0;}
#kontaktni-formular .form-item input.input {width: 480px;}

#kontaktni-formular .form-item-inline.box-vlevo {padding-top: 4px;}
#kontaktni-formular .form-item-inline.box-vpravo {text-align: right;}

#kontaktni-formular .form-item-inline label {font-family: 'Open Sans', sans-serif;font-weight: 300;font-size: 16px;display: inline-block;padding-bottom: 8px;}
#kontaktni-formular .form-item-inline label span {border-bottom: 1px dotted #69328c;font-weight: 400;color: #69328c;}
#kontaktni-formular .form-item-inline input {border: 1px solid #cbcbcb;font-family: 'Open Sans', sans-serif;font-weight: 400;font-size: 16px;padding: 5px;margin: 0;width: 100px;margin-left: 10px;}

#kontaktni-formular textarea {border: 1px solid #cbcbcb;font-family: 'Open Sans', sans-serif;font-weight: 400;font-size: 16px;margin: 0;padding: 4px;width: 990px;height: 80px;}

#kontaktni-formular a.submit {background-color: #d7cbe2;font-family: 'Open Sans', sans-serif;font-weight: 400;font-size: 19px;text-decoration: none;color: #45205b;border: 0;padding: 7px 22px 7px 22px;cursor: pointer;border-radius: 3px 3px 3px 3px;display: inline-block;/*border: 1px solid #7a4d99;*/}
#kontaktni-formular .submit:hover {background-color: #7a4d99;color: #fff;}
#kontaktni-formular textarea:focus, #kontaktni-formular input:focus {outline: none;border-color: #9e9e9e;}

.preloader-element {background-image: url(imgs/preloader.gif);background-position: center;background-repeat: no-repeat;background-color: #f5f5f5;display: block;position: absolute;padding-top: 1px;padding-bottom: 1px;z-index: 4000;} 