/* -------------------------------------------
*
*  Svatky Centrum 2012
*  Martin Humpal
*  Version 1
*  05 2012
*
*/
/* HTML5 */

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

audio,video,canvas {display: inline-block;=display: inline;=zoom: 1;}

audio:focus,
video:focus,
embed:focus,
object:focus,
applet:focus         {border: 0; outline: 0;}

svg:not(:root)       {overflow: hidden;} /* IE9 SVG overflow bug */

[hidden]             {display: none;}

/* clearfix */
.clearfix:before,
.clearfix:after      {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after      {clear: both;}
.clearfix            	{zoom: 1;}

/* inline block */
.inline-block        {
   display: -moz-inline-box;
   display: inline-block;
   =display: inline;
   =zoom: 1;
}
/* Lists */
.clean-list {
	margin: 0;
	list-style-type: none;
}
.link-list {margin: 0; list-style-type: none;}
.link-list li {padding: .3em 0;}

.data-list {border-bottom: 1px solid silver;}
.data-list li {padding: .5em .7em; border: 1px solid silver; border-bottom: none;}
.data-list h2,
.data-list h3 {font-size: 110%; margin: 0;}
.data-list .even {}
.data-list .odd  {background-color: #fff;}
/* -------------------------------------------
*
*  Links
*
*/
a   			{outline: none; color: #175492;}
a:visited       {}
a:hover         {text-decoration: none;}
a:focus,
a:active        {outline: thin dotted;}

/* -------------------------------------------
*
*  Images
*
*/

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
.ie7 img       {-ms-interpolation-mode: bicubic;} /* zapnuti kvalitnejshi resizingu, POZOR: je to pomalejsi */

a img          {border: 0; vertical-align: middle;	}
a:hover img,
a:focus img,
a:active img   {}

/* -------------------------------------------
*
*  Headers
*
*/
h1 {font-size: 1.7em; 	margin: 0 0 .6em 0; }
h2 {font-size: 1.5em; 	margin: 0 0 .4em 0; }
h3 {font-size: 1.4em; 	margin: 0 0 .83em 0; }
h4 {font-size: 1.0em;   margin: 0 0 1.12em 0; }
h5 {font-size: 0.83em; 	margin: 0 0 1.5em 0; }
h6 {font-size: 0.75em; 	margin: 0 0 1.67em 0; }

.box-title {
	color: #666666;
	border-bottom: 1px dashed #ccc;
    font-size: 14px;
    font-weight: bold;
    line-height: 27px;
    margin: 3px 0 10px;
    padding: 0 0 5px 12px;
}
.box-controls  {
	font-size: 11px;
	float: right;
	color: #A0A0A0;
	font-weight: normal;
}
.box-controls a.active {color: #A0A0A0;text-decoration: none; font-weight: bold;}

/* -------------------------------------------
*
*  Lists
*
*/
ul, ol, menu      {
	margin: 0 0 0.5em 25px;
	padding: 0;
}
ul ul, ol ol,
ul ol, ol ul,
menu ul, menu ol,
ul menu, ol menu  {margin-top: .5em; margin-bottom: .5em;}

dl                {margin: 0 0 1.12em 0; padding: 0;}
dt                {}
dd                {margin-left: 40px;}

/* -------------------------------------------
*
*  Else blocks
*
*/
p           	{margin: 0 0 .5em 0;}
blockquote  {margin: 0 40px 1.12em 40px;}
address     {margin: 0 0 1.12em 0; font-style: italic;}
hr          {}

/* -------------------------------------------
*
*  Tables
*
*/
table       {
   margin: 0 0 1em 0;
   table-layout: auto;
   border-spacing: 0;
   border-collapse: collapse;
}
caption     {}
col         {}
thead       {}
tbody       {}
tfoot       {}
tr          {}
th          {padding: 2px 5px;}
td          {padding: 2px 5px;}

.table-clean {width: 100%; margin: 0;}
.table-clean td {padding: 0;}


/* -------------------------------------------
*
*  Layout
*
*/
html                          {
   margin: 0;
   padding: 0;
   overflow-y: scroll; /* no jumping */
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
}
body                          {
   background: #e4e1d8;
   margin: 0;
   padding: 0;
   font: 0.80em/1.5em Arial,Verdana,sans-serif;
}
#header 	{
	background: #0f4d6b;
	border-bottom: 5px solid #072d3e;
	background-image: linear-gradient(bottom, #093C53 25%, #0F4C6B 50%);
	background-image: -o-linear-gradient(bottom, #093C53 25%, #0F4C6B 50%);
	background-image: -moz-linear-gradient(bottom, #093C53 25%, #0F4C6B 50%);
	background-image: -webkit-linear-gradient(bottom, #093C53 25%, #0F4C6B 50%);
	background-image: -ms-linear-gradient(bottom, #093C53 25%, #0F4C6B 50%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.25, #093C53),
	color-stop(0.5, #0F4C6B)
	);
}
#header-box,
#container,
#footer		{
	max-width: 1080px;
	margin: 0 auto;
}
/*retina footer logo*/
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    #footer-logo {
        display: block; height: 30px;
        background: url('logo-centrum-cz@2x.png') left center no-repeat;
        background-size: 129px 26px;
    }
    #footer-logo img {display:none;}
}

#page 			{
	max-width: 1080px;
	margin: auto;
	position: relative;
}
#page-box 		{}
#container 	{}
#container-box {}
#content 		{
    display: inline;
    float: right;
    padding: 39px 0 0;
    width: 870px;
    color: #3c4a5d;
}
#content-box 	{}
#column 			{
    display: inline;
    float: left;
    padding: 10px 0 0;
    width: 180px;
}
#column-box 		{}
#ahead 				{text-align: center; margin: 0 auto;}
#header 	   		{}
#header-box			{}
#footWrap 			{
	background: #fff;
	margin: 0 0 2px;
}
#footerWrap 		{
	background: #fff;
	padding: 12px;
}
#foot {
	padding: 15px;
}
#foot ul {
	list-style-type: none;
	margin: 0 0 0 0px;
}
#foot li {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 6em;
}
.ie7 #foot li {display: inline;}
.ie7 #foot li li {display: block;}
#foot li.logo {
	width: 170px;
	margin: 0;
}
#foot li li {display: block;margin: 0;}
#foot span {
	display: block;
	margin: 0 0 1em;
	font-weight: bold;
	color: #999;
}
#footer a {
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#paticka-utm {
	text-align: center;
	color: #999;
}

