/* ~-~-~-~-~-~-~-~-~-~-~-~-~-~ ThaiMassage.cz ~-~-~-~-~-~-~-~-~-~-~-~-~- */
/* ~-~-~-~-~-~-~-~ GFx via CSS IdeFixx (www.sucharda.cz) ~-~-~-~-~-~-~-~ */
html, body { height: 100%; }
body {
	margin: 0 auto; padding: 0;
	width: 100%;
	font: 80% 'Trebuchet MS', 'Gill Sans', 'Gill Sans MT', 'Geneva CE', lucida, sans-serif;	text-align: center;
	color: #3a3a3a;	background: #F8FBEA;
}

/* ~-~ vseobecne ~-~ */
h1, h2, h3 { margin: .6em 0 .1em 0; padding: 0; font-size: 1.7em; font-weight: bold; color: #339; }
h1 { margin: 0 0 .3em 0; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.3em; color: #3a3a3a; }

a { text-decoration: underline; color: #633; outline: none; }
a:visited { color: #773b77; }
a:hover, a:active { color: #800000; }

p, ul, address {
	margin: .2em 0 .6em 0;
	padding: 0;
	line-height: 145%;
	font-size: 1em;
}
address { font-style: normal; }
sup, small { font-size: .8em; }

ul { margin-left: 1.5em; list-style-type: square; }

dt {}
dd { margin: 0 0 .3em 0; text-align: right; border-bottom: 1px solid #B0BA8F; }

hr, .hr { display: none; }
img { border: none; }

.center { text-align: center; }
.right { float: right; margin: 3px 0; padding-left: 20px  }
.left { float: left; margin: 3px 0; padding-right: 20px; }
.right img, .left img { border: 2px solid #fff; }

.cistic { clear: both; }

/* ~-~ design obsahu ~-~ */
body>#stranka {	height: auto; }

#stranka { width: 100%; height: 100%; min-height: 100%; text-align: left; position: relative; z-index: 2; }

#logo { position: relative; top: 4px; left: 52px; }

#obal { margin: auto; width: 770px; padding-bottom: 209px; overflow: auto; position: relative; z-index: 3; }

#hlavni-blok { float: right; padding: 90px 0 2em 0; width: 575px; }

.pod { width: 25em; padding: 1em; text-align: center; background: url("pod.png"); }

.galerie { overflow: auto; margin-bottom: .3em; }
.galerie .foto { float: left; margin: 0 5px 5px 0; width: 120px; height: 80px; padding: 1px; border: 2px solid #fff; overflow: hidden; background-color: #F8FBE7; }
.galerie .foto:hover { border: 2px solid #c9d5a3; }

/* ~-~ navigace ~-~ */
#drobek { margin: -21px 0 5px 0; font-size: .85em; }

#navigace { float: left; width: 170px; min-height: 480px; background: url("menu.png") top no-repeat; }
#navigace ul { list-style-type: none; margin: 9px 0 0 0; }
#navigace li a, #navigace li strong { display: block; padding: 3px 8px 5px 8px; color: #339; background: url("pod-menu.png") left bottom no-repeat;  }
#navigace li a:hover, #navigace li strong { background: url("pod-menu.png") -170px bottom no-repeat;  }
#navigace li a:visited { color: #773b77; }
#navigace li a:hover, #navigace li a:active { color: #800000; }

#logo { height: 76px; }

/* ~-~ paticka ~-~ */
#paticka { position: absolute; bottom: 0; z-index: 4; width: 100%; height: 209px; background: #c9d5a3 url("paticka.png") top repeat-x; }
#paticka-in { margin: auto; padding-top: 18px; width: 770px; text-align: left; }
#paticka-in .in-1 { float: left; width: 195px; padding: 30px 15px 0 0; text-align: right; }
#paticka-in .in-2 { float: right; width: 545px; padding-left: 15px; background: url("paticka-in.png") left top repeat-y; }
#paticka-in .in-2 .nadpis { padding-bottom: 0; font-size: 145%; font-weight: bold; }
#paticka p { margin: 0; padding-bottom: 5px; font-size: .85em; }
#paticka a { color: #000; }
#paticka a:hover { color: #900; }

.stats {}

/* ~-~ doplnky ~-~ */
#tapeta-1 { position: absolute; bottom: 0; z-index: 0; width: 100%; height: 100%; background: url("pozadi.jpg") 0 bottom repeat-x; }
#tapeta-2 { height: 480px; background: url("top.png") 0 0 repeat-x; }

/* ~-~ formulare ~-~ */
form, fieldset, form ol, form li, form p { margin: 0; padding: 0; }
fieldset { border: none; }
fieldset legend { margin: 0 0 .5em -5px; font-weight: bold; }

.mail-form { margin-bottom: 1em; }
.mail-form fieldset {}
.mail-form ol { list-style-type: none; }
.mail-form li { margin-bottom: .3em; padding-bottom: .3em; }
.mail-form p { margin: .3em 0; }

.mail-form .linka { clear: both; padding-top: 8px; }
.mail-form .linka label.typ-pole, .mail-form .linka span.typ-pole { float: left; width: 82px; margin-right: 5px; text-align: right; }
.mail-form .linka span.pole { float: left; text-align: left; }
.mail-form .tlacitko { margin-left: 87px; }

.povinna, .mail-form em { color: #c31c1a; font-weight: bold; }

/*
* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.css
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { margin: 0 auto; position: relative; width: 250px; height: 250px;  background-color: #fff; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; z-index: 10; top: 0; left: 0; height: 100%; width: 100%;	}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { overflow: auto; width: 100%; margin: 0 auto; padding: 0 10px 0; font-size: .9em; line-height: 1.4em; background-color: #fff; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block;	clear: left; padding-bottom: 1.0em; }			
#lightbox-secNav-btnClose {	width: 66px; float: right; padding-bottom: 0.7em; }