/*
Theme name: Golds Gym Brno
Theme URI: www.4People.cz
Description: The WordPress theme Golds Gym.
Author: Bohumil Hanus
*/
/* barvy */
/* tm. šedá - #243233 */
/* růžová - #EC334D */
/* sv. šedá - #E4E4E4 */
/* písmo základ - #666666 */

* {		padding: 0 0 0 0; margin: 0 0 0 0; }
body {	background: #E4E4E4 url(images/bg_body.jpg) repeat;	padding: 25px 0 25px 0;	font: normal normal normal 0.8em/140% Verdana,Arial,Helvetica,sans-serif;	color: #666666;}
#page {  	margin: 0 auto 0; 	width: 900px; }
#header {	height: 150px; background: url(images/bg_menu.png) repeat-x bottom;}
#footer {	color: #747474;	padding: 10px 20px 10px 20px;	border-top: 1px dotted #B6B8B5;	border-bottom: 1px dotted #B6B8B5;	font: normal normal normal 0.7em/150% Verdana,Arial,Helvetica,sans-serif;}
#box {	height: 250px;	background: url(images/bg_box.jpg) repeat;	color: #243233; 	margin: 10px 0 10px 0;}
#uvod {	width: 310px;	float: right;	padding: 10px 20px 20px 20px;	font: normal normal normal 0.9em/150% Verdana,Arial,Helvetica,sans-serif;}
#main {	border-top: 1px solid #CCD1CB;	padding: 10px 0 20px 0;	clear: both;}
#sidebar {	width: 350px;	float: right;}
#content {width: 550px;	float: left;}
#content p{ padding: 5px 0 5px 0;}
.post {	padding: 10px 20px 10px 20px;}
#content a {	color: #EC334D;text-decoration: none;}
#content a:hover {	text-decoration: underline;}
#box a {	color: #243233;text-decoration: none;}
#box a:hover {	text-decoration: underline;}
.meta {color: #B6B8B5; border-bottom: 1px dotted #B6B8B5;border-top: 1px dotted #B6B8B5; padding: 5px 10px 5px 10px; margin-bottom: 15px;}
.noborder {border: none;}
.navigation {margin: 10px 0 10px 0; clear: both;}

H1 a {	color: White; text-decoration: none; font-size: 12px;}
#logo { float: left; overflow: hidden; width:145px; height:135px; margin:0; padding:0; font-size:100%; letter-spacing:5px; position: relative; top: 18px; left: 20px; }
#logo span {	position: absolute;/*	top: -20px;	left: -25px; */	z-index: 99;	width: 145px;	height: 135px;	margin: 0;	padding: 0;	background: url(images/logo.jpg) no-repeat 0 0;	cursor: pointer;} 
H2 {padding: 0 0 10px 0; font: normal normal normal 1.6em/140% Verdana,Arial,Helvetica,sans-serif;}
#footer a {color: #666666; text-decoration:none;}
#footer a:hover {color: #333333;}

/* main-menu */
#menu {	float: right;position: relative; z-index: 90;	width: 710px;	height: 38px;	margin: 0;	padding: 0; top: 42px; }
.home {	background: url(images/menu_home.jpg) no-repeat top; width: 60px; height: 38px; display: block; float: left;}
.home:hover {	background: url(images/menu_home.jpg) no-repeat bottom;}
.historie {	background: url(images/menu-historie.jpg) no-repeat top; width: 80px; height: 38px; display: block; float: left;}
.historie:hover {	background: url(images/menu-historie.jpg) no-repeat bottom;}
.fotogalerie {	background: url(images/menu-fotogalerie.jpg) no-repeat top; width: 100px; height: 38px; display: block; float: left;}
.fotogalerie:hover {	background: url(images/menu-fotogalerie.jpg) no-repeat bottom;}
.spinning {	background: url(images/menu-spinning.jpg) no-repeat top; width: 80px; height: 38px; display: block; float: left;}
.spinning:hover {	background: url(images/menu-spinning.jpg) no-repeat bottom;}
.treneri {	background: url(images/menu-treneri.jpg) no-repeat top; width: 70px; height: 38px; display: block; float: left;}
.treneri:hover {	background: url(images/menu-treneri.jpg) no-repeat bottom;}
.blog {	background: url(images/menu-blog.jpg) no-repeat top; width: 70px; height: 38px; display: block; float: left;}
.blog:hover {	background: url(images/menu-blog.jpg) no-repeat bottom;}
.uspechy {	background: url(images/menu-uspechy.jpg) no-repeat top; width: 70px; height: 38px; display: block; float: left;}
.uspechy:hover {	background: url(images/menu-uspechy.jpg) no-repeat bottom;}
.kontakt {	background: url(images/menu-kontakt.jpg) no-repeat top; width: 90px; height: 38px; display: block; float: left;}
.kontakt:hover {	background: url(images/menu-kontakt.jpg) no-repeat bottom;}
.kontakt2 {	background: url(images/butt-lokace.jpg) no-repeat top; width: 139px; height: 29px; display: block; float: left; margin: 10px 10px 10px 10px;}
.kontakt2:hover {	background: url(images/butt-lokace.jpg) no-repeat bottom;}
.rozpis {	background: url(images/butt-rozpis.jpg) no-repeat top; width: 149px; height: 29px; display: block; float: left; margin: 10px 0 10px 20px;}
.rozpis:hover {	background: url(images/butt-rozpis.jpg) no-repeat bottom;}
.historie-photo {	background: url(images/slide-5.jpg) no-repeat top;}
.inbody {	background: url(images/menu-inbody.jpg) no-repeat top; width: 90px; height: 38px; display: block; float: left;}
.inbody:hover {	background: url(images/menu-inbody.jpg) no-repeat bottom;}

/* slider */
#photo {	width: 550px;	float: left; position:relative; height: 100px }
#slider {	width: 550px;	float: left; position:relative; height: 250px }
#slider ul li {	float:left;	position:absolute;	list-style: none; }
#slider ul li img { border: none;	}
#slider ul li.show {	z-index:90;}

/* ostatní třídy */
.clean {	clear: both;}
.alignleft {	float: left;}
.alignright {	float: right;}
.slogan {	position: relative; z-index: 10;	width: 409px;	height: 25px;	margin: 0;	padding: 0; top: 25px; left: 70px;	} 
.ggbike {position: relative; z-index: 20;	width: 165px;	height: 55px;	margin: 0;	padding: 0; top: 25px; left: 180px;	border: none;}
.fb {position: relative; z-index: 80;	width: 53px;	height: 53px;	margin: 0;	padding: 0; top: 150px; left: 140px;	border: none;}
.tmb {	padding: 4px 4px 4px 4px; margin: 5px 5px 5px 0; border: none; background: url(images/bg_img.gif)repeat; }
.tmb:hover {	background: url(images/bg_img_hover.gif)repeat; }
.boxik {float: left; width: 230px; padding: 0 20px 0 0; margin: 0 0 20px 0;}
#content ul {	padding: 0 0 0 25px ; }
#content ul li {list-style: url(images/li.gif);}
#map {	width: 510px; height: 300px; margin: 10px 20px 20px 20px; float: left; border: 1px solid;}
.video {padding: 5px 5px 5px 5px;	margin: 20px 0 20px 20px;	width: 300px; background: url(images/bg_img.gif)repeat;}
.entry {padding: 5px 0 15px 0; border-bottom:1px dotted #B6B8B5; }
.entry p{padding: 5px 0 5px 0;  margin: 0 0 0 0;}
.center {text-align: center}


#oteviracka ul {width: 310px; margin: 15px 20px 0 20px;}
#oteviracka ul li p {	clear: both; }
#oteviracka ul li{list-style-type: none; padding: 4px 0 0 0; height: 25px; border-bottom: 1px dotted #B6B8B5;}

table {	width: 510px; margin: 0 20px 0 0; }
.den {	width: 80px; }
td {	padding: 5px 5px 5px 5px; border-bottom: 1px dotted #B6B8B5;}
 tr:hover {background-color: #E2E2E2;}

/* treneri */
div#feature_list strong {font-size: 14px;text-transform: uppercase;}
div#feature_list {width: 550px;	height: 600px;	overflow: hidden; position: relative; margin: 20px 0 20px 0;}
div#feature_list ul {position: absolute;top: 0;	list-style: none;padding: 0; margin: 0;}
ul#tabs {left: 0; z-index: 2; width: 300px;}
ul#tabs li {font-size: 12px; font-family: Arial; }
ul#tabs li a {color: #222;text-decoration: none;display: block;padding: 5px 0 5px 20px;height: 18px;outline: none;}
ul#tabs li a:hover {background:  url('images/feature-tab-hover.png') center right;text-decoration: none;}
ul#tabs li a.current {			background:  url('images/feature-tab-current.png') center right;			color: #FFF;		}
ul#tabs li a.current:hover {			text-decoration: none;			cursor: default;	}
ul#output {			right: 0;			width: 300px;			height: 480px;			position: relative;		}
ul#output li {position: absolute;width: 463px;height: 240px;list-style-type: none;list-style-image: none;}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {	font-weight: bold;}
.commentlist li .avatar { 	float: right;	border: 1px solid #eee;	padding: 2px;	background: #fff;	}
.commentlist cite, .commentlist cite a {	font-weight: bold;	font-style: normal;	font-size: 1.1em;	}
.commentlist p {	font-weight: normal;	line-height: 1.5em;text-transform: none;}
#commentform p {	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;	}
.commentmetadata {	font-weight: normal;	}
img.centered {	display: block;	margin-left: auto;	margin-right: auto;	}
img.alignright {	padding: 4px;	margin: 0 0 2px 7px;	display: inline;	}
img.alignleft {	padding: 4px;	margin: 0 7px 2px 0;	display: inline;}
.alignright {float: right;}
.alignleft {	float: left;	}
/* End Images */







/* Begin Comments*/
.alt {	margin: 0;	padding: 10px;	}
.commentlist {		text-align: justify;}
#commentform {	 }
.commentlist li {margin: 15px 0 10px;padding: 5px 5px 10px 10px;list-style: none;}
.commentlist li ul li { margin-right: -5px;margin-left: 10px;}
.commentlist p {margin: 10px 5px 10px 0;}
.children { padding: 0; }
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0; display: block;}
/* End Comments */
textarea {background: transparent; border: 1px dotted #B6B8B5; padding: 10px; color: #666666;}