body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,code,label,form,fieldset,input,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{font-style:normal;font-weight:normal;}ul li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

html, body {margin:0; width:100%; background:white; text-align:center;}

#all { width:1000px; padding:0; margin:0 auto;  background:url(i/bg2.gif) repeat-y 50px; text-align:left;}
.all { min-height:100%; background: url(i/bg.gif) repeat-x top;}
.all_r { height:100%; background: url(i/sidebar_right.gif) no-repeat right 113px; text-align: left;}
.all_l { height:100%; background: url(i/sidebar_left.gif) no-repeat left 113px; text-align: left;}

#header { height: 113px; margin:0 30px 0 50px; position: relative; background: white }
#header .logo { position: absolute; width: 313px; height: 63px; top:22px; left:8px; background: #E5E7EA url(i/logo.gif) no-repeat }
#header .logo a { width: 313px; height: 63px; display: block;}
#header .nav { position: absolute; top: 0; right: 0; height: 29px; margin-bottom:16px; background: #9199A2 url(i/nav_l.gif) no-repeat left }
#header .nav .wrap { float: left; height: 29px; padding: 0 18px; background: url(i/nav_r.gif) no-repeat right }
#header .nav ul {float: left; height: 24px; margin-top:5px; overflow: hidden; position: relative;}
#header .nav ul li { float: left; border-left:1px solid white; margin-left:-1px; padding: 0 10px; font: normal 12px Arial;  }
#header .nav ul li a { font: normal 12px Arial; color: white; text-decoration: none;}
#header .nav ul li a:hover { text-decoration: underline;}
#header .block1 { float: right; width: 186px; height: 47px; padding: 5px 0 0 10px; margin:43px 0 0 20px; background: #E0E3E7 url(i/block1.gif) no-repeat }
#header .block1.large { font: bold 15px/1.3 Tahoma; color: #242754 }
#header .block1.small { font: bold 11px/1.6 Tahoma; color: #242754 }

#main { }
#main .content { float:left; width:100%; }
#main .content .wrap { margin:0 250px 0 220px; padding-top:35px; background:url(i/pic2.jpg) no-repeat right 30px}
#main .sidebar_left { min-height:150px; }
#main .sidebar_left { position: relative; z-index: 10; float: left;width: 160px; padding-left:60px; margin-left: -100%; background: url(i/pic1.jpg) no-repeat 61px 51px}
#main .sidebar_right { position:relative; float:left; width:200px; margin-left:-240px; padding-top:35px; }

