/**
*
* Soubor s CSS styly specifickými pro aplikaci
*
* @package       slModules
* @subpackage    cms-core-public
* @version       $Id: document.css 50955 2015-12-14 17:05:13Z ondrejp $
* @encoding      utf-8
* @author        filip Zach <filip.zach@e4you.cz>
* @author        Ondřej Prcín<ondrej.prcin@e4you.cz>
* @copyright    (c) e4you spol. s r.o. 2002-2008, <design@e4you.cz>
*
* Obsah tohoto souboru je majetkem e4you spol. s r.o. Jeho kopírování,
* pozměňování, šíření a jakékoli další využití je možné výhradně
* se souhlasem e4you spol. s r.o.
*
*/


/* reset */

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,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	box-sizing: border-box;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

ol,
ul {
	list-style: none
}

p,
ul,
ol {
	margin-bottom: 1em
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

:focus {
	outline: none
}


/* end reset */

* {
	box-sizing: border-box
}

body {
	background: #33860b;
	margin: 0;
	font-size: 14px;
	font-family: Verdana, Helvetica, sans-serif;
}

a {
	color: #1b3c7b;
	text-decoration: none;
}

a:hover {
	color: #333;
	text-decoration: underline;
}

img {
	border-style: none
}

#mainBox {
	width: 100%;
	position: relative;
	margin: 0;
	background: #fff;
	margin: 0 auto;
	box-shadow: 3px 2px 30px 2px rgba(0,0,0,.66);
}

#mainBoxInner {
	padding: 0
}


/*** HLAVIČKA ***/

#headerBox {
	box-shadow: 0px 5px 12px -10px #666;
}

#header {
	background: #fff;
	height: 60px;
	line-height: 60px;
	position: relative;
	padding-left: 20px;
}

#logo {
	display: block;
	width: 250px;
	height: 40px;
	background: #fff url(../../images/layout/logo-small.png) no-repeat center;
	position: absolute;
	top: 10px;
	left: 20px;
}


/*** OBSAH ***/

#content {
	width: 100%;
	padding: 20px;
}

#intext_wide {
	padding-left: 220px
}

h2,
h3,
h4 {
	margin: 0 0 .5em 0;
	font-size: 1.3em;
	line-height: 1.3em;
}

h1 {
	font-size: 1.8em;
	line-height: 1.2em;
}

h2 {
	font-size: 1.4em;
}


.section_content_box h1 {
	margin-bottom: 1em;
	display:none;
}



/*** PŘEHLED ČLÁNKŮ  *****/

.article_preview {
	padding:8px;
	padding-bottom: 10px;
	margin-bottom: 7px;
	border-bottom: 1px solid #ddd;
}

.article_preview .article_image {
	width: 210px;
	margin: 0 0 10px;
	border:1px solid #666;
}

.article_preview .article_date {
	color: #999;
	margin-top: 10px;
}

.article_preview.display-to-logged-users,
.article_preview.display-to-subscribers {
	background-image: url(../../images/layout/tiparuv-palec-znacka.png);
	background-repeat: no-repeat;
	background-position:99% 90%;
	background-color: #f1ffe2;
}


/*** DETAIL ČLÁNKU  *****/

.article-name-holder h1 {
	margin-bottom: 1em;
}

.article_detail .article_date {
	color: #999;
	margin: 5px 0 15px;
}

.article_detail .article_image {
	color: #666;
	margin-bottom: 15px;
	font-style: italic;
}

.article_detail .article_image img {
	width: 100%;
}

.article_detail.display-to-logged-users,
.article_detail.display-to-subscribers {
	background-image: url(../../images/layout/tiparuv-palec-znacka.png);
	background-repeat: no-repeat;
	background-position:top right;
	padding-top:0.15em;
}

/*** Levý sloupec ***/

#leftColumn {
	width: 100%;
	padding-left: 20px;
}

.menu_list {
	margin: 0;
	position: relative;
}

.menu_list li {
	display: inline;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.menu_list span {
	display: block
}

.menu_list a {
	display: block;
	text-decoration: none;
	padding: 4px;
	border-bottom: 2px solid #88bbee;
}

.menu_list a.selected {
	font-weight: bold
}

.menu_list a:hover {
	background: #fc0
}

.submenu_list {
	margin: 0 0 0 1em;
	padding: 0;
}

li.submenu_holder {
	background: none
}


/*** MENU ****/

#main-menu {
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 1;
	background: #eee;
	padding: 100px 20px 60px;
	display: none;
}

#main-menu.hidden {
	display: none
}

#main-menu.visible {
	display: block
}

#menu-switch {
	text-decoration: none;
	display: block;
	width: auto;
	height: 60px;
	line-height: 60px;
	text-align: right;
	padding-right: 24px;
	background: url('../../images/layout/menu.png') no-repeat;
	background-position: right;
	position: absolute;
	top: 0;
	right: 20px;
	cursor: pointer;
	font-size: 0;
}

#main-menu li {
	line-height: 30px;
	position: relative;
}

#main-menu li a {
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
}

#main-menu li ul {
	margin: 0 0 10px 0;
}

