@charset "utf-8"; /* CSS Document */ /* Created by Pavel Říha - www.web-project.cz © 2009 */ /*Obecné specifikace platící pro celý web*/ body { background: #2c5dc3 url(../grafika/pozadi.png) top left repeat-x; color:black; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; cursor:default; margin: 0px 0px 0px 0px; } /*Specifikace odkazů*/ a img { border:none; } a { color:#e02a2a} a:hover { color:#ffffff} /*Struktura textu*/ h1 { font-size:16px; font-weight:bold; color:#e02a2a; margin:10px;; text-align:center; font-style:italic; } h2 { font-size:16px; font-weight:bold; color:#002572; margin:10px;; text-align:center; font-style:italic; } p { margin:5px 0px 5px 0px; } /*Formuláře*/ input { width: 200px; font-family: Verdana, Arial, Helvetica, sans-serif; background:url(../grafika/textarea-podklad.png) left top repeat-x; border: #4273d8 1px solid;} textarea { width: 400px;font-family: Verdana, Arial, Helvetica, sans-serif; background:url(../grafika/textarea-podklad.png) left top repeat-x; border: #4273d8 1px solid; } .odeslat { line-height:20px; background:url(../grafika/odeslat-podklad.png) left top repeat-x; cursor:pointer; margin-top:5px; } .odeslat:hover { background-position: left bottom; border: #6a040b 1px solid; color:#6a040b } /*Tabulky*/ table { border:#b8c9eb 1px solid; background:#90aae1; padding:5px; } td { border:#9fb6e7 1px solid; padding: 2px 5px 2px 5px; } /*Třídy a indentifikátory - layout webu*/ #hlavnidiv { width: 973px; position:relative; left:50%; margin-left:-486px; color: #000000; padding-top:0px; background: url(../grafika/hlavnidiv-podklad.png) left top repeat-x; } /*Hlavička webu*/ #hlavicka { width: 333px; height:108px; float:left; margin: 20px 0px 0px 33px; float:left; background:url(../grafika/obrazek-maly.jpg) top left no-repeat; padding-top:150px; } #obraz { width: 456px; height:263px; float:left; margin: 14px 0px 0px 80px; float:left; background:url(../grafika/obraz.jpg) top left no-repeat; } /*Menu webu*/ #menu { height:115px; margin: 3px 0px 0px 0px; clear:both; padding:0px 4px 0px 4px; } #menu a { font-size:18px; text-decoration:none; } .odkaz { height:96px; width:165px; text-align:center; padding-top:10px; } /*Menu v neaktivní podobě*/ #skakaci-hrad { height:116px; width:165px; float:left; margin: 3px 0px 0px 23px; background:url(../grafika/skakaci-hrad-podklad.png) left top repeat-x; } #skakaci-hrad a { font-size:18px; text-decoration:none; display:block; color:#154cbd; display:block; padding-bottom: 78px;} #trampolina { height:116px; width:165px; float:left; margin: 3px 0px 0px 23px; background:url(../grafika/trampolina-podklad.png) left top repeat-x; } #trampolina a { font-size:18px; text-decoration:none; display:block; color:#a4151f; display:block; padding-bottom: 78px;} #skluzavka { height:116px; width:165px; float:left; margin: 3px 0px 0px 23px; background:url(../grafika/skluzavka-podklad.png) left top repeat-x; } #skluzavka a { font-size:18px; text-decoration:none; display:block; color:#9e880b; display:block; padding-bottom: 78px;} #cenik { height:116px; width:165px; float:left; margin: 3px 0px 0px 23px; background:url(../grafika/cenik-podklad.png) left top repeat-x; } #cenik a { font-size:18px; text-decoration:none; display:block; color:#ae42a2; display:block; padding-bottom: 78px;} #kontakt { height:116px; width:165px; float:left; margin: 3px 0px 0px 23px; background:url(../grafika/kontakt-podklad.png) left top repeat-x; } #kontakt a { font-size:18px; text-decoration:none; display:block; color:#179215; display:block; padding-bottom: 78px;} /*Menu po najetí myši - hover*/ #skakaci-hrad:hover { height:116px; width:165px; float:left; margin: 3px 0px 0px 23px; background:url(../grafika/skakaci-hrad-podklad.png) left bottom repeat-x; color:white; } #skakaci-hrad:hover a { color:white; } #trampolina:hover { height:116px; width:165px; float:left; margin: 3px 0px 0px 23px; background:url(../grafika/trampolina-podklad.png) left bottom repeat-x; } #trampolina:hover a { color:white; } #skluzavka:hover { height:116px; width:165px; float:left; margin: 3px 0px 0px 23px; background:url(../grafika/skluzavka-podklad.png) left bottom repeat-x; } #skluzavka:hover a { color:white; } #cenik:hover { height:116px; width:165px; float:left; margin: 3px 0px 0px 23px; background:url(../grafika/cenik-podklad.png) left bottom repeat-x; } #cenik:hover a { color:white; } #kontakt:hover { height:116px; width:165px; float:left; margin: 3px 0px 0px 23px; background:url(../grafika/kontakt-podklad.png) left bottom repeat-x; } #kontakt:hover a { color:white; } /*Momentálně aktivní položka menu*/ #skakaci-hrad-aktiv { height:116px; width:165px; float:left; margin: 3px 0px 0px 23px; background:url(../grafika/skakaci-hrad-podklad.png) left bottom repeat-x; color:white; } #skakaci-hrad-aktiv a { color:white; } #trampolina-aktiv { height:116px; width:165px; float:left; margin: 3px 0px 0px 23px; background:url(../grafika/trampolina-podklad.png) left bottom repeat-x;color:white; } #trampolina-aktiv a { color:white; } #skluzavka-aktiv { height:116px; width:165px; float:left; margin: 3px 0px 0px 23px; background:url(../grafika/skluzavka-podklad.png) left bottom repeat-x; color:white; } #skluzavka-aktiv a { color:white; } #cenik-aktiv { height:116px; width:165px; float:left; margin: 3px 0px 0px 23px; background:url(../grafika/cenik-podklad.png) left bottom repeat-x; color:white; } #cenik-aktiv a { color:white; } #kontakt-aktiv { height:116px; width:165px; float:left; margin: 3px 0px 0px 23px; background:url(../grafika/kontakt-podklad.png) left bottom repeat-x; color:white; } #kontakt-aktiv a { color:white; } .rohy { height:10px; width:165px; float:left; margin: 0px 0px 0px 0px; background:url(../grafika/rohy.png) bottom left no-repeat; cursor:pointer; } /*Obsahová část webu*/ #obsah { margin: 0px 0px 0px 0px; clear:both; background:#90aae1; padding: 10px 27px 10px 27px;z-index:5; } #levy-sloupec { width:417px; float:left; z-index:25; padding:0px 15px 10px 15px; background: url(../grafika/levy-sloupec-podklad.png) left top repeat-x; margin:10px 10px 0px 0px; border: #e02a2a 1px solid; } #pravy-sloupec { width:417px; float:left; padding:0px 15px 10px 15px; border: #4273d8 1px solid; margin:10px 0px 0px 10px; background:url(../grafika/pravy-sloupec-podklad.png) left top repeat-x; } #pravy-sloupec img { border: #4273d8 1px solid; margin:0px 8px 8px 0px; } #pravy-sloupec img:hover { border: #ffffff 1px solid; margin:0px 8px 8px 0px; } .clearboth { clear:both; padding:1px 0px 0px 0px; } /*Zaoblení rohů v patičce stránky*/ #text-rohy { height:9px; background: url(../grafika/text-rohy.png) bottom left no-repeat; clear:both; } #copyright { color:#739fbd; text-align:right; font-size:11px; padding:10px 0px 20px 0px } #copyright a { color:black; font-size:11px; } #copyright a:hover { color:#92030d; }