/* CSS Document */
/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body {
	background-color: #fff;
	line-height: 180%;
}
body, p, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}
body, td, th {
	font-family: Arial, Verdana, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: x-small;
}
table td {
  font-size: 110%;
}
/***********************************************/
/* ON PAGE ELEMENTS                            */
/***********************************************/
a, a:link {color: #3A3A3A; text-decoration: underline;}
a:hover {color: #000; text-decoration: none;}
.color1 {color: #ff7e00;}
.color2 {color: #4a4d52;}
#middle .line {
	width: 508px;
	height: 1px;
	line-height: 1px;
	font-size: 0px;
	background: url(../img/layout/line.png) no-repeat;
	margin: 0 0 20px -12px;
}
h1 {
	font-size: 140%;
	margin: 20px 0 10px 0;
	line-height: 130%;
}
h2, h3 {
	font-size: 120%;
}
h2 span {font-size: 90%; font-weight: normal;}
p {margin: 20px 0 20px 0;}
.ul1 {
	list-style-type: none;
	margin: 0; padding: 0;
	margin-top: 15px;
	
}
.box1 {
	margin: 0  80px 0 80px;
	color: #3A3A3A;
}


.fLeft {float: left;}
.fRight {text-align: center;}
.dNone {display: none;}
.fRight ul {margin: 0 0 30px 0; padding: 0; float: right;}
.fRight ul li {margin: 0; padding: 0 4px; color: #999; font-size: 10px; height: 11px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; vertical-align: bottom;}
.fRight h3 {margin: 0; padding: 0; color: #999; font-size: 11px;}
.fRight a {margin: 0; padding: 0; color: #999; font-size: 11px; text-decoration: underline; font-weight: normal;}
.fRight a:hover {text-decoration: none;}


.note { font-style: italic; color: #666666;}
.req {color: #f46405;}
.mess {
	color: #333;
	font-size: 170%;
	margin: 30px 0 30px 0px;
}
.error {
	color: #FF0000;
	font-size: 170%;
	margin: 30px 0 30px 0px;
}
/***************/
.cleaner {
	clear: both;
	line-height: 0;
	font-size: 0;
	height: 0;
}
/***********************************************/
/* BASE, HEADER                                */
/***********************************************/
div#base {
	width: 884px;
	margin: 0 auto;
	font-size: 110%;
	background: transparent url(../img/layout/base_bg.jpg) no-repeat top right;
}
div#header {
	position: absolute;
	top: 0;
	height: 179px;
	width: 884px;
	background: transparent url(../img/layout/header_bg.jpg) no-repeat 569px 135px;
}
#logo {
	position: absolute;
	left: 13px;
	top: 51px;
	width: 195px;
	height: 57px;
}
div#earth {
	position: absolute;
	left: 329px;
	top: 38px;
	width: 70px;
	height: 92px;
	background: transparent url(../img/layout/zemegula.jpg) no-repeat;
}
#flash {
	float: right;
}
/***********************************************/
/* TOP MENU                                    */
/***********************************************/
#myslidemenu {
	position: absolute;
	left: 0px;
	top: 135px;
}
/***********************************************/
/* CONTENT                                     */
/***********************************************/
div#content {
	margin-top: 179px;
	background: url(../img/layout/content_bg.jpg) repeat-y center 5px;
	height: 100%;
	font-size: 105%;
	min-height: 600px;
	float: left;
}
div#right-and-middle div#middle {
	width: 481px;
	float: left;
}
div#right-and-middle,
div#right-and-middle-wide {
	float: right;
	width: 689px;
}
div#wide {
	float: right;
	width: 884px;
}
div#middle {
	padding: 10px;
	padding-right: 25px;
	padding-bottom: 20px;
}
div#right-and-middle div#middle {
	padding-right: 0px;
}
#gallery a {
  margin-right: 5px;
  
}
#gallery a img {
  border: 1px solid silver;
}
#gallery a img:hover {
  border: 1px solid orange;
}
#gallery-1 a, #gallery-2 a, #gallery-3 a, #gallery-4 a, #gallery-5 a, #gallery-6 a, #gallery-7 a {
  margin-right: 5px;
  
}
#gallery-1 a img, #gallery-2 a img, #gallery-3 a img, #gallery-4 a img, #gallery-5 a img, #gallery-6 a img, #gallery-7 a img {
  border: 1px solid silver;
}
#gallery-1 a img:hover, #gallery-2 a img:hover, #gallery-3 a img:hover, #gallery-4 a img:hover, #gallery-5 a img:hover, #gallery-6 a img:hover, #gallery-7 a img:hover {
  border: 1px solid orange;
}
/*************** kontakt ***************/
#napiste, #napiste p {text-align: center;}
#napiste div.note { margin-left: -120px; font-size: 90%;}
#napiste p {margin: 20px 0 20px 0;}
#form label {
	display: block;
	float: left;
	width: 60px;
	text-align: left;
}
#form {
	width: 455px;
	margin: 0 auto;
	padding-left: 10px;
}
#form input {
	float: left;
	width: 150px;
	margin: 0 10px 3px 0;
}
#form input.long {width: 376px;}
#napiste textarea {
	width: 300px;
	height: 80px;
}
#napiste .submit {margin-top: 10px;}
/***********************************************/
/* LEFT, RIGHT                                 */
/***********************************************/
div#right,
div#left {
	width: 195px;
	margin: 0;
	padding: 0;
	float: left;
	padding-bottom: 20px;
}
.lbox1 {margin: 20px 11px 20px 20px;}
div#right a {
	margin: 20px 0 0 15px;
}
#flags #cs, #flags #en {
	width: 28px;
	height: 33px;
	background: url(../img/layout/vlajka_cs_1.png) no-repeat;
	float: left;
	margin-right: 5px;
}
#flags #cs a, #flags #en a {
	display: block;
	width: 28px;
	height: 33px;
	background: url(../img/layout/vlajka_cs_0.png) no-repeat;
}
#flags #en {background: url(../img/layout/vlajka_en_1.png) no-repeat;}
#flags #en a {background: url(../img/layout/vlajka_en_0.png) no-repeat;}
#flags a:hover, #flags a.active {background: none !important;}
#left h2 { font-size: 100%; margin-top: 7px;}
#left h3 { font-size: 95%; padding: 0; margin: 0;}
#left .line {
	height: 1px;
	line-height: 1px;
	font-size: 0px;
	margin: 5px 0 10px 0;
	border-bottom: 1px solid #a3a2a6;
}
#left p { font-size: 95%; margin-top: 2px;}
/***********************************************/
/* FOOTER                                      */
/***********************************************/
div#footer {
	width: 884px;
	background: transparent url(../img/layout/footer_bg.png) repeat-x;
	height: 43px;
}
div#footerStart {
	position: absolute;
	width: 10px;
	height: 43px;
	background: transparent url(../img/layout/footer_start.png) no-repeat;
}
div#footer p {
	padding: 9px 18px 0 25px;
	color: #FFFFFF;
	margin: 0;
}
div#footer a {color: #fed2a6;}
div#footer a:hover {text-decoration: none; color: #fff;}

#down p a {color: #999999;}
#down {color: #999999;}