#main-menu li ul li a {
	font-size: 16px;
	margin-left: 15px;
}

#main-menu li ul li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #ccc;
}

#main-menu li a.selected {
	color: #33860b;
}


/*** PRAVÝ SLOUPEC ****/

#rightColumn {
	margin: 0;
	width: 100%;
	float: none;
}

.news {
	padding: 1em
}

.news p {
	margin: 0
}

.news_perex {
	clear: left
}

.right_column_banner {
	padding: 20px 15px;
}

.banner {
	display: block;
	margin-bottom: 5px;
}

.banner img {
	width: 100%;
	height: auto;
	max-width: 300px;
	margin: 0 0 0 20px;
	display: block;
}

#top_banner {
	width: 100%;
}

#top_banner .banner img {
	margin-top: 15px;
}


/*** PATICKA ***/

#footer {
	margin: .5em 0 0 0;
	font-size: .8em;
	padding: 10px 20px;
	background: #ccc;
}

#footer a {}

#bottomlinks {
	margin: 0;
	font-size: .8em;
	background: #eee;
	padding: 10px 20px;
}

#bottomlinks a {}

#dbqueries {
	background-color: #FFF;
	color: #666;
	font-size: 80%;
	margin:1em auto;
	max-width: 1150px;
	padding: 5px;
}

#homepage_link {
	display: block;
	position: absolute;
	width: 200px;
	height: 40px;
	top: 0px;
	left: 0px;
}

.article_preview .files_table {
	clear: none;
	margin-bottom: 1em;
}

.article_preview_caption a {
	color: #000;
}

.files_table {
	clear: both
}

.files_table td {
	padding: .1em .6em
}

.files_table th {}

.files_table .even td {}

.return_link {
	margin: 1em 0
}


/*** GALERIE ***/

.gallery {
	width: 100%
}

.gallery_item {
	float: left;
	padding: .5em;
	height: 180px;
	margin-right: 1em;
	margin-bottom: 1em;
	text-align: center;
}

.gallery_item img {
	border: 4px solid #fff;
	margin-bottom: .2em;
}


/** anketa */

.poll-box {
	padding: 10px
}

.poll-box a {
	display: none
}

.poll-box .cms_poll_question {
	font-size: 110%;
	font-weight: bold;
	margin: 5px 0;
}

.cms_pol_choice_graphic {
	background-color: #FFF;
	clear: both;
	display: block;
	height: 10px;
	border: 1px solid #EEEEEE;
	width: 100%;
	margin: 5px 0;
}

.cms_pol_choice_result {
	background-color: #FF9D00;
	display: block;
	height: 10px;
}

.cms_pol_choice_percent {
	float: right
}

.cms_poll_button_box {
	text-align: right
}

#language_selector {
	position: absolute;
	top: 0;
	right: 55px;
	line-height: 40px;
}

.breadcrumb_separator {
	margin: 0 5px
}

#search_box {
	display: none;
	left: 20px;
	position: absolute;
	top: 82px;
	z-index: 2;
}

#search_box.visible {
	display: inherit;
}

#search_box .submit {
	position: relative;
	color: transparent;
	font-size: 0;
	background-image: url(../../images/layout/search.png);
	background-repeat: no-repeat;
	background-position: center;
	border: none;
	height: 26px;
	width: 26px;
	float: left;
	display: inherit;
	cursor: pointer;
	margin-top: 2px;
	border-radius: 3px;
}

#search_box .submit:hover {
	background-color: #BCB;

}

#search_box input.search {
	float: left;
	border: none;
	border-radius: 4px;
	line-height: 20px;
	padding-left: 5px;
	background-image: url(../../images/layout/search.png);
	background-repeat: no-repeat;
	background-position: center;
	font-size: 0;
	border: 1px solid #ddd;
	height: 30px;
	width: 238px;
	background: #fff;
	font-size: inherit;
}

/** uživatelské prvky */

#user-box {
	display: none;
	font-size: 1.2em;
	position: absolute;
	top: 130px;
	z-index: 500;

}

#user-box.visible {
	display: block;
}

.not-logged-user-message,
.no-subscription-user-message {
	background-color: #f1ffe2;
	border: 1px solid #aaa;
	border-radius: 10px;
	margin: 2em 0;
	padding:2em;
	background-image: url(../../images/layout/tiparuv-palec-znacka.png);
	background-repeat: no-repeat;
	background-position: 95% 2.5em;
}

.not-logged-user-message h2,
.no-subscription-user-message h2 {
	border-bottom:1px dotted #CCC;
	padding-bottom: .66em;
	margin-right: 3.5em;
}

.not-logged-user-message p,
.no-subscription-user-message p {
	padding: 1em 0 0;
}



/* formulare - pouzivame u registrace uzivatelu ... */


.slForm {
	margin: 1em 0;
	padding: 0;
}

.slForm fieldset {
	margin: 1em 0;
}

.slForm legend {
	margin-left: 160px;
}

.slForm label {
	display: block;
	float: left;
	margin:.33em 0;
}

