/********************************************************************/
/***********   Tenisový areál Žalov | Created by studio WPJ *********/
/********************************************************************/
* {
   margin: 0;
   padding: 0;
   border:0px;
}
/************************ GENERAL STYLES ****************************/
html {height:100%}
body {
   font-family: Arial, Helvetica, sans-serif;
   color:#312d27;
   font-size:12px;
   text-align:left;
   height:100%;
   background: url("../images/background.gif") repeat 0 0;
}

a:link {
   color: #ef7000;
   text-decoration: none;
}
a:visited {
   color: #ef7000;
   text-decoration: none;
}
a:hover {
   color: #a90e14;
   text-decoration: none;
}
h1{
   font-family: AvantGar, Arial, Helvetica, sans-serif;
	padding:10px 25px 5px;
   margin:0px; 
   font-size:34px;
   color:#a90e14;
   font-weight:bold;
   font-style:italic;
}
h2 {
   font-size: 28px;
   font-weight:normal;
   font-weight:bold;
   font-style:italic;
   padding: 5px 25px 5px;
   font-family: AvantGar, Arial, Helvetica, sans-serif;
}
h3 {
   font-size: 18px;
   padding: 5px 25px 3px;
   font-weight:bold;
   font-family: AvantGar, Arial, Helvetica, sans-serif;
   color:#ee7000;
   text-transform:uppercase;
}
h4 {
   margin: 0;
   padding: 5px 25px 3px;
   font-size:16px;
   font-weight:bold;
}
h5 {
   margin: 0;
   padding: 5px 25px 3px;
   font-size:14px;
   font-weight:bold;
}
p{
	line-height:22px;
   padding:5px 25px;
}
#content ul, #content ol {
   line-height:25px;
   margin-left:45px;
   list-style-position:outside;
}
a.button {
   display:block;
   float:right;
   background-color:#a90e14;
   font-family: Lowsun, Arial, Helvetica, sans-serif;
   font-size:24px;
   color:#FFFFFF;
   padding:4px 20px;
   transform: skew(-10deg,0deg);
   -ms-transform: skew(-10deg,0deg); /* IE 9 */
   -webkit-transform: skew(-10deg,0deg); /* Safari and Chrome */
   margin-top:-60px;
}
a.button:hover{
   color: #d24a1d;
}
a.home_button{
   background: url("../images/button.gif") no-repeat top left;
   height:25px;
   float:right;
   color:#FFF;
   font-size:14px;
   width:104px;
   text-align:center;
   display:block;
   font-family: AvantGar, Arial, Helvetica, sans-serif;
   padding:9px 3px 0;
}
a.home_button:hover{
   color:#4e4e4e;
   text-decoration:none;
   background-position:bottom left;
}
/* Cleaner */
.cleaner {
   clear:both;
   padding:0;
   margin:0;
   background:none;
}
/* Font */ 
@font-face { /* LOWSUN */
   font-family: "Lowsun";
   src: url("../styles/fonts/hff_low_sun-webfont.eot?"), url("../styles/fonts/hff_low_sun-webfont.woff") format("woff"), url("../styles/fonts/hff_low_sun-webfont.ttf") format("truetype");
}
@font-face { /* AVANT DEMI */
   font-family: "AvantGar";
   src: url("../styles/fonts/avantgargotitclot-dem-webfont.eot?"), url("../styles/fonts/avantgargotitclot-dem-webfont.woff") format("woff"), url("../styles/fonts/avantgargotitclot-dem-webfont.ttf") format("truetype");
}
@font-face { /* AVANT BOLD */
   font-weight:bold;
   font-family: "AvantGar";
   src: url("../styles/fonts/avantgargotitctot-bol-webfont.eot?"), url("../styles/fonts/avantgargotitctot-bol-webfont.woff") format("woff"), url("../styles/fonts/avantgargotitctot-bol-webfont.ttf") format("truetype");
}
@font-face { /* AVANT BOLD ITALIC */
   font-weight:bold;
   font-style:italic;
   font-family: "AvantGar";
   src: url("../styles/fonts/avantgargotitctot-bolobl-webfont.eot?"), url("../styles/fonts/avantgargotitctot-bolobl-webfont.woff") format("woff"), url("../styles/fonts/avantgargotitctot-bolobl-webfont.ttf") format("truetype");
}
/*************************** MAIN LAYOUT *****************************/
#body-wrapper{
   min-height:100%;
   position:relative;
   background: url("../images/background-top.jpg") no-repeat top center;
}
#page {
   margin:0 auto;
   width: 960px;
   padding:27px 0px 120px;
   position: relative;
}
#header {
   position:relative;
   width:960px;
   height:184px;
   margin:0px auto;
}
#header a.logo {
   position:absolute;
   z-index:2;
   top:0px;
   left:1px;
   display: block;
   width: 231px;
   height: 184px;
}
#header p.logo_text {
   position:absolute;
   top:48px;
   right:7px;
   font-size:40px;
   padding:0px;
   color:#fff;
   font-family: Lowsun, Arial, Helvetica, sans-serif;
}
#header div.balls {
   background: url("../images/header_balls.png") no-repeat 0 0;
   height:101px;
   width:104px;
   position:absolute;
   top:22px;
   left:435px;
   z-index:5;
}
/*********** MAIN MENU ****************/
#menu {
	width:741px;
	height:66px;
   background: url("../images/topmenu.png") no-repeat top left;
   float:right;
   margin-top:111px;
   font-family: AvantGar, Arial, Helvetica, sans-serif;
   padding-left:4px;
}
#menu ul{
   margin:0;
   list-style:none;
   padding:0;
}
#menu ul li {
   display:block;
   float:left;
}
#menu ul li a {
   display:block;
   float:left;
   color: #d24a1d;
   font-size:20px;
   text-decoration:none;
   float:left;
   padding:18px 17px 0px;
   position:relative;
   text-transform:uppercase;
   height:27px;
   font-weight:bold;
   font-style:italic;
   height:42px;
}
/* Tlačítko po najetí a aktivní */
#menu li a.selected, #menu li a:hover{
	background: #a90e14; /* Old browsers */
	color:#FFF;
}
#menu li a.selected:before, #menu li a:hover:before{
   content:"";
   position:absolute;
   background: url("../images/topmenu_hover_left.png") no-repeat top left;
   height:60px;
   width:8px;
   top:0px;
   left:-8px;
}
#menu li a.selected:after, #menu li a:hover:after{
   content:"";
   position:absolute;
   background: url("../images/topmenu_hover_right.png") no-repeat top left;
   height:60px;
   width:8px;
   top:0px;
   right:-8px;
}
/*********** MAIN MENU END ****************/


