/**
 * <style.css>
 *
 * dd-jablonec.cz - Main CSS style-sheet
 *
 * Description: Document positioning, colors, fonts, graphics etc...
 *
 *
 * @author Martin Fojtík <martin.fojtik@gmail.com>
 *
 * @copyright 2009 Domov dùchodcù Jablonecké Paseky  <http://www.dd-jablonec.cz/>
 *
 *	All rights reserved
 *
 */

/*global settings*/
body {font-family: Arial, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 80%; padding: 0; margin: 0}
body {background-color: #e0d6b1; background-image: url(body/bg2.jpg); color: #292929;  background-position: top center;  background-repeat: repeat-y;       }
div#bg {background-repeat: repeat-x; background-image: url(body/bg.png); min-height: 289px; min-width: 1005px; padding-left: 5px;  background-position: top center;  }

/*postitioning*/
html, body{margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px;}
div#container {position: relative; width: 857px; margin: 0px auto 10px auto; background-color: transparent; padding: 300px 35px 20px 25px;}
div#hd1 {position: absolute; left: -40px; width: 389px; height: 149px; top: 28px;  overflow: hidden;}
div#hd1 h1{
	margin-left: 400px;
}
div#hd1 {background-image: url(body/logo.png);}
div#content {position: relative; float: right;  width: 100%; min-height: 800px; margin-bottom: 20px;}
div#content.reversed {float: left; margin-left: 10px;}
div#right-column {width: 200px; float: right;  margin-bottom: 50px; margin-right: -12px;}
div#right-column div.colorbox {margin-top: 20px; border: 1px solid #D7D7D7;}
div#right-column div.colorbox div.header {height: 37px; line-height: 37px; background-image: url(right-column/hd-orange.gif); background-repeat: repeat-x; color: White; font-size: 14px; font-weight: bold; padding-left: 22px;}
div#right-column div.colorbox.green div.header {background-image: url(right-column/hd-green.gif);}
div#right-column div.colorbox div.text {padding: 12px 22px 12px 22px; font-family: Tahoma; color: #7b7b7b; font-size: 11px;}

div#right-column div.colorbox a.button {display: block; width: 120px; height: 23px; line-height: 23px; margin-bottom: 2px; border: 1px solid #FF6633; background-repeat: repeat-x; background-image: url(buttons/red.gif); color: White; text-decoration: none; text-align: center; margin-left: auto; margin-right: auto;}
div#right-column div.colorbox a.button.blue {background-image: url(buttons/blue.gif); border-color: #6F9CC1;}
div#right-column div.colorbox a.button.green {background-image: url(buttons/green.gif); border-color: #83BF04;}
div#right-column div.colorbox a.button.gold {background-image: url(buttons/gold.gif); border-color: #B7A004;}
div#right-column div.colorbox a.button:hover {background-image: url(buttons/grey.gif); border-color: #888888;}

div#navigation {position: absolute; top: 214px; left: 26px; font-size: 13px;  font-family: Arial, Helvetica, sans-serif; /*text-transform: uppercase; */}
div#navigation a {text-decoration: none; color: White; font-weight: bold;   padding: 0px 18px 0px 18px; margin: 0; display: block; float: left; line-height: 44px; height: 44px;}
div#navigation a:hover, div#navigation a.active {color: White;  background-image: url(body/a_hover.png);  background-position: top center;  background-repeat: no-repeat;  }

div#subnav {position: absolute; top: 262px; left: 15px; font-size: 12px;  font-family: Arial, Helvetica, sans-serif; /*text-transform: uppercase; */}
div#subnav a {text-decoration: none; color: #2EA196; font-weight: bold; margin: 0;  padding: 0px 10px 0px 10px; display: block; float: left; line-height: 20px; height: 20px;}
div#subnav a:hover, div#subnav a.active {color: Black;}


/*div#subnav {width: 197px; float: left;  margin-bottom: 50px;}
div#subnav a {display: block; color: White; height: 34px; line-height: 34px; background-image: url(left-menu/btn.jpg); margin-bottom: 1px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none; padding-left: 20px;}
div#subnav a:hover, div#subnav a.active {background-image: url(left-menu/btn-act.jpg); color: #676666;}
div#subnav img {margin-bottom: 5px;}
div#subnav li a {display: inline; background: none; color: #7f7f7f; font-size: 11px; line-height: normal; padding-left: 6px; font-weight: normal;}
div#subnav li a:hover, div#subnav li a.active {background: none; font-weight: bold; text-decoration: underline;}
div#subnav ul {margin-top: 5px; margin-bottom: 5px;}*/

