/*------------------------------------------------
    
    Template Name: Template 01 - Yellow
    Author: Zserver, s.r.o
    Author URL: http://www.zserver.cz

/* CSS RESET -----------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, 
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, 
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0;	padding: 0;	border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; } /* remember to define focus styles! */
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */

/* ZAKL. LAYOUT --------------------------------*/

html { margin-left: -1px; overflow-y: scroll; background: url('../images/bg.gif'); } /* korekce 1px bug -> http://www.sohtanaka.com/web-design/1px-background-alignment-bug/#blog */
body { background: url('../images/bg2.gif') 0 0 repeat-x; padding-bottom: 40px; color: #404040; font: 75%/1.4 Arial, 'Microsoft Sans Serif', sans-serif; }
body#cms1 { background: #fff; }
#wrapper { width: 1000px; margin: 0 auto; background: url('../images/footer.png') 0 bottom repeat-x; padding: 5px 0 9px 0; }
#header { height: 263px; background: url('../images/header.jpg') 0 0 no-repeat; position: relative; }
  #topmenu { height: 37px; position: absolute; top: 177px; left: 10px; }
  #vlajky { width: auto; position: absolute; top: 238px; right: 216px; } 
  #logo { display: block; height: 150px; }    
#main { width: 980px; padding: 0 10px 0 10px; margin: 0 auto; background: url('../images/content.png') 0 0 repeat-y; }
  #left { left: -560px; }    
  #left, #right { position: relative; display: inline; margin: 0 12px; float: left; width: 186px; }    
  #center { background: #F6F6F6; width: 536px; padding: 12px 12px 24px 12px; float: left; position: relative; left: 210px; }  
#footer { margin: 0 auto; width: 956px; padding: 8px 22px 12px 22px; background: url('../images/content2.png') 0 0 repeat-y; }

html { margin-left: -1px; overflow-y: scroll; background: url('../images/bg.gif'); } /* korekce 1px bug -> http://www.sohtanaka.com/web-design/1px-background-alignment-bug/#blog */
body { background: url('../images/bg2.gif') 0 0 repeat-x; padding-bottom: 40px; color: #404040; font: 75%/1.4 Arial, 'Microsoft Sans Serif', sans-serif; }
body#cms1 { background: #fff; }
#wrapper { width: 1000px; margin: 0 auto; background: url('../images/footer.png') 0 bottom repeat-x; padding-bottom: 9px; }
#header { height: 331px; background: url('../images/header.jpg') 0 0 no-repeat; position: relative; }
  #topmenu { height: 37px; position: absolute; top: 246px; left: 10px; }
  #vlajky { width: auto; position: absolute; top: 258px; right: 216px; } 
  #logo { position: absolute; top: 15px; left: 3px; height: 205px; width: 364px; }    
#main { width: 980px; padding: 0 10px 0 10px; margin: 0 auto; background: url('../images/content.png') 0 0 repeat-y; }
  #left { left: -560px; }    
  #left, #right { position: relative; display: inline; margin: 0 12px; float: left; width: 186px; }    
  #center { background: #F6F6F6; width: 536px; padding: 12px 12px 24px 12px; float: left; position: relative; left: 210px; }  

/* OBECNE DEKLARACE  ---------------------------*/

a { color: #2D97C2; }
a:hover { color: #000; }
.clear { clear: both; height: 0; line-height: 0; }
small { font-size: 90%; }
hr { display: none; }
input, select { font-size: 100%; }
select { height: 22px; line-height: 22px; padding-left: 6px; }
.input { border: 1px solid #EAEAEA; padding: 3px 6px; font-style: italic; background: #fff url('../images/input.gif') 0 0 repeat-x; border: 1px solid #EAEAEA; }
.input:hover { border: 1px solid #ccc; }
.input:focus { border: 1px solid #ccc; background: #fff; }
#center input.error, #right input.error, #left input.error { border: 1px solid #E77776; background: #F8DBDB; }
#center input.error:hover, #right input.error:hover, #left input.error:hover { border: 1px solid #E77776; background: #F8DBDB; }
#center input.error:focus, #right input.error:focus, #left input.error:focus { border: 1px solid #E77776; background: #F8DBDB; }
#center textarea.error, #center textarea.error:hover, #center textarea.error:focus { border: 1px solid #E77776; background: #F8DBDB; }
legend { display: none; }
a span { cursor: pointer; }
iframe { margin-bottom: 9px; } /* facebook like box */
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.flleft { float: left; }
.flright { float: right; }
sup { font-weight: bold; color: #FF0000; margin: 0 2px; font-size: 130%; }
.red { color: #F20000; }
.grey { color: #A4A4A4; }
#center .top { vertical-align: top; }
#password-clear { display: none; } /* kvuli jquery skryvani */
.info { margin-left: 5px; }
.warning { font-weight: bold; }

/* HEADER ==========================================================*/

#topmenu li { float: left; }
#topmenu a { background: url('../images/topmenu_separator.gif') right 8px no-repeat; text-decoration: none; color: #323232; font-weight: bold; padding: 1px 20px 0 18px; display: block; float: left; height: 36px; line-height: 37px }
#topmenu .last { background: none; }
#topmenu .active, #topmenu a:hover { color: #2D97C2 }

#logo a { display: block; position: relative; height: 205px; width: 364px; }
#logo span { display: block; position: absolute; height: 205px; width: 364px; left: 0; top: 0; background: url('../images/logo.png') 0 0 no-repeat; }

#breadcrumbs { margin-bottom: 8px; border-bottom: 1px solid #E6E6E6; padding-bottom: 11px; }  

/* BLOK ============================================================*/

.block, .block-zbozi, .advertising_block { margin-bottom: 18px; }
.block h3, .block-zbozi h3 { text-transform: uppercase; display: block; width: 179px; font-size: 100%; color: #fff; height: 29px; line-height: 29px; padding-left: 7px; background: #b6c3d1 url('../images/h3.gif') 0 0 repeat-x; }
.block h3 a, .block2 h3 a, .block-zbozi h3 a, .block-zbozi2 h3 a { color: #fff; text-decoration: none; }
.block h3 a:hover, .block2 h3 a:hover, .block-zbozi h3 a:hover, .block-zbozi2 h3 a:hover { text-decoration: underline; }
.block_content { background: #F6F6F6; padding: 10px; margin-top: 6px; }

/* BLOK -> menu --------------------------------*/

.block li a { color: #202020; background-repeat: no-repeat; background-image: url('../images/arrow1.png'); background-position: 0 7px; border-bottom: 1px solid #E6E6E6; display: block; width: 154px; text-decoration: none; padding: 5px 0 5px 12px; }
.block li a:hover, .block li a:hover { color: #000; background-image: url('../images/arrow3.png'); }
.block li.active a, .block li.active a:hover, .block li a:hover { color: #000; background-color: #EEE; background-image: url('../images/arrow3.png'); }
.block li li a { width: 142px; padding-left: 24px; background-position: 12px 7px; }
.block li li a.active, .block li li a:hover { background-position: 12px -44px; }
.block li.active li a { background-color: #fff; color: #000; }
.block li li li a { width: 130px; }

/* BLOK -> prihlaseni --------------------------*/

.input-sirsi { width: 148px; }
.input-uzsi { width: 113px; float: left; margin: 0 7px 0 0; }
.button-ok { float: left; margin: 0; }
.button { display: block; border: 1px solid #E1E1E1; width: 100px; height: 22px; line-height: 22px; font-weight: bold; color: #404040; font-size: 90%; text-align: center; cursor: pointer; margin: 1em auto 0 auto; background: url('../images/button.gif') right bottom repeat-x; }
.button:hover { border: 1px solid #D7D7D7; background: url('../images/button.gif') 0 0 repeat-x; }
.button a { color: #202020; text-decoration: none; }

#logged { position: relative; color: #8C8C8C; display: block; font-style: italic; line-height: 18px; padding-top: 3px; padding-bottom: 4px; margin-bottom: 3px; border-bottom: 1px solid #E6E6E6; background: url('../images/logged.gif') 0 5px no-repeat; padding-left: 18px; }

/* BLOK -> jakykoliv zbozi s obrazkama ---------*/

.block-zbozi li { font-size: 90%; background: url('../images/sep.gif') 0 bottom repeat-x; padding-bottom: 8px; margin-bottom: 8px; min-height: 47px; height: auto !important; height: 47px; }
.block-zbozi h4 { float: left; display: block; width: 110px; font-size: 105%; margin-bottom: 3px; }
.block-zbozi a img { width: 45px; height: 45px; padding: 1px; background: #fff; border: 1px solid #E6E6E6; float: left; }
.block-zbozi a:hover img { border: 1px solid #CDCDCD; }
.block-zbozi a.img { float: left; margin-right: 5px; }

/* Pridani do kosiku ---------------------------*/

#pridano { position: fixed; _position: absolute; top: 40%; left: 25%; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; }