/********************************************************************/
/**********   FitnessSpektrum.cz | Created by studio WPJ ************/
/********************************************************************/

* {
   margin: 0;
   padding: 0;
   border:0px;
}
/************************ GENERAL STYLES ****************************/
html { background-color:#202020; }
body {
   background: url("../images/background.gif");
   font-family: Arial, Helvetica, sans-serif;
   color:#333333;
   font-size:14px;
   text-align:left;
}
a:link {
   color: #333333;
   text-decoration: underline;
}
a:visited {
   color: #333333;
   text-decoration: none;
}
a:hover {
   color: #333333;
   text-decoration: none;
}
h1 {
   color: #000;
   font-size: 30px;
   padding: 10px 5px 5px 5px;
   font-weight:600;
   text-transform:uppercase;
   font-family: "HelveticaConsedered", Helvetica, Arial, sans-serif;
}
h2 {
   color: #616161;
   font-size: 26px;
   padding: 15px 5px 5px 5px;
   font-weight:normal;
   text-transform:uppercase;
   font-family: "HelveticaConsedered", Helvetica, Arial, sans-serif;
}
h3 {
   color: #98c200;
   font-size: 20px;
   padding: 15px 5px 5px 5px;
   font-weight:600;
   text-transform:uppercase;
   font-family: "HelveticaConsedered", Helvetica, Arial, sans-serif;
}
h4 {
   margin: 0;
   padding: 5px 5px 3px;
   font-size:18px;
   font-weight:normal;
   text-transform:uppercase;
   font-family: "HelveticaConsedered", Helvetica, Arial, sans-serif;
   color:#616161;
}
h5 {
   margin: 0;
   padding: 5px 5px 3px;
   font-size:14px;
   font-weight:normal;
   font-weight:bold;
   font-style:italic;
}
/* Cleaner */
.cleaner {
   clear:both;
   padding:0;
   margin:0;
   background:none;
}
/* Font */
@font-face {
   font-family: "HelveticaConsedered";
   src: url("../styles/fonts/HelveticaConsedered.eot");
   src: url("../styles/fonts/HelveticaConsedered.otf") format("opentype"),  url("../styles/fonts/HelveticaConsedered.woff") format("woff");
}
@font-face {
   font-family: "HelveticaConsedered";
   font-weight: 600;
   src: url("../styles/fonts/HelveticaConsederedB.eot");
   src: url("../styles/fonts/HelveticaConsederedB.otf") format("opentype"),  url("../styles/fonts/HelveticaConsederedB.woff") format("woff");
}
@font-face {
   font-family: "HelveticaConsederedH";
   font-weight: 900;
   src: url("../styles/fonts/HelveticaConsederedH.eot");
   src: url("../styles/fonts/HelveticaConsederedH.otf") format("opentype"),  url("../styles/fonts/HelveticaConsederedH.woff") format("woff");
}
/*************************** MAIN LAYOUT *****************************/
#body_wrapper { background: url("../images/background_woman.png") no-repeat bottom right; }

@media only screen and (max-width: 1280px) {
   #body_wrapper { background-image:none;}
}

#page {
   margin:0 auto;
   width: 934px;
   padding:0;
   position: relative;
}
#header {
   height:116px;
   position:relative;
   width:916px;
   margin:0px auto;
}
#header a.logo {
   position:absolute;
   z-index:2;
   top:23px;
   left:25px;
   display: block;
   width: 381px;
   height: 87px;
}
#header p.new {
   float:right;
   text-align:right;
   line-height:18px;
   background: url("../images/header_news.png") no-repeat top left;
   font-family: "HelveticaConsedered", Helvetica, Arial, sans-serif;
   color: #4d4d4d;
   font-size:15px;
   margin:7px 35px 0 0;
   padding:10px 0 7px 60px;
}
#header p.phone {
   border-top:1px solid #dedede;
   color:#202020;
   font-family: "HelveticaConsedered", Helvetica, Arial, sans-serif;
   font-weight:600;
   font-size:22px;
   margin:0 35px 0 0;
   float:right;
   clear:right;
}
/******* TELEFON 
#header p.phone span {
   display:inline-block;
   color:#FFF;
   font-family: "HelveticaConsedered", Helvetica, Arial, sans-serif;
   font-weight:900;
   font-size:24px;
   background: #a5d200 url("../images/header_phone.gif") no-repeat 10px 6px;
   padding:2px 7px 2px 35px;
   border-bottom-left-radius:10px;
   letter-spacing:1px;
   margin:7px 0 0 5px;
}
************/
#header p.phone span {
   display:inline-block;
   color:#FFF;
   font-family: "HelveticaConsedered", Helvetica, Arial, sans-serif;
   font-weight:900;
   font-size:24px;
   background: #a5d200;
   padding:2px 7px 2px 7px;
   border-bottom-left-radius:10px;
   letter-spacing:1px;
   margin:7px 0 0 5px;
}
/*********** MAIN MENU ****************/
#menu_wrapper {
   background: url("../images/background_line.png") no-repeat top center;
   height:71px;
   margin-bottom:10px;
}
#menu {
   width:910px;
   margin:0px auto;
   height:71px;
   font-weight:600;
   font-family: "HelveticaConsedered", Helvetica, Arial, sans-serif;
}
#nav {
   margin: 0;
   padding: 21px 0 0;
   list-style:none;
}
#nav li {
   display:block;
   float:left;
   padding:0px 7px;
   background: url("../images/menu_divider.gif") no-repeat top right;
}
#nav li a {
   display:block;
   float:left;
   color: #fff;
   font-size:18px;
   text-decoration:none;
   float:left;
   text-transform:uppercase;
   padding:2px 5px 11px;
}
/* Tlačítko po najetí a aktivní */
#nav li a.selected {
   border-bottom:5px solid #000;
   color:#000;
}
#nav li a:hover { color:#000; }
/*********** MAIN MENU END ****************/


