/*
  Theme Name: Qbee
  Version: 1.0
  Description: Template for Qbee product presentation. This template contains CSS for layout and also basic styling.
  Author: Martin Stanek
  Author URI: http://www.martinstanek.cz

  Release: November 2010

*/

/* imported stylesheets -------------------------------- */
@import 'reset.css';
@import 'forms.css';
@import 'typography.css';

/****************************
 **** General ***************
 *************************** */

/* General selectors */
body {
    color: #4B4B4B;
    text-align: center;
    background: #eef2f5 url('../images/bg-body.png') repeat-x 0 108px;
}
p {
    text-align: left;
}
a {
    color: #4B4B4B;
    text-decoration: underline;
}
a:hover {
    color: #1086B9;
    text-decoration: none!important;
}

h1, h2, h3, h4, h5 {
    color: #1b1b1b;
}

h3 {
    color: #0464c7;
}

h3 a {
    color: #0464c7;
    padding-right: 20px;
    text-decoration: none;
    background: transparent url('../images/link-arrow.png') no-repeat 100% -18px;
}
h3 a:hover {
    text-decoration: none;
    background-position: 100% 5px;
}

form p {
    margin-bottom: 0.8em;
}
fieldset {
    padding-left: 0;
}
ul {
    list-style-image: url('../images/list.png');
}
/* END General selectors */

/* General classes */
.hidden {
    display: none!important;
}
.clear {
    clear: both;
    margin:0;
    margin-top: -1px;
    border: 0;
    height: 1px;
    visibility: hidden;
    font-size: 1px;
    line-height: 1;
    padding: 0;
    display: block;

}
.divider {
    display: none;
}
.grey {
    color: #505050;
}
.red {
    color: #C2273F;
}
.center {
    text-align: center;
}

.inline {
    display:inline;
    font-weight: normal;
}

.nolegend {
    border: 0;
    padding: 0;
}

.nolegend legend {
    display: none;
}
/* Lists */
.nodots,
.nodots ul {
    list-style: none;
}

.flat,
.flat ul {
    padding: 0;
}

.inline-list li {
    display: inline;
}

.table-row {
    display: table;
    width: 100%;
    padding: 0;
    margin: 0;
}
.table-row li {
    display: table-cell;
}
.note {
    font-style: italic;
}
/* END - General classes */

/****************************
 **** Layout and styles *****
 *************************** */

/* Layout ------------------------*/
#container {
    width: 960px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

/* Hlavicka > Logo + navigace ---------------------------*/
#header {
    width: 100%;
    text-align:left;
}
/* Logo ---------------------------*/
#header h1 {
    position: relative;
    width: 200px;
    height: 105px;
    overflow:hidden;
    margin:0;
    text-align:left;
    padding: 15px 0 35px 12px;
}
#header h1 a {
    width:200px;
    height: 105px;

    text-decoration: none;
    position: absolute;
    background: transparent url('../images/logo-cykloman.png') no-repeat scroll 0 0;
}
#header h1 a:hover {
    text-decoration: none!important;
}
#header h1 span {
    text-indent: -1000em;
    display: block;
}

.overhead {
    position: absolute;
    top: 20px;
    left: 200px;
    
    width: 700px;
}

/* ------------------------
   --- Navigation MAIN ----
   ------------------------ */

#nav {
    background: #6b6d6f url(../images/bg-nav.png) repeat-x top;

    background: -moz-linear-gradient(center top , #717375, #5c5e60);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#717375), to(#5c5e60) );

    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
}

#nav ul {
    overflow: hidden;
    list-style-type:none;
    text-align:left;
    padding: 0;
    margin: 0 0 0 12px;
}

#nav li {
    display:inline;
    position: relative;
}

#nav li ul {
    display: none;
    position: absolute;
}