/*********** SIDE CONTENT ****************/
#side-content {
   width: 227px;
   float: left;
   padding:0px;
}
/* 1. úroveň menu */
#side-content ul {
	list-style:none;
}
#side-content ul li { 
	clear:both; 
   padding:0;
   margin:0 0 4px 0;
}
#side-content ul li a {
   font-size:18px;
   display:block;
   padding:12px 5px 12px 15px;
   text-decoration: none;
   font-family: AvantGar, Arial, Helvetica, sans-serif;
	background: #a90e14;
   position:relative;
   font-weight:normal;
   font-style:italic;
   color:#fff;
   text-transform:uppercase;
}
#side-content ul li a:before {
   content:"";
   position:absolute;
   top:0px;
   left:-8px;
   width: 0; 
   height: 0;
   border-left: 8px solid transparent; 
   border-right: 8px solid transparent; 
   border-bottom: 46px solid #a90e14; 
}
#side-content ul li a.selected, #side-content ul li a:hover {
	background: #fff; /* Old browsers */
   color: #d24a1d;
}
#side-content ul li a.selected:before, #side-content ul li a:hover:before {
   border-bottom: 46px solid #fff; 
}
/********* SIDE - KONTAKT END **********/

/*********** LEFT CONTENT END *************/

/*********** RIGHT CONTENT ****************/
#content {
   padding:15px 5px 20px;
   float:right;
   width:715px;
   min-height:300px;
   background:#FFFFFF;
   border-bottom:6px solid #900006;
   margin-right:8px;
   position:relative;
}
#content.wide {
   float: none;
   width: 940px;
   padding:15px 5px 20px;
}
#main-content { }
#content table {
   margin:10px 25px 10px 25px;
   border-collapse:collapse;
   font-size:12px;
   color:#6b6967;
}
#content table td {
   border:1px solid #bfbfbf;
   padding:8px 10px;
   background-color:#fff;
}
#content table th {
   text-align:center;
   padding:8px 10px;
   border:1px solid #d36300;
   color:#fff;
   font-weight:bold;
   background-color:#ee7000;
}
/********** RIGHT CONTENT END *************/