/*********** SIDE CONTENT ****************/
#side-content {
   width: 225px;
   float: left;
   padding:0 0 0 10px;
}
/* 1. úroveň menu */
#side-content ul {
   list-style:none;
   margin:0px !important;
   line-height: normal !important;
}
#side-content ul li { clear:both; }
#side-content ul li a {
   font-size:16px;
   color:#000;
   display:block;
   padding:8px 5px 8px 15px;
   text-transform:uppercase;
   text-decoration: none;
   font-weight:600;
   font-family: "HelveticaConsedered", Helvetica, Arial, sans-serif;
   background: url("../images/background_divider.gif") repeat-x bottom left;
}
#side-content ul li a:hover {
   color:#a5d200;
   text-decoration:none;
}
#side-content ul li a.selected {
   background-image:none;
   background-color:#a5d200;
   color:#FFF;
   border-bottom-left-radius:10px;
}
/* 2. úroveň menu */
#side-content ul li ul {
   width: 260px;
   background: none;
   padding:5px 0;
}
#side-content ul li ul li.liselected { background:none; }
#side-content ul li ul li a { font-weight:normal; }
/* 3. úroveň menu */
#side-content ul ul ul { display:none; }
/********* SIDE - KONTAKT END **********/

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

/*********** RIGHT CONTENT ****************/

