/* modules/gallery/css/gallery.css */
/**
 * Gallery 3 core module styles
 *
 * Sheet organization:
 *  1)  End-user
 *  2)  Admin
 *  3)  Right to left language styles
 */

/** *******************************************************************
 * 1) End-user
 **********************************************************************/

/* Uploader ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#g-add-photos-canvas,
#g-add-photos-status {
  width: 469px;
}

#g-add-photos-canvas {
  border: 1px solid  #ccc;
  height: 200px;
  margin: .5em 0;
  padding: 2.8em 0 0 0;
  overflow: auto;
  position: relative;
}

#g-add-photos-canvas object,
#g-add-photos-button {
  left: 90px;
  margin: .5em 0;
  padding: .4em 1em;
  position: absolute;
  top: 0;
  width: 300px;
}

#g-add-photos-canvas object {
  z-index: 100;
  padding: 0em;
}

#g-add-photos-canvas .uploadifyQueue {
  margin-top: .5em;
}

#g-add-photos-canvas .uploadifyQueueItem {
  margin: 0;
}

#g-add-photos-button {
  z-index: 1;
}

#g-add-photos-status {
  border: 1px solid #ccc;
  height: 125px;
  margin: .4em 0;
  overflow: auto;
}

#g-add-photos-status .g-message-block {
  border: none;
}

#g-add-photos-status #g-action-status li {
  margin: 0 0 1px 0;
  padding-top: .7em;
  width: 433px;
}

#g-add-photos-form .g-breadcrumbs {
  margin: 0;
}

#g-add-photos-form p {
  margin-bottom: 0
}

#g-add-photos-status-message {
  float: right;
}

/* Permissions ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#g-edit-permissions-form {
  clear: both;
}

#g-edit-permissions-form th {
  text-align: center;
}

#g-permissions .g-denied,
#g-permissions .g-allowed {
  text-align: center;
  vertical-align: middle;
}

/* Move items ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#g-move ul {
  padding-left: 1em;
}

#g-move .selected {
  background: #999;
}

/* In-place edit ~~~~~~~~~~~~~~~~~~~~~~~~~ */

#g-in-place-edit-form ul {
  margin: 0;
}

/* User profile ~~~~~~~~~~~~~~~~~~~~~~~~~ */

#g-user-profile h1 {
  margin: 1em 0;
}

#g-user-profile .g-avatar {
  margin-right: .6em;
}

#g-user-profile .g-block {
  margin-top: 0;
}

#g-user-profile .g-block-content {
  margin-top: 0;
}

#g-user-profile th,
#g-user-profile td {
  border: none;
}

#g-user-profile th {
  white-space: nowrap;
  width: 1%;
}

/* Unsupported movie download link ~~~~~~~~~~~~~~~~~~~~~~~~~ */

.g-movie-download-link {
  text-align: center;
}

/** *******************************************************************
 * 2) Admin
 **********************************************************************/

.g-task-log {
  border: 1px solid #000;
  height: 400px;
  margin: .6em 0;
  overflow: auto;
  padding: .4em
}

#g-languages-form table {
  width: 40%;
  margin: 0 3em 1em 0;
}

#g-languages-form input {
  clear: both;
}

#g-translations ol {
  margin: 0 0 1em 2em;
}
#g-translations ol li {
  list-style-type: decimal;
  line-height: 150%;
}

#g-translations .g-button {
  padding: .5em;
  margin-bottom: 1em;
}

/** *******************************************************************
 * 3) Right to left language styles
 **********************************************************************/

.rtl #g-add-photos-status #g-action-status li {
  width: 407px;
}

.rtl #g-block-admin .g-left {
  margin-left: 1em;
  margin-right: 0;
}

.rtl #g-user-profile .g-avatar {
  margin-left: .6em;
}

.rtl #g-languages-form table {
  margin: 0 0 1em 3em;
}

.rtl #g-translations ol {
  margin: 0 2em 1em 0;
}

.rtl #g-add-photos-status-message {
  float: left;
}

/* lib/uploadify/uploadify.css */
/*
Uploadify v2.1.0
Release Date: August 24, 2009

Copyright (c) 2009 Ronnie Garcia, Travis Nickels

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
*/
.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: auto;
}
.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}

/* RTL support ~~~~~~~~~~~~~~~~~~~~~~~~~ */
.rtl .uploadifyQueueItem .cancel {
	float: left;
}
/* modules/user/css/user.css */
/* User- and group-related form width ~~~~ */

#g-login-form,
#g-add-user-form
#g-edit-user-form,
#g-delete-user-form,
#g-user-admin {
  width: 270px;
}

/* User/group admin ~~~~~~~~~~~~~~~~~~~~~~ */

#g-user-admin {
  width: auto;
  margin-bottom: 4em;
}

#g-group-admin {
}

#g-user-admin-list .g-admin {
  color: #55f;
  font-weight: bold;
}

.g-group {
  display: block;
  border: 1px solid #999;
  margin: 0 1em 1em 0;
  padding: 0;
  width: 200px;
}

.g-group h4 {
  background-color: #eee;
  border-bottom: 1px dashed #ccc;
  padding: .5em 0 .5em .5em;
}

.g-group .g-button {
  padding: 0;
}

.g-group .g-member-list,
.g-group div {
  height: 180px;
  margin: 1px;
  overflow: auto;
}

.g-group p {
  margin-top: 1em;
  padding: .5em;
  text-align: center;
}

.g-group .g-user {
  padding: .2em 0 0 .5em;
}

.g-group .g-user .g-button {
  vertical-align: middle;
}

.g-default-group h4,
.g-default-group .g-user {
  color: #999;
}

.g-group.ui-droppable {
  padding: 0 !important;
}

/* Password strength meter ~~~~~~~~~~~~~~~ */

.g-password-strength0 {
  background: url('https://www.prod.mojepraha.cz/subdom/prod/modules/user/css/../images/progressImg1.png') no-repeat 0 0;
  width: 138px;
  height: 7px;
}

.g-password-strength10 {
  background-position:0 -7px;
}

.g-password-strength20 {
  background-position:0 -14px;
}

.g-password-strength30 {
  background-position:0 -21px;
}

.g-password-strength40 {
  background-position:0 -28px;
}

.g-password-strength50 {
  background-position:0 -35px;
}

.g-password-strength60 {
  background-position:0 -42px;
}

.g-password-strength70 {
  background-position:0 -49px;
}

.g-password-strength80 {
  background-position:0 -56px;
}

.g-password-strength90 {
  background-position:0 -63px;
}

.g-password-strength100 {
  background-position:0 -70px;
}

/* modules/comment/css/comment.css */
#g-content #g-comment-form {
  margin-top: 2em;
}

#g-content #g-comments {
  margin-top: 2em;
  position: relative;
}

#g-content #g-comments ul li {
  margin: 1em 0;
}

#g-content #g-comments .g-author {
  border-bottom: 1px solid #ccc;
  color: #999;
  height: 32px;
  line-height: 32px;
}

#g-content #g-comments ul li div {
  padding: 0 8px 8px 43px;
}

#g-content #g-comments .g-avatar {
  height: 32px;
  margin-right: .4em;
  width: 32px;
}

#g-add-comment {
  position: absolute;
  right: 0;
  top: 2px;
}

#g-admin-comments-menu {
  margin: 1em 0;
}

#g-admin-comments-menu a {
  margin: 0;
  padding: .2em .6em;
}


/* lib/jquery.autocomplete.css */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
	text-align: left;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('https://www.prod.mojepraha.cz/subdom/prod/lib/images/loading-small.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

/* modules/tag/css/tag.css */
/* Tag cloud ~~~~~~~~~~~~~~~~~~~~~~~ */

#g-tag-cloud ul {
  font-size: 1.2em;
  text-align: justify;
}

#g-tag-cloud ul li {
  display: inline;
  line-height: 1.5em;
  text-align: justify;
}

#g-tag-cloud ul li a {
  text-decoration: none;
}

#g-tag-cloud ul li span {
  display: none;
}

#g-tag-cloud ul li.size0 a {
  color: #9cf;
  font-size: 70%;
  font-weight: 100;
}

#g-tag-cloud ul li.size1 a {
  color: #9cf;
  font-size: 80%;
  font-weight: 100;
}

#g-tag-cloud ul li.size2 a {
  color: #69f;
  font-size: 90%;
  font-weight: 300;
}

#g-tag-cloud ul li.size3 a {
  color: #69c;
  font-size: 100%;
  font-weight: 500;
}

#g-tag-cloud ul li.size4 a {
  color: #369;
  font-size: 110%;
  font-weight: 700;
}

#g-tag-cloud ul li.size5 a {
  color: #0e2b52;
  font-size: 120%;
  font-weight: 900;
}

#g-tag-cloud ul li.size6 a {
  color: #0e2b52;
  font-size: 130%;
  font-weight: 900;
}

#g-tag-cloud ul li.size7 a {
  color: #0e2b52;
  font-size: 140%;
  font-weight: 900;
}

#g-tag-cloud ul li a:hover {
  color: #f30;
  text-decoration: underline;
}

/* Add tag form ~~~~~~~~~~~~~~~~~~~~ */