/* Formatovani */

.a-center				{text-align: center;}
.a-left					{text-align: left;}
.a-right				{text-align: right;}

.purple					{color: #d089b5;}
.black					{color: #000;}
.white					{color: #fff;}

.hidden,
hr.hr	 				{display: none;}

.left					{float: left;}
.right					{float: right;}

.left-bottom  {position: absolute; left: 0; bottom: 0;}
.right-bottom {position: absolute; right: 0; bottom: 0;}

.list-block-clean	{margin: 0; list-style-type: none;}
.inline-list		{margin: 0; list-style-type: none;}
.inline-list li		{
	display: -moz-inline-box;
	display: inline-block;
	=display: inline;
	=zoom: 1;
}
div.hr {
	height: 1px;
	background: #d7d7d7;
	clear: both;
	margin: .5em 0;
}
div.space {height: 10px;}
.t-table {width: 100%; margin: 0;}

/* -------------------------------------------
*
*  Column menu
*
*/
#column-menu {
	padding: 0 0 1.5em;
}
#column-menu ul {
	margin: 0;
	list-style-type: none;
	border-bottom: 1px solid #c9c9c9;
}
#column-menu li {
	display: block;
	border: 1px solid #c9c9c9;
	border-bottom: none;
}
#column-menu li.label {
	border: none;
	color: #3c4a5d;
	padding: 5px 10px;
	font-weight: bold;
}
#column-menu a {
	background: #fff;
	display: block;
	text-decoration: none;
	padding: 5px 10px;

	-webkit-transition: background 200ms ease-in 50ms; /* property duration timing-function delay */
    -moz-transition: background 200ms ease-in 50ms;
    -o-transition: background 200ms ease-in 50ms;
    transition: background 200ms ease-in 50ms;
}
#column-menu a.active,
#column-menu a:hover {
	background: #fa721f;
	color: #fff;
}

/* -------------------------------------------
*
*  Buttons
*
*/
.btn			{
	background: pink;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	padding: 5px;
	text-decoration: none;
}
.btn-orange		{
	background: url('btn-orange.png') repeat-x top;
	border: 1px solid silver;
	font-size: 18px;
	color: #fff;
	padding: 0 10px;
	height: 32px;
	line-height: 28px;
	cursor: pointer;
	float: left;

	-moz-opacity: 0.80;
	opacity: 0.80;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url('http://www.webcomplete.cz/js/PIE.php');
}

/* Logo */
div#logo      			{
	float: left;
	margin: 1em 1em 0 1em;
}
div#logo a {
    display: block;
    background: url('svatky-logo.png') no-repeat top left;
    height: 80px;
    width: 343px;
    overflow: hidden;
}
/*retina logo svatky*/
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  div#logo a {
    background: url('svatky-logo@2x.png') no-repeat top left;
    background-size: 343px 160px;
  }
}
div#logo img {display: none;}
div#logo a:hover img {
	background-position: -80px 0;
	/*margin: -80px 0 0;*/
	-moz-opacity: 0.80;
	opacity: 0.80;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
}
div#logo a:hover {background-position: bottom left;}
div#logo span {display: none;}


/* Search form */
#searchform {
	/*margin: 3em 0 0 2em;*/
	float: left;
	padding: 35px 0 0 5%;
}
#searchform .text {
	background: #fff url('search.png') no-repeat 5px 5px;
	border: none;
	padding: 4px 8px 4px 25px;
	width: 70%;
	margin: 0 5px 0 0;
	color: #9b9b9b;
	font-size: 120%;
	float: left;
	width: 250px;
	/* iOS button bug */
	-webkit-appearance:none;
	-webkit-border-radius:0px;
}
/* Retina search */
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#searchform .text {
		background: #fff url('search@2x.png') 5px 6px no-repeat;
		background-size: 16px 15px;
	}
}
#searchform .button {
	float: left;
	color: #fff;
	margin: 0;
	padding: 0.16em 0;
	width: 80px;
	height: 25px;
	/* iOS button bug */
	-webkit-appearance:none;
	-webkit-border-radius:0px;
}

/* Forms */
form 		{}
form label  {}
form legend {
	border: 0 none;
	padding: 0;
	white-space: normal;
}
.ie7 form legend {margin: 0 0 0 -7px;}
form legend span {font-weight: bold; font-size: 120%;}
form fieldset {
	border: none;
	padding: 0;
	margin: 0;
}
form table 	{width: 100%; margin: 0;}
form td 	{padding: 0;}

form.gra-silver {
	padding: .5em;
	border: 1px solid #D7D7D7;
}
form.gra-blue {
	color: #fff;
	padding: .5em 1em;
}