div#footer {clear: both; font-size: 10px; height: 20px; width: 908px; text-align: center; color: Black; line-height: 26px;  margin: 0px -18px -14px -18px;     }

div#search {position: absolute; top: 16px; left: 720px; color: White; font-size: 11px;}
div#search a {color: White; text-decoration: none;}
div#search a:hover {text-decoration: underline;}
div#search input.q {height: 25px; line-height: 25px; border: 1px solid #2f2921; padding: 0px 5px 0px 5px; margin-right: 10px;}
div#search input.b {height: 25px; width: 73px; background-image: url(body/btn.gif); border: 0; color: White; font-weight: bold;}

div#path {font-size: 11px; color: #7b7b7b; font-weight: bolder; margin: 10px 0px 2px 0px;}
div#path a {color: #A14E03; text-decoration: none;}
div#path a:hover {color: #289AEE; }

/*z-indexes*/
div#navigation {z-index: 2;}
div#search {z-index: 2;}
a#home {z-index: 3;}
div#hd1 {z-index: 1;}

/*home anchor*/
a#home {position: absolute; left: -40px; top: 28px; width: 389px; height: 149px;}
a#admin {position: absolute; left: 860px; top: 30px; width: 100px; height: 20px; color: White; text-decoration: none; font-size: 10px;}


/**
 *		Begin of content section
 *
 */
#content {font-size: 100%;}
#content h2{font-size: 30px; color: #582C03; padding: 0;  margin: 2px 0px 10px 0px; }
#content h3 {color: #582C03; padding: 0; font-size: 150%; margin: 4px 0px 12px 0px; }
#content p {margin-bottom: 12px; margin-top: 2px; text-align: justify; z-index: 2; position: relative;}
#content a {color: Black; z-index: 2; position: relative;}
#content a:hover {color: #fb7f09; z-index: 2; position: relative;}
#content hr {color: #8AB92B;  }

#content .right {text-align: right; margin-right: 20px; }

#content .gbox1 {clear: both; height: 71px; /*background-image: url(doc/gbox1.gif);*/ background-repeat: no-repeat; margin-left: -27px; margin-bottom: -50px; z-index: 1;}
#content .gbox2 {height: 77px; /*background-image: url(doc/gbox2.gif);*/ background-repeat: no-repeat; background-position: right; margin-right: -27px; margin-top: -53px; z-index: 1; position: relative;}

#content div.colorbox {width: 428px; float: left;  z-index: 2; position: relative; border: 1px solid #EBE5CF;}
#content .vr {width: 8px;}
#content .notable td {border: 0; padding: 0; margin: 0; padding-bottom: 8px; vertical-align: top;}
#content div.icon {float: left; width: 112px; height: 84px; background-image: url(doc/imgbox.png); padding: 9px 9px 10px 9px; margin: -8px 6px 4px 0px; }
#content img.icon {border: 0; position: relative; z-index: 2;}
#content div.icon div.crop {overflow: hidden; height: 100%; position: relative; z-index: 2;}
#content div.colorbox div.text {font-size: 85%;	padding: 10px 8px 4px 4px; text-align: justify;}
#content div.colorbox div.text div.comments {clear: left; text-align: right; margin-top: 6px;}
#content div.colorbox div.header {font-size: 12px; color: White; padding: 0px 4px 0px 20px; height: 23px; line-height: 23px; /*background-image: url(doc/colorbox-hd.gif);*/background-repeat: repeat-x;  background-color: #412103; }	
#content div.colorbox div.header a{color: White; text-decoration: none;}
#content div.colorbox div.header a:hover{text-decoration: underline;}

#content table.table {border: 1px solid #C18257; width: 100%; position: relative; z-index: 2;}
#content table.table td{padding-bottom: 4px; padding-left: 2px; padding-right: 2px;	padding-top: 4px; border: 1px solid #D6E6F6;}

#content td.plan {padding-bottom: 4px; padding-left: 2px; padding-right: 2px; padding-top: 4px; border: 1px solid #D6E6F6; width : 30%;}

#content div.fotogalerie {position: relative; z-index: 2;}

#content div.fotogalerie img {border: 1px solid #F3F3F3;}
#content div.fotogalerie a{text-decoration: none;}

#content p.suplovani{}