#nav li a {
    display: block;
    float: left;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    padding: 7px 12px;
    text-decoration:none;

    /*text-shadow: #232323 1px 1px 0px;*/
}
#nav li a:hover,
#nav .active {
    background-color: #858688;
    background: -moz-linear-gradient(center top , #909192, #7f8082);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#909192), to(#7f8082) );
}

#nav-local {
    float: right;
}
.bt-nav {
    -moz-border-radius:8px 8px 8px 8px !important;
    background:none repeat scroll 0 0 #404040;
    color:#FFFFFF;
    float:left;
    font-family:"Arial CE",Arial,sans-serif;
    font-size:11px;
    font-weight:bold;
    line-height:15px;
    padding:2px 6px 1px;
    margin-left: 5px;
    text-decoration:none;
}

.bt-nav:hover {
    background:none repeat scroll 0 0 #bebebe !important;
}

.disabled {
    background: #bebebe!important
}
.disabled:hover {
    background: #bebebe!important;
    color:#FFFFFF;
}
/* ------------------------
   -------- Login ---------
   ------------------------ */
#user-tools {
    position: absolute;
    top: -170px;
    right: 0;
}
#user-tools p {
	padding: 0 3px;
	margin: 0;
}
#user-tools a {
	vertical-align: text-bottom;
	color: #333333;
	text-decoration: none;
}
#user-tools a:hover {
	text-decoration: underline;
}
#user-tools a,
#user-tools .username {
  display: block!important;
  float: left;
  padding: 3px 6px 3px 8px;
}

.form-login {
    background:none repeat scroll 0 0 #FFFFFF;
    border:5px solid #e6ebf0;
    margin:0;
    position:absolute;
    right:0;
    text-align:left;
    top:100%;
    width:208px;
    height: 160px;
    z-index:100;

    -moz-border-radius:3px;
}
.form-login fieldset {
    border: 0;
    padding: 8px;
}

.form-login legend {
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    height: 20px;
    color: #4B4B4B;
    width: 57px;
    padding: 11px 20px 0 7px;
    margin-left:0;
    position: absolute;
    bottom: -33px;
    right: -5px;
    
    background: #fff url(../images/link-arrow.png) no-repeat 95% -63px;
    cursor: pointer;

    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

.form-login legend:hover {
    background-position:  95% -37px;
}

.form-login label {
    display:block;
    font-weight: normal;
}

.form-login input {
    margin:2px 0 8px;
    padding:5px;
    width:180px;
}
.form-login .bt-grey {
    width: 70px;
    padding: 2px 5px 2px 5px;
}


/* -------------------
   ----- Content -----
   ------------------*/
#content {
    width: 100%;
    text-align: left;
    background-color: #fff;
    padding-bottom: 20px;

    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.panel-left {
    float: left;
    padding: 20px 25px 0;
}

.panel-right {
    float: right;
    padding: 20px 25px 0 0;
}

.panel-middle {
    clear: both;
    padding: 20px 25px 0;
}

.mainpage #main {
    width: 545px;
}
.mainpage #side {
    width: 340px;
}
.page #main {
    width: 705px;
}
.page #side {
    width: 180px;
}
/* Homepage intro panel ----------------------*/
#intro {
    display: block;
    position: relative;
    height: 256px;
    padding: 30px 115px 0px 440px;
    background: #a5c016 url('../images/bg-intro.jpg') no-repeat 0 0;
}

#intro h2 {
    color: #fff;
    font-size: 200%;
    margin: 0 0 0.3em 0;
    text-shadow: #809815 1px 1px 0px;
}

#intro p {
    color: #fff;
    font-size:115%;
    margin: 0 0 0.8em 0;

    text-shadow: #809815 1px 1px 0px;
}
.page #intro {
    height: 90px;
    padding: 0;
    overflow: hidden;
    position: relative;
}
.intro-tree {
    color: #8aa304;
    font-size: 35px;
    letter-spacing: -1px;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    right: 80px;
    width: 430px;
    height: 70px;
    padding: 65px 0 0;
    background: transparent url('../images/bg-intro-tree.png') no-repeat 100% 10px;
}

