/* 
    Document   : front
    Created on : 23.11.2009, 14:15:35
    Author     : OK3
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

* {margin:0; padding:0;}

body {
    font: normal 12px/16px "Trebuchet MS"; position:relative;
	background:#f1f1f1;
}

#line {position:absolute; top:0; left:0; width:100%; height:379px; background:transparent url(../gfx/line-back.jpg) left top repeat-x; z-index:-100;}
#back {position:absolute; top:0; left:0; width:100%; height:800px; background:transparent url(../gfx/jaro.jpg) center top no-repeat; z-index:-10;}

#page {width:965px; margin:0 auto; background:#fff; z-index:+10;}
#page * {z-index:inherit;}

#logo_print {display:none;}

#left {float:left; display:block; width:220px;}

	#logo {width:220px; height:175px; padding:20px 0 0 5px; background:transparent url(../gfx/left-logo.jpg) left top no-repeat; text-align:center;}
	#info {width:220px; height:128px; padding:90px 0 0 0; background:transparent url(../gfx/left-info.jpg) left top no-repeat;}
	#side {width:220px; height:535px; background:transparent url(../gfx/left-side.jpg) left top no-repeat;}

	#left h2 {font-size:150%; padding:20px 20px 10px 20px; color:#c70063;}
	#left p  {padding:5px 20px;}
	#left hr {margin:10px 20px;}
	#left a  {color:#c06;}
	#left a:hover  {text-decoration:none;}
	#left select {width:180px; padding:2px 3px; border:1px solid #999;}

#main {float:right; display:block; width:745px;}

	#head {position:relative; width:745px; height:95px; background:transparent url(../gfx/head-back.jpg) left top no-repeat;}
	#head #lang {position:absolute; top:40px; right:40px;}
	#head #lang a {text-decoration:none;}
	
	#main .menu {width:745px; height:40px; background:transparent url(../gfx/menu-back.jpg) left top no-repeat;}
	
	#main .menu a {display:block; float:left; width:131px; height:29px; line-height:29px;
			font-size:110%; text-align:center; text-decoration:none; color:#eee;}
	#main .menu a.first {width:65px;}
	#main .menu a.active {background:transparent url(../gfx/menu-active.jpg) top left no-repeat; color:#fff;}
	#main .menu a.active_first {background:transparent url(../gfx/menu-active-first.jpg) top left no-repeat; color:#fff;}
	#main .menu a.shade {background:transparent url(../gfx/menu-shade.jpg) top left no-repeat;}
	#main .menu a:hover {color:#fff;}
	
	#flsh {width:745px; height:277px; background:transparent url(../gfx/flsh-back.jpg) top left no-repeat;}
	
	#cont {}
	#cont h1 {font-size:170%; margin:0 10px 10px 20px; padding:20px 50px 10px 0; line-height:25px;
			  color:#c70063; background:transparent url(../gfx/fly_big.png) right center no-repeat;
			  border:solid #ccc; border-width:0 0 1px 0;}
	#cont h2 {font-size:150%; margin:0 25px 10px 20px; padding:20px 50px 10px 0; line-height:25px;
			  color:#c70063; background:transparent url(../gfx/fly_shd.png) right center no-repeat;
			  border:solid #ccc; border-width:0 0 1px 0;}
	#cont h3 {font-size:120%; margin:0 10px 0 20px; padding:10px 0;}
	#cont p  {margin:5px 25px 5px 20px;}
	#cont ul {list-style-type:none;}
	#cont ul li {padding:0 25px 0 35px; background:transparent url(../gfx/dot.jpg) 20px 5px no-repeat;}
	#cont a  {color:#c06;}
	#cont a:hover  {text-decoration:none;}

	.hbox {width:358px; margin:0 0 0 2px; background:transparent url(../gfx/hbox-head.jpg) top left no-repeat;}
	.bbox {width:716px; margin:0 0 0 2px; background:transparent url(../gfx/bbox-head.jpg) top left no-repeat;}

	#mezo {height:30px; background:transparent url(../gfx/mezo-back.jpg) top left repeat-x;}
	
	#navi {height:29px; border:solid #c06; border-width:0 0 1px 0;}
	#navi a {float:left; display:block; width:125px; height:29px; line-height:29px; margin:0 2px 0 0;
			 text-align:center; text-decoration:none; font-weight:bold; font-size:110%; color:#fff;
			 background:transparent url(../gfx/navi.jpg) left top no-repeat;}
	#navi a.active {background:transparent url(../gfx/navi-active.jpg) left top no-repeat;}
	#navi a.first  {width:49px; background:transparent url(../gfx/navi-first.jpg) left top no-repeat;}
	#navi a.first_active { background:transparent url(../gfx/navi-first-active.jpg) left top no-repeat;}

	#gmap {float:right; display:block; width:340px; height:220px; margin:5px 12px 0 0; border:1px solid #666;}
	#imap {width:690px; height:500px; margin:0px 20px; border:1px solid #666;}
	#xmap {width:325px; height:215px; margin:0 20px; border:1px solid #666;}

	#print {margin:auto; display:block; width:66px; height:27px; margin:16px 60px 0 0; background:transparent url(../gfx/print.png) left top no-repeat;}
	#print:hover {background:transparent url(../gfx/print.png) left bottom no-repeat;}


#foot {clear:both; height:150px; background:transparent url(../gfx/foot-back.jpg) top left repeat-x;}

	#foot a  {color:#c06;}
	#foot a:hover  {text-decoration:none;}


	#foot .menu {padding:6px 30px 0 30px; text-align:right;}
	#foot .menu a {margin:0 22px; color:#fff; text-decoration:none;}


	
	#copy {float:right; display:block; margin:40px 30px 0 0; text-align:right;}
	#disc {float:left; display:block; width:490px; margin:40px 0 0 220px;}


a img {border:none;}

.ext {padding-right:13px; background:transparent url(../gfx/ext.jpg) right center no-repeat;}

.print {display:none;}

.s1, .s2, .s3, .s4 {float:left; display:block; text-align:right; padding-right:10px;}
.s1 {width:50px;}
.s2 {width:75px;}
.s3 {width:120px;}
.s4 {width:200px;}

.ix {width:50px;  padding:2px 3px; border:1px solid #999;}
.is {width:200px; padding:2px 3px; border:1px solid #999;}
.iw {width:320px; padding:2px 3px; border:1px solid #999;}
.it {width:320px; padding:2px 3px; border:1px solid #999;}
.bg {background:#FFE4E1;}

.pict-wrap {position:relative; height:134px; margin:10px 0 0 0;}
.pict-hfrm, .pict-hfrmz {position:absolute; z-index:99; /*background:transparent url(../gfx/hfrm.png) left top no-repeat;*/}
@media screen and (-webkit-min-device-pixel-ratio:0) { .pict-hfrm, .pict-hfrmz{margin-left:27px;}}
.pict-vfrm, .pict-vfrmz {position:absolute; z-index:99; /*background:transparent url(../gfx/vfrm.png) left top no-repeat;*/}
@media screen and (-webkit-min-device-pixel-ratio:0) {.pict-vfrm, .pict-vfrmz {margin-left:43px;}}
.pict	     {margin:3px 0 0 3px;}

