/*
Theme Name: Appo
Theme URI: http://www.appo.sk/
Description: Wordpress téma pre APPO.SK.
Author: mon-meida.com
Version: 1.0
*/
	
body, html { margin: 0px; padding: 0px; font-family: Arial; font-size: 12px; color: #666; line-height: 20px; }
body { background: #eee url(img/bg.png) repeat-x; }

/* ---------- ALL PAGE ---------- */
a { outline: none; moz-outline: none; }
p,input { margin: 0; padding: 0; border: 0; }

/* odkaz bez textu pre seo */
.tnone { text-indent: -9999px; font-size: 0; line-height: 0; }

* { margin:0; padding:0; }
.left  { float:left;  }
.right { float:right; }
.clear { clear: both; }
.none { display: none; }

h1 a { display: block; width: 100px; height: 100px; }

 
a { color: #4460AA; text-decoration: underline; }
a:hover { color: #4460AA; text-decoration: none; }

/* ---------- WRAPPER --------- */
#wrapper { width: 960px; height: auto; margin: auto; /* background: url(img/bg-wrapper.png) repeat-x; */ }

/* ---------- HEADER ---------- */
#header { width: 940px; padding: 10px; height: 100px; background: url(img/fire.jpg) no-repeat right top; }
#header h1 { width: 100px; height: 100px; background: url(img/logo.png) no-repeat; display: inline-block; }
#header p { display: inline-block; padding: 65px 0 0 20px; }
#header p img { padding: 5px 0 0 0; }
#header form { display: inline-block; padding: 65px 0 0 20px; }
#header input#input-text { width: 167px; height: 16px; float: left; background: url(img/search.png) no-repeat; padding: 8px 6px 9px 6px; }
#header input#submit-button { width: 90px; height: 30px; float: right; background: url(img/search.png) no-repeat center right; margin: 0 0 0 -4px; }
/* ---------- HEADER ---------- */

/* ---------------------------- */
/* ------ UVODNA STRANKA ------ */

/* PRE LEPSI PREHLAD A STRUKTURU - STYL LOGICKY KOPIRUJE STRANKU ZLAVA DO PRAVA CIZE ZACINA SA RYCHLOU NAVIGACIOU(*NAV*) (*LEFTCOLUMN*) (*RIGHTCOLUMN*)  */

/* ---------- NAV ------------- */
div#nav { background: url(img/nav.png) repeat-x; width: auto; height: 37px; }
div#nav a { display: inline-block; padding: 7px 30px 7px 12px; background: url(img/a-nav.png) right 1px no-repeat; width: auto; color: #888; text-decoration: none; }
div#nav a:last-child { background: none; font-weight: bold; padding: 7px 10px 7px 10px; }
/* ---------- END NAV --------- */

/* --------- CONTENT ---------- */
#content { width: 940px; height: auto; margin: 0; background: #ddd url(img/content.png) -1px bottom no-repeat; padding: 10px 10px 0 10px; color: #999; }

#content div.leftcolumn { width: 220px; }
#content div.leftcolumn menu#menu li ul#login { display: none; list-style: none; }
#content div.leftcolumn menu#menu li ul#login li { padding: 0 0 0 6px; }
#content div.leftcolumn menu#menu li ul#login li form p:first-child { margin-top: 5px; }
#content div.leftcolumn menu#menu li ul#login li form input#user_login,#content div.leftcolumn menu#menu li ul#login li form input#user_pass { margin: 2px 0; padding: 7px 5px 7px 5px; border: 1px solid #e8e8e8; }
#content div.leftcolumn menu#menu li ul#login li form input#user_login:focus,#content div.leftcolumn menu#menu li ul#login li form input#user_pass:focus { border: 1px solid #ccc; background: #FBFBFB; }
#content div.leftcolumn menu#menu li ul#login li ul.sidebarlogin_otherlinks { list-style: none; }
#content div.leftcolumn menu#menu li ul#login li h2 { display: none; }
#content div.leftcolumn menu#menu li ul#login li ul.pagenav { list-style: none; }
#content div.leftcolumn menu#menu li ul#login li ul.pagenav li,#content div.leftcolumn menu#menu li ul#login li ul.sidebarlogin_otherlinks li { list-style-image: url(img/li.png); list-style-position: inside; }
#content div.leftcolumn menu#menu li ul#login li div.avatar_container { display: none; } 
#content div.leftcolumn menu#menu li ul#login li ul.sidebarlogin_otherlinks { clear: both; padding: 5px 0; }
#content div.leftcolumn menu#menu li ul#login li ul.sidebarlogin_otherlinks li:first-child { display: none; } 
#content div.leftcolumn menu#menu li ul#login li ul.sidebarlogin_otherlinks li a { clear: both; }
#content div.leftcolumn menu#menu li ul#login li form p.submit input#wp-submit { background: #E60000; border-bottom: 1px solid #CF0000; cursor: pointer; padding: 2px; color: #fff; }
#content div.leftcolumn menu#menu li ul#login li form p.submit { width: 65px; float: left; }
#content div.leftcolumn menu#menu li ul#login li form p.rememberme { width: 110px; float: right; }
#content div.leftcolumn menu#menu li ul#login li form p.rememberme label { color: #222; }
#content div.leftcolumn menu#menu li a:hover ul#login { display: block; } 

#content menu#menu { width: 210px; height: auto; padding: 45px 0 7px; float: left; background: #fff url(img/menu.png) no-repeat center top; list-style: none; }
#content menu#menu li { padding: 0 0 7px 15px; color: #999; font-size: 12px; }
#content menu#menu li a { color: #333; }
#content ul#menu-main-menu { width: 210px; list-style: none; background: #222222 url(img/menu-main.png) no-repeat; padding: 34px 0 10px 0; margin: 15px 0; }
#content ul#menu-main-menu li.tite { padding: 5px 10px; cursor: pointer; background: #222222; }
#content ul#menu-main-menu li a { height: 27px; font-size: 0px; line-height: 0px; text-indent: -9999px; }
#content ul#menu-main-menu li#menu-item-48 a { display: block; padding: 5px 10px; width: 190px; cursor: pointer; background: url(img/menu-title.png) no-repeat 0 0; }
#content ul#menu-main-menu li#menu-item-48 a:hover, #content ul#menu-main-menu li#menu-item-48.current_page_item a { background: url(img/menu-title.png) no-repeat -210px 0;  }
#content ul#menu-main-menu li#menu-item-87 a { display: block; padding: 5px 10px; width: 190px; cursor: pointer; background: url(img/menu-title.png) no-repeat 0 -37px; }
#content ul#menu-main-menu li#menu-item-87 a:hover, #content ul#menu-main-menu li#menu-item-87.current-menu-parent a { background: url(img/menu-title.png) no-repeat -210px -37px;  }
#content ul#menu-main-menu li#menu-item-201 a { display: block; padding: 5px 10px; height: 27px; width: 190px; cursor: pointer; background: url(img/menu-title.png) no-repeat 0 -74px; }
#content ul#menu-main-menu li#menu-item-201 a:hover, #content ul#menu-main-menu li#menu-item-201.current-menu-parent a { background: url(img/menu-title.png) no-repeat -210px -74px;  }
#content ul#menu-main-menu li#menu-item-44 a { display: block; padding: 5px 10px; width: 190px; cursor: pointer; background: url(img/menu-title.png) no-repeat 0 -111px; }
#content ul#menu-main-menu li#menu-item-44 a:hover, #content ul#menu-main-menu li#menu-item-44.current-menu-parent a { background: url(img/menu-title.png) no-repeat -210px -111px;  }
#content ul#menu-main-menu li#menu-item-24 a { display: block; padding: 5px 10px; width: 190px; cursor: pointer; background: url(img/menu-title.png) no-repeat 0 -148px; }
#content ul#menu-main-menu li#menu-item-24 a:hover, #content ul#menu-main-menu li#menu-item-24.current-category-ancestor a { background: url(img/menu-title.png) no-repeat -210px -148px;  }
#content ul#menu-main-menu li#menu-item-25 a { display: block; padding: 5px 10px; width: 190px; cursor: pointer; background: url(img/menu-title.png) no-repeat 0 -185px; }
#content ul#menu-main-menu li#menu-item-25 a:hover, #content ul#menu-main-menu li#menu-item-25.current-category-ancestor a { background: url(img/menu-title.png) no-repeat -210px -185px;  }
#content ul#menu-main-menu li#menu-item-26 a { display: block; padding: 5px 10px; width: 190px; cursor: pointer; background: url(img/menu-title.png) no-repeat 0 -223px; }
#content ul#menu-main-menu li#menu-item-26 a:hover, #content ul#menu-main-menu li#menu-item-26.current_page_item a { background: url(img/menu-title.png) no-repeat -210px -223px;  }
#content ul#menu-main-menu li#menu-item-430 a { display: block; padding: 5px 10px; width: 190px; cursor: pointer; background: url(img/novinky-na-email.png) no-repeat 0 0; }
#content ul#menu-main-menu li#menu-item-430 a:hover, #content ul#menu-main-menu li#menu-item-430.current_page_item a { background: url(img/novinky-na-email.png) 0 -40px; }

#content ul#menu-main-menu li ul.sub-menu { display:none; list-style: none; margin: 0 10px; padding: 10px 0 10px 0; background: #111111; }
#content ul#menu-main-menu li.current-menu-parent ul.sub-menu { display: block; }
#content ul#menu-main-menu li ul.sub-menu li.current_page_item a { color: #FFBF3E; }

#content ul#menu-main-menu li ul.sub-menu li a { display: block; background: none !important; padding: 0 5px 0 34px !important; text-decoration: none; color: #fff; width: auto; font-size: 12px; line-height: 20px; text-indent: 0px; }
#content ul#menu-main-menu li ul.sub-menu li a:hover { text-decoration: underline; color: #FFBF3E; }

#content div.rightcolumn { width: 685px; height: auto; background: #fff; padding: 25px 10px 30px 25px; }
#content div.rightcolumn a.tn { display: block; width: 162px; height: 122px; background: url(img/box-technicke-navody.jpg) no-repeat; margin: 0 10px 0 0; }
#content div.rightcolumn a.pk { display: block; width: 162px; height: 122px; background: url(img/box-poziarne-konstrukcie.jpg) no-repeat; margin: 0 10px 0 0; }
#content div.rightcolumn a.oo { display: block; width: 162px; height: 122px; background: url(img/box-otazky-odpovede.jpg) no-repeat; margin: 0 10px 0 0; }
#content div.rightcolumn a.cs { display: block; width: 162px; height: 122px; background: url(img/box-chyby-stavby.jpg) no-repeat; }

/*
#content div.rightcolumn a.tn { display: block; width: 220px; height: 122px; background: url(img/box-technicke-navody.jpg) no-repeat; margin: 0 10px 0 0; }
#content div.rightcolumn a.oo { display: block; width: 220px; height: 122px; background: url(img/box-otazky-odpovede.jpg) no-repeat; margin: 0 10px 0 0; }
#content div.rightcolumn a.cs { display: block; width: 220px; height: 122px; background: url(img/box-chyby-stavby.jpg) no-repeat; }
*/


#content div.rightcolumn .loginRequired { text-align: center; background: url('img/login.png') center bottom no-repeat; padding-bottom: 60px;}
#content div.rightcolumn .loginRequired h2.title { color: #CC0000; font-size: 14px; padding: 20px 0 10px 0; margin-bottom: 10px; text-transform: none !important; border: none; }

#content div.rightcolumn h2 { color: #CC0000; font-size: 18px; padding: 20px 0 10px 0; margin-bottom: 10px; border-bottom: 1px solid #ddd; text-transform: none !important; }
/*search*/#content div.rightcolumn h2 span { color: #353535; }
/*tags*/#content div.rightcolumn h2.entry-title { border: 0px; text-transform: none !important; }
/*tags*/#content div.rightcolumn h2.entry-title a { color: #222; }
/*tags*/body.archive #content div.rightcolumn h2 { text-transform: uppercase; }
#content div.rightcolumn h3 { color: #222; padding: 10px 0; }
#content div.rightcolumn h4 { color: #222; display: block; float: left; margin: 5px 5px 0 0; font-size: 16px; }
#content div.rightcolumn h5 { color: #333; display: block; margin: 15px 0 0 0; font-size: 14px; }
#content div.rightcolumn p { padding: 7px 0; color: #404040; }
#content div.rightcolumn strong { color: #333; }
#content div.rightcolumn div strong:first-child { color: #DB0000; }
#content div.rightcolumn div strong:last-child { color: #000; }
#content div.rightcolumn em { display: block; background: url(img/em.png) left top no-repeat; margin: 10px 0; padding: 0px 10px 0px 20px; font-style: normal; }
#content div.rightcolumn blockquote { background: #f6f6f6 url(img/blockquote.png) repeat-x; padding: 10px; margin: 10px 0; }
#content div.rightcolumn a.foto { display: block; float: left; width: 115px; height: 19px; margin: 6px 0 0 5px; background: url(img/tags2.png) no-repeat 0 0; }
#content div.rightcolumn a.predpis { display: block; float: left;width: 145px; height: 26px; margin: 4px 0 0 5px; background: url(img/tags2.png) no-repeat 0 -19px; }

#content div.rightcolumn div.select { width: auto; height: 75px; margin: 10px 0; }
#content div.rightcolumn div.select ul { list-style: none; float: left; width: 200px; }
#content div.rightcolumn div.select ul li { list-style: none; color: #333; }
#content div.rightcolumn div.select ul li a { font-size: 15px; font-weight: bold; text-decoration: none; }
#content div.rightcolumn div.select ul li ul { clear: both; }
#content div.rightcolumn div.select ul li ul li { display: block; padding-left: 15px; }
#content div.rightcolumn div.select ul li ul li a { color: #E50000; font-weight: normal; font-size: 13px; text-decoration: underline; }
#content div.rightcolumn div.select ul li ul li a:hover { text-decoration: none; }
#content div.rightcolumn div.select ul li ul li a:focus { color: #000; }
#content div.rightcolumn ol li { list-style-position: inside; font-weight: bold; color: #333; }
#content div.rightcolumn ol li a { color: #333; }

#content div.rightcolumn form { margin: 15px 0; }
#content div.rightcolumn form table tr { margin: 0 0 5px 0; }
#content div.rightcolumn form table tr td { vertical-align: top; padding: 0 10px 0 0; color: #000; }
#content div.rightcolumn form table tr td span.wpcf7-list-item { display: block; }

#content div.rightcolumn form table tr td input, textarea { background: #f6f6f6; border: 1px solid #dcdcdc; padding: 5px; color: #777; font-size: 11px; }
#content div.rightcolumn form table tr td input:hover, textarea:hover { border: 1px solid #c9c9c9; background: #FCFCFC; }
#content div.rightcolumn form table tr td input:focus, textarea:focus { border: 1px solid #FFBF41; background: #fcfcfc; }
#content div.rightcolumn form table tr td textarea { font-family: Tahoma; height: 50px; width: 500px; }
#content div.rightcolumn form table tr td span.wpcf7-not-valid-tip { top: -6px !important; left: 0px !important; background: #FFBF41 !important; width: 290px !important; color: #fff !important; font-size: 12px !important; border: 1px solid #B39020; }
div.wpcf7-validation-errors { background: #FFBF41 !important; border: 1px solid #B39020 !important; color: #fff !important; }
div.wpcf7-mail-sent-ok { background: #fff !important; border: 1px solid #FFBF41 !important; color: #FFBF41 !important; }

/* -------- UL LIST --------- */
#content div.rightcolumn ul { list-style-image: url(img/li.png); list-style-position: inside; margin: 0 0 10px 0; }
#content div.rightcolumn ul li { list-style-image: url(img/li.png); color: #212121; }
#content div.rightcolumn ul li strong { color: #000; }
#content div.rightcolumn ul li a { color: #333; text-decoration: underline; }
#content div.rightcolumn ul li a:hover { text-decoration: none; }

#content div.box-novinky { width: 440px; height: auto; background: url(img/line.png) repeat-x;  }
#content div.box-novinky blockquote.novinka { background: #F6F6F6; border-bottom: 1px solid #ddd; border-top: 1px solid #fdfdfd; padding: 15px 10px; height: 95px; overflow: hidden; margin: 0px; } 
#content div.box-novinky blockquote.novinka img { margin: 0 10px 25px 0; float: left; }
#content div.box-novinky blockquote.novinka span { color: #333; font-weight: bold; }
#content div.box-novinky blockquote.novinka p { padding: 0 0 5px 0; display: inline; color: #666; }
#content div.box-novinky blockquote.novinka a {
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
	display: block;
	padding: 0 0 2px 0;
}
#content div.box-novinky div.newsletter { width: 285px; height: 60px; background: url(img/newsletter.png) no-repeat; padding: 7px 10px 10px 145px; margin: 20px 0; }
#content div.box-novinky div.newsletter input.newsletter-input { width: 230px; height: 20px; margin: 0 0 3px 0; padding: 5px; background: url(img/newsletter-mail.png) no-repeat; }
#content div.box-novinky div.newsletter input.newsletter-input-email { width: 230px; height: 20px; margin: 0 0 3px 0; padding: 5px; background: url(img/newsletter-mail.png) no-repeat; }
#content div.box-novinky div.newsletter input.newsletter-submit { width: 40px; height: 30px; padding: 0; background: url(img/newsletter-mail.png) no-repeat center right; }
#content div.box-novinky div.newsletter strong { color: #FF0000; }
#content div.box-novinky div.newsletter p { color: #fff; padding: 0px; }
#content div.box-novinky p.nadpis, #content div.box-zaujimavosti p.nadpis { text-transform: uppercase; padding: 10px 0 6px 10px; width: 380px; display: inline-block; color: #333 !important; font-weight: bold;  }
#content div.box-novinky a.archiv, #content div.box-zaujimavosti a.archiv { display: inline-block; color: #333; }

#content div.box-zaujimavosti { width: 220px; height: auto; background: url(img/line.png) repeat-x; }
#content div.box-zaujimavosti p.nadpis { width: 160px; }
#content div.box-zaujimavosti ul#zaujimavosti { list-style: none; padding: 0; margin: 0; }
#content div.box-zaujimavosti ul#zaujimavosti li { border-bottom: 1px dashed #ddd; padding: 7px 5px 7px 5px; list-style: none; }
#content div.box-zaujimavosti ul#zaujimavosti li a { color: #333; display: block; }
#content div.box-zaujimavosti ul#zaujimavosti li p { display: inline; color: #666; }
#content div.box-zaujimavosti ul#zaujimavosti li span { color: #999; }
#content div.box-zaujimavosti ul#zaujimavosti li:last-child { border: 0px; }
/* --------- END CONTENT ------- */

/* ----- END UVODNA STRANKA ---- */
/* ----------------------------- */

/* ----------------------------- */
/* ---------- SUBPAGE ---------- */
#content div.rightcolumn a.tn-s { display: block; width: 162px; height: 31px; margin-bottom: 25px; background: url(img/box-technicke-navody.jpg) center bottom no-repeat; margin: 0 10px 0 0; }
#content div.rightcolumn a.pk-s { display: block; width: 162px; height: 31px; margin-bottom: 25px; background: url(img/box-poziarne-konstrukcie.jpg) center bottom no-repeat; margin: 0 10px 0 0; }
#content div.rightcolumn a.oo-s { display: block; width: 162px; height: 31px; margin-bottom: 25px; background: url(img/box-otazky-odpovede.jpg) center bottom no-repeat; margin: 0 10px 0 0; }
#content div.rightcolumn a.cs-s { display: block; width: 162px; height: 31px; margin-bottom: 25px; background: url(img/box-chyby-stavby.jpg) center bottom no-repeat; }

/*
#content div.rightcolumn a.tn-s { display: block; width: 220px; height: 31px; margin-bottom: 25px; background: url(img/box-technicke-navody.jpg) center bottom no-repeat; margin: 0 10px 0 0; }
#content div.rightcolumn a.oo-s { display: block; width: 220px; height: 31px; margin-bottom: 25px; background: url(img/box-otazky-odpovede.jpg) center bottom no-repeat; margin: 0 10px 0 0; }
#content div.rightcolumn a.cs-s { display: block; width: 220px; height: 31px; margin-bottom: 25px; background: url(img/box-chyby-stavby.jpg) center bottom no-repeat; }
*/


/* ----------- TABLE 1 --------- */
table#table1 { border-collapse: collapse; text-align: left; margin: 15px 0; }
table#table1 th { background: #E60000; border-left: 1px solid #F8BFBF; border-right: 1px solid #F8BFBF; color: #fff; padding: 5px 10px; }
table#table1 tr { background: #F6F6F6; }
table#table1 tr td { color: #666666; border: 1px solid #FDFDFD; padding: 3px 10px; }
table#table1 tr td:hover { color: #222; }
table#table1 tr:hover { background: #FFC03E; cursor: default; color: #222 !important; }
table#table1 tr td:last-child { color: #000; }

/* ----------- TABLE 2 --------- */
table#table2 { border-collapse: collapse; text-align: left; margin: 5px 0; }
table#table2 th { background: url(img/table2.png) repeat-x; border-left: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3; color: #fff; padding: 5px 10px; }
table#table2 tr { background: #F6F6F6; }
table#table2 tr td { color: #666666; border: 1px solid #fff; padding: 3px 10px; }
table#table2 tr td:hover { color: #222; }
table#table2 tr:hover { background: #ddd; cursor: default; color: #222 !important; }

/* ---------- GALLERY ---------- */
div.gallery { margin: 10px 0; }

div.gallery a.cboxElement { border: 5px solid #fff; display: inline-block; float: left; }
div.gallery a.cboxElement:hover { border: 5px solid #FFC03E; }
div.gallery a.cboxElement img { border: 0; float: left; }

/* ------- END SUBPAGE --------- */
/* ----------------------------- */

/* -------- HIDE --------------- */
div#incoming { display: none; }
body.logged-in div#content div.leftcolumn menu#menu li ul#login { display: block; }

/* -------- PAGE NAVI --------------- */
.wp-pagenavi { margin: 30px 0 0 0;}

/* --------- FOOTER ---------- */
#footer { clear: both; width: 920px; height: 95px; margin: auto; margin-bottom: 20px; padding: 15px 0px 0px 15px; /* background: url(img/bg-footer.png) no-repeat; */ color: #999999; }


/* default */