/** 
 * Information web portal naselerikarsk.sbs
 * 
 * @author: Peter Susko
 * @company: Kyber System, Slovakia
 */

* { margin:0px; padding:0px; } 
html, body { width:100%; height: 100%; border:none; background:#1d1d1d url('../img/top_bg.png') center top repeat-x; }
body { text-align: center; /* IE */; }
div { background: transparent; }

/* Header, page, footer ****************************************************************************** */

#header_wrap { float:left; height:330px; width:100%; }
#header { width:950px; margin:0px auto; }
#header_in { float:left; width:950px; background:url('../img/top_bg.png') center top repeat-x; position:relative; }

#body_wrap { float:left; width:100%; }
#body { width:950px; margin:0px auto; }

#footer_wrap { float:left; width:100%; }
#footer { width:950px; margin:0px auto; }
#footer_in { float:left; width:940px; margin:0px 5px; background:url('../img/footer_bg.png') center top no-repeat; }

/* Top menu ****************************************************************************** */

.menu { float:left; width:950px; height:82px; margin-top:12px; background:url('../img/menu_bg.png') left top no-repeat; }

.menu h1 { float:left; margin:0px; }
.menu h1>a, .menu>a { float:left; margin:5px; width:250px; height:72px; background:url('../img/logo.png') center no-repeat; font-size:1px; text-indent:-2000px; overflow:hidden; }

.menu>ul { float:right; height:72px; margin:5px 19px 5px 5px; list-style-type:none; }
.menu>ul>li { float:left; padding:0px; margin:0px; background:none; background:url('../img/menu_div.png') left center no-repeat; }
.menu>ul>li>a { float:left; height:72px; padding:0px 16px; color:#1d1d1d; font:bold 14px/72px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:lowercase; }
.menu>ul>.active>a, .menu>ul>li:hover>a { color:#cc0000; }
.menu>ul>li:first-child { background:none; }

/* Slider ****************************************************************************** */

.slider { float:left; width:940px; height:246px; position:absolute; left:5px; top:89px; }

.slides { float:left; width:940px; height:246px; text-align:left; position:relative; }
.slides>div { display:none; }
.slides .text { float:left; position:absolute; left:50px; top:50px; text-align:left; }
.slides p { font:normal 13px/18px Arial, Helvetica, sans-serif; color:#fbfbfb; }
.slides img { float:left; position:absolute; right:0px; top:0px; margin:0px; }
.slides strong { font-weight:bold; font-size:32px; }

.navigator { float:left; position:absolute; right:20px; top:195px; }
.navigator a { float:left; width:10px; height:10px; margin:3px; background:url(../img/navigator.png) center top no-repeat; display:block; font-size:1px; }
.navigator a.current { background-position:0 -10px; }

/* Content - homepage ****************************************************************************** */

.content_top { float:left; width:950px; height:20px; background:url('../img/content_top_bg.png') center top no-repeat; }
.content_end { float:left; width:950px; height:18px; background:url('../img/content_end_bg.png') center top no-repeat; }
.content { float:left; width:920px; padding:0px 15px; background:url('../img/content_bg.png') center repeat-y; text-align:left; }
.content_3 { float:left; width:260px; padding:20px; margin-right:10px; }
.content_3 p { font:normal 13px/18px Arial, Helvetica, sans-serif; }
.img_1 { background:url('../img/img_1.jpg') 20px 20px no-repeat; }
.img_2 { background:url('../img/img_2.jpg') 20px 20px no-repeat; }
.img_3 { background:url('../img/img_3.jpg') 20px 20px no-repeat; }

/* Content - subpage ****************************************************************************** */

.content_sub_top { float:left; width:950px; height:20px; background:url('../img/content_sub_top_bg.png') center top no-repeat; }
.content_sub_end { float:left; width:950px; height:18px; background:url('../img/content_sub_end_bg.png') center top no-repeat; }
.content_sub { float:left; width:920px; padding:0px 15px; background:url('../img/content_sub_bg.png') center repeat-y; text-align:left; }

.content_left { float:left; width:220px; margin:30px 35px; }
.content_1 { float:left; width:595px; margin:30px 0px; }
.content_logos { clear:both; float:left; height:95px; width:850px; margin:0 35px; border-top:#bdbdbd 1px solid; position:relative; }

.navigation td { float:left; padding:5px; }

/*  Forms ****************************************************************************** */

input.view, input.view:visited, p input.view, p input.view:visited { float:left; width:85px; height:23px; margin:10px 0px; font:normal 12px/23px Arial, Helvetica, sans-serif; color:#ffffff; text-align:center; background:url('../img/button.png') center top no-repeat; text-decoration:none; border:0px; }
input.view:hover, p input.view:hover { color:#ffffff; background-position:center -23px; }

/* Sub menu ****************************************************************************** */

.submenu { float:left; width:220px; margin:0px 0px 40px; }
.submenu ul { float:left; width:220px; margin:0px; list-style-type:none; }
.submenu li { float:left; width:220px; margin:0px; padding:0px; border-top:#bdbdbd 1px solid; background:none; }
.submenu li:first-child { border:none; }
.submenu a { float:left; width:207px; padding:10px 0px 10px 13px; font:normal 13px/18px Arial, Helvetica, sans-serif; color:#707070; background:url('../img/arrow_1.png') left 12px no-repeat; text-decoration:none; }
.submenu a:hover, .submenu li.active a { color:#cc0000; background:url('../img/arrow_2.png') left 12px no-repeat; }
.submenu p a.more, .submenu p a.more:visited { float:left; width:85px; height:23px; padding:0px; margin:10px 0px 10px 13px; font:normal 12px/23px Arial, Helvetica, sans-serif; color:#ffffff; text-align:center; background:url('../img/button.png') center bottom no-repeat; text-decoration:none; }
.submenu p a.more:hover { background-position:center top; }

/* Scroll logo ****************************************************************************** */

.logos { float:left; width:830px; height:70px; position:absolute; left:10px; top:15px; overflow:hidden; }
.scroll { float:left; height:70px; width:20000px; position:absolute; left:-166px; }
.scroll img { float:left; width:166px; height:30px; margin:0px; padding:20px 0px; opacity:0.6; filter:alpha(opacity=60); }
.scroll img:hover { opacity:1; filter:alpha(opacity=100); }

a.nav_left { float:left; width:40px; height:70px; margin:0px; background:url('../img/arrow_4.png') 20px center no-repeat; position:absolute; left:-30px; top:15px; }
a.nav_left:hover { background:url('../img/arrow_5.png') 20px center no-repeat; }
a.nav_right { float:left; width:40px; height:70px; margin:0px; background:url('../img/arrow_1.png') 10px center no-repeat; position:absolute; right:-30px; top:15px; }
a.nav_right:hover { background:url('../img/arrow_2.png') 10px center no-repeat; }

/* Footer ****************************************************************************** */

.footer_2 { float:left; width:409px; margin:28px 0px; padding:0px 30px; text-align:left; }
.contact { width:400px; padding:0px 0px 0px 40px; background:url('../img/contact_bg.png') 220px 60px no-repeat; border-left:#303030 1px solid; }

.footer_2 p { font:normal 13px/20px Arial, Helvetica, sans-serif; color:#707070; }
.footer_2 p a { font:normal 12px/20px Arial, Helvetica, sans-serif; color:#707070; text-decoration:none; }
.footer_2 p a:hover { text-decoration:underline; }

.copy { float:left; width:880px; padding:0px 30px; height:60px; background:#262626 url('../img/copy_bg.png') center top no-repeat; }
.copy p { padding:0px; font:normal 13px/60px Arial, Helvetica, sans-serif; color:#666666; }
.copy p a { font:normal 13px Arial, Helvetica, sans-serif; color:#666666; text-decoration:none; }
.copy p a:hover { text-decoration:underline; }

/* Help ****************************************************************************** */

.divSeparator { height:1px; line-height:1px; float:none; clear: both; border-top:#bdbdbd 0px solid; margin-bottom:20px; }
.clearer { float: none; clear: both; height: 0; font-size: 0; line-height: 0; }
.indent { margin-left:25px; }

.alpha { margin-left:0px; }
.omega { margin-right:0px; }

.p0 { padding-bottom:0px; }
.p1 { padding-bottom:10px; }
.p2 { padding-bottom:20px }
.p3 { padding-bottom:30px }