/*
 * CSS Reset Reloaded by Eric Meyer
 * http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 * 
 */

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #333333;
	background: transparent;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/*
 * Compose To A Vertical Rhythm
 * http://24ways.org/2006/compose-to-a-vertical-rhythm
 *  
 */
 
body { font: 62.5%/1.5 sans-serif; }
ul, ol, dl, p { margin-bottom: 1.5em; }
li, dt, dd { margin-bottom: 0.3em; }
ul, ol, dl { margin-bottom: 1.8em; }



/*
 * SK.cz - CSS
 * http://www.sk.cz
 *  
 */


html { background: #555555; }
body { background: #555555; }

div.inner { width: 959px; position: relative; margin: 0 auto; overflow: hidden; padding: 0; }


div#header { width: 100%; background: url(img/header-bg.png) repeat-x; height: 71px; position: relative; }
  div#header div.inner { background: url(img/header.png) no-repeat; height: 100%; }
  a#logo { width: 150px; height: 100%; display: block; float: left; text-indent: -9999px; }
  ul#menu { height: 100%; position: absolute; left: 170px; top: 0; margin: 0; padding: 0; font-size: 1.2em; }
    ul#menu li { float: left; display: block; _display:inline-block; height: 100%; margin: 0; padding: 0; position: relative; }
      ul#menu li a { display: block;  _display:inline-block; height: 100%; padding: 0 8px; margin: 0 4px; line-height: 68px; text-decoration: none; color: #fff; }
       ul#menu li a:hover { background: url(img/menu-hover.png) center bottom no-repeat; color: #c2d3e8; }
       ul#menu li a.act, ul#menu li a.act:hover { background: url(img/menu-active.png) center bottom no-repeat; font-weight: bolder; color: #fff; cursor: default; }
  form#search { position: absolute; right: 0; top: 20px; }
    form#search input { border: 0; color: #bababa; font-style: italic; background: none; width: 158px; }
    form#search input:active, form#search input:focus { color: #fafafa; font-style: normal; }
    form#search input.submit { text-indent: -9999px !important; background: url(img/search-icon.png) no-repeat; width: 27px; height: 27px; opacity: 0.6; filter: alpha(opacity=60); cursor: pointer; }
      form#search input.submit:hover { opacity: 1.0; filter: alpha(opacity=100); }   


div#content { width: 100%; background: #fafafa; overflow: hidden; }
  div#content div.inner { background: url(img/content-bg.png) repeat-y; min-height: 320px; }

  div.padding { padding: 14px 20px 30px 20px; _padding-top: 1px; }

  div#text { width: 639px; float: left; }
    span#breadcrumb { display: block; height: 33px; line-height: 33px; margin: -14px -19px 6px -19px; padding: 0 0 0 19px; background: #ebecde; color: #7b7b74; border-top: 2px solid #dedfd1; border-bottom: 1px solid #f7f7f2; }
      span#breadcrumb a { color: #89a4bb; text-decoration: none; }
       span#breadcrumb a:hover { color: #b45e1f; text-decoration: underline; }
    div#text table, div#text p, div#text li { font-size: 1.2em; }
    div#text ul { margin: 0.5em 0 0 2em; }
      div#text ul li { background: url(img/li.png) 0 2px no-repeat; line-height: 18px; padding: 0 0 0.1em 25px; }
    div#text div#submenu { width: 180px; float: right; }
      div#text div#submenu ul li { background: url(img/li-submenu.png) no-repeat; padding: 0 0 0.4em 30px; }

    ul#rozcestnik { float: left; margin: 0; }
      ul#rozcestnik li { float: left; } 
        ul#rozcestnik li p { display: none; border: 1px solid #898989; background: #cdd1a6; }
         ul#rozcestnik li:hover p { display: block; position: absolute; padding: 6px 10px; margin-bottom: -104px; width: 136px; height: 100px; font-size: 1em; opacity: 0.84; filter: alpha(opacity=84); text-align: left; }
        ul#rozcestnik li a { display: block; width: 156px; height: 145px; margin: 2px 3px 4px 0; border-right: 1px solid #9da36f; opacity: 0.85; filter: alpha(opacity=85); text-indent: -9999px; }
         ul#rozcestnik li a:hover { opacity: 1.0; filter: alpha(opacity=100); }  
        a#kadernictvi { background: url(img/rozcestnik-kadernictvi.jpg) no-repeat; }
        a#kosmetika { background: url(img/rozcestnik-kosmetika.jpg) no-repeat; }
        a#manikura { background: url(img/rozcestnik-manikura.jpg) no-repeat; }
        a#pedikura { background: url(img/rozcestnik-pedikura.jpg) no-repeat; }
        a#pristroje { background: url(img/rozcestnik-pristroje.jpg) no-repeat; }
        a#solarium { background: url(img/rozcestnik-solarium.jpg) no-repeat; margin: 2px 0 0 1px !important; }


                                    
  div#rightbar { width: 320px; float: left; }
    span#woman-small { width: 318px; height: 209px; display: block; margin: -14px -19px 10px -19px; background: url(img/woman-small.jpg) no-repeat; }
    
    div#rightbar object { margin: -14px -19px 0 -19px; padding-top: 10px; background: #fff;  }
    div#rightbar h2 { color: #444444; font-size: 2.0em; margin: 0.8em 0 0.5em 0; font-family: Georgia, serif; }
    div#rightbar dt { color: #aaa; font-size: 1.2em; margin: 0.2em 0 0em 0; font-family: Georgia, serif; }
    div#rightbar dd { color: #444444; font-size: 1.0em; margin: 0 0 2.0em 0; }
        div#rightbar h5 { color: #444444; font-size: 1.4em; font-weight: bold; margin: 0; }
        div#rightbar p { font-size: 1.1em; }

      div#rightbar h4 { font-size:1.2em; font-weight:bolder;}

    form#kontaktform, form#kontaktform table { width: 440px; }
    form#kontaktform td { margin-right: 10px; }
    
    form#kontaktform input,select,textarea { margin: 0.31em 0; padding:0.13em; }
   
    form#kontaktform h4 { color:#939393; }
    form#kontaktform label { display: block; font-size:75%; padding: 7px 0 2px 1px; }
    form#kontaktform input { width: 208px; margin: 0; }
    form#kontaktform select { width: 450px; }        
    form#kontaktform textarea { height: 4.38em; width: 440px; }
    form#kontaktform input.half { width: 45px; margin: 10px 0 0 9px; }

        form#kontaktform input,
        form#kontaktform textarea,
        form#kontaktform select { padding: 3px 4px; margin: 0 0 6px 0; color: #444444 !important; line-height: 1.4; }
        
        form#kontaktform input:hover,
        form#kontaktform textarea:hover,
        form#kontaktform select:hover { border-color: #505050 !important; }
        
        form#kontaktform input:focus,
        form#kontaktform textarea:focus,
        form#kontaktform select:focus { border-color: #222 !important; }

        form#kontaktform input.submit { position: relative; top: 20px; left: 18px; }
    
    .date { font-size: 1.2em; font-family: Georgia, serif; color: #888; }
    fieldset { margin: 10px 0 16px 0; }
      fieldset p { margin: 0 0 0.6em 0; }
      fieldset p.half { float: left; width: 40%; }
      fieldset legend { margin: 0; padding: 0; font-size: 1.4em; font-weight: bold; }
      input.text { width: 220px; }
      textarea.text { width: 456px; height: 40px; }
      .clear { clear: both; }
    div.book-item { background: #efefe1; border: 1px solid #e7e7d7; padding: 10px; margin: 0 0 16px 0; }
      p { margin: 0; }
      p.question { margin: 0.3em 0 0 0; }
      div.reply { margin: 10px -10px -10px -10px; background: #e3edcb; border-top: 1px dotted #e7e7d7; padding: 10px; font-size: 12px; }
      div.reply p {  font-size: 12px; }
      p.pagination { padding: 10px 0; }
        p.pagination a { padding: 4px 6px; margin: 0 6px 0 0; background: #fafaf2; border: 1px solid #c7c79f; text-decoration: none; }
        p.pagination a:hover { background: #fff; }


div#footer { width: 100%; min-height: 287px; background: #555555 url(img/footer-bg.png) repeat-x; }
  div#footer div.inner { width: 961px; }
  

    div#loga { padding-top: 8px; _padding-top: 14px; margin: 0 0 26px 0; clear: both; background: url(img/loga.png) left center no-repeat; width: 956px; height: 42px; cursor: pointer; }
    
    ul#footer-menu li { display: inline; padding: 0 1.8em 0 0; }
      ul#footer-menu li a { color: #cfcfcf; text-decoration: none; }
       ul#footer-menu li a:hover { color: #fafafa; }

h1 { color: #317693; font-size: 3.2em; }
h2 { color: #317693; font-size: 2.0em; margin: 0.8em 0 0.2em 0; }
h3 { color: #444444; font-size: 1.5em; margin: 0.8em 0 0.2em 0; font-weight: bolder; }

a { color: #1f5694; }
a:hover { color: #b45e1f; }
p { text-align: justify; }

strong { font-weight: bolder; }
em { font-style: italic; }

hr.clear { display: none; height: 0; clear: both; visibility: hidden; font-size: 0; margin: 0; padding:0; line-height: 0;  }
.half { display: block; width: 50%; float: left; }

img.right { float: right; margin: 0 0 10px 20px; padding: 3px; border: 1px solid #c2c297; background: #e3e3cf; }

.absolute { position: absolute; z-index: 1; }

div.gallery { padding: 20px 0; }
div.gallery a { padding: 0 10px 10px 0; display: block; float: left; }
 
object { position: relative; z-index: 0 !important; }