#g-sidebar .g-short-form .textbox {
  width: 11em;
}

/* Tag admin ~~~~~~~~~~~~~~~~~~~~~~~ */

#g-tag-admin {
  table-layout: fixed;
}

#g-tag-admin td {
  border: 0;
  vertical-align: top;
}

#g-tag-admin ul {
  margin-bottom: 2em;
}

#g-tag-admin li {
  padding: .1em 0 .2em 0;
}

#g-tag-admin form ul {
  margin-bottom: 0;
}

/* modules/register/css/register.css */
#g-register-form { width: 350px; }
/* modules/approvalqueue/css/approvalqueue.css */
.appqtextarea { resize:vertical !important; height: 4em;;}

/* modules/language_flags/css/language_flags_sidebar.css */
/* Flag container divs */
#g-selected-language-flag,
#g-language-flag,
#g-default-language-flag {
  display: inline;
  margin: 2px;
}

/* Flags with standard size */
#g-language-flag img,
#g-default-language-flag img {
  width: 40px;
  margin: 5px;
}

/* Flag grows when selected */
#g-selected-language-flag img {
  width: 48px;
  margin: 1px;
}
/* modules/thumbnav/css/thumbnav.css */
/* Thumb Navigator ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

  

.g-thumbnav { text-align: center; padding: 0; }

.g-navthumb { height: 62px; width: auto; filter:alpha(opacity=55); opacity:.55; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"; }



.g-thumbnav ul { display: inline-block; padding: 0; margin: 0 0.5em; }

.g-thumbnav li { float: left; border: transparent 1px solid; width: 62px; height: 62px; overflow: hidden;}

.g-thumbnav li.g-current { border-color: #ddd; }



.g-thumbnav li.g-current .g-navthumb,

.g-navthumb:hover { background: #fff; filter:alpha(opacity=100); opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }


/* lib/yui/reset-fonts-grids.css */
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}body{text-align:center;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main,.yui-g .yui-u .yui-g{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g .yui-u{width:48.1%;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#hd:after,#bd:after,#ft:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#hd,#bd,#ft,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}
/* lib/superfish/css/superfish.css */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none; 
}
.sf-menu {
	line-height:	1.0;                /* -- ORIGINAL --  1.0; -- */
  
 	font-size: 1.1em;               /* -- PRIDANO 30.3.2015 -- */
	font-weight: bold;                /* -- PRIDANO 30.3.2015 -- */
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */   
}
.sf-menu ul li {
	width:			100%;  
	
/*	font-size: .95em;                  /* -- PRIDANO 30.3.2015 -- */
	font-weight: normal;               /* -- PRIDANO 30.3.2015 -- */
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */  
}
.sf-menu li {
	float:			left;
	position:		relative;  
}
.sf-menu a {
	display:		block;
	position:		relative;   
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;   
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;      
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;    
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;     
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;  
}
.sf-menu a { 
	border-left:	1px solid #E0E0E0;   /* -- ORIGINAL --  #fff; -- */
	border-top:		1px solid #E0E0E0;   /* -- ORIGINAL --  #CFDEFF; -- */
	border-right:		1px solid #E0E0E0;     /* -- PRIDANO -- */ 
	border-bottom:		1px solid #E0E0E0;   /* -- PRIDANO -- */ 
	padding: 		.75em 1em;
	text-decoration:none; 
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;   
}
.sf-menu li {
	background:	#e0e0e0; /* -- ORIGINAL --  #BDD2FF; -- */    
}
.sf-menu li li {
	background:	#F9F9F9; /* -- ORIGINAL --  #AABDE6; -- */
/*  font-size: .9em;  */    /* -- PRIDANO -- */
}
.sf-menu li li li {
	background:	#F9F9F9; /* -- ORIGINAL --  #9AAEDB; -- */
/*  font-size: 1em;  */    /* -- PRIDANO -- */	
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background: #F0F0F0;  /* -- ORIGINAL --  #CFDEFF; -- */
	outline:		0;  
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('https://www.prod.mojepraha.cz/subdom/prod/lib/superfish/css/../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('https://www.prod.mojepraha.cz/subdom/prod/lib/superfish/css/../images/shadow.png') no-repeat bottom right;
	padding: 0 22px 10px 0;         /* -- ORIGINAL -- 0 8px 9px 0; -- */
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/* themes/widewind/css/themeroller/ui.base.css */
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*!
 * jQuery UI CSS Framework 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=%23cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=%23aaaaaa&fcHeader=%23222222&iconColorHeader=%23222222&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=%23aaaaaa&fcContent=%23222222&iconColorContent=%23222222&bgColorDefault=%23e0e0e0&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=%23878787&fcDefault=%23434343&iconColorDefault=%23878787&bgColorHover=%23f0f0f0&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=%23d0d0d0&fcHover=%23434343&iconColorHover=%23878787&bgColorActive=%23ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=%23aaaaaa&fcActive=%23212121&iconColorActive=%23454545&bgColorHighlight=%23fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=%23fcefa1&fcHighlight=%23363636&iconColorHighlight=%232e83ff&bgColorError=%23fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=%23cd0a0a&fcError=%23cd0a0a&iconColorError=%23cd0a0a&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px&tr=
 */


/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url('https://www.prod.mojepraha.cz/subdom/prod/themes/widewind/css/themeroller/images/ui-bg_flat_75_ffffff_40x100.png') 50% 50% repeat-x;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc url('https://www.prod.mojepraha.cz/subdom/prod/themes/widewind/css/themeroller/images/ui-bg_highlight-soft_75_cccccc_1x100.png') 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #878787;
	background: #e0e0e0 url('https://www.prod.mojepraha.cz/subdom/prod/themes/widewind/css/themeroller/images/ui-bg_glass_75_e0e0e0_1x400.png') 50% 50% repeat-x;
	font-weight: normal;
	color: #434343;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #434343;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #d0d0d0;
	background: #f0f0f0 url('https://www.prod.mojepraha.cz/subdom/prod/themes/widewind/css/themeroller/images/ui-bg_glass_75_f0f0f0_1x400.png') 50% 50% repeat-x;
	font-weight: normal;
	color: #434343;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #434343;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff url('https://www.prod.mojepraha.cz/subdom/prod/themes/widewind/css/themeroller/images/ui-bg_glass_65_ffffff_1x400.png') 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url('https://www.prod.mojepraha.cz/subdom/prod/themes/widewind/css/themeroller/images/ui-bg_glass_55_fbf9ee_1x400.png') 50% 50% repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url('https://www.prod.mojepraha.cz/subdom/prod/themes/widewind/css/themeroller/images/ui-bg_glass_95_fef1ec_1x400.png') 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url('https://www.prod.mojepraha.cz/subdom/prod/themes/widewind/css/themeroller/images/ui-icons_222222_256x240.png');
}
.ui-widget-header .ui-icon {
	background-image: url('https://www.prod.mojepraha.cz/subdom/prod/themes/widewind/css/themeroller/images/ui-icons_222222_256x240.png');
}
.ui-state-default .ui-icon {
	background-image: url('https://www.prod.mojepraha.cz/subdom/prod/themes/widewind/css/themeroller/images/ui-icons_878787_256x240.png');
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url('https://www.prod.mojepraha.cz/subdom/prod/themes/widewind/css/themeroller/images/ui-icons_878787_256x240.png');
}
.ui-state-active .ui-icon {
	background-image: url('https://www.prod.mojepraha.cz/subdom/prod/themes/widewind/css/themeroller/images/ui-icons_454545_256x240.png');
}
.ui-state-highlight .ui-icon {
	background-image: url('https://www.prod.mojepraha.cz/subdom/prod/themes/widewind/css/themeroller/images/ui-icons_2e83ff_256x240.png');
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url('https://www.prod.mojepraha.cz/subdom/prod/themes/widewind/css/themeroller/images/ui-icons_cd0a0a_256x240.png');
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa url('https://www.prod.mojepraha.cz/subdom/prod/themes/widewind/css/themeroller/images/ui-bg_flat_0_aaaaaa_40x100.png') 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url('https://www.prod.mojepraha.cz/subdom/prod/themes/widewind/css/themeroller/images/ui-bg_flat_0_aaaaaa_40x100.png') 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
	border-radius: 8px;
}

/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:left; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
/* Tabs
----------------------------------*/
.ui-tabs {padding: .2em;}
.ui-tabs .ui-tabs-nav { padding: .2em .2em 0 .2em;  position: relative; }
.ui-tabs .ui-tabs-nav li { float: left; border-bottom: 0 !important; margin: 0 .2em -1px 0; padding: 0; list-style: none; }
.ui-tabs .ui-tabs-nav li a { display:block; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {  padding-bottom: .1em; border-bottom: 0; }
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em;  display: block; border: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* themes/widewind/css/screen.css */
/**
 * Gallery 3 Wind Theme Screen Styles
 *
 * @requires YUI reset, font, grids CSS
 *
 * Sheet organization:
 *   1)  Font sizes, base HTML elements
 *   2)  Reusable content blocks
 *   3)  Page layout containers
 *   4)  Content blocks in specific layout containers
 *   5)  States and interactions
 *   6)  Positioning and order
 *   7)  Navigation and menus
 *   8)  jQuery and jQuery UI
 */

/** *******************************************************************
 *  1) Font sizes, base HTML elements
 **********************************************************************/

@-ms-viewport{
  width: device-width;
}

body, html {
  margin: 0 auto;
  /*  max-width: 1260px;    -- pridano - nastavuje velikost hlavniho "ramu" pri zvetsovani okna -- (predchozi varianta 1300px) -- 
    min-width: 1015px;    -- pridano - nastavuje velikost hlavniho "ramu" pri zmensovani okna -- */
  background-color: #fff;  /* original -- #ccc; */
  font-family: 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  overflow-x: hidden;
  position: relative;
}
#bd {
  position: relative;
}

p {
  margin-bottom: 1em;
}

em {
  font-style: oblique;
}

h1, h2, h3, h4, h5, strong, th {
  font-weight: bold;
}

h1 {
  font-size: 1.1em;   /* original -- font-size: 1.7em; */
}   

#g-dialog h1 {
  font-size: 1.1em;  
}

h2 {
  font-size: 1.2em;   /* font-size: 1.4em; */
}

#g-sidebar .g-block h2 {
  font-size: 13px;   /* original -- font-size: 1.2em; */
  color: #000;     /* -- pridano --- */
  background-color: #eeeded;
  padding: 3px 10px;
}
/*zmizely ramecky - posunout text tak, aby byl zaroven s fotkou*/
/*#g-code-block h2 {
  padding: 0px 10px 3px !important;
  margin-top: -3px;
}*/

#g-sidebar .g-block li {
  margin-bottom: .6em;
}


