/* === CSS ClearSense.cz === */

* { margin: 0; padding: 0;}
img { border: none}

body { font-family:Verdana, Arial, Helvetica, sans-serif; background: #FFFFFF url(../images/bg-body.jpg) repeat-x; font-size: 85%; color: #999999}

h1, h2, h3, h4 { clear: left; font-style: italic}
h1 { font-size: 140%; color: #333333; padding: 10px 10px 0 0; margin: 0 0 0 0; font-weight: normal}
h2 { font-size: 170%; color: #333333; padding: 20px 10px 5px 0; margin: 0 0 10px 0; font-weight: normal; background: url(../images/bg-h2.gif) left bottom no-repeat}
h3 { font-size: 150%; color: #333333; padding: 20px 10px 5px 0; margin: 0 0 0 0; font-weight: normal; background: url(../images/bg-h3.gif) left bottom no-repeat}
h4 { font-size: 120%; color: #333333; padding: 20px 10px 5px 0; margin: 0 0 0 0; font-weight: bold}

a:link, a:hover, a:visited { color: #3a226b; font-weight: bold; text-decoration: underline}
a:hover { text-decoration: none}
hr { display: none}

p, address { padding: 10px 10px 0 0px; color: #666666; font-size: 85%; line-height: 1.7em; font-style: normal}

dl { padding: 10px 10px 0 0; color: #666666; font-size: 85%}
dl dt, dl dt a { font-size: 100%; padding: 0px 0 5px 0}
dl dd { padding: 0 0 15px 0}

ul, ol { padding: 20px 0 10px 0; margin: 0 0 0 50px; color: #666666; font-size: 85%; line-height: 1.5em}
ul { margin: 0 0 0 25px}
ul li { background: url(../images/bg-li.jpg) left top no-repeat; padding: 0 0 10px 30px; list-style: none; _height: 1px}

ul li ul { margin: 0; padding: 10px 0 10px 0; font-size: 100%}
ul li ul li { background: none; padding: 0 0 10px 30px; list-style: none; _height: 1px}


table { font-size: 85%}
table th { font-size: 130%; padding: 0; margin: 0; text-align: left}

fieldset { border: none}

/* ======================================================== PAGE LAYOUT ======================================================== */

div#pagecont { background: url(../images/bg-pagecont.jpg) 50% 134px no-repeat}
div#page { width: 920px; margin: auto; padding: 0 0 0 0; position: relative}
div#page, x:-moz-any-link, x:default { width: 921px}
div#content { width: 600px; padding: 30px 0 0 20px; margin: 0; float: left}


/* ------------------------------- TOP ------------------------------- */
div#top { width: 920px; height: 90px; background: url(../images/bg-top.jpg) no-repeat}


/* nornav */
div#hornav {}
div#hornav ul { list-style: none; width: 920px; height: 44px; padding: 0; margin: 0 0 0 5px}
div#hornav ul li { position: relative; background: none; float: left; overflow: hidden; background: none; margin: 0; padding: 0}

div#hornav ul li { width:130px; height: 44px}
div#hornav ul li.h02 { width:130px; height: 44px}
div#hornav ul li.h03 { width:130px; height: 44px}
div#hornav ul li.h04 { width:130px; height: 44px}
div#hornav ul li.h05 { width:130px; height: 44px}
div#hornav ul li.h06 { width:130px; height: 44px}
div#hornav ul li.h07 { width:130px; height: 44px}

div#hornav ul li.h01 span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav.jpg) -5px 0 no-repeat}
div#hornav ul li.h02 span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav.jpg) -135px 0 no-repeat}
div#hornav ul li.h03 span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav.jpg) -265px 0 no-repeat}
div#hornav ul li.h04 span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav.jpg) -395px 0 no-repeat}
div#hornav ul li.h05 span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav.jpg) -525px 0 no-repeat}
div#hornav ul li.h06 span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav.jpg) -655px 0 no-repeat}
div#hornav ul li.h07 span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav.jpg) -785px 0 no-repeat}

div#hornav ul li.h01 a:hover span, div#hornav ul li.h01 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav.jpg) -5px -44px no-repeat; cursor:pointer}
div#hornav ul li.h02 a:hover span, div#hornav ul li.h02 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav.jpg) -135px -44px no-repeat; cursor:pointer}
div#hornav ul li.h03 a:hover span, div#hornav ul li.h03 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav.jpg) -265px -44px no-repeat; cursor:pointer}
div#hornav ul li.h04 a:hover span, div#hornav ul li.h04 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav.jpg) -395px -44px no-repeat; cursor:pointer}
div#hornav ul li.h05 a:hover span, div#hornav ul li.h05 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav.jpg) -525px -44px no-repeat; cursor:pointer}
div#hornav ul li.h06 a:hover span, div#hornav ul li.h06 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav.jpg) -655px -44px no-repeat; cursor:pointer}
div#hornav ul li.h07 a:hover span, div#hornav ul li.h07 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav.jpg) -785px -44px no-repeat; cursor:pointer}


/* header */
/*div#header { width: 990px; height: 216px; background: #E6F6F6 url(../images/bg-header.jpg) no-repeat; position: relative}*/

/* logo */
h1#logo {position: absolute; top: 13px; left: 30px; overflow: hidden; width: 162px; height: 46px; margin: 0; padding: 0; font-size:1.5em; z-index: 50}
h1#logo span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background:url(../images/amon-logo.jpg) 0 0 no-repeat; cursor:pointer}


/* ---------------------- SLIDER ----------------------*/

#slider { margin: auto}	
#slider ul, #slider li { margin:0; padding:0; list-style:none; background: none}
#slider li { width:900px; height:350px; overflow:hidden}
#slider img { float:left; width:300px; margin: 40px 0 0 80px; padding: 0}
#slider h2, #slider h3, #slider h4 { clear: none; padding: 0}
#slider h2 { margin: 50px 0 0 20px; color:#ffffff; text-transform:uppercase; font-size: 150%}
#slider h3 { font-weight: bold; color:#000000; padding: 10px 0 0 0; font-size: 130%}
#slider dl { color: #cccccc}
#slider dt { font-weight: bold; font-size: 11px; color:#FFFFFF}
#slider dd { color:#ffffff; margin: 0; padding: 0 80px 0 0; line-height: 1.5em; position: relative; left: 20px; background: url(../images/slider-dd.gif) 370px 5px no-repeat}
#slider a:link, #slider a:hover, #slider a:visited { color: #FFFFFF}

#prevBtn, #nextBtn { display:block; width:48px; height:92px; position:absolute; left:10px; top:270px; z-index: 50}	
#nextBtn { left:860px}														
#prevBtn a, #nextBtn a { display:block; width:48px; height:92px; background:url(../images/btn-prev.png) 0 10px no-repeat}	
#nextBtn a { background: url(../images/btn-next.png) 0 0 no-repeat}

/* ---------------------- FLASH ----------------------*/
#header { width:920px; height:352px; background:url(../images/header.jpg) no-repeat}

/* ------------------------------------------ CONTENT ------------------------------------------ */

div.line { width: 100%; margin: auto; clear: both; height: 41px; background: url(../images/bg-line.jpg) center no-repeat}

/* nase sluzby/reference */
div.services, div.references { width: 280px; float: left}
div.services li a { color: #666666; font-weight: normal}

div.references { margin: 0 0 0 40px}
div.references p { font-size: 75%}
div.references img { margin: 15px 0 0 0}
div.references a.overview { font-size: 85%; float: right; padding: 10px 10px 0 0; font-style:normal}


/* produkty */
.category { text-transform:uppercase; font-weight: bold; text-decoration: underline; color: #3a226b}
.category:hover { text-decoration: none}
.category-cont p { font-size: 100%; font-weight: normal}
.category-cont ul li { background: url(../images/bg-li.gif) 5px 6px no-repeat; padding: 0 0 0 20px; color: #666666; font-weight: normal}
.category-cont ul li a { color: #666666; font-weight: normal}
.category-cont li { font-weight: bold; color: #3a226b}
.category-cont li.sell-item { font-weight: bold}
.tlower { text-transform:none}


/* ------------------------------------------ RIGHT ------------------------------------------ */
div#rcol { width: 300px; background: url(../images/bg-rcol.jpg) 0 -36px no-repeat; padding: 0; margin: 0; float: left}

div.rcol-cont { margin: -15px 0 0 40px; font-style: italic; width: 230px}
div.news-item { padding: 5px 0 5px 0}
div.news-item p { padding: 0 0 5px 0; line-height: 1.5em; font-size: 80%}
div.news-item a { color:#8771b5}

div.rsplit { background:url(../images/bg-rsplit.jpg) 0 bottom no-repeat; height: 20px; clear: both; width: 230px}
a.archive { font-size: 80%; float: right; padding: 0px 10px 0 0; font-style:normal}

p.banner img { border: solid 1px #CCCCCC; padding: 2px}




/* ------------------------------------------ BOTTOM ------------------------------------------ */

div.form { width: 430px; float: left; color: #666666; margin: 40px 0 0 0}
div.form input, div.form textarea { width: 200px; padding:3px 5px 0 5px; height: 18px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px}
div.form input#odeslat { width: 86px; height: 43px; position: relative; left: -10px; padding: 0}
div.form textarea { height: 50px}
div.form table td { padding: 0 20px 3px 0}
div.form table td.vatop { vertical-align: top}

div#kontakt { clear: both; height: 248px; width: 100%; background: #CCCCCC url(../images/bg-kontakt.jpg) repeat-x}
div.kontakt-cont { width: 880px; margin: auto}

div.adress { width: 420px; float: left; margin: 40px 0 0 10px}
div.adress a {color: #666666; font-weight: normal}
div.adress address { padding: 0 0 10px 0; line-height: 1.5em }

div.map { float: right; font-size: 75%; text-align: center}
div.map img { display: block}

p.top {position: relative; top: 30px; left: 570px; overflow: hidden; width: 31px; height: 17px; margin: 0; padding: 0; font-size:1.5em; z-index: 50}
p.top span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background:url(../images/bg-rtop.jpg) 0 0 no-repeat; cursor:pointer}


/* ------------------------------------------ FOOTER ------------------------------------------ */

div#footer { width: 880px; background: url(../images/bg-footer.jpg) no-repeat; padding: 15px 20px; height: 40px; margin: auto; text-align: center; font-size: 75%}
div#footer a:link, div#footer a:hover, div#footer a:visited { color: #999999; font-weight: normal}
div#footer p.links, div#footer p.links a:link, div#footer p.links a:hover, div#footer p.links a:visited { color:#CCCCCC}



/* classes */
.hidden {display: none}
.clr {width: 100%; font-size: 1px; clear: both}
.nobgr { background: none !important}
.bold { font-weight: bold}
.center { text-align: center}
.tcenter { text-align: center}
.tleft { text-align: left}
.fleft { float: left}
.fright { float: right}
hr { display: none}
.norm { font-style: normal}
a.normal { font-weight: normal}

.black { color: #000000 !important}
.violet { color: #3a226b !important}
.lviolet { color: #8771b5 !important}
.red { color: #FF0000 !important}