/* Drobečková navigace */
#return_nav {
   padding: 0px 10px 5px 0px;
   border-bottom:1px solid #a5d200;
   font-size:12px;
   margin-bottom:5px;
}
#return_nav a {
   text-decoration:none;
   font-weight:bold;
}
#return_nav a:hover { text-decoration:underline; }
#return_nav span { }
#return_nav img {
   margin: 0 4px;
   position:relative;
   top:1px;
}
/* Drobečková navigace END */
.divider {
   background: url("../images/background_divider.gif") repeat-x 0 0;
   height:2px;
   clear:both;
   margin:18px 0 0;
   padding:0 0 18px 0;
}
#content {
   float: right;
   width: 650px;
   padding:0 20px 20px;
}
#content.wide {
   float: none;
   width: 874px;
   padding: 0 30px 0;
}
#main-content { }
#main-content ul, #main-content ol {
   line-height:25px;
   margin-left:10px;
   list-style-position:inside;
}
#main-content p {
   line-height:20px;
   padding:5px;
}
#main-content #content > table {
   margin:10px 3px 10px 3px;
   border-collapse:collapse;
   font-size:12px;
}
#main-content #content > table td {
   border:1px solid #a0c700;
   padding:8px 10px;
   background-color:#FFF;
}
#main-content #content > table th {
   text-align:center;
   padding:8px 10px;
   border:1px solid #a0c700;
   color:#fff;
   font-weight:bold;
   background-color:#a0c700;
   background: -webkit-linear-gradient(top, #bdd400, #a0c700);
   background: -moz-linear-gradient(top, #bdd400, #a0c700);
   background: -ms-linear-gradient(top, #bdd400, #a0c700);
   background: -o-linear-gradient(top, #bdd400, #a0c700);
}
/********** RIGHT CONTENT END *************/


/********** BOTTOM CONTENT ****************/
#bottom-wrapper { background: url("../images/bottom_background.gif"); }
#bottom-wrapper #bottom {
   margin:0px auto;
   width:934px;
   background: url("../images/footer_top.gif") no-repeat bottom center;
   padding:12px 12px 40px;
}
#bottom-wrapper #bottom h3 {
   margin:0 0 15px;
   padding:10px 5px 5px;
   font-size:20px;
   font-family: "HelveticaConsedered", Helvetica, Arial, sans-serif;
   border-bottom:1px solid #585858;
   font-weight:normal;
   letter-spacing:0.5px;
}
#bottom-wrapper #bottom h3 a { color:#FFF; text-decoration:none;}
#bottom-wrapper #bottom h3 a:hover {
   color:#B7E40D;
   text-decoration:none;
}
/* KONTAKT */
#bottom-wrapper #bottom #contact {
   width:213px;
   float:left;
   margin-right:12px;
}
#bottom-wrapper #bottom #contact div {
   width:213px;
   float:left;
   font-size:14px;
   color:#d6d6d6;
   margin-bottom:20px;
   line-height:20px;
}
#bottom-wrapper #bottom #contact div p {
   font-weight:bold;
   font-size:16px;
   color:#fff;
   display:block;
   float:left;
}
#bottom-wrapper #bottom #contact div span a { color:#FFF;font-weight:bold; font-size:16px; text-decoration:none;}
#bottom-wrapper #bottom #contact div span a:hover {
   color:#B7E40D;
   text-decoration:none;
}
#bottom-wrapper #bottom #contact div img {
   float:left;
   margin-right:13px;
}
/* FACEBOOK */
#bottom-wrapper #bottom #facebook {
   width:232px;
   float:left;
}
#bottom-wrapper #bottom #facebook h3 { margin:0 0 5px; }
/******** BOTTOM CONTENT END **************/


/*********** FOOTER CONTENT ****************/
#footer-wrapper {
   height:95px;
   background-color: #202020;
}
#footer {
   margin:0px auto;
   width:940px;
   padding:5px 0 25px;
   height:52px;
}
#footer a.logo img {
   float:left;
   margin:0 20px 0 20px;
}
#footer a.moto img {
   float:right;
   margin:10px 20px 0 0px;
}
#footer p a { color:#b7e40d; text-decoration:none; }
#footer p a:hover { text-decoration:underline; }
#footer p {
   float:left;
   font-size:11px;
   color:#fff;
   padding:10px 0 0;
   line-height:14px;
}
/*********** FOOTER CONTENT END **************/

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

/**************************** GALERIE ************************************/
#fotogalerie {
   margin:0 0;
   padding-top:10px;
   clear:both;
}
#fotogalerie img {
   display: block;
   float: left;
}
#fotogalerie a.imgbox {
   float:right;
   border:2px solid #5e5e5e;
   position:relative;
   float:left;
   margin:6px 9px 6px 5px;
}
#fotogalerie a.imgbox:hover { border:2px solid #aad704; }
.jquery-lightbox-title { /* větší text u popisu fotek lightboxu */ font-size:18px !important; }
/************************** GALERIE END *************************************/

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

/*********** NEWS BOX ****************/