.sponsor-item {
    vertical-align: middle;
    text-align: center;
}

#sponsors-content {
    border-bottom: 2px solid #e5e5e5;
    border-top: 2px solid #e5e5e5;
}

#sponsors-content h5 {
    color: #cdcdcd;
    font-size: 12px;
    margin: 0;
    padding: 0;
}
#sponsors-content li {
    display: inline-block;
    width: 48%;
}
/* Table with content */
.general {
    border: 1px solid #dfe5eb;
}
.general th {
    font-weight: bold;
}
/* -------------------
   ----- Footer -----
   ------------------*/
#footer {
    clear: both;
    color: #8b9499;
    font-size: 12px;
    text-align: left;
    padding: 10px;
    min-height: 30px;
    overflow: hidden;

    
}
.copyright {
    float: left;
    width: 40%;
}
/* -----------------
   ---- Tables -----
   ----------------*/
table {
    width:100%;
    margin:0 auto 1em;
    border-collapse:collapse;
}
tr td  {
    background: #f8f9fa;
}
tr.odd td {
    background:#fff;
}
/*tr.odd .column1	{
    background:#f8f9fa;
}*/
th acronym {
    border-color: #fff;
}

td {
    border-bottom:1px solid #dfe5eb;
    padding:.3em .4em;
    text-align:left;
}
th {
    font-weight:normal;
    text-align:left;
    /*border-bottom: 1px solid #e5eff8;
    border-left:1px solid #e5eff8;*/
    padding:.3em .4em;
}
thead th {
    text-align:left;
    color:#fff;
    border-bottom: 2px solid #0464c7;
    background-color:#498fd5;
    background: -moz-linear-gradient(center top , #5696d9, #3f89d2);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#5696d9), to(#3f89d2) );
}

tbody th {
    background: #f8f9fa;
    border-bottom:1px solid #dfe5eb;
}

tbody tr.odd th {
    background:#fff;
}

#cat-filter {
    border-color: #aaa;
}
.form-filter fieldset {
    margin-bottom: 0.5em;
}
/* --------------------
   ---- Comments ------
   --------------------*/
