@charset "utf-8";
/* CSS Document */ 
 

html {
	background: url(../s/images/body_bg.gif) #FFF;
	margin: 0px; 
	padding: 0px;
	width:100%;
	position:relative;
}

body  {
	font: 100% Arial, Helvetica, sans-serif;
	font-size: 1em;
	min-width:800px;
	margin: 0px; 
	padding: 0px;
	color: #000;
	height:100%;	min-height:100%;}

#wrap h1, h2, h3{
	margin:1%;
}

h2{
	color:#C33;
}

#wrap pp {
	float: left;
	clear: left;
	margin-left: 1% !important;
	padding: 10px;
	width:45%;
}

#wrap h1 {
	font-size: 2em;
}

h1{
		font-family:Helvetica,Arial,Sans-Serif;
		font-size:7em;
		text-align:center;
		color:#333;
		margin:1em auto;
	}

#wrap	{
	display: table;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	background:#F2F2F2 url(../s/images/alb_item_bg.gif) repeat-x scroll center top;
	border:1px solid #CC3333;
	display:table;
	margin:10px auto;
	position:relative;
	width:90%;
}
/*-------- Hompage styles -------*/

#left , #center , #right {
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius:20px;
	border: 3px solid #e3e3e3;
	background: #d3d3d3;
	color: #555;
	float:left;
	width:30%;
	height:150px;
	margin:10px 1%;
}

#innerwrap	{
	display: table;
	margin:0 auto;
	width:96%;
	bottom: 115px;
}

.btm_line	{
	clear:both;
}


/*-------- Album map slider -------*/
#map_capsole {
	position:fixed;

	/*height:60%;*/
	top:180px;
	bottom:110px;

	/*left:5%;
	width:90%;*/
	left:2%;
	width:96%;
}



#map_canvas {
	position:relative;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border:3px solid #C41C29;
	float:right;
	height:100%;
	margin:1%;
	padding:1%;
	position:relative;
	width:50%;
}

/*---------location TABLE----*/

/*#locationtable ul { width: 750px; display: block; overflow: auto;}
#locationtable li { display: block; float: left; color:#000000; }*/

#locationtable	{
	position:relative;
	width:48%;
	float:left;
	min-height:700px;
}

#locationtable ul
{
	/*
	display: block; clear:both;
	*/
	position:relative;
	display: table;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border: 1px solid #888;
	list-style-type: none;
	float:left;
	width:40%;
	padding:2%;
	margin:2%;
	background:#fff;
	height:auto;
	font-size:1em
}


#locationtable ul li#ids
{
	display: block;
	float:left;
	width: 40px;
	text-align:center;
	line-height:120%;
	color:#000; 
	font-size: 23px; 
	height:auto;
	z-index:100;
}



#locationtable ul, #img_md li{	
	display: block;
	float:left;
}

#img_md	img, .gmark img {
	width:90%;
	margin:0.5%;
	padding:2%;
	float:left;
	border:1px solid #f2f2f2;
}

#img_md	img:hover, .gmark img:hover {
	border:1px solid #c33;
}

#locationtable ul li#txt {
	display: block;
	clear: left;
	width: auto;
	text-align:left;
	padding: 10px;
	color:#111;
	font-size: 13px; 
	height:auto;
}
#locationtable ul li#txt a
{
	color:#c33;
}


#locationtable ul.current
{
	margin:0px; 
	display: block; 
	clear:both;
	background:url(../images/LocationA.jpg) left top no-repeat #FFFFFF;
	width:45%;
	height:54px;
	margin-top:17px; 
	padding:0px 0px 0px 0px;
}

#locationtable ul.current li#ids
{
	list-style-type: none;
	display: block;
	float:left;
	width: 22px;
	height:28px;
	text-align:center;
	padding: 7px 0px 0px 8px;
	color:#FFFFFF; 
}
#locationtable ul.current  li#time
{
	list-style-type: none;
	display: block;
	float:left;
	width: 90px;
	height:28px;
	text-align:right;
	padding: 22px 10px 0px 10px;
	color:#FFFFFF;
	font-size: 10px; 
}
#locationtable ul.current  li#location
{
	list-style-type: none;
	display: block;
	float:left;
	width: 380px;
	height:28px;
	padding: 27px 10px 0px 10px;
	color:#333333;
	font-size: 11px;
	font-weight: bold;
}
#locationtable ul.current  li#mapli
{
	list-style-type: none;
	display: block;
	float:left;
	width: 103px;
	height:28px;
	padding: 26px 10px 0px 0px;
	font-size:9px;
	color:#FF0000;
}
#locationtable ul.current  li#mapli a
{
	color:#FF0000;
}
/* --------- ---------  ---------  --------- */

.over	{
	border:1px solid #c33;
}

/* --------- Footer  --------- */