#uvod-news {
   margin-right:12px;
   width:465px;
   float:left;
   padding: 0px;
   position:relative;
}
#uvod-news h3 a.all_news{
   float:right;
   font-size:14px;
   display:inline-block;
   top:6px;
   position:relative;
   margin-right:5px;
   text-decoration: none;
}
.news-wrapper {
   float:left;
   min-height:125px;
   padding:0 8px 0 0;
   width:217px;
   border-right: 1px solid #585858;
   margin:0 10px 0 0;
}
.news-wrapper.no-border { /* druhá novinka nemá rámeček */
   width:216px;
   border-right: none;
   margin:0;
}
.news-wrapper p.date {
   background: url("../images/news_date.png") no-repeat top left;
   text-align:center;
   width:41px;
   height:40px;
   color:#FFF;
   font-size:15px;
   font-weight:bold;
   padding-top:1px;
   text-shadow:1px 1px 1px #8daa00;
   line-height:20px;
   float:left;
}
.news-wrapper .news-content {
   float:right;
   width:155px;
   padding:0 10px 0 0;
}
.news-wrapper img {
   float:right;
   border:1px solid #5e5e5e;
   margin:10px 0 0px;
}
.news-wrapper img:hover { border:1px solid #aad704; }
.news-content h4 {
   color:#FFF;
   font-weight:bold;
   font-size:14px;
   padding:0px 0 5px 0;
   font-family:Arial, Helvetica, sans-serif;
   text-transform:none;
}
.news-content h4 a{
   text-decoration: none;
}
.news-content h4 a:hover{
   text-decoration: underline;
}
.news-content p {
   line-height:16px;
   color:#FFF;
   text-align:justify;
   font-size:11px;
}
.news-content a { color:#b7e40d; }
/*********** NEWS BOX END *************/

/*********** NEWS LIST ****************/
.pagination {
   padding:5px 15px;
   clear:both;
}
.news-list-wrapper {
   clear:both;
   border-bottom:1px dotted #a7a7a7;
   margin:10px 0px;
   height:100px;
   padding: 0;
}
.news-list-wrapper img {
   float:right;
   border:1px solid #5e5e5e;
   margin-left:20px;
}
.news-list-wrapper img:hover {
   border:1px solid #aad704;
}
.news-list-content { padding:0px; float:right; width:820px;}
.news-list-content h4 a{ text-decoration:none; }
.news-list-content h4 a:hover{ text-decoration:underline; }

.news-list-content p {
   line-height:18px !important;
   text-align:justify;
   padding:3px 5px 0 !important;
   font-size:12px;
}
.news-list-wrapper p.date {
   background: url("../images/news_date.png") no-repeat top left;
   text-align:center;
   width:41px;
   height:40px;
   color:#FFF;
   font-size:15px;
   font-weight:bold;
   padding:1px 0 0 0 !important;
   text-shadow:1px 1px 1px #8daa00;
   line-height:20px !important;
   float:left;
}
/********** NEWS LIST END ***********/

#uvod-news a.blue_button {
   color:#fff;
   background: url("../images/news_more.png") no-repeat top left;
   display:block;
   float:left;
   padding:9px 29px 9px 15px;
   margin-left:25px;
}
#uvod-news a.blue_button:hover {
   background: url("../images/news_more.png") no-repeat bottom left;
   text-decoration:none;
}
/******************************** NOVINKY END *******************************************/


/****************************** ÚVOD ****************************************/
#banner_fitness, #banner_cviceni, #banner_souteze {
   display:block;
   height:63px;
   width:294px;
   float:left;
   background: url("../images/banner_fitness.png") no-repeat top left;
   padding:172px 7px 0;
   position:relative;
   margin-top:15px;
}
#banner_fitness, #banner_cviceni, #banner_souteze {
   text-decoration:none;
}
#banner_fitness {
   background: url("../images/banner_fitness.png") no-repeat top left;
   margin-right:4px;
   margin-left:1px;
}
#banner_cviceni {
   background: url("../images/banner_cviceni.png") no-repeat top left;
   margin-right:4px;
}
#banner_souteze { background: url("../images/banner_souteze.png") no-repeat top left; }
#banner_fitness p, #banner_cviceni p, #banner_souteze p {
   font-size:23px;
   color:#FFF;
   font-family: "HelveticaConsedered", Helvetica, Arial, sans-serif;
   text-transform:uppercase;
   padding:9px 0 0 25px;
}
#banner_fitness div, #banner_cviceni div, #banner_souteze div {
   font-size:16px;
   color:#FFF;
   font-family: "HelveticaConsedered", Helvetica, Arial, sans-serif;
   text-transform:uppercase;
   padding:13px 10px 14px;
   display:inline-block;
   background-color:#202020;
   position:absolute;
   bottom:16px;
   right:17px;
   box-shadow:0 1px 2px #797979;
}
#banner_fitness:hover div, #banner_cviceni:hover div, #banner_souteze:hover div {
   text-decoration:none;
   color:#a5d200;
}
#banner_fitness div span, #banner_cviceni div span, #banner_souteze div span {
   display:inline-block;
   top:-2px;
   right:-2px;
   position:relative;
}
/**************************** ÚVOD END **************************************/