#g-site-menu              /* -- pridano --- */
{
  font-size: 1.2em;   
}                        /* -- konec --- pridano -- */


#g-content
/* #g-site-menu, */  /* -- odebrano -- */
h3 {
  font-size: 1em;   /* font-size: 1.2em; */
}

#g-sidebar,
.g-breadcrumbs {
  font-size: .9em;
}

#g-banner,
#g-footer,
.g-message {
  font-size: .8em;
}

/* -- pridano -- */
#g-subfooter {
  font-size: .8em;
}

/* -- pridano -- */
#g-subfooter2 {
  /*  border: 1px solid #878787;  */  
  text-align: left;
  margin-left: 14.75px;
  visibility: hidden;
}

#g-album-grid .g-item,
#g-item #g-photo,
#g-item #g-movie {
  font-size: .7em;
}

/* Links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

a,
.g-menu a,
#g-dialog a,
.g-button,
.g-button:hover,
.g-button:active,
a.ui-state-hover,
input.ui-state-hover,
button.ui-state-hover {
  /* -- ORIGINAL --  #5382bf -- */  
  /*color: #009;*/
  /*backup barva*/
  color: #000;
  cursor: pointer !important;
  text-decoration: none;
  -moz-outline-style: none;
}

a:hover,
#g-dialog a:hover {
  text-decoration: underline;
}

.g-menu a:hover {
  text-decoration: none;
}
.g-menu ul li a font {
  color: #6b6b6b;
  font-weight: bold;
}
.g-menu ul li a font:hover {
  /*color: #009;*/
  /*backup barva*/
  color: #000;
}

#g-dialog #g-action-status li {
  width: 434px;
  white-space: normal;
  padding-left: 32px;
}

/* Lists ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

ul.g-text li,
.g-text ul li {
  list-style-type: disc;
}

ol.g-text li,
.g-text ol li {
  list-style-type: decimal;
}

.g-text li,
.g-text li {
  margin-left: 1em;
}

/* Forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

form {
  margin: 0;
}

fieldset {
  border: 1px solid #878787;  /* original -- #ccc; */
  padding: 0 1em .8em 1em;
}

#g-banner fieldset,
#g-sidebar fieldset {
  border: none;
  padding: 0;
}

legend {
  font-weight: bold;
  margin: 0;
  padding: 0 .2em;
}

#g-banner legend,
#g-sidebar legend,
input[type="hidden"] {
  display: none;
}

input.textbox,
input[type="text"],
input[type="password"],
textarea {
  border: 1px solid #ccc;  /* original -- #e8e8e8; */ 
  clear: both;
  color: #333;
  width: 50%;
}

textarea {
  height: 12em;
  width: 97%;
}

input:focus,
input.textbox:focus,
input[type=text]:focus,
textarea:focus,
option:focus {
  background-color: #ffc;
  color: #000;
}

input.checkbox,
input[type=checkbox],
input.radio,
input[type=radio] {
  float: left;
  margin-right: .4em;
}

.max-file-size {
  padding: 14px 3px;
  font-size: 11px;
  position: relative;
  top: 3px;
}

/* Form layout ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

form li {
  margin: 0;
  padding: 0 0 .2em 0;
}

form ul {
  margin-top: 0;
}

form ul ul {
  clear: both;
}

form ul ul li {
  float: left;
}

input,
select,
textarea {
  display: block;
  clear: both;
  padding: .2em;
}

input[type="submit"],
input[type="reset"] {
  display: inline;
  clear: none;
  float: left;
}

/* Forms in dialogs and panels ~~~~~~~~~ */

#g-dialog ul li {
  padding-bottom: .8em;
}

#g-dialog fieldset,
#g-panel fieldset {
  border: none;
  padding: 0;
}

#g-panel legend {
  display: none;
}

input[readonly] {
  background-color: #F4F4FC;
}

#g-dialog input.textbox,
#g-dialog input[type=text],
#g-dialog input[type=password],
#g-dialog textarea {
  width: 97%;
}

/* Short forms ~~~~~~~~~~~~~~~~~~~~~~~ */

.g-short-form legend,
.g-short-form label {
  display: none;
}

.g-short-form fieldset {
  border: none;
  padding: 0;
}

.g-short-form li {
  float: left;
  margin: 0 !important;
  padding: 2px 0;
}

.g-short-form .textbox,
.g-short-form input[type=text] {
  color: #666;
  padding: 4px 6px;   /* -- uprava JZ >> 5px 10px; -- uprava DL >> .3em .6em; -- */
  width: 100%;
}

/* -- pridano - uprava JZ -- */
/*
.g-short-form input[type=text] {
  height: 14px;
}
*/
/* -- konec pridano - uprava JZ -- */

.g-short-form .textbox.g-error {
  border: 1px solid #f00;
  color: #f00;
  padding-left: 24px;
}

.g-short-form .g-cancel {
  display: block;
  margin: .3em .8em;
}

#g-sidebar .g-short-form li {
  padding-left: 0;
  padding-right: 0;
}

/* Tables ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

table {
  width: 100%;
}

#g-content table {
  margin: 1em 0;
}

caption,
th {
  text-align: left;
}

th,
td {
  border: none;
  border-bottom: 1px solid #878787;   /* original -- #ccc; */
  padding: .5em;
}

td {
  vertical-align: top;
}

/* Text ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.g-text-small {
  font-size: .8em;
}

.g-text-big {
  font-size: 1.2em;
}

.g-text-right {
  text-align: right;
}

/** *******************************************************************
 *  2) Reusable content blocks
 *********************************************************************/

.g-block-content {
  margin-top: 1em;
}

/** *******************************************************************
 *  3) Page layout containers
 *********************************************************************/

/* Dimension and scale ~~~~~~~~~~~~~~~~~~~ */

.g-one-quarter {
  width: 25%;
}

.g-one-third {
  width: 33%;
}

.g-one-half {
  width: 50%;
}

.g-two-thirds {
  width: 66%;
}

.g-three-quarters {
  width: 75%;
}

.g-whole {
  width: 100%;
}

/* View container ~~~~~~~~~~~~~~~~~~~~~~~~ */

.g-view {
  /* -- original --
    background-color: #fff;
    border: 1px solid #ccc; 
    border-bottom: none;
  */ 
  /* -- prepracovany original - viz vyse -- */
  padding-right: 3px;   
  padding-left: 3px;    
  background-color: #fff;
  box-shadow: 0 0px 0px 0px white, 0 0px 0px 0px white, 5px 0 12px -6px rgba(0, 0, 0, 0.3), -5px 0 12px -6px rgba(0, 0, 0, 0.3);
}

/* Layout containers ~~~~~~~~~~~~~~~~~~~~~ */

#g-header {
  margin-bottom: 30px;
  position: relative;
}
#g-header .insert.wrapper {
  display: none;
}
.mobile #g-header.editable {
  margin-bottom: 0px;
}
.mobile #g-header .insert.wrapper {
  display: block;  
  height: 30px;
  width: 100%;
  margin: 0;
  line-height: 30px;
  text-align: right;
}
.mobile #g-header .insert.wrapper .g-dialog-link {
  font-size: 12px;
}
#g-banner { 
  background-color: #fff;        /* original -- #e8e8e8; */
  /*height: 39px;*/                  /* original -- 5em; */
  height: 65px;
  padding: 10px 0 15px;
  position: relative;
  border: none;
  /*border-bottom: 16px solid #e8e8e8;*/
}
a#g-logo {
  position: relative;
  top: 20px;
}

#g-content {
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width:100%;
  margin: 0;
  padding: 0; 
}

