body {
	font-family: 'Open sans', 'Arial', sans-serif;
	font-size: 13px;
	color: #333;
	background: #f2f2f2 url('../img/back.jpg') left bottom repeat-y scroll;
	margin: 0
}

legend {
	padding: 6px 14px
}

input, select, textarea, option, button {
	font-size: 13px;
	font-family: 'Open sans', 'Arial', sans-serif;
	background: #fafafa;
}

input, textarea, button, select {
	padding: 5px;
	border: 1px solid #ddd;
	border-radius: 3px;
}

select {
	padding: 4px 5px;
}

label {
	color: #111
}
label span {
	color: #910;font-size:14px
}
input[type=radio]
{
	position:relative;
	top:2px;
	left:-2px
}
input[type=checkbox]
{
        background: #fff;
}
.clear-left, .clr-left {
	clear: left
}

.clr {
	clear: both;
	font-size: 0
}

.cntr {
	text-align: center
}

.bld {
	font-weight: bold
}

.justify {
	text-align: justify
}

.italic {
	font-style: italic
}

.red {
	color: #d62420
}

p {
	line-height: 23px;
	text-align: justify
}

img {
	border: 0
}

a {
	color: #128bbb
}

a:hover {
	color: #666
}

b, strong {
	color: #128bbb
}

.section {
	background: #fff;
	border-spacing: 0;
	margin: 20px 5px 0 5px;
	padding:16px 30px 16px 30px;
	box-shadow:0 3px 5px #bbc;
	border-radius:4px
}

#header {
	height: 100px;
	background: #fff;
	border-bottom: 1px solid #c9d3eC	
}


#header-inner {
	max-width: 960px;
	height: 100px;
	margin: 0 auto;
}

#header #logo {
	margin: 3px 0 0 20px;
	width:260px;
	height:91px;
	position: absolute
}

#header a#logo {
	display: block;
	text-decoration: none;
	color: #fff;
	font-size: 22px
}

#header a#logo:hover {
	text-decoration: none
}

#login {
	position: absolute;
	color:#555;
	text-align:right;
	font-size: 15px;
	line-height:21px;
	width: 520px;
	margin: 37px 0 0 300px;
}
#login a
{
        color:#444;
        font-weight: normal;
        display:inline-block;
        margin-right: 30px;
        text-decoration: none
}
#login b
{
        color:#555;
        font-size:13px;
        font-weight: normal;
}
#login a:hover { color:#25A1D2;text-decoration:none }

#login span { color:#bbb;font-size:16px }

#page {
	max-width: 960px;
	padding: 0;
	margin: 0 auto 0 auto;
}

#lang {
	position: absolute;
	margin: 42px 0 0 890px;
}

#lang a {
	text-decoration: none
}

#lang a img {
  box-shadow: 1px 2px 6px #eee;
}

#lang a img:hover {
	box-shadow: 1px 2px 6px #fff;
}

#lang a span {
	color: #fff;
	position: relative;
	top: -2px;
	left: 5px
}

