/* Formatovani textu */
h1 {margin: 0; padding: 0; }

body {font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, lucida, sans-serif; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; color: black; background-image: url(../gfx/background.png); background-repeat: repeat-x; background-color: white; }

img {border: 0px; }

h1 a {position: relative; display: block; width: 371px; height: 111px; margin-left: 163px; }
h1 a span {position: absolute; left: 0px; top: 0px; display: block; width: 371px; height: 111px; background: url(../gfx/skladanka-webove-studio.png) no-repeat; }

#puzzle {position: absolute; width: 163px; height: 163px; top: 0px; left: 0px; background: url(../gfx/puzzle.png); }

.hand {cursor: pointer; }

/* menu */
#left_menu {font-size: 0.8em; width: 120px; position: absolute; top: 175px; left: 12px; }
#left_menu h4 {border-bottom: 2px dotted white; border-top: 2px solid #35AC38; width: 100px; font-weight: normal; background: #CFEBCF; display: block; padding-top: 4px; padding-left: 8px; padding-bottom: 4px; padding-right: 3px; color: black; text-decoration:none; margin: 0px 0; text-align: left; }
#left_menu_vnitrni li {list-style: none; }

/* leve menu - vnitrni odkazy */
#left_menu_vnitrni ul {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#left_menu_a li a {display: block; padding-top: 5px; padding-left: 10px; padding-bottom: 5px; padding-right: 3px; color: white; text-decoration:none; margin: 8px 0; text-align: left; background: #387315; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#left_menu_a li a:hover {background: #6A9550; color: white; }
#left_menu_a li a:focus {background: #236E23; color: white; }
#left_menu_a a {width: 128px;}
.left_menu_active {background: #286879 !important; color: white !important; cursor: default; }

/* leve menu - odkazy na stránce */
.left_menu_page {width: 95px; border-bottom: 2px solid #35AC38; font-size: 0.85em; margin: 0px 0px 15px 0px; padding: 8px 0px 10px 16px; line-height: 200%; background: #CFEBCF; color: black;}
.left_menu_page a {background-color: #CFEBCF; color: black; text-decoration: underline; }
.left_menu_page a:hover {color: white; background-color: #35AC38; text-decoration: none; }


#obsah {background: none; color: black; position: absolute; left: 172px; width: 500px; top: 120px; padding: 10px;  }
#obsah h2 {font-size: 1.5em; color: #387315; margin: 5px 5px 5px 0px; font-weight: normal; }
#obsah h3 {font-size: 1.1em; color: black; font-weight: normal; }
#obsah h4 {font-size: 1.0em; color: #1C5E1D; font-weight: normal; left: 20px; }
#obsah p, #obsah blockquote {line-height: 150%; font-size: 0.8em; margin: 10px 0px 0px 0px;  font-weight: normal; }
#obsah p a, #obsah blockquote a {color: #286879; text-decoration: underline; }
#obsah p a:hover, #obsah blockquote a:hover {color: black; }
#obsah h4 a {color: #35AC38; text-decoration: underline; }
#obsah h4 a:hover {color: #286879; text-decoration: underline; }

#obsah blockquote {margin-left: 10px; font-style: italic; color: #267E27; }
.autor {text-align: right; font-size: 70% !important; margin-top: 8px !important; margin-bottom: 8px !important; }

.horni-navigace {padding-bottom: 19px; }

.float-left {float: left; }
.float-right {float: right; }


#seo {position: relative !important; height: auto !important; width: auto !important; padding: 0px 0px 0px 0px !important; text-align: left !important; font-size: 1.3em !important; color: #387315 !important; margin: 8px 0px 20px 0px; font-weight: normal; cursor: auto !important; }

#obsah em a {color: #286879; text-decoration: underline; }
#obsah em a:hover {color: white; background-color: #35AC38; text-decoration: none; }

#obsah table {margin-left: 30px !important; margin-top: 20px !important; margin-bottom: 20px !important; width: 320px; line-height: 150%; font-size: 0.8em; margin: 0px;  font-weight: normal; border: 1px solid #C1C1C1; }
#obsah th {font-weight: normal; background: #35AC38; color: white; }

#obsah ol {line-height: 200%; font-size: 0.8em; margin: 10px 5px 10px 30px; padding: 0; font-weight: normal; }
#obsah ol a{color: #286879; text-decoration: underline; }
#obsah ol a:hover {color: white; background-color: #35AC38; text-decoration: none; }

#obsah ul {margin-left: 30px !important;line-height: 200%; font-size: 0.8em; margin: 10px 5px 10px 10px; padding: 0; font-weight: normal; }
#obsah ul a{color: #286879; text-decoration: underline; }
#obsah ul a:hover {color: white; background-color: #35AC38; text-decoration: none; }


.width {width: 300px !important; }

#obsah strong {color: #267E27; font-weight: normal; }
.win {color: #286879; font-weight: bold !important; line-height: 180% !important; border-bottom: 2px dotted #94B4BC; padding-bottom: 10px; border-top: 2px dotted #94B4BC; padding-top: 10px; }
.win strong {font-weight: bold !important; color: #14343C !important; }

.win-grey {text-align: center !important; margin: 10px 5px 5px 5px !important; padding: 5px; border: 1px solid #C1C1C1; background-color: white; color: black; background-image: url(../img/puzzle-border.gif); background-position: left top; background-repeat: no-repeat;}

.win-p {margin: 10px 5px 5px 5px !important; padding: 9px; border: 2px dotted #CFEBCF; color: black; }
.win-p h3 {margin: 0px !important; font-size: 1em !important; padding: 0px 0px 5px 0px; }
.win-p h3 a {color: #286879; text-decoration: underline; }
.win-p h3 a:hover {color: black; }


.kotvy {font-size: 70%; color: #505050 !important; font-weight: normal; margin: 3px 15px 0px 0px; display: none; }
.kotvy strong {color: black !important; }
.kotvy a {color: #505050; }
.kotvy a:hover {color: black; }
.kotvy a.italic {color: #505050; font-style: italic; }
.kotvy a:hover.italic { color: black; font-style: italic; }
.pata {line-height: 150% !important; text-align: right !important; font-size: 0.7em !important; color: #505050 !important; margin: 20px 5px 0px; font-weight: normal; }
.pata p { text-align: right !important; font-size: 100% !important; color: #505050 !important; margin: 10px 10px 0px; font-weight: normal; }
.pata a { color: #505050 !important; text-decoration: underline !important; }
.pata a:hover{color: black !important; background: white !important; }

.about {border-bottom: 1px dashed black; cursor: help;}

/* pravé menu */
#right_menu {width: 230px; color: #505050 !important; font-size: 0.85em;  line-height: 150%; border-width: 2px; border-color: #CFEBCF; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: solid; padding: 5px; position: absolute; left: 530px; top: 30px; }
#right_menu a {color: #35AC38; text-decoration: underline;}
#right_menu a:hover {color: white; background-color: #35AC38; text-decoration: none;  }
#right_menu ul {font-size: 0.9em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; }
#right_menu li {list-style: none; }
#right_menu hr {position: relative; border-width: 2px; border-color: #CFEBCF; border-top-style: dotted; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-top: 10px; margin-bottom: 10px;}
#right_menu h3 {font-size: 1.1em; color: black; margin: 5px; padding: 0px 0px 5px; font-weight: normal; }

#right_menu p {padding-bottom: 5px; line-height: 180%; }
#right_menu strong {color: #286879; }

.hr-solid {position: relative; margin-left: -15px; border-width: 2px; border-color: #CFEBCF; border-top-style: solid; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-top: 5px; margin-bottom: 5px; clear: both; }

.none {display: none; }
.print {display: none; }

.reference img {float: left; border: 2px solid #35AC38; margin-right: 10px; }
.reference a:hover img {border: 2px solid #286879; }
.reference {position: relative; height: 210px; }

.reference2 img {float: left; border: 2px solid #35AC38; margin-right: 10px; margin-top: 15px; }
.reference2 a:hover img {border: 2px solid #286879; }
.reference2 {position: relative; border-color: #CFEBCF; border-bottom-style: dotted; border-width: 1px; height: 60px;}
.reference2 p {font-size: 70% !important; color: #505050 !important; position: absolute; margin-top: 2px !important; }
.reference2 div {float: right; width: 230px; }


.reference-text ul {list-style: none; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }


.reference-foto img {border: 2px solid #35AC38; margin-top: 8px; }
.reference-foto a:hover img {border: 2px solid #286879; }

.reference-text {float: left; width: 250px; _width: 245px; margin-left: -15px; }
.reference-foto {float: left; width: 160px; _width: 160px; }

.reference-foto p {margin: -5px 0px 0px -20px; padding: 0px 0px 0px 0px; }
.reference-foto ul {margin-top: -10px; padding: 0px 0px 7px 0px; list-style: square; }
.reference-foto li {margin-right: 0px; padding: 0px 0px 0px 0px; }
.reference-foto li a {color: #505050 !important; }
.reference-foto li a:hover {color: black !important; background: white !important; text-decoration: underline !important; }

.velke-tlacitko {margin: 20px 0px 20px 90px; width: 165px; _width: 197px;; background: url(../img/velke-tlacitko.gif) repeat-x; height: 25px; _height: 33px; border: 1px solid #CEEBCE; display: block; font-size: 90%; color: black; text-decoration: none; padding: 8px 0px 0px 32px;}
.velke-tlacitko:hover {text-decoration: none; color: black; border: 1px solid #267E27; }

.duvody {padding: 5px 5px 5px 5px; border: 3px solid #CFEBCF; -moz-border-radius: 10px; -webkit-border-radius: 10px;  }
.twitter {margin-left: 15px; background: 0 !important; }

.servises {position: relative; background: url(../img/sluzby.png); width: 452px; height: 316px; background-repeat: no-repeat; background-position: bottom; }
.servises * {margin: 0; padding: 0; }
.servises a {color: #286879; }
.servises a:hover {color: black; }
.servises .head h3 {font-size: 1.2em; position: absolute; top: 25px; }
.servises .head p {font-size: 1.2em; position: absolute; top: 45px; left: 170px; }

.servises h4 {color: black !important; }

.servises .s-a h4, .servises .s-b h4, .servises .s-c h4 {font-size: 1.2em !important; position: absolute; }
.servises .s-a p, .servises .s-b p, .servises .s-c p {font-size: 1.2em; position: absolute; width: 100px; text-align: center;  }

.servises .s-a h4 {top: 110px; left: 42px !important; }
.servises .s-b h4 {display: block; font-size: 0.95em !important; top: 110px; left: 150px !important; width: 150px !important; text-align: center; }
.servises .s-c h4 {top: 110px; left: 329px !important; }

.servises .s-a p {top: 135px; left: 25px !important; }
.servises .s-b p {top: 150px; left: 175px !important; }
.servises .s-c p {top: 140px; left: 325px !important; }

.kontakt {margin: 10px 0px 10px 0px; }

.classic-form fieldset {position: relative; margin: 20px 5px 5px 5px; padding: 10px 0px 0px 0px; border: 2px solid #94B4BC; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.classic-form legend {color: #286879; margin: 0px 0px 0px 10px; padding: 0px 10px 0px 10px; font-size: 1.2em; }
.classic-form .center {text-align: center; }

.classic-form p {margin: 0 !important; padding: 0; position: relative; }

.classic-form label {margin-left: 25px; position: absolute; margin-top: 19px; }

.classic-form .input {margin-left: 90px; font-family: Arial; font-size: 1em; }
.classic-form .input:focus, .classic-form .input:active {border: 2px solid #94B4BC; background: #FFFFC0; }

.classic-form #mail {width: 230px; }
.classic-form #popis {width: 350px; height: 200px; }
.classic-form #send {padding: 8px 15px 8px 15px; font-size: 0.85em; margin: 15px 0px 30px 360px; }

.classic-form #question {margin: 0; padding: 0; font-size: 0.7em !important; position: absolute; margin-top: 5px; margin-left: 90px; }

label.error-validate {position: relative; display: block; margin: 0px 0px 0px 100px; padding: 0; border-bottom: 1px dotted #94B4BC; width: 200px; font-size: 0.85em; text-align: center; padding-bottom: 3px; padding-top: 3px; color: #C00000; }

.link {cursor: hand; cursor: pointer; }