/*

Author: w3w.cz
Project: Carlos Gonzales Shanel

Encoding: UTF-8
Media: screen, projection, tv

Latest revision: 8/23/2009

*/

/* OBECNE
======================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {border: 0; margin: 0; padding: 0; vertical-align: baseline; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}

table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}

blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

li {list-style-type: none;}

hr {display: none;}

a {color: #3399cc;}
a:hover, a:active, a:focus {color: #086198;}
a img {border: none;}

p {margin: 15px 0;}

em, i {font-style: italic;}
strong, b {font-weight: bold;}

/* UNIVERZALNI PRVKY
======================================*/

.cw {width: 100%; overflow: hidden;}
.cw2 {overflow: hidden; height: 1%;}
.fl, .alignleft {float: left;}
.fr, .alignright {float: right;}
.cleaner {clear: both; visibility: hidden; height: 0; overflow: hidden; line-height: 0; font-size: 0;}

.ir {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;}

.tl {text-align: left;}
.tr {text-align: right;}
.tc {text-align: center;}

.bold {font-weight: bold;}
.hand {cursor: hand; cursor: pointer;}

/* STRUKTURA
======================================*/

#jump {display: inline; font-size: 1.2em;}
	#jump li {display: inline;}
	#jump a {position: absolute; z-index: -1; left: 0; display: block; width: 100%; overflow: hidden; padding: 10px 0; text-align: center; text-decoration: underline; font-weight: bold; color: white;}
	#jump a:hover,
	#jump a:active,
	#jump a:focus {background: #222222; top: 0; z-index: 9;}

