/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0;
	padding: 0;
	background: #002236 url(../images/img01.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #181B20;
}

h1, h2, h3, #logo {
	margin: 0;
	padding: 0;
	text-transform: none;
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	color: #2483A6;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 2.2em;
}

h3 {
	font-size: 1.0em;
}

p, ul, ol {
	margin-top: 0;
	line-height: 180%;
}

ul, ol {
	text-align: left;
}

a {
	text-decoration: none;
	color: #2483A6;
}

alignleft {
	font-size:small;
	font-style: italic;
	left: auto;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}

img.border {
	border: 3px solid #EEE7DF;
}

img.alignleft {
	float: left;
	margin-right: 25px;
	margin-top: 5px;
	margin-bottom: 10px;
}

img.alignright {
	float: right;
	margin-left: 25px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-color: #FFF;
}

img.aligncenter {
	margin: 0px auto;
}
.active {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333;
}
/* MAIN CONTENT */
.column1-unit {
	width:740px;
}
.column2-unit-left {float:left; width:200px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {
	float:left;
	width:200px;
	margin-bottom:10px !important /*Non-IE6*/;
	margin-bottom:5px /*IE6*/;
	margin-left: 40px;
}
.column2-unit-middle {
	float:left;
	width:200px;
	margin-bottom:10px !important /*Non-IE6*/;
	margin-bottom:5px /*IE6*/;
	margin-left: 20px;
}
.column3-unit-left {float:left; width:120px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-middle {
	float:left;
	width:200px;
	margin-bottom:10px !important /*Non-IE6*/;
	margin-bottom:5px /*IE6*/;
	margin-left:40px;
}
.column3-unit-right {
	float:right;
	margin-bottom:10px !important /*Non-IE6*/;
	margin-bottom:5px /*IE6*/;
}

#wrapper {
	margin: 0 auto;
	padding: 0;
	background: url(../images/img03.gif) no-repeat center top;
}

/* Header */

#header-wrapper {
	height: 167px;
	background-image: url(../images/img02.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#header {
	width: 960px;
	height: 167px;
	margin: 0 auto;
}

/* Logo */

#logo {
	width: 980px;
	margin: 0px auto;
	padding: 40px 0px 0px 0px;
	color: #FFFFFF;
	position: relative;
	left: 5%
}

#logo a, #logo p {
	display: block;
	margin: 0;
	padding: 0;
}

#logo a {
	margin: 0px;
	letter-spacing: -1px;
	text-align: left;
	text-transform: none;
	font-size: 54px;
	font-weight: bold;
	color: #FFFFFF;
	border: none;
	background: none;
	text-decoration: none;
}

#logo p {
	margin-top: -10px;
	text-align: left;
	text-transform: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
}
#logo h1 { font-size: 0px; }

/* Search */

#search {
	float: right;
	width: 280px;
	height: 100px;
	padding: 0;
}

#search form {
	height: 41px;
	margin: 0;
	padding: 60px 0 0 30px;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search-text {
	width: 195px;
	padding: 6px 10px;
	border: none;
	background: #FFFFFF;
	text-transform: lowercase;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #7F7F81;
}

#search-submit {
	display: none;
}

/* Menu */

#menu-wrapper {
	background: url(../images/img03.gif) no-repeat center top;
	height: 58px;
}

#menu {
	width: 940px;
	height: 55px;
	margin: 0px auto;
	padding: 3px 20px 0px 10px;
}

#menu ul {
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	display: block;
	float: left;
	height: 52px;
	margin: 0px;
	line-height: 52px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #B5B5B5;
	border: none;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}

#menu .current_page_item a {
	color: #FFFFFF;
	margin-top: 2px;
}

#menu .current_page_it2 {
	color: #CCC;
	margin-top: 2px;
}

#menu .current_page_it1 {
	color: #FF6600;
	margin-top: 0px;
}

#menu a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

/* Page */


#page {
	background: url(../images/img05.gif) repeat-y center top;
}

#page-bgtop {
	background: url(../images/img04.gif) no-repeat center top;
}

#page-bgbtm {
	overflow: hidden;
	padding: 40px 20px 0px 0px;
	background: url(../images/img06.gif) no-repeat center bottom;
}

#page-content {
	width: 920px;
	margin: 0px auto;
}

/* Content */

#content {
	float: right;
	width: 730px;
	padding: 0px 0px 0px 50px;
}


.post {
	clear: both;
	padding-bottom: 10px;
}

.post .title {
	padding-top: 0px;
	letter-spacing: -1px;
}

.post .title a {
	color: #2483A6;
	border: none;
}

.post .meta {
	padding-bottom: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
}

.post .meta a {
}

.post .entry {
	text-align: justify;
	margin-bottom: 15px;
	padding: 10px 0px 0px 0px;
}

.links {
	display: block;
	width: 96px;
	padding: 2px 0px 2px 0px;
	background: #A53602;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	color: #FFFFFF;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 140px;
	padding: 0px 0px 0px 0px;
	height: auto;
        position: relative;
}

#sidebar h1 {
    position: absolute;
    top: -23px;
    color: #444;
    font-size: 16px;
    left: 189px;
    width: 730px;
    height: 30px;
    text-align: right;
}

#sidebar ul {
	margin: 0 0 0 5px;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin: 0;
	padding: 0;
}

#sidebar li ul {
	margin: 0px 0px 0px 1px;
	padding-bottom: 30px;
}

#sidebar li li {
	line-height: 22px;
	text-decoration: none;
}

#sidebar li li span {
	display: block;
	margin-top: -20px;
	padding: 0;
	font-size: 11px;
	font-style: italic;
}

#sidebar li li a {
	color: #181B20;
}