/**************************************** MAPA ******************************************************/
#map {
   width: 100%;
   height:350px;
   margin:10px 0 0 0;
}
#map p { font-weight:bold; }
/************************************** MAPA END ****************************************************/

/************************** POPTÁVKOVÝ FORMULÁŘ	*******************************/
#content table#formular {
   margin:20px 20px 15px 0;
   padding:0;
   border:0;
}
#content table#formular td { padding:7px 2px; }
#content #formular select {
   -moz-box-shadow :inset 0 2px 4px #bcbcbc;
   -webkit-box-shadow:inset 0 2px 4px #bcbcbc;
   box-shadow:inset 0 2px 4px #bcbcbc;
   color:#565656;
   font-weight:bold;
   margin-bottom:1px;
   margin-top:1px;
   text-align:left;
   padding: 3px;
}
#content #formular textarea {
   border-radius:5px;
   -moz-box-shadow :inset 0 2px 3px #e7e7e7;
   -webkit-box-shadow:inset 0 2px 3px #e7e7e7;
   box-shadow:inset 0 2px 3px #e7e7e7;
   border:1px solid #cbcbcb;
   width:162px;
   font-size:12px;
   color:#6284a2;
   height:150px;
   width:400px;
   padding:10px 10px;
}
#content ul.errorlist {
   list-style:none;
   margin:0px !important;
   color:#ff0000 !important;
}
#formular input[type=text] {
   border-radius:5px;
   -moz-box-shadow :inset 0 2px 3px #e7e7e7;
   -webkit-box-shadow:inset 0 2px 3px #e7e7e7;
   box-shadow:inset 0 2px 3px #e7e7e7;
   padding:6px 35px 6px 12px;
   float:left;
   font-size:12px;
   border:1px solid #cbcbcb;
   color:#7F7F7F;
   width:220px;
}
#formular input[type=text], #content #formular textarea { background-color:#f1f1f1; }
#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;
   border-radius:10px;
   border:1px solid #cbcbcb;
}
#formular input#id_captcha_1 { width: 40px; }
/* Captcha */

#formular span { color:#F00; }
#formular td {
   text-align:left;
   background: transparent;
   border:none;
}
#formular th {
   text-align:right;
   background: transparent;
   border:none;
   padding:0 10px 0 0;
   color:#7f7f7f;
   box-shadow:none;
   font-weight:normal;
}
form #submit {
   margin:0px 0 0 100px !important;
   cursor:pointer;
   background-color:#a0c700;
   background-image: linear-gradient(left, #bfd500, #a0c700); /* W3C */
   background: -ms-linear-gradient(left, #bfd500, #a0c700); /* IE9 */
   background: -moz-linear-gradient(left, #bfd500, #a0c700); /* Firefox */
   background: -o-linear-gradient(left, #bfd500, #a0c700); /* Opera 11  */
   background: -webkit-linear-gradient(left, #bfd500, #a0c700); /* Chrome 11  */
   background: -webkit-gradient(linear, left top, right top, color-stop(0, #bfd500), color-stop(1, #a0c700)); /* Chrome 10, Safari */
   border-bottom-left-radius:10px;
   padding:8px 13px;
   color:#FFF;
   cursor:pointer;
   font-weight:normal;
   font-family: "HelveticaConsedered", Helvetica, Arial, sans-serif;
   text-transform:uppercase;
   font-size:18px;
}
/************************** POPTÁVKOVÝ FORMULÁŘ	END ****************************/