/********** ÚVODNÍ STRANA *******************/
#home_categories{
	margin:0 0 28px;   
}
#home_categories a{
   display:block;
   color:#ffffff;
   float:left;
   font-family: Lowsun, Arial, Helvetica, sans-serif;
   font-size:23px;
   height:303px;
   width:313px;
   line-height:28px;
   position:relative;
}
#home_categories a:hover{
   color:#ee7000;
   text-decoration:none;
}
#home_categories a.cat_01{background: url("../images/main_cat_01.png") no-repeat top left;}
#home_categories a.cat_02{background: url("../images/main_cat_02.png") no-repeat top left; margin:0 8px;}
#home_categories a.cat_03{background: url("../images/main_cat_03.png") no-repeat top left;}

#home_categories a span{
   position:absolute;
   width:208px;
   top:14px;
   left:91px;
}
#home_categories a.cat_03 span{top:27px;}

/* Kontakt */
#contact_wrapper {
   width:463px;
   float:left;
   margin:0 0 0 27px;
}
#contact_wrapper h2 {
   padding:5px 0 5px 65px;
   margin:0px 0 15px;
   font-size:34px;
   font-family: Lowsun, Arial, Helvetica, sans-serif;
   color:#FFFFFF;
   font-style:normal;
   background: url("../images/contact_title.png") no-repeat top left;
}
#contact{
	padding:0 0;
   background-color:#FFFFFF;
   margin-left:24px;
   margin-bottom:37px;
   position:relative;
   height:357px;
   width:439px;
   float:left;
}
#contact a.imgbox {
   margin:0;
   display:block;
   position:relative;
   border-top:6px solid #a90e14;
}
#contact a.imgbox img {
   display:block;
}
#contact a.more{
   display:block;
   position:absolute;
   bottom:-20px;
   right:-5px;
   background-color:#a90e14;
   font-family: Lowsun, Arial, Helvetica, sans-serif;
   font-size:24px;
   color:#FFFFFF;
   padding:4px 20px;
   transform: skew(-10deg,0deg);
   -ms-transform: skew(-10deg,0deg); /* IE 9 */
   -webkit-transform: skew(-10deg,0deg); /* Safari and Chrome */
}
#contact a.more:hover{
   color:#ee7000;
}
#contact table{margin:13px 0 0 0; border:none;}
#contact table td{border:none; vertical-align:top; text-align:left; padding:5px 0 10px 0px;}
#contact table th{border:none; vertical-align:top; text-align:left; padding:0px 5px 0 12px;}
#contact table h3 {
   padding:0 0 3px 0;
   font-weight:normal;
   font-size:16px;
}
#contact p {
	font-size:12px;
   line-height:18px;
   padding:0;
}

/******** ÚVODNÍ STRANA END *****************/

/*********** FOOTER CONTENT ****************/
#footer-wrapper{
   position:absolute;
   bottom:0;
   height:65px;
   width:100%;
   background-color:#fff;
}
#footer {
   margin:0px auto;
   width:950px;
   height:65px;
   padding:0;
   position:relative;
}
#footer .footer_logo{
   position:absolute;
   bottom:0px;
   left:0px;
   height:108px;
   width:142px; 
   display:block;
}
#footer .footer_logo img{
   display:block;
}
#footer .footer_facebook{
   float:left;
   display:block;
   margin:15px 0 0 150px;
}
#footer .footer_facebook img{
   display:block;
}
#footer p.left {
   font-size:11px;
   padding:22px 0px 0 25px;
   float:left;
   color:#949494;
}
#footer p.right {
   font-size:11px;
   padding:22px 0px 0;
   float:right;
   color:#949494;
}
/*********** FOOTER CONTENT END **************/