#mainBoxInner .slForm input[type=text],
#mainBoxInner .slForm input[type=password],
.login-box input[type=text],
.login-box input[type=password] {
	width: 370px;
	margin:.33em 0;
	font-size:1em;
	border: 1px solid #CCC;
	border-radius: 4px;
	padding:.33em;
}


.tiparuvpalec-button,
#mainBoxInner .slForm input[type=submit],
#mainBoxInner .slForm input[type=button],
.login-box input[type=submit],
.no-subscription-user-message input[type=submit],
.subscription-selector-form input[type=submit],
.payment-method-selector-form input[type=submit],
.subscription-order-result-form input[type=submit] {
	background-color: #eee;
	border: 1px solid #AAA;
	border-radius: 4px;
	box-shadow: 3px 3px 5px 0 rgba(40,60,30,0.5);
	font-size:1em;
	padding:.3em 1em;
}

.tiparuvpalec-button:hover,
#mainBoxInner .slForm input[type=submit]:hover,
#mainBoxInner .slForm input[type=button]:hover,
.login-box input[type=submit]:hover,
.no-subscription-user-message input[type=submit]:hover,
.subscription-selector-form input[type=submit]:hover,
.payment-method-selector-form input[type=submit]:hover,
.subscription-order-result-form input[type=submit]:hover {
	background-color: #DF9;
	box-shadow: 3px 3px 3px 0 rgba(10,20,5,0.4);
}

.tiparuvpalec-button:hover {
	text-decoration: none;
}

.slForm .slFormSubmitSection {
	padding-left:160px;
}

.slFormPasswordHideMessage {
	display: none;
}

#sl-registration-form .slFormCheckboxBox label {
	margin-left: 160px;
	margin-top: 1.5em;
	text-align: left;
	width:450px;
}


/** ostatni s uzivatele spojene prvky */

#mainBoxInner #profile-settings-container {
	overflow: visible;
}

.login-box td {
	padding: .33em;
}

/* předplatné */
.no-subscription-user-message ul li {
	list-style-type: disc;
	margin-left: 1.2em;
}

.subscription-order-table {
	border:1px solid #EEE;
}

.subscription-order-table td {
	padding:.2em;
}

/* platby */

.payment-method-selector-form {
	margin: 1em 0;
}

.payment-method-selector-form input[type=submit] {
	margin: 1em 0;
}

.left-column-banner {
	display: none;
}

h4.search_results_name {
	margin-bottom: 0;
	margin-top: 12px;
}

#search_results .article_date{
	color:#999;
}

@media (min-width:480px) {

	#search_box {
		display: none;
		position: absolute;
		top: 112px;
	}

	#search_box input.search {
		border: 1px solid #ddd;
		background: #fff;
		font-size: inherit;
	}

	#search_box .submit {
		display: inherit;
		cursor: pointer;
		margin-left: -28px;

	}

	#user-box {
		top: 160px;
	}

	#header.search-active {
		font-size: inherit
	}


	#header {
		height: 97px;
		border-bottom: 1px solid #ddd;
	}

	#logo {
		width: 480px;
		height: 77px;
		background: #fff url(../../images/layout/logo.png) no-repeat center;
	}

	#menu-switch {
		height: 97px;
		line-height: 97px;
	}

	#main-menu {
		top: 97px;
	}

	.article_preview .article_image {
		float: left;
		width: 210px;
		margin: 3px 10px 0px 0px;
	}

}

@media (min-width:780px) {

	#menu-switch {
		display: none
	}

	#search_box {
		display: inherit;
		top: 16px;
		left: inherit;
		right: 16px;
	}

	#user-box {
		display: block;
		font-size: 1.1em;
		padding-bottom: 12px;
		right:17px;
		top:62px;
	}

	#user-box .logout {
		background: #FFF;
		border:1px solid #999;
		border-radius: 4px;
		display: none;
		padding: 5px 8px;
		position: absolute;
		top:24px;
		right: 0;
	}

	#user-box:hover .logout {
		display: block;
	}

	#user-box .logout:hover {
		background-color: #DF9;
	}

	#user-box .logout>span {
		display: none;
	}

	#main-menu {
		position: inherit;
		background: none;
		width: auto;
		padding: 0;
	}

	#main-menu.hidden {
		display: inherit
	}

	#content {
		float: left;
		width: 80%;
	}

	#leftColumn {
		width: 20%;
		float: left;
		margin-top: 20px;
	}

	.left-column-banner {
		display: block;
		border: 1px solid #ddd;
		padding: 10px;
		margin-top: 25px;
		background-color: #f1ffe2;
		border-radius: 4px;
	}

/*
	#top_banner .banner img {
		position: absolute;
		top: 98px;
		right: 3px;
	}
*/
}

@media (min-width:1250px) {

	#mainBox {
		width: 1250px;
	}

	#rightColumn {
		width: 26%;
		float: right;
	}

	#content {
		width: 53%;
		padding-right: 15px;
	}

	#top_banner .banner img {
		position: absolute;
		top: -3px;
		right: 293px;
	}

	#rightColumn .banner {
		margin-right: 15px;
		margin-left: -15px;
	}

}