html {height: 101%;}
body {padding-top: 40px; background: #bdbeb8 url(../images/page_bg.jpg) top left repeat-x; font-family: Arial, Helvetica, sans-serif;	font-size: 12px;}

a, a:visited {color: #333; text-decoration: none;}
a:hover {text-decoration: none;}
a:active {}

#wrapper {margin: 0px auto 30px; width: 960px; /*padding: 10px 15px 15px 15px;*/ background: #fbfbfb;}
#header {width: 905px; height: 90px; padding: 30px 15px 10px 40px; background: #fbfbfb url(../images/header_bg.jpg) top left;}

#logo {float: left; display: inline; width: 176px; height: 84px; background: transparent url(../images/ajust_logo.png) top left; text-indent: -9999px;}
#logo {behavior: url(iepngfix.htc)}
#logo a {display: block; width: 176px; height: 84px;}
#pozritesi {float: right; display: inline;}
#headerbanner {width: 320px; height: 95px; margin-top: -12px; margin-left: 25px; float: right; display: inline; border: 1px solid #e6e6e6;}
#headerbanner img {border: 0;}

#topnav {background: #fff; height: 28px; padding: 2px 0 1px 0; border-top: 1px solid #f0f0f0;	border-bottom: 1px solid #f0f0f0;	font-size: 11px;}
#topnav ul {padding: 2px 15px; list-style: none; background-color: #fff;  float: left;	clear: left;}
#topnav ul li {float: left;}
#topnav ul li a {margin-right: 8px; padding: 6px 15px 0 0; float: left;	text-decoration: none; color: #cc0000; font-size: 11px;	font-weight: bold; text-transform: uppercase; /*font: 900 14px "Arial", Helvetica, sans-serif;*/}
#topnav ul li a span {float: left; padding-right: 15px;	display: block;	margin-top: -6px;	height: 24px;}
#topnav ul #yellow a {background: url(../images/yellow.png) no-repeat top right; margin-right: 8px; padding: 6px 15px 0 0; float: left;	text-decoration: none; color: #cc0000; font-size: 11px;	font-weight: bold; text-transform: uppercase; /*font: 900 14px "Arial", Helvetica, sans-serif;*/}
#topnav ul #yellow a span {background: url(../images/yellow.png) no-repeat top left; float: left; padding-right: 15px;	display: block;	margin-top: -6px;	height: 24px;}
#topnav ul li a:hover, #topnav ul #yellow a:hover {color: #fff;	background: url(../images/red.png) no-repeat top right;}
#topnav ul li a:hover span, #topnav ul #yellow a:hover span {background: url(../images/red.png) no-repeat top left;}
#topnav ul li a.current {background: url(../images/red.png) no-repeat top right; color: #fff;}
#topnav ul li a.current span {background: url(../images/red.png) no-repeat top left;}

/* Easy Slider */
#content #slider {position:relative; text-align:left; margin-bottom: 24px; width: 580px; height: 240px; overflow: hidden; background: #f6f6f6; border: 1px solid #e6e6e6;}
#slider li {width:580px; height:240px; overflow:hidden;}	
ol#controls {height:20px; position:absolute; left: 15px; top:150px;}
ol#controls li{margin:0 6px 0 0; float:left;	list-style:none; height:20px;	width: 20px; line-height:24px; background: transparent url(../images/nr_bg.gif) top left no-repeat;}
ol#controls li a{float:left; padding:0 7px; height:20px;	width: 6px; line-height:20px; font-size: .9em; color:#d9d9d9; text-decoration:none;}
ol#controls li.current a{background: transparent url(../images/nrcurrent_bg.gif) top left no-repeat; color:#666;}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
/* // Easy Slider */

#vabanner {padding-bottom: 24px;}

.clear {clear: both;}
#contentholder {width: 930px; padding: 15px 15px 35px;}
#content {float: left; position:relative; width: 580px; display: inline; line-height: 1.4em; text-align: justify; /*background: #ccc;*/}
#content .text {width: 560px; margin-left: 10px;}
#zaciatok {text-align: center; font-size: 1.52em; color: #c63; text-transform: uppercase; margin-bottom: 30px;}
#content .text h2 {margin-top: 15px; padding-bottom: 4px; color:#cc0000; font-size:1.4em; font-weight:bold;}
#content .text h2 span {margin-top: 15px; padding-bottom: 4px; color:#333; font-size:.7em; font-weight:bold;}
#content .text h3 {margin: 15px 0 10px; color:#c63; font-size:1.2em; font-weight:bold;}
#content .text h4 {width: 100%; text-align: center; margin-top: 50px; padding-bottom: 4px; color:#cc0000; font-size:1.4em; font-weight:bold;}
#content .text h5 {width: 100%; text-align: center; margin: 15px 0 10px; color:#c63; font-size:1.2em; font-weight:bold;}
#content .text h6 {margin-top: 1.8em; color: #cc0000;}
#content .text h6 span {/*font-weight: normal;*/ color: #000; width: 100px; display: inline;}
#content .text strong {font-weight: bold;}
#content .text a {color: #c63; text-decoration: underline;}
#content .text a:hover {color: #930; text-decoration: underline;}
#content .text p {padding-top: 1em;}
#content .text ul {margin-bottom: 4px; padding-top: .5em; list-style-type:square; padding-left:2em; list-style-position:outside; color: #c00;}
#content .text ul span {color: #333;}
#content .text ol {margin-bottom: 4px; padding-top: .5em; list-style-type:decimal; padding-left:2em; list-style-position:outside; color: #c00;}
#content .text ol span {color: #333;}

#content .literatura {margin-left: 75px; text-align: left;}
#content .literatura p {margin-top: -0.5em;}
#content .indent {text-indent: -75px}

#content .box {position:relative; margin: 0 15px 15px 0; padding: 10px; float: left;	display: inline; width: 260px;	height: 200px; line-height: 16px;	border: 1px solid #e6e6e6; color: #444; background: url(../images/box_bg.jpg) top left no-repeat;}
#content .boxright {position:relative; margin: 0 0 15px 0; padding: 10px; float: left;	display: inline; width: 260px;	height: 200px; line-height: 16px;	border: 1px solid #e6e6e6; color: #444; background: url(../images/box_bg.jpg) top left no-repeat;}
#content .box img, #content .boxright img {margin: 0 10px 5px 0; padding: 5px; width: 75px; height: 75px; border: 1px solid #eee; background-color: #fbfbfb; float: left;}
#content .box h3, #content .boxright h3 {padding-bottom: 4px; font-size: 1em; color: #cc0000;}
#content .box h4, #content .boxright h4 {padding-bottom: 6px; font-size: 1em; color: #c63;}
a.viac {position: absolute; top: 190px; left: 10px; height:20px; line-height:20px; width:80px; text-indent:30px; text-decoration:none; font-size: .9em; color:#777; display: block; background:transparent url(../images/viac.gif) no-repeat bottom left;}
a.viac:hover, a.viac:active {background:transparent url(../images/viac.gif) no-repeat  top left ; color:#333; text-decoration:none;}

#video {width: 480px; height: 420px; margin: 14px 0 20px 44px;}
#video h2 {padding-bottom: 4px; color:#cc0000; font-size:1.4em; font-weight:bold;}
#video h2 span {color: #000; font-weight: normal;}
#zoznamrelacii {cursor: pointer;  width: 180px;}
#zoznamrelacii li {color: #666;}
#zoznamrelacii li:hover {color: #c00;}

#sidebar {float: right;	width: 320px; display: inline; /*background: #ccc;*/}
#sidebar h3 {color:#cc0000; font-size:14px; font-weight:bold; padding:10px 0; text-align:left;}
#sidebar .banner {margin-bottom: 25px; width: 320px; height: 60px; background: #f6f6f6;}

#sidebar .leftbar {float: left; width: 150px; display: inline;}
#sidebar .rightbar {float: right; width: 150px; display: inline;}

#sidebar .sidebarlist {padding-bottom: 20px; list-style-image:none; list-style-position:outside; list-style-type:none;}
#sidebar .sidebarlist li {padding:0 0px 2px; background:transparent url(../images/yellow_square.gif) 0 7px no-repeat scroll ;  line-height:normal; list-style-image:none; list-style-position:outside; list-style-type:none; width:auto;}
#sidebar .sidebarlist li span {background:transparent url(../images/dotted_line.gif) bottom left no-repeat ; display:block;}
#sidebar .sidebarlist li a {padding:4px 0 7px 14px; color:#505D66; display:block; }
#sidebar .sidebarlist li b {padding:4px 0 7px 14px; color:#505D66; display:block; font-weight: normal;}
#sidebar .sidebarlist li a:hover {color:#cc0000;}


ul.gallery {list-style: none; margin: 0 0 10px 0;}
ul.gallery li {display: block; float: left;	margin: 0 5px 10px 0;}
ul.gallery li a {padding: 2px; display: block; border: 1px #9db2b9 solid;	line-height: 0;}
ul.gallery li a:hover { border: 1px #cc0000 solid; }


#contact_form	{margin-top: 15px; width: 100%; height: 330px; position:relative; border: 1px solid #e6e6e6; background: url(../images/box_bg.jpg) top left repeat-x;}
form fieldset	{margin-top: 20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; position:relative; border:0; display:block; padding: 5px 20px 5px; margin-left: 50px;}
/*form fieldset legend {border-width:1px; border-style:solid; border-color:#BBBB66; color:#3D7169; font-weight:bold; font-variant:small-caps; padding:4px 8px; margin:0px 0px 10px 0px; position:relative; top: -12px; background:white;}*/
label	{display:block; float:left; width:50px; /*text-align:right;*/	margin:.2em .2em 0 0; color:#666; padding:4px 0px; font-size: .8em; }
label.error { font-weight:normal;color:red;text-align:left;width:60px; padding-left:25px; background: transparent url(../images/cancel.png) no-repeat scroll left; }
input.text-input, textarea.text-input {padding:3px ;color:#333; font-size:100%; font-family:Verdana, Arial, Helvetica, sans-serif; }

label#name_label      { position:absolute; top:0; left:0; }
input#name            { position:absolute; top:0; left:90px; border: 1px solid #d4d4d4;}
label#name_error      { position:absolute; top:0px; left:350px; color: #ccc;}

label#email_label     { position:absolute; top:35px; left:0px; }
input#email           { position:absolute; top:35px; left:90px; border: 1px solid #d4d4d4;}
label#email_error      { position:absolute; top:35px; left:350px; color: #ccc;}

label#themessage_label     { position:absolute; top:70px; left:0px; }
textarea#themessage        { position:absolute; top:70px; left:90px; border: 1px solid #d4d4d4;}
label#themessage_error      { position:absolute; top:70px; left:350px; color: #ccc;}


input.button {border: 0; margin: 0; padding: 0; position:absolute; top:270px; left:90px; height:20px; line-height:20px; width:80px; text-indent:24px; text-decoration:none; font-family: Arial, Helvetica, sans-serif;	font-size: 11px; color:#333; display: block; background:transparent url(../images/viac.gif) no-repeat bottom left;}
input.button:hover:hover, input.button:hover:active {background:transparent url(../images/viac.gif) no-repeat  top left ; color:#000; text-decoration:none;}

/*input.button					{ position:absolute; top:260px; left:90px; padding:3px 6px;
                        border:2px solid #fff; margin:20px 0px 0px 0px; color:#3D7169; 
												font-family:Verdana, Arial, Helvetica, sans-serif;
												background:#CCC; -moz-border-radius:5px; }

input.button:hover		{ background:#009FAA none repeat scroll 0% 0%; color:white; }*/



#message							{width:250px;margin:60px 0 0 200px; }
#message h2						{ font-size:100%;color:black; }
#message p						{ color:black;font-weight:bold;margin:6px 0px; }
#checkmark						{ position:relative;top:-46px;left:-60px; }


#footer {border-top: 1px solid #eee; width: 930px; padding: 15px 15px 25px ; /*padding-top: 20px;*/ font-size: .9em; color: #666; background: #fbfbfb url(../images/footer_bg.jpg) bottom left;}
#footer a, #footer a:visited {color: #666; text-decoration: underline;}
#footer a b {color: #000; font-weight: normal;}
#footer a span {color: #999;}
#footer a:hover, #footer a:hover b, #footer a:hover span {color: #000; text-decoration: underline;}
#footer p {margin-top: 1em; line-height: 1.25em; color: #999; text-align: justify;}