@charset "UTF-8";

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

html { 
font-size:100%; 
}
body {
width:100%;
margin:0;
padding:0;
text-align:center;
background-color:#FFF;
color:#000;
font-family:'open_sansregular',Arial,Tahoma,Verdana,Helvetica,sans-serif;
font-size:90%;
line-height:1.5em;
}
a:link, a:visited {
font-family:'open_sansregular',Arial,Tahoma,Verdana,Helvetica,sans-serif;
color:#000;
text-decoration:none;
}
a:hover {
color:#000;
text-decoration:none;
}
body a img {
border:0 solid #FFF;
}
h1, h2 {
line-height:200%;
font-family:'open_sanslight',Arial,Tahoma,Verdana,sans-serif;
font-size:170%;
font-weight:normal;
color:#000;
margin-top:0;
margin-bottom:20px;
border-bottom:1px dotted #D8D8D8;
}
.imgleft {
float:left;
margin-right:25px;
}
.imgright {
float:right;
margin-left:25px;
}
.cleaner {
_display:none;
clear:both;
line-height:1px;
}

/* Content.............................................................. */

#content {
position:relative;
width:70%;
min-width:600px; 
max-width:1000px; 
margin-left:auto;
margin-right:auto;
}

/* Header.............................................................. */

#header {
position:relative;
width:100%;
}
#main_logo img {
max-width:100%;
}

/* Nav_index.............................................................. */

#nav_index {
position:fixed;
left:25%;
bottom:5%;
width:50%;
text-align:center;
margin-left:auto;
margin-right:auto;
}
#nav_index ul {
list-style-type:none;
margin:0;
padding:0;
}
#nav_index li {
text-align:center;
}
#nav_index ul li a {
display:block;
float:left;
width:25%;
}
#nav_index ul li a img {
max-width:100%;
}

/* Nav.............................................................. */

#nav {
width:100%;
height:40px;
line-height:40px;
text-align:center;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
background-color:#8CD000;
behavior:url(PIE.htc);
position:relative;
zoom:1;
}
#nav2 {
width:100%;
height:40px;
line-height:40px;
text-align:center;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
background-color:#F00756;
behavior:url(PIE.htc);
position:relative;
zoom:1;
}
#nav3 {
width:100%;
height:40px;
line-height:40px;
text-align:center;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
background-color:#03BACC;
behavior:url(PIE.htc);
position:relative;
zoom:1;
}
#nav4 {
width:100%;
height:40px;
line-height:40px;
text-align:center;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
background-color:#FF9C00;
behavior:url(PIE.htc);
position:relative;
zoom:1;
}
#nav ul, #nav2 ul, #nav3 ul, #nav4 ul {
list-style-type:none;
margin:0;
padding:0;
text-align: left;
}
#nav li, #nav2 li, #nav3 li, #nav4 li {
display:inline;
}
#nav ul li a, #nav2 ul li a, #nav3 ul li a, #nav4 ul li a {
font-family:'open_sansregular',Arial,Tahoma,Verdana,Helvetica,sans-serif;
font-size:130%;
color:#FFF;
text-decoration:none;
text-align:center;
padding-left:4.2%;
padding-right:4.2%;
}
#nav ul li a:hover, #nav2 ul li a:hover, #nav3 ul li a:hover, #nav4 ul li a:hover, #nav ul li a:hover#nav06 {
color:#FFF;
text-decoration:underline;
}
.hi {
color:#FFF !important;
text-decoration:underline !important;
}

/* Mainbox.............................................................. */

#mainbox {
width:100%;
font-size:90%;
margin-top:1%;
margin-bottom: 45px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
background-color:#FFF;
behavior:url(PIE.htc);
position:relative;
zoom:1;
}
#mainbox_inside {
text-align:left;
padding:3%;
}

/* Footer.............................................................. */

#footer {
position:fixed;
bottom:-7px;
left:0;
width:100%;
text-align:center;
}
#footer_img {
width:50%;
margin-left:auto;
margin-right:auto;
}
#footer_img img {
max-width:100%;
}

/* RESPONSIVE STRUCTURE
--------------------------------------- */

@media screen and (max-width: 1400px) {

 #nav ul li a { padding-left:3.5%; padding-right:3.5%; }
}

@media screen and (max-width: 1280px) {

  body { font-size:85%; }
  #nav ul li a { padding-left:3%; padding-right:3%; }
}

@media screen and (max-width: 1024px) {

  body { font-size:75%; }
  #nav ul li a { padding-left:1.5%; padding-right:1.5%; }
}

.textinput {
	padding: 2px;
	width: 99%;
	border: 1px solid #dedede;
  border-radius: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
textarea {
	height: 70px;
}

#captcha {
	width: 165px;
	margin-right: 10px;
  margin-left: 25px;
	border:1px solid #dedede;
	padding: 2px;
  border-radius: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.inputbutton {
	border: 0px #FFFFFF solid;
	width: 95px;
	height: 21px;
	background-color: #D4D4D4;
	color: #000;
	font-weight: bold;
	margin-top: 1px;
  border-radius: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.inputbutton:hover {
	background-color: #9F9F9F;
  color: #FFFFFF;
}
 .pager { 
text-align:center; 
margin-top:5px;
margin-bottom:5px;
 }
 .pager .p_page a, .pager .p_prev, .pager .p_next {
	padding: 3px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	background-color: #D4D4D4;
  border-radius: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
 .pager .p_page a:hover, .p_prev a:hover, .pager .p_next a:hover {
	color: #000;
	text-decoration: underline;
} 
 .pager .p_page b a {
	padding: 3px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #9F9F9F;
  border-radius: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
 .pager .p_page b a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
/*
a .fotogaleria_obrazok {
    height: 120px;
    position: absolute;
    width: 160px;
}
a:hover .fotogaleria_obrazok {
    background: url("img/obrazky_hover.png") no-repeat scroll center top transparent;
    border-radius: 8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
} 
*/