/* -- pridano -- */
#g-content-alba {
  padding-left: 0px;  
}
/* -- konec pridano -- */

#g-sidebar {
  padding: 0 15px;  /* original -- padding: 0 20px; */  
  width: 220px;
}

#g-footer {
  background-color: #fff;        /* original -- #e8e8e8; */
  text-align: center;          /* -- pridano -- */
  padding: 30px 0;
  border: none;
}
#g-footer div:first-child {
  float: left;
}

/* -- pridano -- */
#g-footercopycolor {
  color: #6e6e6e;
  padding: 0;
  float: right;
  text-align: right;
  /*  border: 1px solid #878787; */ 
}

/* -- pridano -- 
#g-linkunder {
  text-decoration: underline;
}
  -- */

/* -- pridano -- */
#g-subfooter {
  background-color: #eeeded;
  margin-top: 30px;
  padding: 5px 0;  
  border: none;
}

/** *******************************************************************
 *  4) Content blocks in specific layout containers
 *********************************************************************/

/* Header  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */   

/* -- pridano do modules/search/views/search_link.html -- vyska submitu -- */

/* -- KONEC pridano -- */

#g-content .g-block h2 {
  background-color: transparent;
  padding-left: 0;
}

/* Sidebar  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#g-sidebar .g-block-content {
  padding-left: 1em;
}

#g-sidebar #g-image-block {
  overflow: hidden;
}

/* Album content ~~~~~~~~~~~~~~~~~~~~~~~~~ */

#g-content #g-album-grid {
  margin: 0;
  position: relative;
  z-index: 1;
  /*max-width: 950px;*/
}

#g-content #g-album-grid .g-item h2 {
  margin: 17px 0;
  overflow: hidden;
  height: 12px;
}

#g-content .g-photo h2,
#g-content .g-item .g-metadata {
  display: none;
  margin-bottom: 1.4em;      /* original -- .6em; */
}

#g-content #g-album-grid .g-album {
  background-color: #e0e0e0;  /* original -- #e8e8e8; */
}


#g-content #g-album-grid .g-album h2 span.g-album {
  /* -- NEPOUZIVA SE --  
    background: transparent url('https://www.prod.mojepraha.cz/subdom/prod/themes/widewind/css/../images/ico-album.png') no-repeat top left;  
    display: inline-block;
    height: 16px;
    margin-right: 5px;
    width: 16px;
  ---------------------- */  
  height: 16px;  /* -- PRIDANO --*/
}


#g-content #g-album-grid .g-hover-item { 
  border: 1px solid #e0e0e0;         /* original -- border: 1px solid #000; --- */
  background-color: #F0F0F0;
  position: absolute !important;
  z-index: 1000 !important;
}

#g-content .g-hover-item h2,
#g-content .g-hover-item .g-metadata {
  display: block;
}

#g-content #g-album-grid #g-place-holder {
  position: relative;
  visibility: hidden;
  z-index: 1;
}

/* Search results ~~~~~~~~~~~~~~~~~~~~~~~~ */

#g-content #g-search-results {
  margin-top: 1em;
  padding-top: 1em;
}

/* Individual photo content ~~~~~~~~~~~~~~ */

#g-item {
  position: relative;
  width: 100%;
}

#g-item #g-photo,
#g-item #g-movie {
  padding: 0 0 30px;
  position: relative;
}

#g-item img.g-resize,
#g-item a.g-movie {
  display: block;
  margin: 0 auto;
}
.metaInfo0 {
  display: block;
  margin: 5px 0 10px;
  float: none;
  width: 100%;
  height: 12px;
}
#g-photo-info .name {
  font-weight: bold;
  float: left;
}
#g-photo-info .inserted {
  float: right;
}
.metaInfo1 {
  float: left;
  font-size: 12px;
  font-weight: normal;
}
.metaInfo2 {
  display:block;
  float:right;
}
.ratings-bp {
  padding-top: 15px !important;
}
.rabidRating {
  max-width: 100%;
  height: auto !important;
}
.rabidRating .ratingText {
  max-width: 100%;
}
#g-content #g-comments {
  margin: -19px 0 15px 0;
}

.authorUrl {
}
.albumUrl {
}
.user-photos-link {
}
.viewCount {
}
.inserted {
}
.itemDescription {
  font-size: 12px; font-weight: normal; float: left; width: 100%;
  word-wrap: break-word;
  word-break: normal;
  overflow: hidden;
  white-space: pre-wrap;
}

/* Footer content ~~~~~~~~~~~~~~~~~~~~~~~~ */

#g-footer #g-credits li {
  padding-right: 1.2em;
}

/* In-line editing  ~~~~~~~~~~~~~~~~~~~~~~ */

#g-in-place-edit-message {
  background-color: #fff;
}

/* Permissions ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#g-edit-permissions-form td {
  background-image: none;
}

#g-edit-permissions-form fieldset {
  border: 1px solid #878787;  /* original -- #ccc; */
}

#g-permissions .g-denied {
  background-color: #fcc;
}

#g-permissions .g-allowed {
  background-color: #cfc;
}

#g-permissions .g-breadcrumbs a {
  border: 1px solid #fff;
}

#g-permissions .g-active a {
  border: 1px solid #ddd;
  background: #eee;
}

/** *******************************************************************
 *  5) States and interactions
 **********************************************************************/

.g-active,
.g-enabled,
.g-available,
.g-selected,
.g-highlight {
  font-weight: bold;
}

.g-inactive,
.g-disabled,
.g-unavailable,
.g-uneditable,
.g-locked,
.g-deselected,
.g-understate {
  color: #ccc;
  font-weight: normal;
}

.g-editable {
  padding: .2em .3em;
}

.g-editable:hover {
  background-color: #ffc;
  cursor: text;
}

.g-error,
.g-info,
.g-success,
.g-warning {
  padding-left: 30px;
}

form li.g-error,
form li.g-info,
form li.g-success,
form li.g-warning {
  background-image: none;
  padding: .3em .8em .3em 0;
}

.g-short-form li.g-error {
  padding: 2px 0;
}

form.g-error input[type="text"],
li.g-error input[type="text"],
form.g-error input[type="password"],
li.g-error input[type="password"],
form.g-error input[type="checkbox"],
li.g-error input[type="checkbox"],
form.g-error input[type="radio"],
li.g-error input[type="radio"],
form.g-error textarea,
li.g-error textarea,
form.g-error select,
li.g-error select {
  border: 2px solid #f00;
  margin-bottom: .2em;
}

.g-error,
.g-denied,
tr.g-error td.g-error,
#g-add-photos-status .g-error {
  background: #f6cbca url('https://www.prod.mojepraha.cz/subdom/prod/themes/widewind/css/../images/ico-error.png') no-repeat .4em 50%;
  color: #f00;
}

.g-info {
  background: #e0e0e0 url('https://www.prod.mojepraha.cz/subdom/prod/themes/widewind/css/../images/ico-info.png') no-repeat .4em 50%;    /* original -- #e8e8e8; */
}
#g-info {
  display: none; /* Nezobrazujeme nadpisy v albech  - nahrazeno nasledujicim <h1> nebo lze pro odsazeni pouzit nasledujici div */
}
#g-photo-info {
  display: block;
  /*float: left;*/
}


.g-success,
.g-allowed,
#g-add-photos-status .g-success {
  background: #d9efc2 url('https://www.prod.mojepraha.cz/subdom/prod/themes/widewind/css/../images/ico-success.png') no-repeat .4em 50%;
}

tr.g-success {
  background-image: none;
}

tr.g-success td.g-success {
  background-image: url('https://www.prod.mojepraha.cz/subdom/prod/themes/widewind/css/../images/ico-success.png');
}

.g-warning,
tr.g-warning td.g-warning {
  background: #fcf9ce url('https://www.prod.mojepraha.cz/subdom/prod/themes/widewind/css/../images/ico-warning.png') no-repeat .4em 50%;
}

form .g-error {
  background-color: #fff;
  padding-left: 20px;
}

.g-open {
}

.g-closed {
}

.g-installed {
  background-color: #eeeeee;
}

.g-default {
  background-color: #c5dbec;
  font-weight: bold;
}

.g-draggable {
  cursor: move;
}

.g-draggable:hover {
  border: 1px dashed #000;
}

.ui-sortable .g-target,
.ui-state-highlight {
  background-color: #fcf9ce;
  border: 2px dotted #999;
  height: 2em;
  margin: 1em 0;
}

/* Ajax loading indicator ~~~~~~~~~~~~~~~~ */

.g-loading-large,
.g-dialog-loading-large {
  background: #e0e0e0 url('https://www.prod.mojepraha.cz/subdom/prod/themes/widewind/css/../images/loading-large.gif') no-repeat center center !important;  /* original -- #e8e8e8; */
}

.g-loading-small {
  background: #e0e0e0 url('https://www.prod.mojepraha.cz/subdom/prod/themes/widewind/css/../images/loading-small.gif') no-repeat center center !important;  /* original -- #e8e8e8; */
}

/** *******************************************************************
 *  6) Positioning and order
 **********************************************************************/

.g-left {
  clear: none;
  float: left;
}

.g-right {
  clear: none;
  float: right;
}

.g-first {
}

