body {background:#c9d3b5 url(../imgs/bgt.jpg) top center repeat-y; padding:0;margin:0; color: #656b47; font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size:14px; }

a {color:#568118}
a:hover {color:black}
h1 {font-size:32px; margin-top:0; color:#568118}
h2 {font-size:22px; margin-top:17px; margin-bottom:7px; color:#568118}
ul {padding:0;margin:0}
li {list-style:none;padding-left:25px;background:url(../imgs/li.gif) left 3px no-repeat}

em { color:#568118; }

.f-left, left {float:left;}
.f-right, right {float:right;}
.half { width: 49%;}

.t-left {text-align:left;}
.t-center {text-align:center;}
.t-right {text-align:right;}
.t-justify {text-align:justify;}

.clear {clear:both;}
.cleaner {clear:both;line-height:0px; font-size:0px;}

.noscreen {display:none;}
.hidden {display:none;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; _zoom: 1;  }

/* -------------------------------------------------------------------------------------------------- */

#shadow {background:url(../imgs/shadow.gif) top center repeat-y;}
#head {background:url(../imgs/head.bg.jpg) center top no-repeat;padding-top:30px}
#home #head {background:url(../imgs/head.bg.home.jpg) center -8px no-repeat;}
#foot {background:url(../imgs/foot2.jpg) bottom center no-repeat;padding:0px}
#page {position:relative;background:#fbf8f1 url(../imgs/head.bg.jpg) -241px -65px no-repeat;width:798px;margin:0px auto 0;}
#home #page {background:#fbf8f1 url(../imgs/head.bg.home.jpg) -241px -38px no-repeat;width:798px;margin:0px auto 0;}
#page-in {xheight:2000px;min-height:900px;background:url(../imgs/foot2.jpg) -241px bottom no-repeat;padding:9px;}
#page-in2 {padding:20px}
#page-motiv {margin: 2px; height: 225px;background:url(../imgs/top-rodinne-zahrady.jpg)}
#home #page-motiv {display:none}

.pg_detsky-areal #page-motiv { background-image:url(../imgs/top-detsky-areal.jpg); }
.pg_rodinne-zahrady #page-motiv { background-image:url(../imgs/top-rodinne-zahrady2.jpg); }
.pg_terenni-upravy #page-motiv { background-image:url(../imgs/top-terenni-upravy.jpg); }
.pg_zahradni-centrum #page-motiv { background-image:url(../imgs/top-zahradni-centrum.jpg); }
.pg_o-firme #page-motiv { background-image:url(../imgs/top-o-firme.jpg); }
.pg_o-firme #page-motiv { background-image:url(../imgs/top-o-firme.jpg); }
.pg_technicke-vybaveni #page-motiv { background-image:url(../imgs/top-technicke-vybaveni.jpg); }
.pg_reference #page-motiv { background-image:url(../imgs/top-reference.jpg); }
.pg_kontakt #page-motiv { background-image:url(../imgs/top-kontakt.jpg); }
.pg_zimni-udrzba #page-motiv { background-image:url(../imgs/top-zimni-udrzba.jpg); }
.pg_sadove-upravy #page-motiv { background-image:url(../imgs/top-sadove-upravy.jpg); }

#page p { text-align: justify; }
#page hr { color: #F2EFDE; border: none; border-bottom: 1px solid #F2EFDE; height: 0px; }
#page #ticker p { text-align: right; }

#home #page-in2 {padding:0px}
#header {height:76px; width:890px; margin:auto;position:relative}

#footer {height:161px; background:url(../imgs/foot.jpg) top center no-repeat}
#footer .f-in {width:760px; margin:auto; line-height:46px;padding-top:20px; font-size:12px}
#footer .f-l {float:left}
#footer .f-r {float:right; background:url(../imgs/mws-logo.jpg) top right no-repeat; padding-right:70px}

.cMenu span {height:30px; width:16px;display:inline-block;background:url(../imgs/menu.separator.png) 2px -2px;color:#d3d8b1}
.cMenu a {height:30px;display:inline-block;position:relative}
.cMenu a:hover {opacity:0.65}
.cMenu .m-of, .cMenu .m-of span {width:69px}
.cMenu .m-ref, .cMenu .m-ref span {width:84px}
.cMenu .m-cer, .cMenu .m-cer span {width:96px}
.cMenu .m-tv, .cMenu .m-tv span {width:177px}
.cMenu .m-kon, .cMenu .m-kon span {width:74px}
.cMenu a span {position:absolute;left:0;top:0}
.cMenu .m-of span {background:url(../imgs/menu.ofirme.jpg)}
.cMenu .m-ref span {background:url(../imgs/menu.reference.jpg)}
.cMenu .m-cer span {background:url(../imgs/menu.certifikaty.jpg)}
.cMenu .m-tv span {background:url(../imgs/menu.techvybaveni.jpg)}
.cMenu .m-kon span {background:url(../imgs/menu.kontakty.jpg)}

.cLogo {width:207px; height:78px; display:block;position:absolute;top:0px;left:55px;margin:0;padding:0;overflow:hidden}
.cLogo span{width:207px; height:78px; display:block;position:absolute;top:0;left:0; background:url(../imgs/logo.jpg)}

.cMenu {position:absolute;top:30px;left:276px}

.cGallery a {display:block;float:left;width:169px;height:129px; background:url(../imgs/gal.item.png) top left no-repeat; border:0;padding:8px;margin:0; text-align: center;}
.cGallery a img {border:0;padding:0;margin:0;}


.cMainNavigation {margin:0; padding:0; display:block;}
.cMainNavigation li {margin:0; padding:0; display:block;float:left;position:relative}
.cMainNavigation li a {display:block;width:100%;height:100%;font-size:30px;color:#6c724e;text-align:center}
.cMainNavigation li a span {display:block;width:100%;height:100%;position:absolute;left:0;top:0}

.cMainNavigation li.m-rz {width:257px;height:242px;}
.cMainNavigation li.m-zc {width:259px;height:242px;}
.cMainNavigation li.m-da {width:258px;height:242px;}
.cMainNavigation li.m-tu {width:257px;height:264px;}
.cMainNavigation li.m-su {width:259px;height:264px;}
.cMainNavigation li.m-zu {width:258px;height:264px;}

.cMainNavigation li.m-rz span {background:url(../imgs/rodinne-zahrady.jpg)}
.cMainNavigation li.m-zc span {background:url(../imgs/zahradni-centrum.jpg)}
.cMainNavigation li.m-da span {background:url(../imgs/detsky-areal.jpg)}
.cMainNavigation li.m-tu span {background:url(../imgs/terenni-upravy.jpg)}
.cMainNavigation li.m-su span {background:url(../imgs/sadove-upravy.jpg)}
.cMainNavigation li.m-zu span {background:url(../imgs/zimni-udrzba.jpg)}

.cCoinSlider {margin:0 12px;height:268px; overflow:hidden;}

.cs-buttons {top:-30px; left:700px !important; }
.cs-buttons a {width:10px; height:10px; background:#f0e7d7; border:none; position:relative; margin:3px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.cs-buttons a.cs-active {width:16px; height:16px; background:#d8dec1; border:none; margin:0px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
#cs-navigation-coinSlider {visibility:hidden}

#ticker {height:40px; overflow:hidden; text-align:right; padding:30px 60px 0 0; }

.cNaseAdresa {background:url(../imgs/kontakt.jpg);width:218px;height:163px;overflow:hidden;padding:0 20px;}
.cDalsiSluzby {background:url(../imgs/dalsi-sluzby.jpg);width:476px;height:163px;overflow:hidden;float:left;padding:0 20px;line-height:1.5}


/* -------------------------------------------------------------------------------------------------- */

.cFormFields {background: #FBF8F1; padding:15px; border: 1px solid #EAE1C4; margin-top: 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.cFormFields h3 {display:inline;margin:0px; padding:0px}
.cFormFields .ff-max {width:430px}
.cFormFields label {width:125px;padding-bottom: 2px;display:inline-block;line-height:19px;height:19px;font-weight:normal; white-space:nowrap;}
.cFormFields br {clear:both}
.cFormFields th, .cFormFields td, .cFormFields textarea, .cFormFields input, .cFormFields option {font-size: 100%; }
.cFormFields th, .cFormFields td {padding: 2px 0px 0px 5px;vertical-align:top} 
.cFormFields td { width: auto; }
.cFormFields th { font-weight: bold; text-align:left; }
.cFormFields input[type="text"], .cFormFields input[type="password"], cFormFields input.txt, .cFormFields textarea { padding-left: 3px; border: 1px solid #e1e1e1; background: white; -webkit-box-shadow: inset 2px 2px 4px #EEE; -moz-box-shadow: inset 2px 2px 4px #EEE; box-shadow: inset 2px 2px 4px #EEE; } 
.cFormFields input.txt:focus { border: 1px solid #AAA; }
.cFormFields select { font-size: 9pt; background: white; border: 1px solid #e5e5e5; } 
.cFormFields input.button { background: #000000; border: 1px solid #000000; font-size:100%; padding: 1px 25px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: white; cursor: pointer; }
.cFormFields input.button:-moz-focus-inner { border: 0; padding: 0; }

.cFormFields textarea {height:25em;width:440px;}
.cFormFields legend {font-size:14pt; font-weight: normal; color: #DD291A; margin: 0; padding: 10px 0 5px 0;}
.cFormFields fieldset {padding:0px;margin:0px;border:0px}
.cFormFields .ff-buttons {padding:1em 0px 1em 125px}

.cLogin input.txt {width:130px}
.cLogin .cFormFields { width: 300px; }
.cLogin label {width:150px}
.cLogin .ff-buttons {padding-left:150px}
.cLogin .ff-buttons input.button { width: 130px; }

.divCategoryTree ul {margin:0; padding:0; list-style:none; }
.divCategoryTree li {margin:0; padding:0; background: none;}
.cAdminMenu { position: absolute; position: fixed; top: 140px; right: 10px; width:140px; z-index:200; background:#F8F2E6; border:1px solid #D9D6CF; -moz-box-shadow: 2px 2px 5px #aaa; -webkit-box-shadow: 2px 2px 5px #aaa; box-shadow: 2px 2px 5px #aaa; padding:10px }
.cAdminMenu .ct-begin-group { padding-top: 10px; }


.cList1 {border-collapse: collapse; font-size: 9pt; clear:both; margin-top: 15px;}
.cList1 th {text-align:left;background:none;padding:5px 0.5em; border-bottom:2px solid #568118; color:black;}
.cList1 td {background:#FBF8F1; padding:3px 0.5em; border:0px; margin:0px; border-right:1px solid white}
.cList1 td.last {border:0px;}
.cList1 tr.alt td {background:transparent;}
.cList1 td input.txt {border: 1px solid #e1e1e1; background: white; width:30px; }
.cList1 fieldset {border:0; padding:0; margin:0;}
.cList1 tr:hover td { background:#EBF2E1; }

.cBreadcrumbNavigation { margin:0px; display:block; padding:0 0 10px 0px; font-size: 8pt; }
#home .cBreadcrumbNavigation { display: none; }


.cPaging { clear: both; padding: 10px 0; text-align: right; font-size: 8pt; }
.cPaging a { padding: 2px 7px; text-decoration: none; border: 1px solid #d3d8b1; }
.cPaging a:hover { border: 1px solid #DC2B1B; text-decoration: none!important;}
.cPaging span.p-active { background: #DC2B1B; color: white; padding: 2px 7px; border: 1px solid #DC2B1B; }

a.bordered { border: none; margin: 0 15px 15px 0; }
a.bordered img { border: none; }
a.bordered img:hover { opacity: 0.8; }