.button 			{
	background: #fa721f;
	cursor: pointer;
	border: none;
	color: #ffffff;
	font-weight: bold;
	padding: 3px 9px;
    text-align: center;
    font-family: trebuchet ms, arial, sans-serif;
    font-size: 120%;
    text-decoration: none;
}
.button:hover           {
    color: #3C4A5D;
}
.button-orange 		{}
.button-orange 		{}

table .button {
	background: #0F4D6B;
	font-size: 100%;
}
table .button:hover,
table .active {
	background: #FA721F;
}

/* Gradients */
.gra-blue {
	background: #0f4d6b;
	border-bottom: 5px solid #072d3e;
	background-image: linear-gradient(bottom, #093C53 25%, #0F4C6B 50%);
	background-image: -o-linear-gradient(bottom, #093C53 25%, #0F4C6B 50%);
	background-image: -moz-linear-gradient(bottom, #093C53 25%, #0F4C6B 50%);
	background-image: -webkit-linear-gradient(bottom, #093C53 25%, #0F4C6B 50%);
	background-image: -ms-linear-gradient(bottom, #093C53 25%, #0F4C6B 50%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.25, #093C53),
	color-stop(0.5, #0F4C6B)
	);
}
.gra-silver {
	background-color: #fff;
	background-image: linear-gradient(bottom, #F6F6F6 20%, #FFFFFF 70%);
	background-image: -o-linear-gradient(bottom, #F6F6F6 20%, #FFFFFF 70%);
	background-image: -moz-linear-gradient(bottom, #F6F6F6 20%, #FFFFFF 70%);
	background-image: -webkit-linear-gradient(bottom, #F6F6F6 20%, #FFFFFF 70%);
	background-image: -ms-linear-gradient(bottom, #F6F6F6 20%, #FFFFFF 70%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.2, #F6F6F6),
		color-stop(0.7, #FFFFFF)
	);
}


/* -------------------------------------------
*
*  Layout
*
*/

/* Page top */

#content-top {
	background: #fff;
	border: 1px solid #d7d7d7;
	padding: .8em;
	color: #3c4a5d;
	font-size: 130%;

	background-image: linear-gradient(bottom, #F6F6F6 20%, #FFFFFF 70%);
	background-image: -o-linear-gradient(bottom, #F6F6F6 20%, #FFFFFF 70%);
	background-image: -moz-linear-gradient(bottom, #F6F6F6 20%, #FFFFFF 70%);
	background-image: -webkit-linear-gradient(bottom, #F6F6F6 20%, #FFFFFF 70%);
	background-image: -ms-linear-gradient(bottom, #F6F6F6 20%, #FFFFFF 70%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.2, #F6F6F6),
		color-stop(0.7, #FFFFFF)
	);
}
#content-top h1,
#content-top h2,
#content-top h3,
#content-top .h1,
#content-top .h2,
#content-top .h3 {
	display: inline;
	margin: 0;
}
h1,
.h1 {font-size: 150%; color: #35a8e0; font-weight: bold;}
h2,
.h2 {font-size: 140%; color: #175492; font-weight: bold;}
h3,
.h3 {font-size: 120%; color: #175492; font-weight: bold;}

.head-line 	   {}
.head-line div {font-size: 80%; color: #3C4A5D;}

#content-top-data {text-align: right; margin: 0 0 10px;}

#page-time {
	float: right;
	text-align: right;
}
.ie7 #page-time {width: 40%;}

#time-accurate {margin: 0 0 .4em;}
#time-accurate span {color: #35a8e0; font-weight: bold;}
#time-accurate #clock span {
	display: inline-block;
	width: 8px;
	text-align: center;
	color: #848280;
}
.ie7 #time-accurate #clock span {display: inline;zoom: 1;}

#moon-faze {text-align: right;}
#moon-faze .moon-ico  {
	float: right;
	margin: 1px 0 0 8px;
	background-image: url('moon-sprite.png');
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	line-height: 0px;
	font-size: 0px;
	text-indent: -9999px;
}
#moon-faze .moon-full 		 {background-position: 0 0;}
#moon-faze .moon-half-first  {background-position: -18px 0;}
#moon-faze .moon-half-second {background-position: -36px 0;}
#moon-faze .moon-none 		 {background-position: -54px 0;}
#moon-faze img 				 {float: right; margin: 1px 0 0 8px;}

/*retina icons moon phaze*/
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#moon-faze .moon-ico 		 {background-image: url('moon-sprite@2x.png'); background-size: 72px 18px;}
/*	#moon-faze .moon-full 		 {background-position: 0 0;}
	#moon-faze .moon-half-first  {background-position: -36px 0;}
	#moon-faze .moon-half-second {background-position: -72px 0;}
	#moon-faze .moon-none 		 {background-position: -108px 0;}*/
}



#page-title {}
.ie7 #page-title {float: left;}
#page-title div {margin: 0 0 .5em;}
#page-title span.title {
    display: inline-block;
    min-width: 120px;
    padding: 0 5px 0 0;
    text-align: right;
	zoom: 1;
}
.ie7 #page-title span {zoom: 1; display: inline;}
#page-title a {text-decoration: none;}
#page-title a:hover {color: #FA721F;}
.detail #page-title div.title {
	display: inline;
}
.detail #page-title strong {
	padding: 0 !important;
	float: none !important;
}

span.spacer {
	font-size: 140%;
	font-weight: normal !important;
	color: #A1A1A1 !important;
	line-height: 100%;
}

#title h1,
#title .h1 {font-size: 90%;}

.page-title-small {width: 72.5%; position: relative;}

#page-title #day {margin: 0;}
#content-top #day {position: relative;}
#content-top #day div {position: absolute; top: 0; left: 0;}
#content-top #day h3  {font-size: 90%;}
#content-top #holydays strong,
#content-top #day strong {
	float: left;
	padding: 0 0 0 20%;
}

div.content-moths 	  {padding: .5em 0;}
.content-moths ul {margin: 0em; width: 100%; display: table;}
.content-moths li {
	display: table-cell;
	list-style-type: none;
}
.ie7 .content-moths li {float: left;}
#content-data .content-moths {position: relative;}

#content-data .content-moths #content-months-nav {}
#content-data .content-moths #content-months-nav a {
	background: url('icons.png') no-repeat;
    height: 18px;
    margin: 5px 10px 0;
    width: 15px;
}
#content-data .content-moths #content-months-nav span {display: none;}
#content-data .content-moths #content-months-nav a.next-month {float: left; background-position: 0px -36px; margin: 0 10px 0 0;}
#content-data .content-moths #content-months-nav a.prew-month {float: right; background-position: -15px -36px; margin: 0 0 0 10px;}
#content-data .content-moths #content-months-nav a.next-month:hover {background-position: 0px -54px;}
#content-data .content-moths #content-months-nav a.prew-month:hover {background-position: -15px -54px;}

#content-data .content-moths ul {padding: 0 0 0 0; margin: 0; width: 100%; display: table;}
#content-data .content-moths ul a {
	padding: .3em .57em;
}
div.content-moths a  {
	display: block;
    background: #fff;
    text-align: center;
    color: #3c4a5d;
    text-decoration: none;
    padding: 0.3em;
    border: 1px solid #d7d7d7;
    font-size: 100%;
    margin: 0 4px 0 0;

    -webkit-transition: background 100ms ease-in 30ms; /* property duration timing-function delay */
    -moz-transition: background 100ms ease-in 20ms;
    -o-transition: background 100ms ease-in 30ms;
    transition: background 100ms ease-in 30ms;
}
.content-moths li.last a {margin: 0;}
.content-moths a.active,
.content-moths .active a,
.content-moths a:hover {
	background: #fa721f;
	color: #fff;
	border: 1px solid #fa721f;
}

#content-mont {margin: 1em 0; font-size: 130%;}
#content-mont h4 {
	color: #848280;
	font-size: 140%;
	display: inline;
}

#content-year-nav {
	text-align: center;
	color: #fa721f;
	font-size: 130%;
}
#content-year-nav a {
	background: url('icons.png') no-repeat;
	height: 18px;
	margin: 0;
	width: 15px;
}
#content-year-nav a.prew-month {float: left; background-position: 0 -36px;}
#content-year-nav a.next-month {float: right; background-position: -15px -36px;}
#content-year-nav a.prew-month:hover {background-position: 0 -54px;}
#content-year-nav a.next-month:hover {background-position: -15px -54px;}
#content-year-nav span {display: none;}

/* content-moths table */

table.content-moths {margin: 1em 0; width: 100%;}
table.content-moths td {padding: 0 2px 0 0;}
table.content-moths td.last {padding: 0;}

table.content-moths a {
	padding: 4px;
}

/* Calendar */

#calendar 		{
	position: relative;
}
#calendar-days {
	margin: 0;
	list-style-type: none;
	color: #8c8c8c;
	margin: 0 0 0 -4px;
}
#calendar-days li {
	width: 112px;
	float: left;
	padding: 4px;
	margin: 0 0 0 4px;
}
#calendar-weeks {
	color: #848280;
	font-size: 90%;
	list-style-type: none;
	margin: 0px;
	position: absolute;
	top: 27px;
	left: -25px;
	z-index: 5;
}
#calendar-weeks li {
    display: block;
    height: 118px;
    padding: 6px 0 0;
    margin: 0 0 4px;
}