.g-last {
}

.g-even {
  background-color: #fff;
}

.g-odd {
  background-color: #eee;
}

/** *******************************************************************
 *  7) Navigation and menus
 *********************************************************************/

/* Login menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#g-banner #g-login-menu {
  color: #999;
  float: right;
}

#g-banner #g-login-menu li {
  padding-left: 1.2em;
}

/* Site Menu  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#g-site-menu {   
  /*bottom: 16px;*/
  bottom: 22px;
  left: 320px;  /* -- ORIGINAL -- 140px -- */ 
  position: absolute; 
}
#g-site-menu * {   
  background-color: #fff !important;
  border: none;
}
#g-photo-edit {
  display: none;
}

#g-site-menu ul {
  margin-bottom: 0 !important;
}

#g-mobile-site-menu, #g-mobile-site-menu-content {
  display: none;
  cursor: pointer;
}
/* Icon 3 */
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 30px;
  height: 22px;
  position: relative;
  margin: 0 auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 6px;
  width: 100%;
  background: #000099;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 8px;
}

#nav-icon3 span:nth-child(4) {
  top: 16px;
}

#nav-icon3.open span:nth-child(1) {
  top: 8px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 8px;
  width: 0%;
  left: 50%;
}
/* Context Menu  ~~~~~~~~~~~~~~~~~~~~~~~~~ */

.g-context-menu {
  background-color: #fff;
  bottom: 0;
  left: 0;
  position: absolute;
}

.g-item .g-context-menu {
  display: none;
  margin-top: 2em;
  width: 100%;
}

#g-item .g-context-menu ul {
  display: none;
}

.g-context-menu li {
  border-left: none;
  border-right: none;
  border-bottom: none;
}

.g-context-menu li a {
  display: block;
  line-height: 1.6em;
}

.g-hover-item .g-context-menu {
  display: block;
}

.g-hover-item .g-context-menu li {
  text-align: left;
}

.g-hover-item .g-context-menu a:hover {
  text-decoration: none;
}

/* View Menu  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#g-view-menu {
  margin-bottom: 0.9em;     /* original -- margin-bottom: 1em; */
}

#g-view-menu a {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  height: 28px !important;
  width: 43px !important;
}

#g-view-menu #g-slideshow-link {
  background-image: url('https://www.prod.mojepraha.cz/subdom/prod/themes/widewind/css/../images/ico-view-slideshow.png');
}

#g-view-menu .g-fullsize-link {
  background-image: url('https://www.prod.mojepraha.cz/subdom/prod/themes/widewind/css/../images/ico-view-fullsize.png');
}

#g-view-menu #g-comments-link {
  background-image: url('https://www.prod.mojepraha.cz/subdom/prod/themes/widewind/css/../images/ico-view-comments.png');
}

#g-view-menu #g-print-digibug-link {
  background-image: url('https://www.prod.mojepraha.cz/subdom/prod/themes/widewind/css/../images/ico-print.png');
}

/** *******************************************************************
 *  8) jQuery and jQuery UI
 *********************************************************************/

/* Generic block container ~~~~~~~~~~~~~~~ */

.g-block {
  clear: both;
  margin-bottom: 2.5em;
}

.g-block-content {
}

/* Superfish menu overrides ~~~~~~~~~~~~~~ */

.sf-menu ul {
  width: 11.29em;  /* -- ORIGINAL --  12em; -- */      
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left: 12em;  
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  left: 12em;                      
}

.sf-menu li li,
.sf-menu li li ul li {
  background-color: #E0E0E0;  /* -- ORIGINAL -- background-color: #bdd2ff; --  */
  border-left:	1px solid #D0D0D0;     /* -- PRIDANO -- */ 
  padding: .40em .35em .40em .35em;    /* -- PRIDANO -- */   
}

.sf-menu li:hover {
  background-color: #F9F9F9; /* -- ORIGINAL -- background-color: #dfe9ff; -- */  
}
.sf-menu a {
  color: #6b6b6b !important;
}
.sf-menu>li.sfHover>a.sf-with-ul, .sf-menu a:hover, .sfHover > a, .sfHover .sfHover a:hover {
  /*color: #009 !important;*/
  /*backup barva*/
  color: #000 !important;
}
.sf-menu>li>a.sf-with-ul {
  color: #6b6b6b !important;
}
.sf-shadow ul {
  background: none;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-radius: 0;
  box-shadow: 0 0px 0px 0px white, 0 0px 0px 0px white, 5px 0 12px -6px rgba(0, 0, 0, 0.3), -5px 0 12px -6px rgba(0, 0, 0, 0.3);
}
.sf-shadow ul ul {
  background: none;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-radius: 0;
  box-shadow: 0 0px 0px 0px white, 0 0px 0px 0px white, 5px 0 12px -6px rgba(0, 0, 0, 0.3), 0px 0 12px -12px rgba(0, 0, 0, 0.3);
  width: 110px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-radius: 0px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-radius: 0px;
}
.ui-icon-seek-next {
  background-position: -32px -158px;
}
.ui-icon-seek-end {
  background-position: -64px -158px;
}
.ui-icon-seek-prev {
  background-position: -48px -158px;
}
.ui-icon-seek-first {
  background-position: -80px -158px;
}

/* jQuery UI Dialog ~~~~~~~~~~~~~~~~~~~~~~ */

.ui-widget-overlay {
  background: #000;
  opacity: .7;
}

/* Buttons ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



.g-button {
  display: inline-block;
  line-height: 22px;
  padding: 0px 8px;
  height: 20px; /*+1 +1 ramecek*/
  border: 1px solid #ccc;
  background-color: #eeeded;
  background-image: none !important;
  color: #666;
}

.g-button,
.g-button:hover,
.g-button:active {
  cursor: pointer !important;
  outline: 0;
  text-decoration: none;
  -moz-outline-style: none;
}
.g-button:hover {
  background-color: #ccc;
  color: #666;
}
.g-button.ui-state-disabled {
  cursor: not-allowed !important;
  background-color: transparent;
}
/*header search*/
#g-banner #g-quick-search-form {
  clear: right;
  float: right;
  margin-top: 0;
  position: relative;
  top: 15px;
}
#g-banner #g-quick-search-form input[type='text'] {
  width: 184px; /* TODO hlidat sirku pri responzivnim designu */ 
  height: 20px; 
  font-size: 10px;
  padding: 0 6px;
}
#g-search-submit {
  height: 22px;
  border: 1px solid #ccc;
  border-left: none;
  background-color: #eeeded;
  background-image: none !important;
  padding: 0 5px;
  font-size: 10px;
  color: #333;
  cursor: pointer;
}
#g-search-submit:hover {
  background-color: #ccc;
  color: #333;
}

/*search page*/
#g-search-form .textbox, #g-search-form input[type=text] {
  color: #666;
  padding: 0px 6px;
  width: 100%;
  height: 20px;
  font-size: 10px;
}
#g-search-submited {
  height: 22px;
  border: 1px solid #ccc;
  background-color: #eeeded;
  background-image: none !important;
  padding: 0 5px;
  font-size: 10px;
  color: #333;
}
#g-search-submited:hover {
  background-color: #ccc;
  color: #333;
}
@-moz-document url-prefix() { 
  #g-search-submited {
    height: 26px;
  }
}

button {
  padding: 2px 4px 2px 4px;
}

#g-fullsize-overlay {
  opacity: 0.9 !important;
}

/* jQuery UI ThemeRoller buttons ~~~~~~~~~ */

.g-buttonset {
  padding-left: 1px;
}

.g-buttonset li {
  float: left;
}

.g-buttonset .g-button {
  margin: 0;
}

.ui-icon-left .ui-icon {
  float: left;
  margin-right: .2em;
}

.ui-icon-right .ui-icon {
  float: right;
  margin-left: .2em;
}

/* Rotate icon, ThemeRoller only provides one of these */

.ui-icon-rotate-ccw {
  background-position: -192px -64px;
}

.ui-icon-rotate-cw {
  background-position: -208px -64px;
}

.g-progress-bar {
  height: 1em;
  width: 100%;
  margin: .5em 0;
  display: inline-block;
}

/* Status and validation messages ~~~~ */

.g-message-block {
  background-position: .4em .3em;
  border: 1px solid #878787;  /* original -- #ccc; */
  padding: 0;
}

#g-action-status {
  margin-bottom: 1em;
}

#g-action-status li,
p#g-action-status,
div#g-action-status {
  padding: .3em .3em .3em 30px;
}

#g-site-status li {
  border-bottom: 1px solid #878787;  /* original -- #ccc; */
  padding: .3em .3em .3em 30px;
}

.g-module-status {
  clear: both;
  margin-bottom: 1em;
}

.g-message {
  background-position: 0 50%;
}

/* Breadcrumbs ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.g-breadcrumbs {
  clear: both;
  padding: 0 10px; 
  background-color: #eeeded;        /* -- pridano -- */
  height: 22px;                     /* -- pridano -- */
  border: none;
}

.g-breadcrumbs li {
  background: transparent url('https://www.prod.mojepraha.cz/subdom/prod/themes/widewind/css/../images/ico-separator.gif') no-repeat scroll left center;
  float: left;
  /*  padding: 1em 8px 1em 18px; */   /* -- original -- */
  padding: 4px 8px 4px 18px;    /* -- pridano -- */
}

