/* krasopce.cz */

/* HTML tags */
body {font:0.9em Arial, Arial, Helvetica, sans-serif; line-height:1.458em; padding:0; margin:0; width:100%; display:table;}
a {color:#fff; text-decoration:underline;}
a:hover, a:focus {text-decoration:none;}
p {font-size:0.9em; color:#fff; margin-bottom:7px;}
h1 {color:#fff; font-size:1.25em; line-height:36px; text-transform:uppercase;}
h2 {color:#fff; font-size:1.3em; line-height:1.5em; margin-bottom:10px; font-weight:bold;}
h3 {color:#fff; font-size:1.1em;}
h4 {color:#fff; font-size:0.9em; }
h2 a, h3 a {color:#fff; text-decoration:none;}
h2 a:hover, h3 a:hover, h2 a:focus, h3 a:focus {color:#fff;}

/* Layout */
.container {position:relative; margin:0 auto; width:980px;}
#header {background:url(../img/header-ilu.jpg) repeat-x center 0;}
.front, .sub {background:url(../img/header-bg.jpg) repeat-x 0 0;}
.front #header {height:563px;}
.sub #header {height:463px;}
#content {background:#002c42; padding-top:30px;}
#col-content {float:left; width:660px; padding-bottom:30px;}
#col-side {float:right; width:290px;}
#footer {background:#CFCFCF url(../img/footer-bg.png) repeat-x 0 100%;}
.front #footer, .front #footer .container {height:47px;}
.sub #footer, .sub #footer .container {height:147px;}
.post {margin-bottom:20px; overflow:hidden;}
.more {font-weight:bold;}
.divider {height:37px; background:url(../img/divider.png) no-repeat center 0; display:block; width:100%; margin-bottom:10px;}
.date1 {color:#92ACB4;}

.forum-picture {display:block; border:5px solid #335668;}
.post p { text-align:justify;}

/* Header */
#nav-skip {position:absolute; left:-999em; top:0;}
#nav-skip a:focus, #nav-skip a:active {position:absolute; left:999em; width:980px; background:#850000; padding-top:2px; z-index:10; text-align:center; color:#fff;}

#logo {float:left; display:inline; width:200px; margin-top:10px; position:relative; z-index:10;}

#site-nav {float:right; font-size:90%; margin-top:15px; z-index:10; background:url(../img/site-nav-line.gif) repeat-y 90px 0; position:relative;}
#site-nav li {text-align:right;}
#site-nav li a {color:#002c42; text-decoration:none; padding:0 35px 0 0;} 
#site-nav li a:hover, #site-nav ul li a:focus {color:#850000; text-decoration:underline;}
#site-nav li.home a {background:url(../img/home.gif) no-repeat 100% 50%;}
#site-nav li.sitemap a {background:url(../img/print.gif) no-repeat 100% 50%;}
#site-nav li.print a {background:url(../img/sitemap.gif) no-repeat 100% 50%;}

#site-search {position:absolute; top:8px; left:714px; z-index:10;}
#site-search fieldset {border:none;}
#site-search input, #site-search select, #site-search label {vertical-align:middle;}
#site-search input#searchstring {background:#00223B url(../img/search-input.png) no-repeat 0 0; font-size:0.8em; color:#ccc; height:20px; line-height:19px; padding:2px 5px 0 5px; width:190px; border:none; float:left;}
#site-search input.submit {background:#EAEDF0 url(../img/search-btn.png) no-repeat 0 0; height:21px; line-height:18px; width:66px; color:#484f55; cursor:pointer; font-size:0.8em; border:none; float:left; font-weight:bold;}

#nav {margin:0; padding:0; position:absolute; top:140px; left:0; line-height:1.0; width:250px; z-index:10;}
#nav li {float:left; position:relative; margin:0 0 4px 0;}
#nav li a {display:block; width:210px; font-size:1em; line-height:36px; color:#002c42; font-weight:bolder; text-decoration:none; padding:0 20px; background:url(../img/nav-a.png) no-repeat 0 0;}
#nav li a:hover, #nav li a:focus, #nav li a.active {background-position:0 -36px; color:#850000;}
#nav li:hover ul, #nav li.sfHover ul {left:260px; top:0; z-index:99;}
#nav li ul {position:absolute; top:-999em; width:190px; background:#d3dbde; padding:18px 10px 15px 10px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -khtml-border-radius:4px; display:block;}
#nav li ul li {width:170px; margin-left:10px; display:inline; padding-bottom:4px; font-size:0.9em;}
#nav li ul li.last {background:none; padding-bottom:0;}
#nav li ul li a {background:none; padding:0; line-height:19px; width:170px;}
#nav li ul li a:hover, #nav li ul li a:focus {color:#850000;}

#ilustration {position:absolute; top:0; right:0; z-index:1; width:710px; height:463px; overflow:hidden;}
#ilustration img {position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#ilustration img.active {z-index:10; opacity:1.0;}
#ilustration img.last-active {z-index:9;}

/* Content */
#motto {height:36px; background:#850000;}
.align_left {text-align:left!important;}
.align_right {text-align:right!important;}
.align_center {text-align:center!important;}

#breadcrumb {color:#fff; margin:0 0 20px 0; background:#235769; padding:3px 0 3px 10px;}
#breadcrumb a {font-weight:bold; color:#fff;}
#breadcrumb a:hover, #breadcrumb a:focus {text-decoration:none;}
#paging {background:#235769; color:#fff; padding:3px 0 3px 10px;}
#paging a {font-weight:bold; color:#fff;}
#paging a:hover, #paging a:focus {text-decoration:none;}
#paging a.active {color:#fff; text-decoration:none;}

.photo {float:left; margin:0 15px 5px 0;}
.photo p {margin:0; padding:0; line-height:0;}
.photo img {display:block;}
.photo a {display:block; text-decoration:none; border:5px solid #335668;}
.photo span {display:block; width:180px; height:100%; margin:0; padding:5px; overflow:hidden; background:#335668; line-height:1.458em; color:#fff; text-align:center;}
.gallery {overflow:hidden;}
.gallery .photo {margin:0 20px 10px 0;}
.gallery .photo a {width:140px; height:105px;}
.gallery .photo span {width:140px;}
.gallery .last {margin-right:0;}

.atts {padding-top:20px; overflow:hidden;}
.atts p {float:left; width:330px; margin:0 0 10px 0; cursor:pointer; display:block;}
.atts p a {position:relative; display:block; width:270px; padding:4px 0 0 10px; height:52px; margin-left:50px; color:#fff; line-height:13px; font-weight:bold; text-decoration:none;}
.atts p a:hover, #atts p a:focus, .atts p a:hover span.type, .atts p a:focus span.type {color:#BFBFBF;}
.atts p a span.type {display:block; margin-top:5px; font-weight:lighter; color:#8A99A4;}
.atts .xls {background:url(../img/atts/xls.png) no-repeat 0 0;}
.atts .xlsx {background:url(../img/atts/xlsx.png) no-repeat 0 0;} 
.atts .doc {background:url(../img/atts/doc.png) no-repeat 0 0;}
.atts .docx {background:url(../img/atts/docx.png) no-repeat 0 0;}
.atts .ppt {background:url(../img/atts/ppt.png) no-repeat 0 0;}
.atts .pptx {background:url(../img/atts/pptx.png) no-repeat 0 0;}
.atts .pdf {background:url(../img/atts/pdf.png) no-repeat 0 0;}
.atts .rtf {background:url(../img/atts/rtf.png) no-repeat 0 0;}
.atts .zip {background:url(../img/atts/zip.png) no-repeat 0 0;}
.atts .jpg {background:url(../img/atts/jpg.png) no-repeat 0 0;}
.atts .mp3 {background:url(../img/atts/mp3.png) no-repeat 0 0;}
.atts .att {background:url(../img/atts/att.png) no-repeat 0 0;}  

#col-side #news, #col-side #quick-contact, #quick-contact2, #exchange, #calendar {background:url(../img/side-bg.png) repeat-y 0 0; border-bottom:1px solid #335668; margin-bottom:30px; height:100%;}
#col-side h3 {background:url(../img/side-heading.jpg) no-repeat 0 0; line-height:30px; padding:17px 0 0 25px; text-transform:uppercase; font-weight:lighter; font-size:1.1em;}
#col-side p {padding:0 0 0 25px;}
#col-side .heading {font-weight:bold; margin-bottom:0;}
#col-side .heading em {font-weight:lighter;}
#col-side p  {margin-bottom:20px;}
#col-side h4 {padding:0 0 5px 25px; text-transform:uppercase;}
#col-side #quick-contact p {line-height:1.2em;}
#quick-contact p {line-height:1.5em!important; margin-bottom:15px!important;}
#quick-contact h4 {padding-top:4px;}
#exchange {padding-bottom:8px;}
#exchange p, #calendar p {margin-bottom:5px;}

.sitemap li, .post ul li {background:url(../img/bullet.png) no-repeat 0 2px; padding-left:20px;}
.sitemap li ul {margin-bottom:10px; margin-top:0;}
.post ul {color:#fff; margin:10px 0 15px 0;}

.card table {color:#fff; width:100%; margin-bottom:40px; font-size:0.9em; border:2px solid #335668;}
.card table tr td {padding:3px 7px; width:330px; border-bottom:1px dotted #335668!important; border-right:1px dotted #335668!important; border-left:0!important; border-top:0!important;} 

/* Forum */
.phorumTable {font-size:0.9em; color:#fff;}
.phorumTable tr.phorumHeader th {padding:7px 10px; color:#000; background:#5795B4; font-size:1.1em;}
.phorumTable tr.phorumHeader th.fst {width:340px;}
.phorumTable tr.phorumHeader th.snd	{width:55px;}
.phorumTable tr.phorumHeader th.thrd {width:100px;}
.phorumTable tr.phorumHeader th.frth {width:160px;}
.phorumTable tr.thread th.fst {width:380px;}
.phorumTable tr.thread th.thrd {width:160px;}

.phorumTable tr.highlight td {background:#386074;}
.phorumTable td {padding:5px 10px; border-bottom:1px solid #5795B4!important; border-top:0!important; border-right:0!important; border-left:0!important; }
.phorumTable td a {font-weight:bold;}

.phorumMessage {margin-bottom:30px;}
.phorumMessage .messageHead {margin-bottom:5px;}
.phorumMessage .messageHead h3 {font-style:italic; font-size:1em; text-transform:uppercase;}
.phorumMessage .messageOptions {background:#386074; border-bottom:1px solid #5795B4; border-top:1px solid #5795B4; font-size:0.9em; padding:0 10px;}
.phorumMessage .messageText {margin-bottom:7px; color: white;}
.repliedMessage {background:#5795B4; margin:10px 0 10px 30px; padding:5px 10px;}
.repliedMessage .messageHead p {margin-bottom:0;}

.submit-form {background:#5DA0C1; margin-top:30px; padding:10px 10px 5px 10px;}
.submit-form h3 {color:#000; margin-bottom:15px;}
.submit-form p {margin:0 0 15px 0; overflow:hidden;}
.submit-form label {width:150px; float:left; color:#000;}
.submit-form .input {border:1px solid #335668; background:#396175; padding:2px 5px; width:470px; color:#fff;}
.submit-form #pix {border:1px solid #335668; background:#396175; color:#fff; width:470px;}
.submit-form textarea {float:left; margin:0; padding:2px 5px; width:468px; height:70px; border:1px solid #335668; background:#396175; font:0.97em Arial, Arial, Helvetica, sans-serif; color:#fff;}
.submit-form .button {float:left; margin:0 0 0 148px; width:70px; height:28px;}

/* Carousel*/
.jcarousel-container {position:absolute; width:980px; height:100px; left:0;}
.front .jcarousel-container {top:463px;}
.sub .jcarousel-container {top:0px;}
.jcarousel-clip {z-index:2; overflow:hidden; position:relative; width:900px; margin-left:40px; height:100px;}
.jcarousel-list {z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0;}
.jcarousel-list li, .jcarousel-item {float:left; list-style:none; width:178px; height:100px; margin:0 25px; display:inline;}
.jcarousel-prev, .jcarousel-next {z-index:3; display:none; position:absolute; width:28px; height:28px; top:42px; cursor:pointer;}
.jcarousel-prev {left:0;}
.jcarousel-next {right:0;}
.jcarousel-prev-horizontal {background:url(../img/btn-left.png) no-repeat 0 0;}
.jcarousel-prev-horizontal:hover {background-position:0 -28px;}
.jcarousel-prev-disabled {display:none!important;}
.jcarousel-next-horizontal {background:url(../img/btn-right.png) no-repeat 0 0;}
.jcarousel-next-horizontal:hover {background-position:0 -28px;}
.jcarousel-next-disabled {display:none!important;}

/* Anketa */ 
.query {margin-bottom:10px;	overflow:hidden;}
.query .queryBody {padding:0 16px 7px 25px;	color:white;}
.query h4 {background-image: url(../img/info-h4-query.png)!important;}
.query .question {font-weight:bolder; font-size:13px; color:#fff; margin-top:8px; text-align:left;}
.query .queryBody {padding:0 16px 7px 25px;}
.query .queryBody .queryItem {overflow:hidden; margin-bottom:10px;}
.query .queryBody .voteItem {display:block;	background:#235769;	height:11px; position:relative;}
.query .queryBody .voteItem a, .query .queryBody .voteItem span {background:#235769; height:11px; display:block;}
.query .queryBody .voteItem em {position:absolute; right:0; top:-18px; cursor:text;}
.query .queryBody p.result {text-align:center; font-size:13px; padding:0 0 7px 0;}
.query .queryBody .blue .voteItem a, .query .queryBody .blue .voteItem span {color:#fff; background:#BEBEBE;} 
.query .queryBody .green .voteItem a, .query .queryBody .green .voteItem span {color:#fff; background:#91ba5f;} 
.query .queryBody .gray .voteItem a, .query .queryBody .gray .voteItem span {color:#fff; background:#850000;}
.query .queryBody .blue .phrase a, .query .queryBody .blue .phrase {color:#fff;} 
.query .queryBody .green .phrase a, .query .queryBody .green .phrase {color:#fff;} 
.query .queryBody .gray .phrase a, .query .queryBody .gray .phrase {color:#fff;}
.query .queryBody a:hover, .query .queryBody a:focus {text-decoration:none;}

/* Kalendar */
#calendar table {color:#fff; margin:5px 0 10px 35px;}
#calendar table th, #calendar table td {padding:2px 8px; text-align:center; vertical-align:middle;}
#calendar table th {background:#235769;}
#calendar table th.month {background:none;}
#calendar table .action {background:#850000; font-weight:bold;}
#calendar table .previous, #calendar table .next {color:#8C8C8C;}
#calendar table .action a {text-decoration:none;}

#actions {overflow:hidden;}
#actions .calendar {position:relative; width:100%; height:50px; margin-bottom:20px;}
#actions .calendar h2 {position:absolute; top:3px; left:0; }
#actions .calendar p.head {text-align:center; display:block; width:120px; display:block; font-size:14px; font-weight:bold; background:#235769; position:absolute; left:270px; margin:0; padding:3px 0; }
#actions .calendar .arrow {position:absolute; top:4px; display:block; width:13px; height:20px; overflow:hidden; text-decoration:none;}
#actions .calendar .arrow span {position:absolute; top:0; left:0; width:13px; height:20px; cursor:pointer;}
#actions .calendar .left {left:240px;}
#actions .calendar .right {right:240px;}
#actions .calendar .left span {background:url(../img/arrow-left.png) no-repeat 0 0;}
#actions .calendar .right span {background:url(../img/arrow-right.png) no-repeat 0 0;}
#actions .calendar .arrow:hover span, #actions .calendar .arrow:focus span { background-position:0 -20px;}
#actions .calendar .range {padding:35px 0 0 0; font-size:13px; line-height:13px; text-align:center;}
#actions .calendar .print {position:absolute; top:3px; right:3px; font-size:12px; background:url(../img/calendar-print.gif) no-repeat 0 50%; padding-left:20px;}

/* Treninky */
#actions h3 { margin-bottom:5px;}
.training {overflow:hidden; border-top:1px solid #235769; padding:10px 0; height:100%;}
#actions .first {border-top:1px solid #002C42; margin-bottom:0px;}
.training .hall {position:relative; width:119px; height:45px; overflow:hidden; color:#fff; float:left; display:inline;}
.training .hall span {position:absolute; top:0; left:0; width:100%; height:100%;}
.training .small span {background:url(../img/mala-hala.png) no-repeat 0 0;}
.training .big span {background:url(../img/velka-hala.png) no-repeat 0 0;}
.training .drought span {background:url(../img/sucha-priprava.png) no-repeat 0 0;}
.training .time {float:left; width:210px; margin-left:10px; color:#fff; display:inline;}
.training .time span { display:block;}
.training .remark { float:right; display:inline; width:310px;}

/* Formular */
#form {background:#235769; padding:20px 20px 10px 20px;}
#form h3 {margin-bottom:10px;}
#form p.info {color:#FFFF00;}
#form .left {float:left; width:290px; margin-bottom:5px;}
#form .right {float:right; width:290px; margin-bottom:5px;}
#form .row, #form #antispamblock {float:left; width:620px; margin-bottom:5px;}
#form input, #form label {vertical-align:middle;}
#form label {cursor:default; font-size:12px; color:#fff;}
#form .text {display:block; border:1px solid #5795B4; width:278px; padding:7px 5px; font:12px Arial, Arial, Helvetica, sans-serif; outline:none; color:#f7f7f7; background:#122d36;}
#form .selectbox {display:block; border:1px solid #5795B4; width:619px; height:30px; font:12px Arial, Arial, Helvetica, sans-serif; color:#f7f7f7; background:#122d36;}
#form textarea {border:1px solid #5795B4; width:608px; padding:7px 5px; font:12px Arial, Arial, Helvetica, sans-serif; height:90px; outline:none; color:#f7f7f7; background:#122d36;}
#form .text:focus, #form textarea:focus {border:1px solid #a9c9d9;}
#form .submit-btn {cursor:pointer; font-weight:bold; height:30px; margin:0; width:90px; font-size:13px; font-family:Arial, Arial, Helvetica, sans-serif; float:right;}
#form .note {float:left; width:400px; margin:5px 0 0 0; font-size:13px; color:#fff;}
#form .message {margin:5px auto 20px auto; padding:10px 0 10px 40px; font-weight:bold; color:#fff; width:580px; line-height:17px;}
#form .error {background:#DF001A url(../img/error.png) no-repeat 10px 50%;}
#form .success {background:#8CAC58 url(../img/success.png) no-repeat 10px 50%;}
#form .fault strong {color:#FF4E4E;}

/* Post */
.post table {color:#fff; width:99%;}
.post table td {padding:3px; border:1px solid #fff; vertical-align:middle;}

/* Footer */
#footer p {margin:0; color:#333; position:absolute; bottom:10px;}
#footer p.left {left:0;}
#footer p.right {right:0;}
#footer p a {font-weight:bold; text-decoration:none; color:#333;}
#footer p a:hover, #footer p a:focus {text-decoration:underline; color:#fff;}

/* Banner */
#banner {width:290px; height:76px; margin:0 0 30px 0;}
#banner a {display:block; height:76px; background:transparent url(../img/banner_application-form-skating.png) no-repeat 0 -76px;}
#banner a:hover {background-position:0 0;}

/* Cookies banner */
.eu-cookies {position: fixed; left: 0; bottom: 0; width: 100%; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.8) ; z-index: 1000; padding: 5px; font-size: 1.0em; text-align: center;}
.eu-cookies button {background: rgb(0, 44, 66); color: white; font-size: 1.0em; font-weight: bold; border: 0; padding: 5px 15px; margin: 5px 15px;}