/** FITCO, autor: Ji�� Praus **/

@import url("basic.css");
@import url("menu.css");
@import url("modules.css");
@import url("user_edit.css");
a.vice {
    padding-right: 10px;
    background: transparent url('../images/vice_red.gif') no-repeat right 60%; }
    
a.vice:hover,
a.vice:focus { 
    background: transparent url('../images/vice_white.gif') no-repeat right 60%; }
    
a.vice_white{
    padding-right: 10px;
    background: transparent url('../images/vice_white.gif') no-repeat right 60%;
    color: #ffffff; }
    
a.vice_white:hover,
a.vice_white:focus {
    background: transparent url('../images/vice_red.gif') no-repeat right 60%;
    color: #ff003b; }
    
a.dalsi_white{
    padding-right: 8px;
    background: transparent url('../images/dalsi_white.gif') no-repeat right 60%;
    color: #ffffff; }

a.dalsi_white:hover,
a.dalsi_white:focus {
    background: transparent url('../images/dalsi_red.gif') no-repeat right 60%;
    color: #ff003b; }
    
a.invert {
    color: #ffffff; }
    
a.invert:hover,
a.invert:focus { 
    color: #ff003b; }

div.gradient_high {
    background: transparent url('../images/gradient_high.gif') no-repeat center top;
    clear: both; }

div.gradient_low {
    background: transparent url('../images/gradient_low.gif') no-repeat center top;
    clear: both; }

div.center {
    width: 980px;
    margin: 0 auto;
    font-size: 90%;
    text-align: left; }

/***** HLAVICKA *****/
    
#header {
    height: 95px; }

#header div.logo {
    float: left;
    overflow: hidden; }

#header div.logo a {
    width: 142px;
    height: 65px;
    margin: 11px 0 0 0;
    display: block;
    background: url('../images/fitco.gif') no-repeat left top; }

#header div.logo img {
    display: none; }
     
#header div.slogan {
    overflow: hidden;
    float: right; }

#header div.slogan a {
    width: 292px;
    height: 37px;
    margin: 21px 0 0 0;
    display: block;
    background: url('../images/the_fitness_company_ltd.gif') no-repeat left top; }

#header div.slogan img {
     display: none; }
     
#search {
    float: right;
    width: 204px;
    height: 33px;
    margin-top: 8px;
    background: transparent url('../images/vyhledavani.gif') no-repeat left 1px; }

#search input.text {
    width: 113px;
    margin: 0 0 0 8px;
    border: none;
    background: #ffffff;
    vertical-align: middle; }
    
#search input.submit {
    margin: 1px 0 0 -2px;
    vertical-align: middle; }

/***** BANNER + O SPOLECNOSTI *****/

#info {
    clear: both; }
    
#o_spolecnosti {
    width: 220px;
    height: 248px;
    margin-top: 15px;
    float: left;
    background: transparent url('../images/o_spolecnosti.gif') no-repeat left top; }

#o_spolecnosti div.text {
    padding: 18px 13px 0 17px; }

#o_spolecnosti h2 {
    color: #ffffff;
    font-size: 150%;
    font-weight: normal; }
    
#o_spolecnosti p.tlacitko {
    padding: 10px 0 0 0;
    text-align: center; }
    
#nabidka {
    margin-top: 15px;
    margin-bottom: 15px;
    width: 755px;
    height: 248px;
    float: right; }

#navigace {
    clear: both;
    font-size: 90%; }

ul#drobky {
    padding: 16px 0 15px 7px;
    list-style: none;
    float: left; }

ul#drobky li {
    padding-left: 3px;
    padding-right: 11px;
    display: inline;
    background: transparent url('../images/vice_white.gif') no-repeat right center; }

ul#drobky li.posledni_drobek,
ul#drobky li.last {
    padding-left: 6px;
    background: none; }

ul#drobky li a {
    color: #ffffff; }

ul#drobky li a:hover,
ul#drobky li a:focus {
    color: #ff003b; }
    
a#tisk {
    margin: 16px 10px 0 0;
    float: right;
    display: block; }

/***** OBSAH *****/

#middle {
    padding-top: 18px;
    padding-bottom: 18px; }

#middle div.center {
    background: transparent url('../images/middle.gif') repeat-y left top; }

#main_column {
    width: 737px;
    float: left; }

#content_column {
    width: 481px;
    float: right; }

#left_column {
    width: 217px;
    float: left; }

#right_column {
    width: 209px;
    float: right; }
    
.nadpis {
    height: 30px;
    background: transparent url('../images/separator.gif') repeat-x left bottom; }

.nadpis h1 {
    padding: 0 0 0 10px; }

.nadpis h2 {
    padding: 2px 0 0 10px;
    text-transform: uppercase; }
    
.nadpis.rss h1,
.nadpis.rss h2 {
    float: left; }

.nadpis.rss a {
    margin-right: 10px;
    padding-left: 14px;
    float: right;
    background: transparent url('../images/rss.gif') no-repeat left 60%; }
    
#left_column .nadpis h2 {
    color: #ff003b; }
    
#right_column .nadpis h2 {
    padding: 4px 0 0 10px;
    font-size: 120%; }

.box {
    margin: 10px 0px 20px 10px; }
    
/* login */
    
#login {
    width: 190px;
    margin-bottom: 28px; }
    
#login2 {
    width: 190px;
    margin: 40px auto 0 auto; }
    
#login div.input,
#login2 div.input {
    margin: 5px 0 8px 0;
    height: 25px;
    width: 190px;
    background: url('../images/prihlaseni_input.gif') no-repeat left top; }

#login div.input input,
#login2 div.input input {
    width: 175px;
    margin: 3px 0 0 6px;
    padding: 0;
    border: 0; }

#login input.prihlasit,
#login2 input.prihlasit {
    margin-top: 6px;
    float: left; }
    
#login input.registrace,
#login2 input.registrace {
    margin-top: 6px;
    float: right; }

/* top produkty */

#top_produkty ol {
    margin-left: 20px; }

/* kontakt */
    
div.minibox dl {
    margin: 6px 0 12px 0; }
    
div.minibox dt {
    margin: 0;
    display: inline; }
    
div.minibox dd {
    margin: 0;
    display: inline; }
    
/***** BANNERY *****/

#banners div.center {
    padding: 8px 0 29px 0; }

#banners h3 {
    padding: 0 0 3px 10px;
    font-size: 85%;
    font-weight: normal; }
    
#banners img {
    float: left;
    margin-right: 17px; }

#banners img.last {
    margin-right: 0; }

/***** FOOTER & DOLNI BLOK *****/

#footer {
    font-size: 90%;
    padding-bottom: 80px; }
    
#copy {
    padding-top: 18px;
    padding-left: 10px;
    float: left;
    list-style: none; }
    
#copy li {
    padding: 0 8px 0 8px;
    float: left;
    background: transparent url('../images/footer_separator.gif') no-repeat right 2px; }

#copy li.last {
    background: none; }
    
#autor {
    padding-top: 13px;
    padding-right: 10px;
    float: right; }