.g-breadcrumbs .g-first {
  background: none;
  padding-left: 0;  
}

/* -- pridano -- */
.g-breadcrumbs .g-superfirst {
  background: none;
  padding: 1px;  
}
.g-breadcrumbs .superlast {
  background: none;
  padding: 4px 8px 4px 0px;
}
/* -- konec pridano -- */

.g-breadcrumbs li a,
.g-breadcrumbs li span {
  display: block;    
}

#g-dialog ul.g-breadcrumbs {
  margin-left: 0;
  padding-left: 0;
}

/* Pagination ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.g-paginator {
  padding: .2em 0;
  width: 100%;
}

.g-paginator li {
  float: left;
  width: 30%;
}

.g-paginator .g-info {
  background: none;
  padding: .2em 0;
  text-align: center;
  width: 40%;
}

/* Dialogs and panels ~~~~~~~~~~~~~~~~~~ */

#g-dialog {
  text-align: left;
}

#g-dialog legend {
  display: none;
}

#g-dialog .g-cancel {
  margin: .4em 1em;
}

#g-panel {
  display: none;
  padding: 1em;
}

/* Inline layout  ~~~~~~~~~~ */

.g-inline li {
  float: left;
  margin-left: 1.8em;
  padding-left: 0 !important;
}

.g-inline li.g-first {
  margin-left: 0;
}

/* Autocomplete  ~~~~~~~~~~ */

.ac_loading {
  background: white url('https://www.prod.mojepraha.cz/subdom/prod/themes/widewind/css/../images/loading-small.gif') right center no-repeat !important;
}

.hp .g-paginator .g-info {
  visibility: hidden;
}
/*Nezobrazovat strankovani na HP*/
.hp .g-paginator {
  display: none !important;
  visibility: hidden;
}

/*Nezobrazovat komentare v profilu uzivatele*/
#g-user-profile .g-block.kome {
  display: none;
}
#g-user-profile th {
  vertical-align: top;
}
#g-edit-user-form .loading {
  width: 16px;
  height: 16px;
  display: inline-block;
  float: right;
  background-color: #FFF !important;
}
.g-block.info table, .g-block.info tr, .g-block.info td {
  max-width: 100%;
}
/*Profil uzuvatele - stylovani tabuly, pretekajici text*/
#g-user-profile table {
  table-layout: fixed; /*nutnost, aby fungoval word-wrap: break-word;*/
}
#g-user-profile th {
  width: 177px;
}
.user-profile-info {
  word-wrap: break-word;
  word-break: normal;
  overflow: hidden;
  white-space: pre-wrap;
}
.g-breadcrumbs span.profiles {
  color: #000;
  font-weight: normal;
}
.g-breadcrumbs span.profiles span {
  font-weight: bold;
  display: inline-block;
}
.profiles .g-thumbnail-wrapper a+h2 {
  display: none !important;
}

/* Responsive */
/* http://blog.invisionapp.com/large-desktop-experience-responsive-design/ */
/* Media queries */

/*-----------------------*/
body {
  width: 100%;
  background-color: #f8f8f8;
}
#doc3 {
  margin: 0 auto;
  padding: 0 30px;
  width: 1220px;
}
.yui-t5 #yui-main .yui-b {
  margin: 0 !important;
}
#yui-main {
  width: 980px; /*950 fotka + 30 margin k sidebaru*/
  margin: 0 !important;
}
#g-sidebar {
  width: 240px;
  margin: 0;
  padding: 0 0px 0 0;
}
#g-sidebar a img, #g-sidebar a img.g-thumbnail {
  width: 100%;
  height: auto;
  height: auto;
  max-width: 450px;
  max-height: 450px;
}
.g-view #g-content #g-album-grid .g-item {
  width: 25%;
  height: 215px; /*208px*/
  position: relative;
  background-color: #fff;
  float: left;
  padding: 0;
  margin: 4px 0 4px;
  position: relative;
  text-align: center;
  z-index: 1;
}
.g-view #g-content #g-album-grid .g-item .wrapper {
  margin: 0 8px 0 0;
  padding: 0px;
  border: 1px solid #e0e0e0;
  height: 100%;
  overflow: hidden;
}
.g-view #g-content #g-album-grid .g-item .wrapper .g-align {
  padding-top: 14.75px;
}
.g-view #g-content #g-album-grid .g-item .wrapper .g-align .g-thumbnail-wrapper {
  width: 200px;
  /*height: 120px;*/
  height: 142px;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
/*stejna sirka popisu - zarovnani vlevo*/
.g-view #g-content #g-album-grid .g-item .wrapper .g-align .g-photodesc {
  width: 200px;
  margin: 0 auto;
  text-align: left;
}
/*.g-view #g-content #g-album-grid .g-item .wrapper .g-align .g-thumbnail-wrapper:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;   vertical alignment of the inline element 
  height: 100%;
}*/
.g-view #g-content #g-album-grid .g-item .wrapper .g-align .g-thumbnail-wrapper a.navysku {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex; /* add */
  justify-content: center; /* add to align horizontal */
  align-items: center;  /*add to align vertical*/
}
.g-view #g-content #g-album-grid .g-item .wrapper .g-align .g-thumbnail-wrapper a > img {

}

.g-view #g-content #g-album-grid .g-item .wrapper .g-align .g-thumbnail {
  width: initial;
  width: 100%;
  height: auto;
  /*min-height: 120px;*/
  min-height: 150px;
  overflow: hidden;
  max-width: none;
}
#g-content img {
  max-width: 100%;
}
#g-content #g-album-grid .g-item .g-valign {
  margin-top: 10px !important;
  height: 100%;
}
#g-content #g-album-grid .g-hover-item .g-valign .g-photodesc {
  width: 100%;
  height: 40%;
  position: absolute;
  bottom: 0;
  background-color: rgba(255,255,255,0.8);
  -webkit-transition: all .5s;
  transition: all .5s;
}
#g-content #g-album-grid .g-item .g-valign .g-photodesc a {
  color: #000 !important;
}
#g-content #g-album-grid .g-item .g-photodesc a {
  white-space: nowrap;
}
#g-content #g-album-grid .g-hover-item .g-valign .g-photodesc a {
  color: #000 !important;
}
#g-content #g-album-grid .g-item .g-valign h2 {
  position: absolute;
  bottom: 10px;
  text-align: center;
  width: 100%;
}
#g-content #g-album-grid .g-hover-item .g-valign h2 {
  position: absolute;
  bottom: calc(100% - 30px);
  text-align: center;
  width: 100%;
}
#g-content #g-album-grid .g-item .g-valign .g-metadata {
  position: absolute;
  width: 100%;
  display: none;
}
#g-content #g-album-grid .g-hover-item .g-valign .g-metadata {
  position: absolute;
  top: 8px;
  text-align: center;
  width: 100%;
  display: block;
}
#g-content .g-item.g-photo .g-photodesc {
  position: relative;
  top: -2px;
}
#g-content .g-item.g-album .g-photodesc {
  position: relative;
  top: 6px;/*8px*/
}
#g-content .g-photo .g-photodesc {
  position: relative;
}
#g-content .g-photo h2 {
  display: block;
  margin: 0;
}
#g-content .g-item .g-metadata {
  display: block;
  position: absolute;
  margin: 0;
  width: 100%;
  top: 18px;
}
.g-item .g-item-view-count {
  display: none;
}
.g-item .g-item-author, .g-item .g-item-date-added {
  display: inline-block;
}
.g-item .g-item-date-added .sep:before {
  display: inline-block;
  content: "|";
  width: 16px;
  height: 10px;
  color: #333;
  text-align: center;
}

#g-sidebar .g-block-content {
  padding: 0 10px;
}
#g-sidebar #g-adsense.g-block h2 {
  height: 8px;
  font-size: 9px;
  font-weight: normal;
  text-align: right;
  margin: 0;
  padding: 0;
  position: relative;
  top: -10px;
  background-color: #fff;
}
#g-adsense .g-block-content {
  padding: 0;
  margin: 0;
  position: relative;
  top: -8px;
  margin-bottom: -8px;
}
.g-thumbnail {
  /*  max-width: 185px;
    height: auto;
    max-height: 180px;
    width: auto;*/
}
#g-content #g-album-grid .g-album {
  background-color: #fff;
}
#g-content #g-album-grid.album, #g-content #g-album-grid.dynamic {
  margin: -4px -8px 30px 0;

}
#g-content .hp-photo {
  margin-bottom: 30px;
}
#g-content .hp-photo, #g-content #g-content-alba, #g-action-status {
  max-width: 950px;
}
#g-content .hp-foto-wrapper .popis {
  margin: 4px 0 0;
  font-size: 10px;
}
#g-quick-search-form-mobile {
  display: none;
}
#bd #login-form {
  display: none;
}
.mobile #bd #login-form {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.95;
  z-index: 999;
}
.mobile #bd #login-form #g-login {
  margin: 0 auto;
  display: block;
  width: 50vh;
  max-width: 90%;
  height: 100%;
}
.mobile #bd #login-form #g-login #g-login-form {
  width: 100%;

}
.mobile #bd #login-form #g-login #g-login-form fieldset {
  border: none;
  padding: 0;
}
.mobile #bd #login-form #g-login #g-login-form legend {
  padding: 10px 0;
  font-size: 14px;
}
.mobile #bd #login-form #g-login #g-login-form ul li input[type="text"], .mobile #bd #login-form #g-login #g-login-form ul li input[type="password"]{
  width: 100%;
  padding: 5px;
  margin: 5px 0;
}
#g-login .submit.g-button.ui-state-default {
  line-height: initial;
  padding: .2em;
  height: auto;
}
#g-login .submit.g-button.ui-state-default:hover {
  border: 1px solid #d0d0d0;
  background: #f0f0f0;
}


