/*

Author: Tomas Matis, Skvely.CZ
Project: Balneovision.cz

Latest revision: 2.3.2009

*/

@import url("global.css");
@import url("highslide.css");


/* Base
----------------------------------*/
body { background:#fff url('../images/bg-body.png') repeat-x 0 0; font-size:62.5%; }
p { margin:0 0 10px 0; }


/* Page
----------------------------------*/
#page { font-size:1.3em; line-height:1.6; width:980px; margin:0 auto; position:relative; color:#696969; overflow:hidden; }
#page-main { font-size:1.3em; line-height:1.6; width:800px; margin:0 auto; position:relative; color:#696969; overflow:hidden; }
#page-main h1 { font-size:1.4em; text-align:center; margin:10px auto; position:relative; }
#page-main h1 span { position:absolute; top:0; left:200px; background:transparent url(../images/balneo_logo.jpg) no-repeat; display:block; width:400px; height:42px; }

/* Links
----------------------------------*/
a, a:link, a:visited { color:#696969; text-decoration:underline; }
a:active, a:focus, a:hover { color:#696969; text-decoration:none; }


/* Header
----------------------------------*/
#header { margin:33px auto 10px; position:relative; width:100%; height:90px; overflow:hidden; }
#header a { text-decoration:none; }
#header a.fleft { color:#007594; margin:23px 0 0 0;  }
#header a.fright { color:#088243; }
#header h1 { font-size:1.1em; position:absolute; top:60px; left:0; /*position:relative;*/ }
#header h1 span { position:absolute; top:0; left:00px; background:transparent url(../images/balneo_logo.jpg) no-repeat; display:block; width:400px; height:42px; }
#header #skip a { position:absolute; top:-9999px; left:-9999px; }
#header #skip a:focus,
#header #skip a:active { background:#0bb5ec; color:#fff; width:300px; padding:5px; font-size:1.2em; font-weight:700; text-align:center; top:0; left:200px; z-index:50; }

p#topMenu { position:absolute; top:5px; right:0; font-size:0.85em; }



/* Content
----------------------------------*/
#container { width:100%; overflow:hidden; }
#content { width:620px; float:left; position:relative; z-index:10; }
#content h1 { font-size:1.4em; text-align:right; /*position:relative;*/ }
/*#content h1 span { position:absolute; top:0; left:0px; background:transparent url(../images/balneo_logo.jpg) no-repeat; display:block; width:400px; height:32px; }*/
#content #article { /*margin:20px 0 0 0;*/ width:100%; overflow:hidden; padding-top:15px; }
#content #image { float:left; padding:0 15px 0 0;  }
#content #post { border:2px solid #efefef; margin:0 0 0 5px; padding:15px;  float:left; }
#content .longpost { border:2px solid #efefef; padding:10px; float:left; margin:0 0 5px 5px; width:590px; }
#content .longpost .galler { margin:0 0 5px 5px; float:left; display:block; width:140px; height:100px; position:relative; }
#content .longpost .galleredit { margin-bottom:25px; }
#content .longpost .galler a.highslide { display:block; width:140px; height:100px; }
#content .longpost .galler a.highslide img { display:block; margin:0 auto; }
.imga { display:block; width:60px; height:50px; background:black; position:relative; vertical-align:bottom; position:absolute; }
#content .longpost .link { margin:10px 20px; display:block; }
#content .longpost .link li { list-style:none; padding-left:30px; position:relative; display:block; }
#content .longpost .link li.soubor a { color:#007594; font-weight:bold; text-decoration:underline; padding:0; }
#content .longpost .link li.soubor a.soubor { padding:0 10px; }
#content .longpost .link li.soubor a.soubor:hover { text-decoration:none; }
#content .longpost .link li.soubor img { position:absolute; left:15px; top:3px; }
h2 { font-size:1.2em; }

#content #mainMenu { /*position:absolute; top:0; left:0;*/ padding-bottom:40px; padding-top:10px; }

#flash { float:right; background:#fff; width:350px; z-index:0; }

div.podcontent { margin-left:20px; }

.button,
.button:active,
.button:visited { background:url('../images/button.gif') no-repeat 0 0; display:block; margin:10px auto; text-align:center; font-weight:700; font-size:1em; color:#fff !important; width:130px; height:30px; line-height:30px; }
.button:hover,
.button:active,
.button:focus { color:#fff; }

/* Main menu
----------------------------------*/
menu#mainMenu {  }
menu#mainMenu li { float:left; /*margin-bottom:10px;*/ position:relative; z-index:1;}
menu#mainMenu li a,
menu#mainMenu li a.active { /*float:left;*/ display:block; white-space:nowrap; margin:0 5px 0 0; padding:15px 8px 0; }
menu#mainMenu li a.active { color:#fff; }

menu#mainMenu li a,
menu#mainMenu li a:link,
menu#mainMenu li a:visited { font-weight:700; text-decoration:none; }

menu#mainMenu li a:active,
menu#mainMenu li a:focus,
menu#mainMenu li a:hover { color:#fff; }

menu#mainMenu li div.edit { clear:both; }
menu#mainMenu li div.edit a { padding:0px; float:left; }
menu#mainMenu li div.edit a:hover { background:transparent; }
menu#mainMenu li div.edit small { display:block; }


#mainMenu .submenu1 { display:none; left:0px; position:absolute; text-transform:none; top:32px; z-index:100; list-style:none; background:#FDFDFD; margin:0px; }
#mainMenu .submenu1 li { float:none; margin:1px 1px; }
#mainMenu .submenu1 li a { text-decoration:underline; display:block; font-weight:normal; float:none; margin:0; padding:2px 30px 2px 7px; height:18px; line-height:18px; }
#mainMenu .submenu1 li a:link,
#mainMenu .submenu1 li a:visited,
#mainMenu .submenu1 li a.active,
#mainMenu .submenu1 li a:focus,
#mainMenu .submenu1 li a:hover { text-decoration:underline; display:block; font-weight:normal; float:none; margin:2px 2px; padding:1px 30px 1px 5px; }

#mainMenu li.hover,
#mainMenu li:hover,
#mainMenu li.hover .submenu1, 
#mainMenu li:hover .submenu1 { display:block; margin:0; padding:0; }
#mainMenu li.hover .submenu li,
#mainMenu li:hover .submenu li { margin:0; }
#mainMenu .activesub { display:block; }



/* Colors
----------------------------------*/
.sauny h1 { color:#ffd21f; }
/*.sauny menu#mainMenu li a:active,
.sauny menu#mainMenu li a:focus,*/
.sauny menu#mainMenu li a:hover { background:#ffd21f; }
.sauny menu#mainMenu li a.active { background-color:#ffd21f; }
.sauny #mainMenu .submenu1 { border:#ffd21f solid 2px; }

.balneovision h1 { color:#e95f47; }
/*.balneovision menu#mainMenu li a:active,*/
.balneovision menu#mainMenu li a:focus,
.balneovision menu#mainMenu li a:hover { background:#e95f47; }
.balneovision menu#mainMenu li a.active { background-color:#e95f47; }
.balneovision #mainMenu .submenu1 { border:#e95f47 solid 2px; }

.bazeny h1 { color:#0062a9; }
.bazeny menu#mainMenu li a:active,
.bazeny menu#mainMenu li a:focus,
.bazeny menu#mainMenu li a:hover { background:#0062a9; }
.bazeny menu#mainMenu li a.active { background-color:#0062a9; }
.bazeny #mainMenu .submenu1 { border:#0062a9 solid 2px; }

.morskeklima h1 { color:#2fb9d2; }
.morskeklima menu#mainMenu li a:active,
.morskeklima menu#mainMenu li a:focus,
.morskeklima menu#mainMenu li a:hover { background:#2fb9d2; }
.morskeklima menu#mainMenu li a.active { background-color:#2fb9d2; }
.morskeklima #mainMenu .submenu1 { border:#2fb9d2 solid 2px; }

.virivky h1 { color:#088243; }
.virivky menu#mainMenu li a:active,
.virivky menu#mainMenu li a:focus,
.virivky menu#mainMenu li a:hover { background:#088243; }
.virivky menu#mainMenu li a.active { background-color:#088243; }
.virivky #mainMenu .submenu1 { border:#088243 solid 2px; }

.parnikabiny h1 { color:#78b74a; }
.parnikabiny menu#mainMenu li a:active,
.parnikabiny menu#mainMenu li a:focus,
.parnikabiny menu#mainMenu li a:hover { background:#78b74a; }
.parnikabiny menu#mainMenu li a.active { background-color:#78b74a; }
.parnikabiny #mainMenu .submenu1 { border:#78b74a solid 2px; }

.infrasauny h1 { color:#e64455; }
.infrasauny menu#mainMenu li a:active,
.infrasauny menu#mainMenu li a:focus,
.infrasauny menu#mainMenu li a:hover { background:#e64455; }
.infrasauny menu#mainMenu li a.active { background-color:#e64455; }
.infrasauny #mainMenu .submenu1 { border:#e64455 solid 2px; }

/* Main menu admin
----------------------------------*/
#admin {  }
#admin li a { font-weight:bold;  }

.menu1admin {  }
.menu1admin li { position:relative; list-style:disc; display:block; clear:both; padding-left:40px; }
.menu1admin li a,
.menu1admin li a:link,
.menu1admin li a:visited,
.menu1admin li a.active { text-decoration:underline; display:inline; font-weight:bold; float:left; }

.menu1admin li a:active,
.menu1admin li a:focus,
.menu1admin li a:hover { text-decoration:underline; }

.menu1admin .edit {  }
.menu1admin .edit a { padding:0px; }
.menu1admin .edit a:hover { background:transparent; }
.menu1admin .edit small { display:block; }

.menu2admin {  }
.menu2admin li { position:relative; list-style:circle; display:block; clear:both; padding-left:80px; }
.menu2admin li a,
.menu2admin li a:link,
.menu2admin li a:visited,
.menu2admin li a.active { text-decoration:underline; display:inline; font-weight:bold; float:left; }

.menu2admin li a:active,
.menu2admin li a:focus,
.menu2admin li a:hover { text-decoration:underline; }

.menu2admin .edit {  }
.menu2admin .edit a { padding:0px; }
.menu2admin .edit a:hover { background:transparent; }
.menu2admin .edit small { display:block; }


/* Mapsite
----------------------------------*/
#mapsite0 { margin-left:40px; }
#mapsite0 li { list-style:disc; font-weight:bold; }
.mapsite1 { margin-left:40px; }
.mapsite1 li { list-style:circle; }
.mapsite1 li a { font-weight:normal; }
.mapsite2 { margin-left:40px; }
.mapsite2 li { list-style:square; }


/* Footer
----------------------------------*/
p#footer { margin:20px auto; text-align:center; clear:both; }


/* Gallery
----------------------------------*/
.images { list-style-type:none; margin:0 0 15px 0; padding:18px 0; overflow:hidden; width:100%; }
.images li { background:none; padding:0; margin:0 20px 10px 0; padding:0 0 15px 0; float:left; position:relative; }
.images li.last { margin-right:0; }
.images li a img { border:1px solid #3b3e40; }
.images li a:hover img { border-color:#15b1e5; }
.images li small { font-size:1em; position:absolute; bottom:0; left:0; }



/* Other
----------------------------------*/
.in { padding:10px; }
.hidden { display:none; }
.hiddenA { position:absolute; top:-9999px; left:-9999px; }
.imRight { display:block; float:right; }
.imLeft { display:block; float:left; }
.fleft { float:left !important; }
.fright { float:right !important; }
.tal { text-align:left; }
.tar { text-align:right; }
.tac { text-align:center; }
.vam { vertical-align:middle; }
.clear,
.edit { width:100%; overflow:hidden; }
.edit.cat0 { position:absolute; top:33px; right:0; }
.edit.cat1add { position:absolute; top:40px; left:0; }
.clear2 { clear:both; }
.ir,.ir span { display:block; overflow:hidden; position:relative; top:0; left:0; } 
.ir span { width:100%; height:100%; position:absolute; }

.h1content { display:block; /*margin-top:50px;*/ }
.h1content1 { display:block; /*margin-top:70px;*/ }


#index-menu { display:block; position:relative; padding:200px 100px; height:300px;  }
#index-menu li {}
#index-menu li a { font-weight:bold; }
#index-menu #flashMenuIndex { position:absolute; top:0; left:0; display:block; height:700px; width:800px; }

#cat-order-form tr { vertical-align:top; }
#cat-order-form th { text-align:right; padding-right:10px; }
#cat-order-form #jmeno,
#cat-order-form #email,
#cat-order-form #telefon { width: 220px; }
#cat-order-form #ulice { width: 180px; margin-right: 5px; }
#cat-order-form #cislo { width: 30px; }
#cat-order-form #psc { width: 50px; margin-right: 5px; }
#cat-order-form #mesto { width: 160px; }
#cat-order-form #kraj { width: 223px; }
#cat-order-form #poznamka { width: 265px; }
#cat-order-form #internet,
#cat-order-form #vystava,
#cat-order-form #odjinud { padding: 0; border: none; }
#cat-order-form .th-spec { vertical-align: top; padding-top: 5px; }
#cat-order-form .td-spec1 label { margin: 0 5px; }
#cat-order-form .td-spec2 { text-align: center; padding-top: 15px; }
#cat-order-form .submit { background-color: #125F4D; color: #FFF; }

.gallery { width: 590px; margin-bottom: 20px; overflow: hidden; }