#calendar-items {
	list-style-type: none;
	margin: 0 0 0 -4px;
}
#calendar-items a {
	background: #fff;
	color: #175492;
	width: 106px;
	float: left;
	border: 1px solid #c9c9c9;
	padding: 6px;
	margin: 0 0 4px 4px;
	position: relative;
	text-decoration: none;
	min-height: 110px;
	_height: 110px;

	background-image: linear-gradient(bottom, #F6F6F6 25%, #FFFFFF 50%);
	background-image: -o-linear-gradient(bottom, #F6F6F6 25%, #FFFFFF 50%);
	background-image: -moz-linear-gradient(bottom, #F6F6F6 25%, #FFFFFF 50%);
	background-image: -webkit-linear-gradient(bottom, #F6F6F6 25%, #FFFFFF 50%);
	background-image: -ms-linear-gradient(bottom, #F6F6F6 25%, #FFFFFF 50%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.25, #F6F6F6),
		color-stop(0.5, #FFFFFF)
	);

	-webkit-transition: background 100ms ease-in 25ms; /* property duration timing-function delay */
    -moz-transition: background 100ms ease-in 25ms;
    -o-transition: background 100ms ease-in 25ms;
    transition: background 100ms ease-in 25ms;
}
#calendar-items a.inactive {
	background: none;
	border: 1px solid #fff;
}
#calendar-items a.today,
#calendar-items a:hover {
	background: #fa721f !important;
	border-color: #fa721f !important;
}
#calendar-items a.today *,
#calendar-items a:hover * {color: #fff !important;}

#calendar-items * {display: block;}
#calendar-items .month,
#calendar-items .star,
#calendar-items .moon-phaze,
#calendar-items .day {float: right;clear: right;margin: 0 0 3px;}

#calendar-items .month {color: #a0a0a0; font-size: 90%;display: block;}
#calendar-items .star {
	background: url('icons.png') no-repeat -93px 0px;
	width: 20px;
	height: 18px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#calendar-items .star {
		background: url('star@2x.png') no-repeat 0 0;
		background-size: 20px 18px;
	}
}
#calendar-items .moon-phaze span {
	background: url('moon-sprite.png') no-repeat;
	width: 18px;
	height: 18px;
	line-height: 0;
	font-size: 0;
	text-indent: -9999px;
}
/*retina moon phaze*/
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#calendar-items .moon-phaze span {
		background: url('moon-sprite@2x.png') no-repeat;
		background-size: 72px 18px;
	}
}
#calendar-items .star span {
	display: none;
	background: #4ab1e3;
	color: #fff;
	padding: 2px 4px;
	position: absolute;
	right: .3em;
	top: 2.5em;
	white-space: nowrap;
	z-index: 10;
	-webkit-box-shadow: 2px 2px 4px 2px #ccc;
	box-shadow: 2px 2px 4px 2px #ccc;
}
#calendar-items .star:hover span {display: block;}

