@charset "utf-8";

html {
	height: 100%;
}

html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,a,img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

ul,li {
	list-style-type: none;
	float: left;
}

a {
	outline: none;
}

body {
	height: 100%;
	font-family: Tahoma;
	width: 100%;
	overflow-x: hidden;
	background-color: #202020;
	background-color: #191919\9; /** for ie only **/
}

.wrap {
	width: 1000px;
	margin: 0 auto;
	margin-top: -310px;
}

.content {
	background: url(../images/content_bg.jpg) repeat-x;
	width: 1950px;
	height: 940px;
	float: left;
	position: relative;
	left: -475px;
	z-index: 5;
	padding-top: 339px;
}

.header {
	background: url(../images/line_bg.png) repeat-x bottom;
	width: 100%;
	float: left;
	height: 160px;
	position: relative;
	z-index: 10;
}

.page {
	background: url(../images/page_bg.png) repeat-x;
	width: 100%;
	height: 620px;
	position: relative;
	top: 160px;
}

.top {
	background: url(../images/bg.png) no-repeat top;
	width: 1950px;
	min-height: 1000px;
	position: relative;
	float: left;
	z-index: 6;
	margin-top: -460px;
	padding-top: 322px;
	margin-bottom: -1400px;
}

.main {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	z-index: 4;
	height: 100%;
}

.head {
	width: 100%;
	float: left;
	height: auto;
}

a.logo {
	float: left;
	margin-left: 30px;
	position: relative;
	z-index: 11;
}

.img {
	width: auto;
	float: right;
	margin-top: 12px;
	margin-right: 80px;
}

/***    NAV-BAR   ***/
.nav {
	float: left;
	height: 15px;
	width: auto;
	margin-top: 50px;
}

.nav li {
	margin-left: 35px;
}

.nav li a {
	float: left;
	text-decoration: none;
	height: 13px;
	position: relative;
	z-index: 3;
}

#nav_novinky {
	background: url(../images/nv_recent.png) no-repeat;
	width: 63px;
}

#nav_novinky:hover,#nav_novinky.current {
	background: url(../images/nv_recent_act.png) no-repeat;
}

#nav_ludia {
	background: url(../images/nv_people.png) no-repeat;
	width: 63px;
}

#nav_ludia:hover,#nav_ludia.current {
	background: url(../images/nv_people_act.png) no-repeat;
}

#nav_krajinky {
	background: url(../images/nv_nature.png) no-repeat;
	width: 63px;
}

#nav_krajinky:hover,#nav_krajinky.current {
	background: url(../images/nv_nature_act.png) no-repeat;
}

#nav_ine {
	background: url(../images/nv_ine.png) no-repeat;
	width: 63px;
}
#nav_ine:hover,#nav_ine.current {
        
	background: url(../images/nv_ine_act.png) no-repeat;
	width: 63px;
}
#nav_zvierata {
	background: url(../images/nv_animals.png) no-repeat;
	width: 63px;
}
#nav_zvierata:hover,#nav_zvierata.current {
	background: url(../images/nv_animals_act.png) no-repeat;
}

#nav_makro {
	background: url(../images/nv_macro.png) no-repeat;
	width: 63px;
}

#nav_makro:hover,#nav_makro.current {
	background: url(../images/nv_macro_act.png) no-repeat;
}

/***   CONTENT   ***/
.scroll_part {
	float: left;
	width: 100%;
}

#ludia,#makro,#novinky,#zvierata,#krajinky,#fotky {
	float: left;
	top: 0;
	left: 0;
	margin: 30px 7px;
	margin-top: 160px;
	height: 556px;
	font-size: 12px;
	width: 970px;
	display: none;
	position: absolute;
}

.scroll_part ul {
	width: auto;
	height: auto;
	float: left;
	display: block;
}

.scroll_part ul li {
	width: 173px;
	height: 163px;
	overflow: hidden;
	position: relative;
	background: url(../images/li_shape.png) no-repeat;
	z-index: 2;
	padding: 7px;
}

.scroll_part ul li span {
	float: left;
}

.scroll_part  span.bg {
	height: 124px;
	width: 174px;
}

.scroll_part ul li.selected span.bg {
	width: 824px;
	height: 634px;
	float: left;
}

.scroll_part span.caption {
	color: #B3B4B4;
	width: 170px;
	position: absolute;
	top: 140px;
	left: 15px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
}
*:first-child+html span.caption {display: block; top: 7px; left: 5px; float: left; position: relative;} 
.pg li img {
	position: absolute;
}
.pg li img.as {
	display: block;
	border: 0;
}