/*************************** MAIN LAYOUT END *****************************/

/**************************** GALERIE ************************************/
#fotogalerie {
   margin:20px 0 0 15px;
   clear:both;
}
#fotogalerie img {
   display:block;
}
#fotogalerie a.imgbox {
   margin:0 5px 0;
   display:block;
   position:relative;
   float:left;
   border-bottom:5px solid #a90e14;
}
#fotogalerie a.imgbox:hover{
   border-bottom:5px solid #ee7000;
}
.jquery-lightbox-title { /* větší text u popisu fotek lightboxu */ font-size:18px !important; }
/************************** GALERIE END *************************************/


/**************************** NOVINKY ***************************************/

/*********** NEWS BOX ****************/
#news-box-wrapper {
   width:470px;
   float:left;
   margin:0 0 0 0px;
}
#news-box-wrapper h2 {
   padding:5px 0 5px 65px;
   margin:0px 0 15px;
   font-size:34px;
   font-family: Lowsun, Arial, Helvetica, sans-serif;
   color:#FFFFFF;
   background: url("../images/news_title.png") no-repeat top left;
   font-style:normal;
}
#news-box{
   margin-left:31px;
}
.news-content{
	padding:0 0;
   background-color:#FFFFFF;
   margin-bottom:37px;
   position:relative;
   height:134px;
}
.news-content.bigger{
   height:186px;
}
.news-content a.imgbox {
   margin:0 20px 0 0;
   display:block;
   position:relative;
   float:left;
   border-right:6px solid #a90e14;
}
.news-content a.imgbox img {
   display:block;
}
.news-content h3 {
   padding:15px 15px 5px;
}
.news-content p {
	font-size:11px;
   line-height:18px;
   padding:3px 15px;
}
.news-content a.more{
   display:block;
   position:absolute;
   bottom:-20px;
   right:-5px;
   background-color:#a90e14;
   font-family: Lowsun, Arial, Helvetica, sans-serif;
   font-size:24px;
   color:#FFFFFF;
   padding:4px 20px;
   transform: skew(-10deg,0deg);
   -ms-transform: skew(-10deg,0deg); /* IE 9 */
   -webkit-transform: skew(-10deg,0deg); /* Safari and Chrome */
}
.news-content a.more:hover{
   color:#ee7000;
}
/*********** NEWS BOX END *************/

/*********** NEWS LIST ****************/
.pagination {
   padding:5px 15px;
   clear:both;
}
.news-list-content {
   clear:both;
   margin:5px 15px 20px;
   min-height:134px;
   padding: 0;
   border:1px solid #dadada;
   position:relative;
}
.news-list-content a.imgbox {
   margin:0 20px 0 0;
   display:block;
   position:relative;
   float:left;
   border-right:6px solid #a90e14;
}
.news-list-content img {	
   display:block;
}
.news-list-content h3 {
   padding:15px 15px 5px;
}
.news-list-content p {
	font-size:11px;
   line-height:22px;
   padding:3px 15px;
}
.news-list-content a.more{
   display:block;
   position:absolute;
   bottom:-10px;
   right:-5px;
   background-color:#a90e14;
   font-family: Lowsun, Arial, Helvetica, sans-serif;
   font-size:24px;
   color:#FFFFFF;
   padding:4px 20px;
   transform: skew(-10deg,0deg);
   -ms-transform: skew(-10deg,0deg); /* IE 9 */
   -webkit-transform: skew(-10deg,0deg); /* Safari and Chrome */
}
.news-list-content a.more:hover{
   color:#ee7000;
}
/********** NEWS LIST END ***********/

/******************************** NOVINKY END *******************************************/


/************************** POPTÁVKOVÝ FORMULÁŘ	*******************************/

