/**
 * Hlavni styly pro web
 * encoding UTF8 (ěščřžýáíéúů)
 */
body { font-family:verdana,arial,sans-serif; font-size:medium; color:#fff; background:#4c4b4c url('layout/body.png') top left repeat-x; }
* { margin:0; padding:0; line-height:1.33; }
a { text-decoration:underline; color:#fff; }
a img { border:none; }
a:hover, .green { color:#c4fd00; }
#all { margin-top:100px; font-size:68.75%; background:url('layout/all.png') top center repeat-y; }
#page { width:995px; margin:0 auto; position:relative; }
#head { height:38px; border-bottom:1px solid #959595; padding-bottom:8px; position:relative; }
#head h1 { position:absolute; bottom:7px; left:0; font-size:254.55%; text-transform:lowercase; font-weight:normal; letter-spacing:1ex; }
#head h1 a { text-decoration:none; color:#f7f7f7; }
#head h1 a span { color:#c4fd00; }
#head ul { position:absolute; right:0; bottom:8px; }
#proj-nav { position:absolute; top:11px; left:1px; height:20px; }
#head ul li, #proj-nav li { float:left; list-style-type:none; display:block; background:transparent url('layout/nav-border.png') top right repeat-y; padding-right:3px; }
#proj-nav li { background:none; padding:0; border-right:1px solid #fff; }
#head ul li.last, #proj-nav li.last { background:none; padding:0; border:none; }
#head ul li a, #proj-nav li a { color:#fff; text-decoration:none; display:block; padding:0 9px; float:left; }
#proj-nav li a { padding:0 6px; }
#head ul li a.active, #head ul li a:hover,
#proj-nav li a.active, #proj-nav li a:hover { color:#c4fd00; }

#content { background:#191919 url('layout/content.png') top left repeat-x; border-top:1px solid #7c7c7c; padding:47px 14px 0 35px; min-height:366px; position:relative; }
#content.projects, #content.slideshow { padding:47px 12px 0 12px; }
#content dl { margin:30px 0; }
#content dl dt { float:left; width:19ex; }
#content dl dd { margin-left:19ex; }
#head ul, #content h2.first { font-weight:normal; font-size:163.64%; text-transform:lowercase; letter-spacing:1px; }
#content h2.first { margin-bottom:10px; }
#content h3 { color:#c4fd00; font-weight:normal; font-size:100%; }
#content .images { text-align:right; }
#content .alcatraz { background:#fff url('../files/new-alcatraz-d.png') bottom right no-repeat; }
#content .miza { background:#fff url('../files/villa-miza-d.png') center right no-repeat; }
#content .white { background-color:#fff; padding:25px 17px; min-height:314px; }
#content .white h3 { color:#000; text-transform:lowercase; font-weight:bold; margin-top:8px; }
#content .white p { color:#000; width:515px; }
#content .miza p { width:460px; }
#content .hips-01 { background:#fff url('../files/hips_01-d.jpg') bottom right no-repeat; }
#content .hips-01 p {width:400px; margin:10px 0;}
#content .hips-02 { background:#fff url('../files/hips_02-d.jpg') top left no-repeat; min-height:320px; height:320px; padding-top:15px;}
#content .hips-02 p {margin:10px 0 10px 90px; width:420px;}
#content .ferryman { background:#fff url('../files/ferryman-d.jpg') bottom right no-repeat;}
#content .ferryman p {margin:10px 0; width:420px;}
#content .ferryman p.bottom {margin-top:80px; width:420px;}
#content .kromeriz { padding-top:5px; padding-bottom:0px; background:#fff url('../files/kromeriz-d.jpg') top left no-repeat; height:355px;}
#content .kromeriz p{ margin:10px 10px 10px 620px; width:auto;}
#content .rebox { padding-top:5px; background:#fff url('../files/rebox-d.jpg') bottom right no-repeat; height:330px; min-height: 330px;}
#content .rebox p{ margin:10px 0; width:250px;}
#content .rebox p.long{ width:300px;}
#content .white a {color:#000;}
#content .white a:hover {color:#c4fd00;}

div.l, div.r { width:480px; }
.l { float:left; clear:left; }
.r { float:right; clear:right; }
img.l { margin:0 20px 20px 0; }
img.r { margin:0 0 20px 20px; }

div.icons { width:564px; position:relative; }
div.icons a { display:block; float:left; margin:0 8px 8px 0; width:180px; height:80px; overflow:hidden; position:relative; }
div.icons a img { position:absolute; bottom:0; right:0; top:auto; }
div.icons a:hover img { top:0; bottom:auto; }

#content div.slideshow { width:967px; height:362px; overflow:hidden; text-align:right; position:relative; }
#content div.slideshow a { display:block; position:absolute; top:0; right:0; }

.projects h2 { font-weight:normal; font-size:218.2%; line-height:1; position:relative; top:1ex; }
.projects h2 em { font-style:normal; font-size:45.84%; }
.projects h2 em.move { position:relative; top:-2ex; left:0; }

#foot { background:#191919 url('layout/foot.png') bottom left repeat-x; text-align:right; font-size:81.82%; position:relative; }
#foot p { padding:8px 14px 41px 14px; }
#foot span.bl, #foot span.br { display:block; position:absolute; height:43px; width:43px; font-size:1px; bottom:0; }
#foot span.bl { background:url('layout/shadow-bl.png') top left no-repeat; left:-27px; }
#foot span.br { background:url('layout/shadow-br.png') top left no-repeat; right:-27px; }
#page span.tl, #page span.tr { display:block; position:absolute; height:476px; width:27px; font-size:1px; top:0; }
#page span.tl { background:url('layout/shadow-tl.png') top left no-repeat; left:-27px; }
#page span.tr { background:url('layout/shadow-tr.png') top left no-repeat; right:-27px; }

#projects-menu { display:block; position:absolute; right:10px; bottom:4ex; }
#projects-menu li { display:block; float:left; list-style-type:none; padding-right:1px; }
#projects-menu li a { display:block; padding:2px 6px; background-color:#3b3b3b; }
#projects-menu li a:hover, #projects-menu li a.active { background-color:#c4fd00; color:#000; }

address { font-style:normal; }
.inv { display:none; }
.clear { clear:both; height:1px; display:block; font-size:1px; }