.pg li:hover img.qw {
	opacity: 0;
	filter: alpha(opacity =0);
	border: 0;
}

/**** FancyZoom ****/
.jqfancyzoombox {
	background: url(../images/li_shape_act.png) no-repeat;
	width:  824px;
	height: 644px;
	padding-top: 10px;
}

.fancyTitle {
	float: left;
	width: 500px;
	text-align: left;
	color: #B3B4B4;
	padding: 0 20px;
	font-size: 13px;
}

.jqfancyzoomclosebox {
	margin-top: 635px;
	margin-left: -50px;
}

.tyk img.qw {
	opacity: 0;
	filter: alpha(opacity = 0);
}

/**** About Conatact ****/
.drop_up {
	background: url(../images/dropdown.png) repeat-x bottom;
	height: 227px;
	position: relative;
	top: 578px;
	z-index: 11;
}
.drop_nav {margin-left: 10px;}
.drop_nav li {
	background: url(../images/info-button.png) no-repeat;
	width: 109px;
	height: 39px;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.drop_nav li.active {
	height: 42px;
	opacity: 1;
	filter: alpha(opacity=90);
}

.drop_up a {
	width: 63px;
	float: left;
	height: 13px;
	margin: 17px 0 0 25px;
}
#hide {
	background: url(../images/button_hide.png) no-repeat;
	display: none;
	position: absolute;
	right: 60px;
	width: 71px;
	height: 31px;
	top: 8px;
	cursor: pointer;
}

#drop_about a {
	background: url(../images/img_about.png) no-repeat;
}

#drop_about a:hover,#drop_about.active  a {
	background: url(../images/img_about_act.png) no-repeat;
}

#drop_contact a {
	background: url(../images/img_contacts.png) no-repeat;
}

#drop_contact a:hover,#drop_contact.active a {
	background: url(../images/img_contacts_act.png) no-repeat;
}
.footer_scroll {}
#about,#contacts {
	width: 940px;
	height: auto;
	display: none;
	float: left;
	top: 55px;
	position: absolute;
	padding-left: 20px;
}
*:first-child+html #about {padding-left: 0; margin-left: -200px;}
*:first-child+html #contacts {padding-left: 0; margin-left: -200px;}
.avatar {
	width: auto;
	float: left;
	margin-right: 15px;
}

.contact_by {
	width: 220px;
	margin-right: 45px;
}

.contact_by li {
	width: 100%;
	margin-bottom: 15px;
}

.contact_by img {
	width: 30px;
	height: 29px;
	float: left;
	margin-right: 15px;
	margin-top: 5px;
}

.contact_by span {
	width: auto;
	float: left;
	color: #696969;
	text-transform: uppercase;
	padding-top: 3px;
}

.contact_by a {
	width: auto;
	float: left;
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
	margin: 0;
}

#contacts form {
	width: 665px;
	height: 125px;
	float: left;
}

#contacts  form  div {
	width: 330px;
	float: left;
}
.contact_form {width: auto; float: left; margin-top: 8px;}
.name,.phone,.email {
	height: 21px;
	float: left;
	border: none;
	font-size: 12px;
	color: #696969;
	padding-bottom: 6px;
	margin-bottom: 4px;
	margin-right: 5px;
}
*:first-child+html .name {padding-top: 4px;}
*:first-child+html .phone {padding-top: 4px;}
*:first-child+html .email {padding-top: 4px;}
.name {
	background: url(../images/input_name.png) no-repeat;
	padding-left: 88px;
	width: 236px;
}

.email {
	background: url(../images/input_email.png) no-repeat;
	padding-left: 60px;
	width: 264px;
}

.phone {
	background: url(../images/input_phone.png) no-repeat;
	padding-left: 72px;
	width: 252px;
}

#contacts textarea {
	background: url(../images/textarea.png) no-repeat;
	width: 252px;
	height: 81px;
	border: none;
	margin: 0;
	font-size: 12px;
	color: #696969;
	padding: 5px 0 5px 72px;
	float: left;
}

.contact_form p {
	width: auto;
	float: left;
	color: #696969;
	margin-top: 12px;
	margin-left: 3px;
}
*:first-child+html .contact_form p {margin-left: 10px;}
.contact_form p span {
	color: #FFF;
}

#submit {
	background: none;
	border: none;
	color: #696969;
	text-transform: uppercase;
	margin-top: 18px;
	width: auto;
	float: left;
	padding: 0;
	cursor: pointer;
}
.copyright {width: auto; float: left; color: #EDEDED; position: relative; top: 450px; margin-left: 30px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 12px;
    text-align: center;
}