/* Kontakt END */
#content table#formular {
   padding:0;
   border:0;
}
#content #formular textarea {
   -moz-box-shadow :inset 0 2px 3px #efefef;
   -webkit-box-shadow:inset 0 2px 3px #efefef;
   box-shadow:inset 0 2px 3px #efefef;
   border:1px solid #dddddd;
   width:162px;
   font-size:12px;
   color:#4E4E4E;
   height:150px;
   width:300px;
   padding:10px 10px;
}
#content ul.errorlist {
   list-style:none;
   margin:0px !important;
   color:#ff0000 !important;
}
#formular input[type=text] {
   -moz-box-shadow :inset 0 2px 3px #efefef;
   -webkit-box-shadow:inset 0 2px 3px #efefef;
   box-shadow:inset 0 2px 3px #efefef;
   padding:6px 35px 6px 12px;
   float:left;
   font-size:12px;
   border:1px solid #dddddd;
   color:#4E4E4E;
   width:140px;
}
#formular input[type=text], #content #formular textarea { background-color:#f5f5f5; }
#formular input[type=text]:focus, #content #formular textarea:focus { background-color:#fff; }
/* Captcha */
#formular img.captcha {
   background-color:#FFF;
   padding:4px 2px;
   border-radius:3px;
   float:left;
   margin-right:10px;
}
#formular input#id_captcha_1 { width: 40px; }
/* Captcha */

#formular span { color:#F00; }
#content #formular td {
   text-align:left;
   background: transparent;
   border:none;
   background:none;
}
#content #formular th {
   text-align:right;
   background: transparent;
   border:none;
   padding:0 10px 0 0;
   box-shadow:none;
   font-weight:normal;
   color:#909090;
}
form #submit {
   margin:0px 0 0 170px;
   cursor:pointer;
	background: #19ba9b; /* Old browsers */
	background: -moz-linear-gradient(left,  #19ba9b 0%, #0c9986 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#19ba9b), color-stop(100%,#0c9986)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #19ba9b 0%,#0c9986 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #19ba9b 0%,#0c9986 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #19ba9b 0%,#0c9986 100%); /* IE10+ */
	background: linear-gradient(to right,  #19ba9b 0%,#0c9986 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19ba9b', endColorstr='#0c9986',GradientType=1 ); /* IE6-9 */
   padding:12px 15px 12px;
   color:#FFF;
   cursor:pointer;
   font-weight:normal;
   font-family: AvantGar, Arial, Helvetica, sans-serif;
   text-transform:lowercase;
   font-size:22px;
}
form #submit:hover {
   background-color:#4ecaf5;
   background-image: linear-gradient(left, #dddddd, #bebebe); /* W3C */
   background: -ms-linear-gradient(left, #dddddd, #bebebe); /* IE9 */
   background: -moz-linear-gradient(left, #dddddd, #bebebe); /* Firefox */
   background: -o-linear-gradient(left, #dddddd, #bebebe); /* Opera 11  */
   background: -webkit-linear-gradient(left, #dddddd, #bebebe); /* Chrome 11  */
   background: -webkit-gradient(linear, left top, right top, color-stop(0, #dddddd), color-stop(1, #bebebe)); /* Chrome 10, Safari */
   color:#686868;
}
/************************** POPTÁVKOVÝ FORMULÁŘ	END ****************************/


/************************** MAPA ********************************************/
#map_wrapper{float:left;}
#map_canvas {height: 350px; width:450px; margin:10px 25px 10px 5px;}
#map_content {width:200px; }
#map_content p{ padding:0px; font-weight:bold;}

#content table.no-style {
   margin:10px 15px;
   border-collapse:collapse;
   font-size:12px;
   color:#312D27;
}
#content table.no-style td {
   border:none;
   background-color:#fff;
   vertical-align:top; 
   text-align:left; 
   padding:5px 0 10px 0px;
}
#content table.no-style th {
   border:none;
   color:#312D27;
   font-weight:bold;
   background-color:#fff;
   vertical-align:middle; 
   text-align:left; 
   padding:0 15px 0 12px;
}
#content table.no-style h3 {
   padding:0;
}
#content table.no-style p {
   padding:0;
}
/************************* MAPA END *****************************************/