.citem {
    margin-bottom: 10px;
}
.cmeta {
    display: block;
    position: relative;
    float: left;
    width: 170px;
    padding: 3px 8px 2px;
    color: #fff;
    /*border-bottom: 1px solid #d2d2d2;
    background-color:#e0e0e0;
    background: -moz-linear-gradient(center top , #e8e8e8, #dbdbdb);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#dbdbdb) );*/

    background: #6b6d6f url(../images/bg-nav.png) repeat-x top;

    background: -moz-linear-gradient(center top , #717375, #5c5e60);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#717375), to(#5c5e60) );

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.cmeta:after {
    content:"";
    position: absolute;
    right:-14px;
    border:7px solid transparent;
    border-left-color: #6b6d6f;
    margin-top:1px;
    background:transparent;
}


.ctext {
    padding: 2px 0 0;
    margin: 0 0 0 201px;
}
.cname {
    color: #fff;
    font-weight: bold;
}
.cdate {
    
}
#cbody {
    width: 450px;
    height: 200px;
}

.form-comment {
    border-top: 2px solid #E5E5E5;
    margin-top: 3em;
}
.h {
    padding-top: 5px;
}
/* CALENDAR plugin */
.calendar-table table,
.calendar-table {
}

 .calendar-heading {
    text-align:center;
    padding-bottom: 0!important;
    padding-top: 0!important;
    background-color:#fff;
 }
 .calendar-next {
    width:25%;
    text-align:right;
 }
 .calendar-prev {
    width:25%;
    text-align:left;
 }
.calendar-month,
.next-month,
.prev-month {
	display:inline-block;
}
.next-month {
	margin-left: 3px;
}
 .calendar-month span,
 .next-month a,
 .prev-month a {
    display:block;
    padding:0 0.9em 0.5em;
    text-align:left;
 }
 .next-month a,
 .prev-month a {
	color: #252525!important;
 }
.calendar-month,
.next-month:hover,
.prev-month:hover {

}
.calendar-month span,
.next-month:hover a,
.prev-month:hover a {
	
}
.calendar-month {
    font-weight: bold!important;
    font-size: 110%;
}

.normal-day-heading,
.weekend-heading {
    text-align:center;
    color:#fff;
    border-bottom: 2px solid #0464c7;
    background-color:#498fd5;
    background: -moz-linear-gradient(center top , #5696d9, #3f89d2);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#5696d9), to(#3f89d2) );
}

.weekend-heading {
    font-weight: bold;
}

.day-with-date {
    vertical-align:text-top;
    text-align:left;
    width:60px;
    height:60px;

    border:1px solid #dfe5eb;
    background-color:#fff;
 }

 .day-with-date span {
     display: block;
}

 .day-without-date {
    width:60px;
    height:60px;
    border:1px solid #E9F0E8;
    background: #f8f9fa;
 }

.event span {
    color: #a3bb0d;
    font-weight: bold;
    /*border: 1px solid #b8cf27;*/
}
.event a {
    font-size: 12px;
    line-height: 1;
}
 .current-day {
    vertical-align:text-top;
    text-align:left;
    width:60px;
    height:60px;
    border: 1px solid #DACEE0;
    background-color:#f3eff5;
 }
 .current-day > span:first-child {
    background: transparent url('images/calendar-today.png') no-repeat left;
    padding-left: 10px;
	font-size: 1.2em!important;
	font-weight: bold!important;
 }
 span.event {
	line-height: 16px;
 }

 .calendar-date-switcher {
    height:25px;
    text-align:center;
    border:1px solid #D6DED5;
    background-color:#E4EBE3;
 }
 .calendar-date-switcher form {
    margin:0;
    padding:0;
 }
 .calendar-date-switcher input {
    border:1px #D6DED5 solid;
 }
 .calendar-date-switcher select {
    border:1px #D6DED5 solid;
 }
 .cat-key {
    width:100%;
    margin-top:10px;
    padding:5px;
    border:1px solid #D6DED5;
 }

/* Breadcrumb navigace */
.breadcrumb {}

.breadcrumb a {
    color: #4b4b4b;
}


/* ------------------------
   -------- BUTTONS -------
   ------------------------ */
.bt-grey {
	padding: 2px 5px 2px 5px;
	font-weight: normal;
	color: white;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

        cursor: pointer;
}

.bt-grey:hover {
	background-position: 0 -40px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #dedede #c9c9c9 #b0b0b0 #c9c9c9;
}

.bt-grey,
.bt-grey:active {
	background: #dedede;
	color: #333;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #d4d4d4 #cfcfcf #c6c6c6 #cfcfcf;

	background: #dedede;

	/*
  background: #dedede url(../images/bg-bt-grey.png) repeat-x 0 -3px;
  
  background: -moz-linear-gradient(center top , #dedede, #ebebeb);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#dedede), to(#ebebeb) );
	text-shadow: #e8e8e8 1px 1px 0px;*/
}

/* Specials */ 
.fx-message {
	position: relative;
	overflow: hidden;
}
.fx-message:before {
	content: "";
    position: absolute;
    top: -200px;
    left: -50px;
    z-index: 1;
    width: 500px;
    height: 600px;
    
    background: -moz-linear-gradient(center top , #a7c416, #8fa714);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#a7c416), to(#8fa714) );

    -moz-border-radius: 60% / 75%;
    -webkit-border-radius: 20% / 50%;
    border-radius: 20% / 50%;
    
    -moz-transform: skew(-5deg);
}