.mobile .ui-widget-overlay {
  width: 100% !important;
  height: 100% !important;
  background-color: #000;
  opacity: 0.7;
  top: 0 !important;
}
.mobile > .ui-dialog.ui-widget.ui-widget-content.ui-corner-all {
  max-width: 95% !important;
  /*height: 225px !important;*/
  left: 0 !important;
  top: 100px !important;
  margin: 0 auto;
  right: 0;
  max-width: 375px;
}
#g-register-form {
  width: 350px;
  max-width: 100%;
}
#g-login-form, #g-add-user-form #g-edit-user-form, #g-delete-user-form, #g-user-admin {
  width: 270px;
  max-width: 100%;
}
.mobile .ui-draggable .ui-dialog-titlebar{
  cursor: auto;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 10px 13px 10px 12px;
}
.mobile .ui-dialog .ui-dialog-titlebar {
  padding: 10px 16px 10px 12px;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: relative;
  right: 0;
  top: 0;
  float: right;
  margin: 0;
  padding: 0;
}
.mobile .ui-dialog .ui-dialog-titlebar-close {
  width: 26px;
  height: 26px;
}
.mobile .ui-icon {
  width: 26px;
  height: 26px;
}
.mobile .g-paginator .ui-icon, .mobile #g-comments .ui-icon {
  width: 16px;
  height: 16px;
}
fieldset {
  border: 1px solid #878787;
  padding: 0 0;
}
#g-content #g-comment-form {
  display: none;
}
.ui-widget-header .ui-icon {
  background-image: url('https://www.prod.mojepraha.cz/subdom/prod/themes/widewind/css/../images/close_btn.png') !important;
  background-size: contain;
  background-position: 0 0;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0;
  height: 16px;
  line-height: 16px;
  position: relative;
  top: 1px;
}
.mobile .ui-dialog .ui-dialog-title {
  height: 26px;
  line-height: 26px;
  top: 0;
}
.ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
  border: none;
  background: none !important;
  background-color: transparent;
  font-weight: normal;
  color: #434343;
}
.ui-widget-header {
  border: 1px solid #aaaaaa;
  background: transparent;
  background-color: #eeeded;
  color: #222222;
  font-weight: bold;
}

.Architektura .g-paginator .g-info {
  visibility: hidden;
}
.g-paginator .total {
  padding-left: 5px;
}
.mobile .g-paginator .total {
  /*display: block;*/
}
.mobile .g-paginator .count {
  display: none;
}