input.sended, button, .button {
	background: #4A5362;
	padding: 9px 21px;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	cursor: pointer;
	border-radius: 3px;
	margin-top:6px;
	letter-spacing: 0.05em;
	border: 0;
	background: linear-gradient(to bottom, #444 5%, #000 100%);
}

input.sended-small {
	background: #4A5362;
	padding: 7px 21px;
	color: #fff;
	font-weight: normal;
	font-size: 13px;
	cursor: pointer;
	border-radius: 3px;
	margin-top:6px;
	letter-spacing: 0.05em;
	border: 0;
	background: linear-gradient(to bottom, #1581a2 10%, #25A1D2 100%);
}

a.sended-smazat, a.sended-smazat:hover {
	background: #4A5362;
	padding: 7px 14px;
	display: inline-block;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	cursor: pointer;
	border-radius: 3px;
	margin-top:6px;
	letter-spacing: 0.05em;
	border: 0;
	text-decoration:none;
	background: linear-gradient(to bottom, #b00 5%, #711 100%);
}
a.sended-smazat:hover {background: linear-gradient(to bottom, #900 5%, #a22 100%);}
a.zobrazeno {display: inline-block;font-weight:bold;margin:12px 0 10px 1px}

.saving
{
	background: #4A5362;
	padding: 9px 21px;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	cursor: pointer;
	border-radius: 3px;
	margin-top:6px;
	border: 0;
	background: linear-gradient(to bottom, #666 5%, #222 100%);
    display:none;
}

input.sended:hover {
	background: #555;
	background: linear-gradient(to bottom, #666 5%, #222 100%);
	border: 0
}

hr {
	background: #ddd;
	color: #ddd;
	height: 1px;
	border: 0;
	line-height: 1px;
	margin: 0;
}

.img-right {
	float: right;
	margin: 14px 0 12px 27px
}

.img-left {
	float: left;
	margin: 4px 16px 0 0
}

h1 {
	font-weight: normal;
	font-size: 22px;
	color: #111;
	margin-bottom: 5px;
	margin-top: 2px;
	padding-bottom: 5px;
}

h2 {
	font-weight: normal;
	font-size: 19px;
	color: #222;
	margin-bottom: 5px;
	margin-top: 10px;
	padding-bottom: 3px;
	border-bottom: 1px solid #d9e7ef;
}

h3 {
	padding: 0;
	margin: 0 0 8px 0;
	font-size: 18px;
	font-weight: normal;
	color: #222
}

h4 {
	padding-bottom: 1px;
	margin: 16px 0 2px 1px;
	font-size: 17px;
	font-weight: normal;
	color: #666
}

h5 {
	padding-bottom: 1px;
	margin: 14px 0 9px 0;
	font-size: 14px;
	font-weight: bold;
	color: #666
}

#foot {
	padding: 6px 0 22px 0;
	font-size: 13px;
	color: #778;
	text-align: center;
	width: 100%;
	margin-top: 18px
}
#foot-inner {
	max-width: 960px;
	margin: 0 auto;
}

#foot p {
	text-align: center;
	margin: 4px 0 0 0
}

#foot a {color: #333}
#menu {margin-top:5px}

div.photos-small {float:left;margin-right:20px;margin-left:10px;margin-bottom:55px;margin-top:15px}
div.photos-small a {display:block;width:165px;height:155px}
div.photos-small a {
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
div.photos-small-index {float:left;margin-top:9px;margin-right:4px;margin-left:16px;width:200px}
div.photos-small-index p {width:160px;text-align:center;line-height:19px;color:#457;font-weight:bold}
div.photos-small-index a, div.photos-small-index div {display:block;width:165px;height:155px}
div.photos-small-index a, div.photos-small-index div {
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
div.photos-small-index a:hover {
  -webkit-filter: saturate(2);
  filter: saturate(2);
}
hr.hr-fota {margin:10px 0}
hr.hr-fota-uvod {margin:18px 0 10px 0;color:#f1f1f9;background:#f1f1f9;height:2px}

div.photos-profile-small {float:left;margin-top:19px;margin-right:4px;margin-left:18px;width:200px}
div.photos-profile-small img {display:block;width:165px;height:155px;cursor:pointer;margin:0 !important}
div.photos-profile-small p {cursor:pointer;width:150px;text-align:center;line-height:19px;color:#457;font-weight:bold}
div.photos-profile-small p span.free {cursor:pointer;color:#2b1;font-weight:normal;display:block;margin-top:4px}
div.photos-profile-small p span {cursor:pointer;color:#2383E5;font-weight:normal;display:block;margin-top:4px}
div.photos-profile-small img {
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

div#photo-window {float:left;margin-top:20px;margin-right:20px;margin-left:30px}
div#photo-window img {display:block;width:165px;height:155px;cursor:pointer;margin:0 !important}
div#photo-window img {
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.datum {color:#778}
a.smazat {color:#910}

.error {
	color: #911;
	font-weight: normal;
	background: #fff;
	padding:0 6px;
	white-space: nowrap;
	font-size: 13px;
	opacity:0.85
}

#clanek img {margin: 6px}

.section ul {padding:0 0 0 25px;position:relative;top:-8px;left:0}
.section ul li {
	list-style-type: square;
	line-height: 23px;
	text-align: justify
}
.section ul li p {
	line-height: 23px
}
.section div img {margin:0 26px 20px 12px}
.section table tr th {text-align:left}
.section table tr td {vertical-align:top}
.section ol {
	margin: 8px 0;
	padding: 0 0 0 25px;
	line-height: 23px
}
.nazev-kategorie-popis {
	text-align: center;
	margin:4px 0 18px 0;
	color: #51546C;
	line-height: 18px
}

.foto img {
	border: 1px solid #fff;
	box-shadow: #aaa 0 1px 3px;
}

.foto img:hover {
	border: 1px solid #fff;
	box-shadow: #555 0 2px 3px;
}

p.m-5 {margin-left:1px;margin-top:10px}

div#lefts {width:180px;float:left;}
div#rights {margin-left:190px;border-left:1px solid #e2e2e2;padding-left:10px}

div#lefts div#lefts-menu {margin:0;padding:0}
div#lefts div#lefts-menu a {display:block;padding:10px 20px 15px 0;text-decoration:none;font-size:15px;color:#333}
div#lefts div#lefts-menu a.aktiv {font-weight:bold}
div#lefts div#lefts-menu a:hover { color:#25A1D2;text-decoration:none }

.tabs {border-spacing:0}
.tab a {padding:8px 28px !important;display:block;border-radius: 5px 5px 0 0;cursor: pointer;margin-right:1px;background:#287737;
	font-size: 15px;
	text-shadow: 0 1px 2px #236;
	color:#fff; 
	text-decoration: none;
	font-weight: bold;
	}
.tab a.neakt {background:#ddd;
	color:#787;
	text-shadow: 0 0 0 #ccc; 
	}
.tab a:hover {background:#222;color:#fff}
.tab div {padding:8px 28px !important;display:block;border-radius: 5px 5px 0 0;cursor: pointer;margin-right:1px;background:#287737;
	font-size: 15px;
	text-shadow: 0 1px 2px #236;
	color:#fff; 
	text-decoration: none;
	font-weight: bold;
	}
.tab div:hover {}
.tabs-hr {background:#ccc;margin:0;height:1px}

.saved {font-weight:normal;margin:10px 2px 5px 0;color:#1581d2;font-size:15px;line-height:22px;}

table.files {border-spacing:1px;background:#e0e0e2;margin:8px 0 0 1px}
table.files tr td {background:#fff;padding:6px 16px 6px 4px}

.intro-users tr td img {width:38px;height:38px;margin-top:4px}
.intro-users tr td h3 {font-size:15px;margin:10px 15px 0 6px}
.intro-users tr td p.name {font-size:13px;margin:9px 0 0 1px;color:#777}
.intro-users tr td p.pocet-fotek {font-size:13px;margin:9px 25px 0 25px;color:#555}
.intro-users tr td .button {margin-top:7px}
.intro-users tr td h3 a {font-size:14px;color:#555;text-decoration:none;font-weight:bold}
.intro-users tr td h3 a:hover {font-size:14px;color:#111}
.intro-users tr td p.name a {color:#888}

.profile-users tr td img {width:74px;height:74px;margin-top:4px}
.profile-users tr td h3 {font-size:21px;margin:10px 0 0 6px;}
.profile-users tr td p.name {font-size:16px;margin:4px 0 0 6px;color:#777}
.profile-users tr td p.pocet-fotek {font-size:13px;margin:14px 0 0 35px;color:#555}
.profile-users tr td h3 a {font-size:14px;color:#444;text-decoration:none;font-weight:bold}
.profile-users tr td .button {margin:13px 0 0 35px}

#okno-vpravo {padding-top:25px;padding-right:15px;margin-left:230px}
#okno-vpravo #avatar {width:50px;height:50px}
#okno-vpravo h3 {font-size:15px;margin-left:12px}
#okno-vpravo hr {margin:12px 0}
#okno-vpravo #focusinsert {position:absolute;width:1px;color:#fff;border:1px solid #fff;background:#fff;margin-left:-5px;padding:0}
#okno-vpravo #insert {width:256px;color:#999;border:1px solid #eee}
#okno-vpravo #photo-window-desc {margin-top:6px;font-size:13px;color:#444}
p#photo-window-desc {color:#455;font-weight:bold;font-size:16px !important;margin-top:15px !important}
p#photo-window-detail {color:#333;font-weight:normal}
#download {margin:15px 0 25px 0}
.textareapopis {width:380px;height:72px;margin-bottom:8px}

button.free {background: linear-gradient(to bottom, #84DC43 1%, #449C03 100%);height:56px}
button.locked {background: #555;height:56px}

.form label {display:block;margin:7px 0 3px 0}
.form textarea {width:380px}
.form select {width:180px}

div.hr-space {height:12px}
div.hr-space-2 {height:12px}

#avatar-tab tr td {vertical-align:middle !important}
#avatar-tab tr td strong {display:block;color:#222;margin-bottom:24px;font-size:16px;font-weight:normal}

@media (max-width: 1024px)
{
	span.error {display:block}
	div#photo-window img {display:block;width:490px;height:475px;cursor:pointer;margin:0 !important}
}	

@media (max-width: 800px)
{
	
}

@media (max-width: 640px)
{
	#header a#logo {margin: 8px 0 0 10px;}
	a#logo img { width:160px !important }
	#login {
		margin: 70px 0 0 18px;
		right: none;
		text-align: left;
		font-size: 14px;
		width: 100%;
	}
	#login a
	{
        color:#444;
        font-weight: normal;
        display:inline-block;
        margin-right: 15px;
        margin-left: 0;
        text-decoration: none
	}

	div#lefts {margin-left:5px;float:none;}
	div#rights {margin-left:5px;border-left:0;padding-left:0}
	div#lefts div#lefts-menu a {display:block;padding:2px 5px 11px 0;font-size:14px}
	div.photos-small a {display:block;width:65px;height:55px}
	div.photos-small {float:none;margin-right:10px;margin-left:0;margin-bottom:10px;margin-top:15px}
	.textareapopis {width:270px;height:72px;margin-bottom:8px}
	h1 {font-size:17px}
	.section {margin: 10px 10px 0 10px;padding:15px 10px 15px 15px;}	
	#foot {font-size:12px}
	.error {padding:0 1px;}
	div#photo-window {float:none;margin-top:5px;margin-right:10px;margin-left:20px}
	div#photo-window img {display:none;width:1px;height:1px;cursor:pointer;margin:0 !important}
	#okno-vpravo {padding-top:20px;padding-right:1px;margin-left:10px;padding-bottom:1px}
	p#photo-window-detail {color:#333;font-weight:normal;font-size:13px;padding-right:10px}

	.form textarea {width:260px}
	.form select {width:180px}
}

@media (max-width: 480px)
{
	#login {
		margin: 70px 0 0 18px;
		right: none;
		text-align: left;
		font-size: 14px;
		width: 100%;
	}
	#login a
	{
        color:#444;
        font-weight: normal;
        display:inline-block;
        margin-right: 15px;
        margin-left: 0;
        text-decoration: none
	}	
	.section {
		margin: 5px 5px 0 5px;
		padding:10px 5px 10px 10px;
	}
	.profile-users tr td h3 {font-size:16px;margin:10px 0 0 6px;}
	.profile-users tr td img {width:54px;height:54px;margin-top:6px}
	.profile-users tr td p.name {font-size:14px}
	div.photos-small-index {float:left;margin-top:9px;margin-right:4;margin-left:56px;width:200px}
	div.photos-profile-small {float:left;margin-top:9px;margin-right:4;margin-left:56px;width:200px}
}