#calendar-items .moon-phaze {margin-right: 3px;}
#calendar-items strong {
	font-size: 240%;
        line-height: 90%;
	display: block;
	color: #3c4a5d;
	margin: 0 0 .3em;
}
#calendar-items .day {
	background: url('date.png') no-repeat 0 0;
	color: #3c4a5d;
	width:20px;
	height: 20px;
	font-size: 80%;
	line-height: 25px;
	text-align: center;
	font-weight: bold;
	position: relative;
}
/*retina date icon*/
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    #calendar-items .day {
        background: url('date@2x.png') no-repeat 0 0;
        background-size: 20px 40px;
    }
}
#calendar-items .day span {
    display: none;
	background: #175492;
	min-width: 225px;
	position: relative;
	list-style-type: none;
	padding: 4px;
	margin: 0;
	color: #fff;
	z-index: 12;
	line-height: 180%;
	-webkit-box-shadow: 2px 2px 4px 2px #ccc;
	box-shadow: 2px 2px 4px 2px #ccc;
}
#calendar-items .day span {text-align: left;}
#calendar-items .day:hover span {
	display: block;
}
#calendar-items .day a:hover {background-color:#FA721F;}
#calendar-items a:hover .day,
#calendar-items a.today .day {background-position: bottom left;}

#calendar-items .weekend strong {color: #35a8e0;}
#calendar-items .inactive strong {color: #a0a0a0;}

#calendar-items .name {font-size: 120%;}
#calendar-items .days {
	font-size: 90%;
	line-height: 110%;
	padding: .3em 0 0;
}
#calendar-items .free-day {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #a0a0a0;
	color: #fff;
	width: 100%;
	text-align: center;
	height: 20px;
	overflow: hidden;
}
#calendar-items .hover .free-day {
	height: auto;
	overflow: none;
}

/* Calendar small */

#calendar-small {
	background-color: #e4e1d8;
	width: 285px;
}
#content-top #calendar-small {float: right;}

#calendar-title {
	background: #0f4d6b;
	color: #fff;
    font-weight: bold;
    line-height: 38px;
    text-align: center;
}
#calendar-title .next-month {float: left;}
#calendar-title .prew-month {float: right;}

#calendar-title a {
	background: url('icons.png') no-repeat;
	margin: 10px;
	height: 18px;
	width: 15px;
}
#calendar-title a span {display: none;}

#calendar-title .next-month {background-position: 0 0;}
#calendar-title .prew-month {background-position: -15px 0px;}
#calendar-title .next-month:hover {background-position: 0 -18px;}
#calendar-title .prew-month:hover {background-position: -15px -18px;}

#calendar-small #calendar-days 	  {margin: 0 0 0 -2px; padding: 2px 0 0 6px;}
#calendar-small #calendar-days li {
    border: medium none;
    font-size: 80%;
    line-height: 18px;
    margin: 0 0 2px 2px;
    min-height: 18px;
    padding: 0;
    text-align: center;
    width: 30px;
}
#calendar-small #calendar-items    {margin: 0 0 0 -2px; padding: 2px 0 2px 6px;}
#calendar-small #calendar-items a {
    border: medium none;
    font-size: 80%;
    line-height: 22px;
    margin: 0 0 2px 2px;
    min-height: 22px;
    padding: 0;
    text-align: center;
    width: 30px;
}
#calendar-small #calendar-items a {text-decoration: none;}
#calendar-small #calendar-items .weekend a {color: #35A8E0;}
#calendar-small #calendar-items .inactive a {background: none;}
#calendar-small #calendar-items .inactive a:hover {background: #fff;}

/* Calendar small column */
#content-column #calendar-small {
	background: #fff;
	border: 1px solid #D7D7D7;
	margin: 10px 0;
	padding: 6px;
}
#content-column #calendar-small #calendar-items a {
	background: #E4E1D8;
}


/* Calendar all year */

table.navigation {}
table.navigation td {text-align: center; padding: 1.5em 0;}
table.navigation .h2 {font-size: 200%;}