html {background: #fff; height: 100%;}
body {background: url("img/body.jpg") right top no-repeat; position: relative; width: 960px; min-height: 100%; margin: 0 auto; font: 62.5%/1.5 "trebuchet ms", arial, helvetica, sans-serif; text-align: center; color: #333;}

#container {padding: 0 0 50px 0; text-align: left; font-size: 1.2em; overflow: hidden;}

h1#logo {position: absolute; top: 36px; left: 19px; width: 445px; height: 94px; overflow: hidden;}
h1#logo a {display: block; width: 100%; height: 100%; font-size: 250%; color: #086198; text-decoration: none;}
h1#logo a em {display: block; font-style: normal; font-size: 50%; color: #222;}
h1#logo a .ir {background: url("img/logo.png");}

#nav {background: #39c url("img/nav.gif") no-repeat; position: absolute; left: 0; top: 160px; width: 100%; height: 51px; overflow: hidden;}
#nav li {display: inline;}
/* Cufón ready:
#nav li a {float: left; height: 51px; padding: 0 20px; text-decoration: none; font-size: 130%; color: #fff;}
#nav li a span {display: block; padding-top: 10px;}
W/O Cufôn: */
#nav li a {float: left; height: 51px; padding: 0 20px; line-height: 53px; vertical-align: middle; text-decoration: none; font-size: 120%; color: #fff;}
#nav li a:hover,
#nav li a:active,
#nav li a:focus {background: #086198;}
#nav li a.active,
#nav li a.active:hover,
#nav li a.active:active,
#nav li a.active:focus {background: #bde4f8; color: #086198;}

#searchform {position: absolute; top: 0; right: 0; width: 210px; padding: 12px 0 0 0;}
#searchform div {background: white url("img/sinput.gif"); float: left; width: 169px; height: 27px; overflow: hidden;}
#searchform input#s {border: 0; background: transparent; width: 165px; height: 23px; font-size: 100%;}
#searchform input#searchsubmit {float: left; display: inline; margin-left: 5px;}

#holder {background: #bde4f8 url("img/holder.png") left bottom repeat-x; margin: 211px 0 50px 0; padding: 30px 0 0 0;}
#inner-holder {background: url("img/inner-holder.gif") 230px 0 repeat-y; width: 100%; min-height: 200px; overflow: hidden; padding: 0 0 50px 0;}

.col {width: 210px; overflow: hidden;}

.col .box {background: #f9f9f9 url("img/side.png") -3px -2px no-repeat; position: relative; width: 100%; min-height: 220px; margin-bottom: 20px;}
.col .box .b {background: url("img/side.png") -3px 0; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; overflow: hidden;}
.col .box h3 {padding: 25px 15px 15px 20px; font-size: 18px; color: #333;}
.col .box ul {padding-bottom: 17px;}
.col .box ul li {display: inline;}
.col .box ul a {background: url("img/sidelil.gif") 0 9px no-repeat; display: block; width: 175px; padding: 5px 15px 5px 20px; text-decoration: none; color: #555;}
.col .box ul a:hover,
.col .box ul a:active,
.col .box ul a:focus {background: #ddd url("img/sidelil.gif") 0 9px no-repeat; color: #333;}
.col .box .inner {padding: 5px 20px 20px 20px;}
.col .box .inner img,
.col .box .inner object,
.col .box .inner video {display: block; margin: 10px auto 0 auto;}
.col .box .galeria img {border: 10px solid #ddd; margin-top: 0;}
.col .box .inner a.more {background: #5bacd5; display: block; height: 30px; line-height: 30px; vertical-align: middle; text-decoration: none; text-align: center; color: #fff;}
.col .box .inner a.more span {background: url("img/sidemoreli.gif") 100% 50% no-repeat; padding-right: 11px;}
.col .box .inner a.more:hover,
.col .box .inner a.more:active,
.col .box .inner a.more:focus {background: #086198;}
.col .box .inner p {margin: 0 0 15px 0;}
.col .box select {margin: 5px 20px 0 20px;}
.col .advertising {background: transparent none !important;}
#left .banner span a { color: #444; }

#left {float: left; margin-right: 20px;}

#right {float: right;}
#right .box {background: #f9f9f9 url("img/side.png") 0 -2px no-repeat;}
#right .box .b {background: url("img/side.png") 0 0;}
#right .box ul a {background: url("img/sidelir.gif") 100% 9px no-repeat;}
#right .box ul a:hover,
#right .box ul a:active,
#right .box ul a:focus {background: #ddd url("img/sidelir.gif") 100% 9px no-repeat; color: #333;}
#right .box span a {color: #444 !important;}

#content {float: left; width: 460px; padding: 0 20px; background: white url("img/content.gif") no-repeat;}

#footer {background: #e5e5e5 url("img/footer.gif") no-repeat; position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; line-height: 50px; vertical-align: middle; text-align: center; color: #777;}

/* Obsah
--------------------------------------*/

/*Vypis clanku*/
.post {width: 460px; overflow: hidden;}
h2.post-heading,
h3.post-heading {margin: 20px 0 0 0; font-size: 165%; color: #086198;}
h2.post-heading a,
h3.post-heading a {border-bottom: 1px solid #cadfec; text-decoration: none; color: #086198;}
h2.post-heading a:hover,
h2.post-heading a:active,
h2.post-heading a:focus,
h3.post-heading a:hover,
h3.post-heading a:active,
h3.post-heading a:focus {border-color: #ccc; color: #222;}
.post a.more {background: #f5f5f5; padding: 7px 10px 6px 10px; float: right; color: #666; text-decoration: none;}
.post a.more span {background: url("img/moreli.gif") 100% 50% no-repeat; padding-right: 11px;}
.post a.more:hover,
.post a.more:active,
.post a.more:focus {background: #ddd; color: #333;}
.post p.perex {overflow: hidden;}
.post .entry {width: 100%; overflow: hidden;}

h2.pagetitle {margin: 20px 0 0 0; font-size: 165%; color: #444;}
p.postmetadata {border: 1px solid #e5e5e5; background: #f9f9f9; padding: 8px 10px; color: #777; clear: both;}

.post ul {margin: 15px 0;}
.post ul li {background: url("img/li.gif") 0 5px no-repeat; margin: 0 0 0 10px; padding: 0 0 0 15px;}
.post ol {margin: 15px 0;}
.post ol li {list-style-type: decimal; margin: 0 0 0 25px;}

.entry img.alignleft {margin: 0 15px 5px 0;}
.entry img.alignright {margin: 0 0 5px 15px;}
.entry img.aligncenter,
.entry object {display: block; margin: 0 auto;}
.entry img {border: 10px solid #e5e5e5;}
.entry object {border: 10px solid #e5e5e5;}

#content a:hover img,
#content a:active img,
#content a:focus img {border-color: #bde4f8;}

#content .gallery {}
#content .gallery .gallery-item {margin: 20px 0 10px 0;}
#content .gallery img {border: 10px solid #e5e5e5;}
#content .gallery .gallery-caption {padding-top: 10px;}

.post table {width: 460px !important; margin: 15px 0;}
.post table p {margin: 0;}
.post table td {vertical-align: top; padding: 15px 10px 10px 10px;}
.post table td img {margin: 0 0 15px 0;}
.vids table td {width: 40%; text-align: center;}
.vids table td img {float: none; margin: 0 0 5px 0 !important;}
.vids table td p {display: block; width: 100%;}

.entry h3 {margin: 15px 0; font-size: 140%;}
.entry h4 {margin: 15px 0; font-size: 120%; font-weight: bold;}
.entry h5 {margin: 15px 0; font-size: 100%; font-weight: bold;}
.entry h6 {margin: 15px 0; font-size: 90%; font-weight: bold;}

#tsform {width: 100%; overflow: hidden; margin: 20px 0;}
#tsform fieldset {background: #f9f9f9; border: 1px solid #e5e5e5; padding: 15px; float: left;}

.navigation {margin: 25px 0; clear: both; width: 100%; overflow: hidden;}
.navigation h3 {margin: 10px 0; font-size: 140%; font-weight: bold;}
.navigation a {font-weight: bold;}
.single .navigation {margin: 0;}
.imagenav span {background: #eee; display: block; text-align: center; padding: 10px 10px 0 10px;}
.imagenav img {border: 10px solid #eee;}

.edit-link {width: 100%; overflow: hidden; margin: 20px 0;}
.edit-link a {border: 1px solid #e5e5e5; float: left; padding: 10px;}
.edit-link a:hover,
.edit-link a:active,
.edit-link a:focus {background: #3399cc; color: #fff; border-color: white; text-decoration: none;}

h3#comments {margin: 20px 0 0 0; font-size: 140%; font-weight: bold;}

#content ol.commentlist {border-bottom: 1px solid #ddd; margin: 20px 0; font-size: 12px;}
#content ol.commentlist li {background: none; list-style-type: none;}
#content ol.commentlist li.comment {border: 1px solid #e5e5e5; padding: 15px 20px;}
#content ol.commentlist li.even {background: #f9f9f9; border-bottom-color: #fff;}
#content ol.commentlist li.odd {background: #fff;}
#content ol.commentlist li.comment .avatar {float: left; margin: 0 10px 0 0;}
#content ol.commentlist li.comment .comment-author {}
#content ol.commentlist li.comment .comment-author cite {font-weight: bold; font-style: normal;}
#content ol.commentlist li.comment .comment-meta {font-size: 11px;}
#content ol.commentlist li.comment .comment-meta a {color: #666;}
#content ol.commentlist li.comment p {margin: 15px 0;}
#content ol.commentlist li.comment .reply {}
#content ol.commentlist li.comment a.comment-reply-link {}

#respond h3 {margin: 0 0 10px 0; font-size: 140%; font-weight: bold;}
#commentform p {margin: 7px 0;}
#commentform label {}
#commentform textarea {width: 450px;}
#commentform #submit {cursor: hand; cursor: pointer;}

/* contact form plugin styling */
.wpcf7 {margin-top: 15px !important;}
.wpcf7 p {margin: 5px 0;}