@media (max-width:1280px) { /* hi-res laptops and desktops */
  #doc3 {
    width: 984px; /*984 + 20 + 20*/
    padding: 0 20px;
  }
  #yui-main {
    width: 744px; /*724 + 20*/
    float: left;
  }
  #yui-main .hp-foto-wrapper {
    max-width: 724px;
  }
  #g-content .hp-photo, #g-content #g-content-alba, #g-action-status {
    max-width: 724px;
  }
  #g-sidebar{
    width: 240px;
    float: left;
  }
  .g-view #g-content #g-album-grid .g-item {
    width: 25%;
    /*height: 156px;rychly nahled*/
    height: 155px;
    position: relative;
    background-color: #fff;
    float: left;
    padding: 0;
    margin: 4px 0 4px;
    position: relative;
    text-align: center;
    z-index: 1;
  }
  .hp .g-view #g-content #g-album-grid .g-item {
    height: 150px;
  }
  #g-content .g-item .g-metadata {
    display: block;
    position: absolute;
    margin: 0;
    width: 100%;
    /*    top: 18px;rychly nahled*/
    top: 17px;
  }

  .g-view #g-content #g-album-grid .g-item .wrapper .g-align {
    padding-top: 10px;
  }
  .g-view #g-content #g-album-grid .g-item .wrapper .g-align .g-thumbnail-wrapper {
    width: 158px;
    height: 100px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
  }
  .g-view #g-content #g-album-grid .g-item .wrapper .g-align .g-photodesc {
    width: 158px;
  }
  .g-view #g-content #g-album-grid .g-item .wrapper .g-align .g-thumbnail {
    width: 100%;
    width: initial;
    height: auto;
    min-height: 100px;
    overflow: hidden;
    max-width: none;
  }
  #g-content #g-album-grid .g-item h2 {
    margin: 10px 0;
  }
  #g-content .g-item.g-album .g-photodesc {
    position: relative;
    top: 5px;
  }
  #g-content #g-album-grid .g-item .g-photodesc a {
    line-height: 100%;
    position: relative;
    top: 1px;
  }
  #g-subfooter2 {
    margin-left: 7.5px;
  }
}
@media (max-width:1024px) { /* big landscape tablets, laptops, and desktops */
  #doc3 {
    width: 920px; /*max 960 = 920 + 20 + 20*/
    padding: 0 20px;
  }
  #yui-main {
    width: 744px;
    float: left;
  }
  #g-sidebar{
    width: 176px;
    float: left;
  }
}
/* tablet, landscape iPad, lo-res laptops ands desktops */
/*max 750 = 710 + 20 + 20*/
@media (min-width:751px) and (max-width:960px) { 
  #doc3 {
    width: 710px; 
  }
  #yui-main {
    width: 100%;
    float: none;
  }
  #g-content {
    margin-bottom: 10px;
  }
  #g-sidebar{
    width: 100%;
    float: left;
    margin-top: 35px;
  }
  #yui-main .hp-foto-wrapper {
    max-width: 100%;
  }
  #g-content .hp-photo, #g-content #g-content-alba {
    max-width: 100%;
  }
  #g-sidebar .g-block {
    clear: none;
    margin-bottom: 2.5em;
    width: 48%;
    float: left;
  }
  #g-sidebar .g-block:nth-child(1),
  #g-sidebar .g-block:nth-child(3),
  #g-sidebar .g-block:nth-child(5),
  #g-sidebar .g-block:nth-child(7),
  #g-sidebar .g-block:nth-child(9),
  #g-sidebar .g-block:nth-child(11),
  #g-sidebar .g-block:nth-child(13) {
    margin-right: 4%;
    clear: both;
  }
  .g-paginator {
    padding: 5px 0 30px;
  }
  #g-banner #g-quick-search-form input[type='text'] { 
    width: 80px; 
  }
}
@media (max-width:960px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
  #doc3 {
    width: calc(100% - 20px); /*zde padding uz jen 2x 10px*/
    padding: 0 10px;
  }
  #yui-main {
    width: 100%;
    float: none;
  }
  #g-sidebar {
    width:100%;
    float: left;
    margin-top: 35px;
  }
  a#g-logo {
    position: relative;
    top: 20px;
    margin: 0 auto;
    display: block;
    width: 252px;
    float: none;
  }
  #g-site-menu, #g-quick-search-form {
    display: none; /*todo*/
  }
  #g-photo-edit {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
  }
  #g-photo-edit .wrapper {
    display: block;
    float: right;
  }
  #g-photo-edit a {
    display: inline-block;
    margin: 0 6px 0 6px;
    font-size: 12px;
  }
  #g-photo-edit a:hover {
    text-decoration: none
  }
  #g-photo-edit a:last-child {
    margin-right: 0;
  }
  #g-mobile-site-menu {
    display: block;
    float: left;
  }
  #g-mobile-site-menu-content {
    display: block;
    visibility: hidden;
    overflow: hidden;
    list-style: none;
    background-color: #4f4b48;
    opacity: 0.4;
    width: 300px;
    height: calc(100% - 75px);
    height: 602px;
    position: absolute;
    top: 75px;
    margin-bottom: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    -webkit-transition: all .9s cubic-bezier(0.75, 0, 0.25, 1);
    transition: all .9s cubic-bezier(0.75, 0, 0.25, 1);
    transform-origin: top right;
    -webkit-transform: translateX(300px);
    transform: translateX(300px);
    /*-webkit-transform: scale(0);
    transform: scale(0);*/
  }
  #g-mobile-site-menu-content.logged {
    height: 639px;
  }
  #g-mobile-site-menu-content.open {
    display: block;
    visibility: visible;
    opacity: 0.95;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    /*-webkit-transform: scale(1);
    transform: scale(1);*/
  }
  #g-mobile-site-menu-content .wrapper {
    /*padding: 20px;*/
    padding: 18px 15px;
  }
  #g-mobile-site-menu-content ul {
    padding: 0;
  }
  #g-mobile-site-menu-content ul li:first-child {
    display: inline-block;
  }
  #g-mobile-site-menu-content ul li a.sf-with-ul:after {
    content: "\2013";
    display: inline-block;
    width: 20px;
    height: 25px;
    line-height: 25px;
    text-align: center;
  }
  #g-mobile-site-menu-content li:first-child a {
    float: left;
    width: auto;
    width: unset;
  }

  #g-mobile-site-menu-content ul .sf-sub-indicator {
    display: none;
  }
  #g-mobile-site-menu-content ul>li>ul {
    display: inline-block !important;
    visibility: visible !important;
    padding: 0;
    margin: 0;
  }
  #g-mobile-site-menu-content ul>li>ul li {
    border-bottom: none;
    display: inline-block;
    width: auto;
    width: unset;
    height: 25px;
    padding: 0;
  }
  #g-mobile-site-menu-content ul>li>ul li:first-child {
    margin-right: 0;
    width: auto;
    width: unset;
  }
  #g-mobile-site-menu-content ul>li>ul li:first-child:after {
    content: "";
    border-right: 1px solid #fff;
    padding-right: 10px;
    margin-right: 7px;
    height: 15px;
    top: 4px;
    display: block;
    float: right;
    width: unset;
    position: relative;
  }
  #g-mobile-site-menu-content ul>li>ul li a {
    text-transform: lowercase;
  }
  #g-mobile-site-menu-content li {
    height: 25px;
    line-height: 25px;
    text-align: left;
    padding: 8px 0;
    display: inline-block;
    border-bottom: 1px solid #fff;
    width: 100%;
    cursor: pointer;
  }
  #g-mobile-site-menu-content li a {
    font-size: 13px;
    color: #ddd;
    width: 100%;
    padding: 0;
    margin: 0;
    font-weight: normal;
    text-decoration: none;
  }
  #g-mobile-site-menu-content li a font
  {
    color: #fff !important;
  }

  #g-quick-search-form-mobile {
    display: none;
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    border: none;
    z-index: 1000;
    opacity: 1;
  }
  #g-quick-search-form-mobile .wrap {
    background-color: #eeeded;
    width: 100%;
    height: 43px;
    display: block;
    position: relative;
  }
  #g-quick-search-form-mobile .wrap ul li:first-child {
    width: calc(100% - 82px);
    float: left;
    padding: 0;
    overflow: hidden;
  }
  #g-quick-search-form-mobile .wrap ul li:last-child {
    width: 70px;
    float: right;
  }
  #g-quick-search-form-mobile .close {
    display: none !important;
  }
  #g-quick-search-form-mobile #g-search {
    width: 100%;
    height: 27px;
    margin: 3px 0 3px 5px;
  }
  #g-quick-search-form-mobile #g-search-submit {
    height: 37px;
    margin: 1px 0 3px 5px;
    font-size: 13px;
    width: 77px;
    position: relative;
    left: -17px;
  }
  .mobile .search-overlay {
    display: none !important;
  }
  .mobile #g-search-form {
    display: none;
  }

  /*.mobile #g-quick-search-form-mobile .close {
    display: block !important;
    width: 20px;
    height: 20px;
    float: right;
    background-color: #000099;
    position: absolute;
  }*/

  body .search-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
    z-index: 999;
    top: 0;
    left: 0;
  }

  ul#g-login-menu .pre-text {
    display: none;
  }

  .metaInfo1 {
    padding-bottom: 7px;
  }

  /*mobilni menu*/
  #g-login-menu {
    position: relative;
    top: -45px;
  }
  #g-login-menu li {
    float: none;
    padding: 5px 10px !important;
    margin: 0 0 4px 0;
    background-color: #eeeded;
    width: 52px;
    text-align: center;
  }
  #g-banner {
    height: 75px;
  }

  ul#g-login-menu-mobile {
    margin: 0;
    padding: 0 !important;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    width: 100%;
    float: left;
  }
  #g-login-menu-mobile li {
    display: inline-block;
    float: left;
    width: auto;
    width: unset;
    height: 25px;
    line-height: 25px;
    margin: 8px 0;
    padding: 0;
    padding-right: 10px;
    margin-right: 10px;
    border: none;
    border-right: 1px solid #fff;
    text-align: center;
  }
  #g-login-menu-mobile li.logged {
    width: 100%;
    border-right: none;
  }
  #g-login-menu-mobile li.logged .pre-text {
    float: left;
    color: #ddd;
  }
  #g-login-menu-mobile li.logged .pre-text:after {
    content: ":";
    display: block;
    float: right;
    padding-right: 5px;
  }
  #g-login-menu-mobile li a {
    height: 25px;
    line-height: 25px;
  }
  #g-login-menu-mobile li:last-child {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
  }
  #g-login-menu-mobile li:nth-child(2) {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
  }
  #g-login-menu-mobile #mobile-search {
    float: right;
  }

  #g-mobile-site-menu-content .category-header {
    color: #fff;
    text-align: left;
    margin: 15px 0 0;
    padding: 8px 0;
    height: 25px;
    line-height: 25px;
    border-bottom: 1px solid #fff;
    display: inline-block;
    width: 100%;
  }

  /*  #g-banner #g-quick-search-form {
      display: block;
      top: -45px;
    }
    #g-quick-search-form.mobile {
      height: 22px;
    }
    #g-quick-search-form.mobile ul li:first-child {
      display: none;
      height: 22px;
      padding: 0;
    }
    #g-quick-search-form.mobile input.text {
      height: 20px;
      padding: 0;
      font-size: 13px;
      padding: 0 5px;
    }
    #g-quick-search-form ul li:last-child {
          padding: 5px 10px !important;
          margin: 0 0 4px 0;
          width: 52px;
          text-align: center;
          background-color: #eeeded;
      padding: 0;
    }
    #g-quick-search-form #g-search-submit {
          border: none;
          font-size: 11px;
          color: #000;
          margin: 0;
          padding: 0;
          width: 100%;
          height: auto;
      border: 1px solid #ccc;
      background-color: #eeeded;
      background-image: none !important;
    }
    #g-quick-search-form #g-search-submit:hover {
      background-color: #eeeded;
      text-decoration: underline;
    }
    #g-quick-search-form-link {
      display: block;
      float: right;
      position: relative;
      top: -9px;
      font-weight: bold;
    }
    #g-quick-search-form-link {
      background-color: #eeeded;
      top: 32px;
      left: 144px;
      color: #000;
      font-weight: normal;
      text-decoration: none !important;
    }*/
  #g-mobile-site-menu {
    display: block;
    float: right;
    position: relative;
    top: -9px;
    font-weight: bold;
  }
  #g-quick-search-form-link, #g-login-menu {
    /*TODO docasne*/
    display: none !important;
  }
  #g-mobile-site-menu .border-menu {
    display: none;
  }
  #g-mobile-site-menu .border-menu.open {
    display: block;
  }
  #doc3 {
    min-height: 100%;
    background-color: #fff;
    position: relative;
    top: 0;
    bottom: 100%;
    left: 0;
    z-index: 1;
  }
}
@media (max-width:640px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
  #doc3 {
    width: calc(100% - 20px); /*zde padding uz jen 2x 10px*/
  }
  #yui-main {
    width: 100%;
    float: none;
  }
  .g-view #g-content #g-album-grid .g-item {
    width: calc(100%/3);
  }
  #g-footer div:first-child {
    float: none;
    text-align: center;
  }
  #g-footercopycolor {
    float: none;
    text-align: center;
    padding: 22px 0 0;
  }
  #g-subfooter2 {
    text-align: center;
    margin: 0;
  }
}
@media (max-width:480px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
  #doc3 {
    width: calc(100% - 20px); /*zde padding uz jen 2x 10px*/
  }
  #yui-main {
    width: 100%;
    float: none;
  }
  .g-view #g-content #g-album-grid .g-item {
    width: 50%;
  }
  #g-sidebar .g-block {
    clear: both;
    margin-bottom: 2.5em;
    width: 100%;
    float: left;
  }
  #g-user-profile th, #g-user-profile td {
    border: none;
    display: block;
    text-align: left;
  }
  #g-user-profile .ui-helper-clearfix {
    margin-bottom: 15px;
  }
  a#g-logo {
    position: relative;
    top: 20px;
    margin: 0;
    display: block;
    width: 252px;
    float: none;
    max-width: calc(100% - 92px);
  }
  a#g-logo img {
    max-width: 100%;
  }

}
@media (max-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */
  #doc3 {
    width: calc(100% - 20px); /*zde padding uz jen 2x 10px*/
  }
  #yui-main {
    width: 100%;
    float: none;
  }
  .hp .g-view #g-content #g-album-grid .g-item, .g-view #g-content #g-album-grid .g-item {
    width: 100%;
    height: 208px; /*200px*/
  }

  .g-view #g-content #g-album-grid .g-item .wrapper .g-align .g-thumbnail-wrapper {
    width: auto;
    height: 150px;
    max-width: 90%;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
  }
  .g-view #g-content #g-album-grid .g-item .wrapper .g-align .g-photodesc {
    width: 90%;
  }
  #g-content #g-album-grid .g-item .g-photodesc a {
    font-size: 11px;
  }
}