#footer	{
	background:url(../s/images/footer_bg.gif) bottom repeat-x #666;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	width:90%;
	border:1px solid #888;
	border-top: none;
	display: table;
	margin:10px auto;
	position:relative;
	text-align:center;
}
#footer a {
	color:#f2f2f2;
}
#footer #current {
	color:#000;
	text-decoration:none;
}

#footer	h3{
	margin:0;
	padding:10px;
}

/* --------- header  --------- */

#header, #btn {
	background:url(../s/images/header_bg.gif) top repeat-x #c33;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	width:90%;
	border:1px solid #900;
	display: table;
	margin:10px auto;
	position:relative;
	text-align:center;
}
#header a {
	color:#f2f2f2;
}
#header #current {
	color:#000;
	text-decoration:none;
}

#header	h3{
	margin:0;
	padding:10px;
}


/* ------------------------            ------------------------ */ 
/* ------------------------            ------------------------ */

#login_bar	{
	border:1px solid #900;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	overflow: auto;
	margin-right:5%;
	margin-left: 5%;
	background:#f2f2f2;
	width:90%;
}

#login_cont {
	padding:2px;
	width: auto !important;
	float: right;
}

#login_els {
	/*float: left;*/
}

#login_els #login_btn {
	background:url(../s/images/header_bg.gif) top repeat-x #c33;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	width:80px !important;
	color:#FFF !important;
}

#login_els #sgup_btn {
	border:1px solid #666;
	font-weight:bold;
	font-size: 10px;
	/*float:left;*/
	padding:3px;
	margin:2px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	width:80px !important;
	color:#666;
}

#login_els input{
	border:1px solid #666;
	font-weight:bold;
	font-size: 10px;
	/*float:left;*/
	padding:3px;
	margin:2px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	color:#666;
}


/* ------------------------            ------------------------ */ 
/* ------------------------            ------------------------ */

.alb_prvw	{
	display: none ;
	clear: both;
	padding:10px;
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	margin: 0px;
	width:95%;
}
.alb_prvw > img	{
	display: block;
	padding:5px;
	margin:5px;
	float:left;
	border: 1px solid #d3d3d3;
	position: relative;
}

.th li	{
	background:#C33 !important;
	color:#FFF
}

.th li, .alb_tool li	{
	background:#e2e2e2;
	padding:8px;
	margin:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	overflow:auto;
}

.trg:hover{
	color:#FFF;
	background:#C33;
	cursor: pointer;
}

/* ------------------------            ------------------------ */
/* ------------------------  albstable  ------------------------ */ 
#albstable {
	display:table;
	position:relative;
	margin:0 auto;
	width:90%;
}

.alb_tool, .th	{
	display: block;
	position:relative;
	overflow:auto;
	margin-left:0px;
	padding-left:0px;
}


#albstable ul, .alb_tool {
	list-style-type:none;
	list-style-position: outside;
	clear:both;
}
#albstable ul li, .alb_tool ul li {
	float:left;
}

.i	{
	width:10%;
	color: #C33 !important;
	font-weight:bold;
	
}

.by	{
	width:10%;
}

.up_date	{
	width:20%;
}

.name	{
	width:30%;
}

.preview	{
	width:5%;
}

.i, .by, .up_date, .name, .preview {
	display:block;
	position: relative;
}

#albstable a{
	color:#055174 !important;
	text-decoration: none;
	font-weight: bold;
}
#albstable a:visited{
	color:#055174 !important;
	text-decoration: none;
	font-weight: bold;
}
#albstable a:hover{
	color:#C33 !important;
	font-weight: bold;
}


/* ------------------------            ------------------------ */
/* ------------------------  forms  ------------------------ */ 

.sprava	{
	padding:0 0 20px 0;
	float:right;
	width:50%;
	position:relative;
}

fieldset, #wrap pp	{
	
	/*clear:both;*/
	display:block;
	background: #e2e2e2;
	border: none;
	font-size:16px;
	font-weight: bold;
	color:#555;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	padding: 5px;
	margin:10px 20px 0px auto;
	
	
}

 label {
	float:left;
	padding-left:10px;
}

 input, textarea {
	/*float:right;*/
	border:1px solid #666;
	font-weight:bold;
	font-size: 12px;
	/*text-align:center;*/
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
}

#btn, #log_btn	{
	color:#FFF;
	font-size:16px;
	font-weight: bold;
}


/* ------------------------            ------------------------ */
/* ------------------------            ------------------------ */
/* ------------------------            ------------------------ */


.big_red_submit_btn	{
	background-color:#b33;
	color:#fff;
	font:bold 20px arial,sans-serif;
	width:80%;
	padding:0px;
	height:35px;
	border:3px solid #300;
	margin:0 auto;
	text-align:center;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
}