.main_info { min-height:350px; margin:0 0 50px 0px; font: normal 12px Arial; color: black; }
.main_info a { text-decoration:none; color:#3404AE; }
.main_info a:hover { color:#075EAD; }
.main_info p { margin: 0 0 15px; font: normal 12px Arial; color: black; text-align: justify; }
.main_info img { float:left; margin:0 10px 10px 0; border:2px solid; }
.main_info table { font: normal 12px Arial; color: black; }

.photo_info { min-height:350px; margin:0 0 50px 0px; font: normal 12px Arial; color: black; }
.photo_info a { text-decoration:none; font:normal 11px Arial, color:#3404AE; }
.photo_info a:hover { color:#075EAD; }
.photo_info p { margin: 0 0 15px; font: normal 11px Arial; color: black; text-align: justify; }
.photo_info img { border:2px solid; }

#photoprev a { display:block; width:50px; height:400px; margin:0; padding:0; background-image:url(i/prev.gif); }
#photoprev a:hover { background-image:url(i/prevh.gif); }
#photonext a { display:block; width:50px; height:400px; margin:0; padding:0; background-image:url(i/next.gif); }
#photonext a:hover { background-image:url(i/nexth.gif); }

.menu { position: relative; z-index: 10; width: 147px; margin:45px 0 0 -26px }
.menu ul { width: 135px; padding:4px 6px; background: url(i/png_bg.png) repeat }
.menu ul li { width: 135px; height: 30px; margin:3px 0; background: #3204BC url(i/menu_item.gif) no-repeat }
.menu ul li a { position: relative; width: 135px; height: 30px; display: block; font: bold 12px/30px Arial; color:white; text-align: center; text-decoration: none; }
.menu ul li a:hover { color:#C1D6EA; }

.block2 { width: 198px; margin-bottom:10px; border: 1px solid #D9DADF; background: white }
.block2 .wrap { width: 192px; margin:3px; overflow: hidden; background: url(i/block2.gif) repeat-x top }
.block2 .wrap .title { width: 192px; text-align: center; margin: 6px 0 }
.block2 .wrap div.info { width: 174px; padding:6px; margin:0 3px; background: white }
.block2 .wrap div.info p { font: normal 11px Arial; color: black; }
.block2 .wrap div.info p.right { text-align: right; font-style: italic; }
.block2 .wrap form.info { width: 186px; margin:0 3px;}
.block2 .wrap .bn { width: 67px; height: 19px; margin: 4px 0 10px 115px; background: #3204AD url(i/bn1.gif) no-repeat; border: 0; cursor: pointer; font: normal 12px Tahoma; color: #FFFFFF}
.block2 .wrap .bn2 { width: 184px; height: 19px; margin: 4px 0 10px 4px; border: 0; cursor: pointer; font: normal 11px Tahoma; color: #FFFFFF; line-height:19px; text-align:center; }

.block3 { float: left; width: 172px; margin:0 1px 10px 0; border: 1px solid #D9DADF; background: white }
.block3 .wrap3 { width: 168px; margin:2px; overflow: hidden; background: url(i/block2.gif) repeat-x top }
.block3 .wrap3 .title { width: 163px; margin: 6px 0; padding-left:5px; font: bold 9px Tahoma; color: white; background: #3204BC  }
.block3 .wrap3 .info { width: 162px; margin:0 3px; padding:4px 0; background: white; text-align: center; }

.pict { position: absolute; top: -267px; left:32px; width: 198px; height: 340px; background: url(i/pict.png) no-repeat }

.name, .email, .message {position:relative;margin-right:10px;}
#name-field,#email-field,#name-field2,#email-field2 {width:180px; height: 16px; border: 1px solid #B5B9CF; padding:1px 0 0 4px; margin-bottom:6px; font: normal 11px Tahoma; color: #686868}
#message-field {width:180px; height: 110px; border: 1px solid #B5B9CF; padding:1px 0 0 4px; margin-bottom:6px; font: normal 11px Tahoma; color: #686868}
label.overlabel {position:absolute; top:-18px; left:5px; font: normal 11px Tahoma; color: #686868}
label.overlabel-apply {position:absolute;top:3px;left:5px;z-index:1; font: normal 11px Tahoma; color: #686868}


#footer {position:relative; z-index: 10; height:120px; width: 1000px; margin:-120px auto 0;  background: #0562AD url(i/footer.gif) repeat-x top;}
#footer .wrap_l { width: 100%; height:120px; background: url(i/footer_l.gif) no-repeat left top;}
#footer .wrap_r { width: 100%; height:119px; padding-top:1px; background: url(i/footer_r.gif) no-repeat right top;}
#footer .info { position: absolute; height: 55px; top: 40px; right: 40px; text-align: right; font: normal 11px/1.4 Tahoma; color: black }
#footer .info a { color:black; text-decoration:none; }
#footer .info span { font: normal 9px/2 Tahoma; color: black }

#footer .nav2 { position: absolute; top: 15px; left: 314px; height: 28px; margin-bottom:16px; background: #347BBC url(i/nav2_l.gif) no-repeat left }
#footer .nav2 .wrap { float: left; height: 28px; padding: 0 3px; background: url(i/nav2_r.gif) no-repeat right }
#footer .nav2 ul {float: left; height: 23px; margin-top:6px; overflow: hidden; position: relative;}
#footer .nav2 ul li { float: left; border-left:1px solid white; margin-left:-1px; padding: 0 10px; font: normal 12px Arial;  }
#footer .nav2 ul li a { font: normal 12px Arial; color: white; text-decoration: none;}
#footer .nav2 ul li a:hover { text-decoration: underline;}

.empty {height:105px; }

h1 { margin-bottom:10px; font: bold 18px Arial; color: black }
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear {display: inline-block;}
.clear {display: block;}
.clear_line {width:100%; height: 0; clear: both; visibility: hidden}