@charset "utf-8";
/* CSS Document */

html, body, div, p, ul, ol, li, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0}
body {font-family: Arial, Helvetica, sans-serif; font-size: 100.01%; color: #666}

#page {margin: 15px auto 0 auto; width: 950px; height: 631px; background: url("../img/bg_body.jpg") left top no-repeat}

a {text-decoration: none; color: #666}
a:hover {text-decoration: underline; color: #666}

#left {float: left; width: 170px}
#right {position: relative; float: right; width: 760px; height: 490px}
#right img {margin: 0; padding: 0; border: 0}

h1 {font-size: 1.3em; color: #000; font-weight: bold}

.cleaner {clear: both; height: 0; font-size: 0; visibility: hidden}
.img {margin: 0; padding: 0; border: 0}

#copyright, #select_language {margin: 5px auto 0 auto; width: 950px; font-size: 0.7em; color: #666; text-align: right}
#select_language a {text-decoration: none; color: #666}
#select_language a:hover {text-decoration: underline; color: #666}

#logo {margin: 20px 0 0 7px; padding: 0; position: relative; left: 0px; width: 154px; height: 24px; overflow: hidden} 
#logo span {display: block; color: #666; position: absolute; left: 0; top: 0; z-index: 1; width: 154px; height: 24px; margin: 0; padding: 0; background: url("../img/logo.png") top left no-repeat}
#logo a {text-decoration: none; color: #666}
#logo a:hover, #logo span a:visited {text-decoration: none; color: #666}
#logo_print {display: none}

/* MENU */
#menu {margin: 255px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #666}
#menu li {margin: 0; border-bottom: 2px #fff solid; list-style: none; text-align: left; width: 100px}
#menu li a {display: block; padding: 0.31em 0.5em 0.35em 0.5em; text-decoration: none; color: #666}
#menu li a:hover {color: #fff; background: #666}
#menu li .active {color: #fff; background: #666}

/* SEZNAMY PRO FOTKY */
#seznamy, #frame {position: absolute; bottom: 0; left: 0; margin: 0; padding: 0}
#seznamy ul {margin: 15px 0 0 0; padding: 0}

#seznamy ul.raws {width: 450px}
#seznamy ul.raws li {position: relative; list-style: none; float: left; padding: 0 10px 0 0}

#seznamy ul li {position: relative; list-style: none; float: left; padding: 0 10px 0 0}
#seznamy ul li.texty, #seznamy ul.raws li.texty {width: 170px; height: 150px; padding: 0 0 0 10px}
#seznamy ul li.texty h2, #seznamy ul.raws li.texty h2 {position: absolute; top: -4px; left: -1px; color: #666; font-size: 1.2em; font-weight: normal}
#seznamy ul li.texty p, #seznamy ul.raws li.texty p {position: absolute; bottom: -3px; left: 0; color: #666; font-size: 0.8em}
#seznamy ul li.texty p.top {position: absolute; top: -2px; left: 0; font-size: 0.8em; color: #666}
#seznamy ul li.texty strong, #seznamy ul.raws li.texty strong {position: absolute; top: 0; left: 0; width: 170px; height: 150px; background: #666; display: block; opacity: 0.2; filter: alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2;}

#seznamy ul li ul {margin: 0; padding: 0; width: 103px; overflow: hidden}
#seznamy ul li ul.smallpic {margin: 0; padding: 0; width: 70px}
#seznamy ul li ul.fashion {margin: 0; padding: 0; width: 35px}
#seznamy ul li ul li, #seznamy ul li ul.smallpic li {padding: 0; height: 72px; margin: 0 0 4px}
#seznamy ul li ul li.shift, #seznamy ul li ul.smallpic li.shift {margin: 2px 0 0}

/* NASTAVENI OBLASTI PRO CV a LINKS */
#frame {position: absolute; bottom: 0; left: 70px; width: 540px; height: 450px}
#frame em {position: relative; bottom: 0; left: 0; width: 540px; height: 450px; background: #666; display: block; opacity: 0.2; filter: alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2;}
#frame div {position: absolute; top: -3px; left: 0}
#frame div.cs {position: absolute; top: 0; left: 0}
#frame p.links {position: absolute; bottom: -3px; left: 0; font-size: 0.8em; color: #666}
#frame p.education {font-size: 0.8em; color: #666}
#frame p.paragraph {margin: 8px 0 0 0; font-size: 0.8em; color: #666}
.posunuti {margin: 0 0 0 32px}
.posunutit {margin: 0 0 0 40px}

#frame p.links a {text-decoration: none; color: #666}
#frame p.links a:hover {text-decoration: underline; color: #666}