#sidebar h2 {
	height: 38px;
	margin-bottom: 20px;
	padding: 5px 0 0 1px;
	border-bottom: 1px dashed #B3B0B0;
	letter-spacing: -1px;
	font-size: 20px;
	color: #2483A6;
}

#sidebar p {
	margin: 0 0px;
	padding: 0px 20px 20px 10px;
	text-align: justify;
}

#sidebar a {
	border: none;
}

#sidebar a:hover {

}

/* Calendar */

#calendar {
	height: 20px;
	background-color: #FFF;
}

#calendar_wrap {
	padding: 20px;
}

#calendar table {
	width: 100%;
}

#calendar tbody td {
	text-align: center;
}

#calendar #next {
	text-align: right;
}

/* Footer */

#footer {
	width: 960px;
	height: 55px;
	margin: 0px auto 40px auto;
	background: url(../images/img07.gif) no-repeat center top;
	font-family: Arial, Helvetica, sans-serif;
}

#footer p {
	margin: 0;
	padding-top: 18px;
	line-height: normal;
	text-align: center;
	color: #576475;
}

#footer a {
	color: #576475;
}
#poptrox {
	width: 740px;
}

#gallery {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#gallery li {
	float: left;
	margin: 0px;
	padding: 10px;
}

#gallery img {
	border: 5px solid #FFFFFF;
}
/*****************************************************
  Poptrox
*****************************************************/

.poptrox_popup
{
	position: relative;
	padding: 1em 1em 3em 1em;
	background: #ffffff;
}

.poptrox_popup .loader
{
	display: block;
	margin: 55px 0 0 0;
	text-indent: -9999em;
	background: url('loader.gif') top center no-repeat;
}

.poptrox_popup .caption
{
	position: absolute;
	bottom: 1em;
	left: 1em;
}

.poptrox_popup .closer
{
	position: absolute;
	bottom: 1em;
	right: 1em;
}

#footer {
	overflow: hidden;
	width: 940px;
	height: 100px;
	margin: 0px auto;
}

#footer p {
	margin: 0px;
	padding: 25px 0px 0px 0px;
	text-align: center;
	font-size: 12px;
}
.modra {
	font-weight: bold;
	color: #2483C1;
}
.sipka {
	font-weight: bold;
}
.naseprodukty {
	font-style: italic;
}

.main-content table {
	clear:both;
	width:660px;
	margin:0em 0 0.2em 0px;
	table-layout: auto;
	border-collapse:collapse;
	empty-cells:hide;
}
.main-content table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:110%;}
.main-content table th {height:3.0em; padding:2px 20px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.main-content table td {
	height:auto;
	padding:0px 7px 2px 7px;
	border-left:solid 2px rgb(255,255,255);
	border-right:solid 2px rgb(255,255,255);
	border-top:solid 2px rgb(255,255,255);
	border-bottom:solid 2px rgb(255,255,255);
	text-align:center;
	font-weight:normal;
	color:rgb(80,80,80);
	font-size:110%;
}


#slideshow {
    margin: 15px 0 40px;
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
}

#slideshow:before,
#slideshow:after {
	position: absolute;
	width: 40%;
	height: 10px;
	content: ' ';
	left: 12px;
	bottom: 12px;
	background: transparent;
	-webkit-transform: skew(-5deg) rotate(-5deg);
	-moz-transform: skew(-5deg) rotate(-5deg);
	-ms-transform: skew(-5deg) rotate(-5deg);
	-o-transform: skew(-5deg) rotate(-5deg);
	transform: skew(-5deg) rotate(-5deg);
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	z-index: -1;}


#slideshow:after {
    left: auto;
    right: 12px;
    -webkit-transform: skew(5deg) rotate(5deg);
    -moz-transform: skew(5deg) rotate(5deg);
    -ms-transform: skew(5deg) rotate(5deg);
    -o-transform: skew(5deg) rotate(5deg);
    transform: skew(5deg) rotate(5deg);
}

#slideshow .banner_title {
    font-size: 17px;
    color: #fff;
    padding: 15px 35px;
}

#addthis {
    margin-bottom: -20px;
}

#addthis a {
    display: block;
    height: 38px;
}

/* {{{1 Styly na HP */
.box-l,
.box-r {
    width: 345px;
}

.box-l {
    float: left;
}

.box-r {
    float: right;
}

.price-line {
    font-size: 26px;
    color: #2483A6;
}

body .space {
    margin-top: 30px;
    display: block;
}

/*List na HP*/
ol#list {
    font-style: italic;
    font-family: Georgia, Times, serif;
    font-size: 24px;
    color: #2483A6;
    line-height: 0px;
}

ol#list li p {
    padding: 0px 8px;
    font-style: normal;
    font-family: Arial;
    font-size: 13px;
    color: #222;
    border-left: 1px solid #ddd;
}

ol#list li p em {
    display: block;
}

.hp-item .box-l {
    width: 200px;
}
.hp-item .box-r {
    width: 490px;
}

.hp-item .box-l img {
	width: 190px;
	padding: 5px;
	border: 1px solid #ddd;
	background-color: #fff;
	margin: 10px 0 10px;
}

.hp-item h2 {
    margin-bottom: 15px;
}





/* {{{1 Obecné styly */
.clear, .cleaner  { clear: both; font-size: 1px; float: none; height:1px; margin-top:-1px; line-height: 1px; }
.hidden           { display: none; }
.right            { text-align: right; }
.left             { text-align: left; }
.center           { text-align: center; }
.clearfix:before,
.clearfix:after   { content: "."; display: block; height: 0; overflow: hidden; }
.clearfix:after   { clear: both; }
.clearfix         { zoom: 1; /* IE < 8 */ }

/* Ochrana proti spamu */
span.kontrola {
    background-color: 0xFFC300;
}

form .kontrola {
    font-weight: bold;
}