.hit {padding:0 3px; color:#900; border:1px dashed #900; background:#FFEFEF;}
.err, .not, .inf {line-height:18px; margin:5px 10px; padding:10px;}
.err {color:#900; border:1px dashed #900; background:#FFEFEF;}
.not {color:#666; border:1px dashed #666; background:#EFEFEF;}
.inf {color:#369; border:1px dashed #369; background:#EFF8FF;}
.azu {color:#39a;}
.pnk {color:#c06;}
.red {color:#900;}
.gry {color:#666;}
.wht {color:#fff;}

.butt {width:123px; height:29px; color:#fff; font-weight:bold; border:none; background:transparent url(../gfx/butt.png) top left no-repeat; cursor:pointer;}
.sign {float:left; display:block; width:120px; height:42px; line-height:42px; padding:0 0 0 25px;
	   color:#fff !important; font-weight:bold; border:none; background:transparent url(../gfx/sign.jpg) top left no-repeat;}
.signx {float:left; display:block; width:120px; height:42px; line-height:42px; padding:0 0 0 25px;
	   color:#fff; font-weight:bold; border:none; background:transparent url(../gfx/sign_.jpg) top left no-repeat;}
	   
.uc  {text-transform: uppercase;}
.bgr {font-size:120%;}
.big {font-size:125%;}
.lft {float:left;}
.rgt {float:right;}
.clr {clear:both;}
.note {font-size:90%;}
.just {text-align:justify;}
.bold {font-weight:bold;}
.cent {text-align:center;}
.left {text-align:left;}
.rght {text-align:right;}
.thqr {width:70%;}
.half {width:50%;}
.thir {width:30%;}
.quar {width:25%;}

table.list {width:95%; margin:5px 15px; border-collapse:collapse;}
table.list td {padding:5px; border:1px solid #666;}

#google_translate_element{
    margin: 17px 20px 0 0;
}