#months {
	padding: .3em 0 0;
	margin: 0 0 0 -3px;
}
#months ul {list-style-type: none;}
#months li {}
#months .calendar-small {
	float: left;
	margin: 0 0 2px 3px;
	width: 242px;
	min-height: 185px;
	_height: 185px;
}
#months h2 {
	font-size: 110%;
}
#months h2 a {
	display: block;
	background-color: #0F4D6B;
	text-align: center;
	line-height: 24px;
	text-decoration: none;
	color: #fff;
}
#months h2 a:hover {background-color: #FA721F;}
.calendar-small .calendar-items {
    margin: 0 0 0 -2px;
    padding: 2px 0 2px 6px;
}
.calendar-small .calendar-items li {
    float: left;
    width: 31px;
	margin: 0 0 2px 2px;
}
.calendar-small .calendar-items a {
	background-color: #fff;
	display: block;
    border: medium none;
    font-size: 90%;
    line-height: 22px;
    min-height: 22px;
    padding: 0;
    text-align: center;
    color: #175492;
    position: relative;
    text-decoration: none;
    position: relative;
}
.calendar-small .calendar-items a.weekend {color: #FA721F;}
.calendar-small .calendar-items a.holiday {background: #ccc;}
.calendar-small .calendar-items a:hover  {background-color: #0F4D6B;color: #fff;}
.calendar-small .calendar-items a.active {background-color: #FA721F;color: #fff;}
.calendar-small .calendar-items a.weekend:hover {color: #FA721F;}

.calendar-small .calendar-items a .box {
	display: none;
	background: #FA721F;
	position: absolute;
	z-index: 10;
	top: 22px;
	left: 0;
	width: 70px;
	text-align: left;
	line-height: 150%;
	padding: .3em;
}
.calendar-small .calendar-items a:hover .box {display: block;}
.calendar-small .calendar-items a .box:hover {display: none;}
.calendar-small .calendar-items a .box strong {
	display: block;
	clear: both;
	font-weight: bold;
	color: #175492;
}
.calendar-small .calendar-items a .box strong span {display: block; font-weight: normal; color: #fff;}
.calendar-small .calendar-items a .box strong span:hover  {text-decoration: underline;}
.calendar-small .calendar-items a .box a {
	text-decoration: none;
	color: #fff;
}
.calendar-small .calendar-items a .box a:hover {text-decoration: underline;}

/* Navigation */

.navigation {padding: 0 0 .5em;}
.navigation .label {text-align: center; font-size: 120%; color: #175492; font-weight: bold;}
.navigation a {text-decoration: none; display: block; font-size: 120%; font-weight: bold; color: #FA721F;}
.navigation a:hover {color: #175492;}
.navigation .icon {
	background: url('icons.png') no-repeat;
	height: 18px;
	width: 15px;
}
/* Adtech */
.a-dtech-b {
	text-align: center;
}
.a-dtech-b img { padding: .5em 0; width: auto; max-width: auto;}

/* retina navigation icons */
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.navigation .icon {
		background: url('icons@2x.png') no-repeat;
		background-size: 29px 72px;
	}
}
.navigation .prev-btn,
.navigation .prev-btn .icon {float: left; margin: 0 10px 0 0;}
.navigation .next-btn,
.navigation .next-btn .icon {float: right; margin: 0 0 0 10px;}
.navigation .prev-btn .icon {background-position: 0 -18px;}
.navigation .next-btn .icon {background-position: -15px -18px;}
.navigation .prev-btn:hover .icon {background-position:0 -54px;}
.navigation .next-btn:hover .icon {background-position:-15px -54px;}

div.content-moths .prev-btn,
div.content-moths .next-btn {float: none;}
div.content-moths .prev-btn {margin: 0 4px 0 0;}
div.content-moths .next-btn {margin: 0 0 0 4px;}

table.navigation .prev-btn,
table.navigation .next-btn {margin: 0;}

/* Detail */
.name-list {}
.name-list li {clear: both;}
.name-list span {float: left; width: 8%;}
.name-list a {color: #175492; text-decoration: none;}
.name-list a:hover {text-decoration: underline;}

#content-data {
	margin: 10px 0;
}
#content-data {
	display: inline;
	width: 560px;
	float: left;
}
#content-column {
	display: inline;
	width: 300px;
	float: right;
}
#content-data-box {
	background: #fff;
	border: 1px solid #c9c9c9;
	padding: 1em;
}
.content-column-box,
#content-year-nav {
	padding:10px;
	margin: 10px 0;
	background: #fff;
	border: 1px solid #c9c9c9;
}
#content-year-nav {margin: 0;}

/* -------------------------------------------
*
*  Headers
*
*/
#content-column .header {
	color: #666666;
	font-size: 140%;
	padding: 5px 0 15px;
}
#content-data .header {font-size: 130%; padding: 5px 0 15px;}
.header strong {color: #3C4A5D; font-size: 130%;}

.header {}
.header * {margin: 0;}
.header h1,
.header h2,
.header h3,
.header h4 {display: inline;}

.header a {text-decoration: none;}
.header a:hover {color: #FA721F;}
/* -------------------------------------------
*
*  Color
*
*/
.blue {color: #68bee8;}

/* -------------------------------------------
*
*  News
*
*/
#content-column .news-list {margin: -10px 0 0;}
#content-column .news-list li {clear: both; margin: 10px 0 0;}
#content-column .news-list img {float: left;}
#content-column .news-list .text {padding: 0 0 0 90px; line-height: 120%;}
#content-column .news-list a {color: #175492;}

/* Animations */
.rotate:hover {
-webkit-transform: rotate(5deg);  /* Saf3.1+, Chrome */
     -moz-transform: rotate(5deg);  /* FF3.5+ */
      -ms-transform: rotate(5deg);  /* IE9 */
       -o-transform: rotate(5deg);  /* Opera 10.5 */
          transform: rotate(5deg);
             filter: progid:DXImageTransform.Microsoft.Matrix(/* IE6–IE9 */
                     M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104, sizingMethod='auto expand');
               zoom: 1;
}

/* -------------------------------------------
*
*  Name list
*
*/

.list-names {
	border-top:1px solid #e5eff8;
	border-right:1px solid #e5eff8;
	margin: .5em auto;
	border-collapse:collapse;
	width: 100%;
}
.list-names th {
	background: #0F4D6B;
	color: #fff;
	padding: 4px 6px;
	text-align: left;
	border: 1px solid #C9C9C9;

	background-image: linear-gradient(bottom, #093C53 25%, #0F4C6B 50%);
	background-image: -o-linear-gradient(bottom, #093C53 25%, #0F4C6B 50%);
	background-image: -moz-linear-gradient(bottom, #093C53 25%, #0F4C6B 50%);
	background-image: -webkit-linear-gradient(bottom, #093C53 25%, #0F4C6B 50%);
	background-image: -ms-linear-gradient(bottom, #093C53 25%, #0F4C6B 50%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.25, #093C53),
		color-stop(0.5, #0F4C6B)
	);
}
.list-names td {
	padding: 4px 6px;
	border-bottom:1px solid #C9C9C9;
	border-left:1px solid #C9C9C9;

	-webkit-transition: background 40ms ease-in 10ms; /* property duration timing-function delay */
    -moz-transition: background 40ms ease-in 10ms;
    -o-transition: background 40ms ease-in 10ms;
    transition: background 40ms ease-in 10ms;
}
.list-names td.last {border-right: none;}

.list-names tr:nth-child(odd) {}
.list-names tr.odd td {
	background-color: #fff;
	background-image: linear-gradient(bottom, #F6F6F6 25%, #FFFFFF 50%);
	background-image: -o-linear-gradient(bottom, #F6F6F6 25%, #FFFFFF 50%);
	background-image: -moz-linear-gradient(bottom, #F6F6F6 25%, #FFFFFF 50%);
	background-image: -webkit-linear-gradient(bottom, #F6F6F6 25%, #FFFFFF 50%);
	background-image: -ms-linear-gradient(bottom, #F6F6F6 25%, #FFFFFF 50%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.25, #F6F6F6),
		color-stop(0.5, #FFFFFF)
	);
}
.list-names tr.even td {background: none;}

.list-names tr:hover td {background: #FA721F; color: #fff;}

.list-names a {text-decoration: none; font-weight: bold;}
.list-names a:hover {text-decoration: underline; color: #fff;}

.list-names h2,
.list-names h3 {margin: 0; font-size: 110%;}

.search-result th,
.search-result td {width: 50%;}

/* -------------------------------------------
*
*  Table sortable
*
*/

.sortable {float: right; margin: .3em 0 0 .3em;}
.sortable span {
	display: block;
	background: url('icons.png') no-repeat;
	height: 11px;
	width: 14px;
	line-height: 0;
	font-size: 0;
	text-indent: -9999px;
}
.sort-asc span  {background-position: -66px -11px;}
.sort-desc span {background-position: -66px 0px;}
.sort-asc:hover span,
.sort-asc-active span  {background-position: -79px -11px;}
.sort-desc:hover span,
.sort-desc-active span {background-position: -79px 0px;}

/* Alphabet abeceda */

#content-alphabet {
	list-style-type: none;
	margin: 10px 0 10px -2px;
	width: 100%;
}
#content-alphabet td {padding: 0 2px 0 0;}
#content-alphabet li {
	float: left;
	margin: 0 0 0 2px;
}
#content-alphabet a {
	background: #fff;
	border: 1px solid #D7D7D7;
	display: block;
	text-decoration: none;
	padding: 2px 5px;
	font-size: 90%;
	text-align: center;
	width: ;

	-webkit-transition: background 100ms ease-in 30ms; /* property duration timing-function delay */
    -moz-transition: background 100ms ease-in 20ms;
    -o-transition: background 100ms ease-in 30ms;
    transition: background 100ms ease-in 30ms;
}
#content-alphabet .active a,
#content-alphabet a:hover  {
	background: none repeat scroll 0 0 #FA721F;
    border-color: #FA721F;
    color: #FFFFFF;
}

/* Horoscope zodiac */
.horoscope {margin: 0 0 .4em;}
.horoscope strong {color: #175492; text-transform: capitalize;}

.horoscope a {text-decoration: none;}
.horoscope a:hover {color: #FA721F;}
.horoscope .icon {
	display: block;
	float: right;
	margin: 0 0 0 5px;
	background: url('horoscope.png') no-repeat;
}
/*retina horoscope icon*/
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .horoscope .icon {
        background: url('horoscope@2x.png') no-repeat;
        background-size: 263px 20px;
    }
}
.horoscope .capricorn 	{background-position: -200px 0px; width: 20px; height: 20px;}
.horoscope .aquarius	{background-position: -222px 0px; width: 21px; height: 20px;}
.horoscope .pisces 		{background-position: -244px 0px; width: 19px; height: 20px;}
.horoscope .aries 		{background-position: 0px 0px; 	  width: 20px; height: 20px;}
.horoscope .taurus 		{background-position: -22px 0px;  width: 20px; height: 20px;}
.horoscope .gemini 		{background-position: -42px 0px;  width: 23px; height: 20px;}
.horoscope .cancer 		{background-position: -67px 0px;  width: 20px; height: 20px;}
.horoscope .leo 		{background-position: -89px 0px;  width: 20px; height: 20px;}
.horoscope .virgo 		{background-position: -111px 0px; width: 20px; height: 20px;}
.horoscope .libra 		{background-position: -133px 0px; width: 20px; height: 20px;}
.horoscope .scorpio 	{background-position: -155px 0px; width: 21px; height: 20px;}
.horoscope .sagittarius {background-position: -178px 0px; width: 20px; height: 20px;}

/* 404 */
.page404 {
	border: 1px solid #D7D7D7;
	background: url('404-page.png') no-repeat center right transparent;
	background-color: #fff;
	padding: 2em 35em 2em 2em;
	min-height: 190px;
	_height: 190px;
	margin: 0 0 3em;
}

/* -------------------------------------------
*
*  Articles
*
*/

.article {padding: 1em;}
.article img {margin: .5em 0; border: 1px solid silver;}

/* Amplion */
.amplion-item {clear: both; margin: 0 0 .5em; position: relative;}
.amplion-item img {}
.amplion-item div {float: right; width: 175px;}
.amplion-item div a {position: absolute; bottom: 0; right: 0;}

/* Responsive design */

/* less 1024px */
@media only screen and (max-width: 1024px) {
    #header-box,
    #container,
    #footer {
        width: 960px;
    }
    #content {width: 760px;}
    #column {width: 160px;}

    .content-moths ul a {}
    #calendar-days li {width: 12.7%;}
    #calendar-items a {width: 11.9%;}

    div.content-moths a {}
    div.content-moths .prev-btn,
    div.content-moths .next-btn {background: #3C4A5D; color: #fff;}
    div.content-moths .prev-btn .icon {display: none;}
    div.content-moths .next-btn .icon {display: none;}

    #foot li {margin: 0 0 0 3em;}

    #months .calendar-small {width: 251px;}

    #content-data {width: 540px;}
    #content-column {width: 200px;}

    #content-data .content-moths ul a {padding: 0.3em 0.15em;}

    #calendar-small {width: 186px;}
    #calendar-small #calendar-days li {width: 23px;}
    #calendar-small #calendar-items a {width: 23px;}

    table.content-moths a {font-size: 11px; padding: 2px;}
    #content-alphabet a {padding: 2px 3px;}
}
/* less 960px - tablet, mobile */
@media screen and (max-width: 960px) {
    body {padding: 0;}
    #content-top {}
    #header-box,
    #container,
    #footer {
        width: auto;
    }
    #column,
    #content,
    #content-data,
    #content-column {float: none; width: auto; padding: .3em 0 0;}

    #layer,
    #foot,
    .ch-tb {display: none;}

    #content-top {padding: .3em;}
    div#logo {text-align: center; float: none; padding: .5em .5em 0; margin: 0;}
    div#logo a {background: none;width: auto; height: auto;}
    div#logo img {display: block;}
    #searchform {margin: .5em; padding: 0; float: none;}
    #searchform .text {width: 150px;}
    #content-top {font-size: 110%;}
    #moon-faze {text-align: left;}
    #moon-faze .moon-ico {float: left; margin: 1px 8px 0 0;}
    #page-time,
    #page-title {float: none; text-align: left;}
    #page-title div {margin: .3em 0 0;}
    #page-title span {display: inline; text-align: left;}
    .horoscope .icon {float: left; margin: 0 .3em 0 0;}

	#content-mont {margin: 1em .5em; font-size: 110%;}

	#calendar-days {display: none;}

    .content-moths ul a {padding: .2em; text-align: left;}

    div.content-moths {padding: 0;}
	div.content-moths a {margin: 0;}
	div.content-moths ul {width: auto; display: block;}
	div.content-moths li {float: left; display: block; width: 33.3%;}
    div.content-moths li.year-nav {float: none; width: 100%; clear: both;}

    div.content-moths .prev-btn,
    div.content-moths .next-btn {margin: 0;}

    #calendar {padding: 0em;}
    #calendar-items a {min-height: 80px; _height: 80px;}
    #calendar-items strong {font-size: 150%;}
    #calendar-days li {display: table; width: auto;}
    #calendar-items strong {font-size: 100%;}
    #calendar-items .day {display: none;}
    #calendar-items .name {font-size: 90%;}
    #calendar-items .month,
    #calendar-items .star,
    #calendar-items .moon-phaze,
    #calendar-items .day {display: none;}
    #calendar-items {margin: 0;}
    #calendar-items a {
    	display: block;
    	float: none;
    	min-height: 1em;
    	_height: 1em;
    	width: auto;
    	margin: auto;
    	border-top: none;
    }
    #calendar-items .free-day {display: none;}
    #calendar-items a strong {float: left; margin: .2em .5em 0 0;}
    #calendar-items a.weekend {
	    color: #fff;
		background: #0f4d6b;
	}
	#calendar-items a.weekend strong {color: #fff;}
	.calendar-small .calendar-items {margin: 0; padding: 0;}
	#months .calendar-small {width: auto;float: none;}
	#months li {width: 13.5%;}
	.calendar-small .calendar-items a .box {display: none !important;}
	.calendar-small .calendar-items a.weekend {
		background: #FA721F;
		color: #175492;
	}
	#page-title span.title {
		min-width: 0;
		_width: 0;
		width: auto;
	}
	#content-column .news-list .text {clear: both; padding: .5em 0 0;}
	#content-column #calendar-items li {float: left;}

	table.content-moths td {padding: 0;}
	table.content-moths .icon {display: none;}
	.a-dtech-b {display: none;}
}
/* reklamy */
.reklama { position: relative; margin: 0 auto; }
.text-reklama { float: right; font-size: 0.8em; }

.reklama.megaboard { width: 970px; }
.reklama.leaderboard { width: 990px; height: 210px; text-align: center; }
.reklama.mediumrectangle { width: 300px; text-align: center; margin: 0 auto; }
#sas-megaboard, #sas-leaderboard, #sas-strip, #sas-mediumrectangle { clear: both; }

.content-wrapper {
	background-color: #e4e1d8;;
}