/* basic */

*        { margin: 0; padding: 0; border: none; }
p        { padding: 10px 0; }
a        { color: #000; text-decoration: underline; }
a:hover  { color: #000; text-decoration: none; }
hr       { display: none; }

html,
body  { padding: 0; margin: 0; height: 100%; }
body  { background: #fff url('/files/graphic/bg_up.gif') 0 0 repeat-x; color: #000; font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif; font-size: .75em; }

.clearfix         { display: block; }
.clearfix:after   { content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }

.padding5  { padding: 5px }
.padding10 { padding: 10px }

h1 { font-size: 2em;    font-weight: normal;  margin: 10px 0 20px;  padding-left: 0; color: #5f5f5f; }
h2 { font-size: 1.3em;  font-weight: bold;    margin: 10px 0 15px;  padding-left: 0; color: #009dff; }
h3 { font-size: 1.2em;  font-weight: bold;    margin-bottom: 10px;  padding-left: 0; }
h4 { font-size: 1em;    font-weight: bold;    margin-bottom: 0px;   padding-left: 0; }


.hidden     { display: none; }
.bold       { font-weight: bold; }
.italic     { font-style: italic; }
.underline  { text-decoration: underline; }  

hr { display: hidden; }

/* farby 

footer background: e1f3fd;
footer text: 00b6fe;
footer href text: 007cad;
menuline: dedede;
input text: b1b1b1;
registracia: b3b3b3;
pridaj sa: e97300;
text: 858585;
h1: 5f5f5f;
h2 h3 blue: 009dff;
p text: 858585;
oranzova: #e97300;
modra vyhladavanie: 4fc0fb;
zelena kalendar: 86c335;

*/

/*  layout */

#all        { width: 100%; height: 100%; min-height: 100%; text-align: center; position: relative; background: url('/files/graphic/bg_down.jpg') bottom repeat-x; }
body>#all   { height: auto; }

#site { margin: 0 auto; width: 900px; height: 100%; min-height: 100%; background: url('/files/graphic/background.jpg'); text-align: left; position: relative; }

#topPanel         { position: absolute; top: 0; left: 0; width: 900px; height: 23px; background: #E93700; line-height: 23px; color: #fff; z-index: 1; }
#topPanel a       { color: #fff; text-decoration: none; font-weight: bold; }
#topPanel a:hover { text-decoration: underline; }

#header     { width: 100%; height: 185px; position: relative; }
#logo       { width: 279px; height: 90px; position: absolute; top: 70px; left: 0px; overflow: hidden; }
#logo a     { display: block; width: 100%; height: 100%; background: url('/files/graphic/logo.gif') 0 0 no-repeat; }
#logo img   { display: none; }
#quote      { width: 468px; height: 120px; position: absolute; top: 57px; right: 0px; background: #6cbdf1 url('/files/graphic/quote.gif') no-repeat; overflow: hidden; }
#quoteText  { margin-top: 20px; margin-left: 35px; width: 408px; height: 65px; color: #fff; font-size: 1.3em; font-style: italic; line-height: 1.3em; overflow: hidden; }
#quote a    { color: #fff; }

#main { width: 100%; _height: 200px; min-height: 200px; padding-bottom: 200px; }

#menuLine                           { width: 100%; height: 65px; overflow: hidden; margin-bottom: 30px; }
#mainMenuDiv strong                 { display: none; float: left; }
#mainMenuDiv ul.mainMenu            { list-style: none; }
#mainMenuDiv ul.mainMenu li         { float: left; width: 201px; height: 65px; overflow: hidden; }
#mainMenuDiv ul.mainMenu li a       { display: block; width: 100%; height: 100%; background-position: top left; }
#mainMenuDiv ul.mainMenu li a.prehlad-skutkov   { background: url('/files/graphic/menu_prehlad-skutkov.gif'); }
#mainMenuDiv ul.mainMenu li a.projekty          { background: url('/files/graphic/menu_projekty.gif'); }
#mainMenuDiv ul.mainMenu li a.dakujem           { background: url('/files/graphic/menu_dakujem.gif'); }
#mainMenuDiv ul.mainMenu li a.o-co-ide          { background: url('/files/graphic/menu_o-co-ide.gif'); }

               #mainMenuDiv ul.mainMenu li a:hover,
               #mainMenuDiv ul.mainMenu li a.active,
body#o-co-ide  #mainMenuDiv ul.mainMenu li a.o-co-ide,
body.skutky    #mainMenuDiv ul.mainMenu li a.prehlad-skutkov,
body.projekty  #mainMenuDiv ul.mainMenu li a.projekty,
body.dakujem   #mainMenuDiv ul.mainMenu li a.dakujem
{ background-position: 0 65px; }

#mainMenuDiv   { position: absolute; top: 180px; left: 0; }

#loginBox { position: absolute; top: 180px; right: 0; border-left: 1px solid #dedede; border-top: 1px solid #dedede; border-right: 1px solid #dedede; width: 295px; _width: 297px; height: 55px; margin-top: 10px; float: left; overflow: hidden; }
#loginBox.logged { background: url('/files/graphic/kladka.gif') right top no-repeat; }
#loginBox strong { display: none; }

#loginForm        { padding: 5px; }
#loginFormName,
#loginFormPass,
#loginFormSubmit  { float: left; padding-left: 5px; }

#searchForm          { padding-bottom: 10px; }
#searchFormKeyword,
#searchFormSubmit    { float: left; padding-left: 7px; }
#searchFormKeyword   { padding-top: 2px; }

.inputBg       { background: #f7f7f7 url('/files/graphic/input_bg.gif') top left repeat-x; height: 23px; }
.inputOkrajA   { width: 100%; height: 100%; background: url('/files/graphic/input_okraj-a.gif') left no-repeat; }
.inputOkrajB   { width: 100%; height: 100%; background: url('/files/graphic/input_okraj-b.gif') right no-repeat; }

.inputSize1 { width: 101px; }
.inputSize2 { width: 190px; }

.inputSubmit1  { width: 66px; height: 25px; background: #e97300 url('/files/graphic/input_submit1.gif') no-repeat; color: #fff; font-weight: bold; padding: 0; text-align: center; cursor: pointer; overflow: hidden; }
.inputSubmit3  { width: 84px; height: 28px; background: #78bde8 url('/files/graphic/input_submit3.gif') no-repeat; color: #fff; font-weight: bold; padding: 0; text-align: center; cursor: pointer; overflow: hidden; }

input { width: 90%; height: 21px; background: transparent; font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif; font-size: .9em; color: #b1b1b1; padding: 4px 0 0 10px; }

#loginBox ul.reg              { list-style: none; padding-left: 5px; }
#loginBox ul.reg li           { float: left; border-right: 1px solid #dedede; font-size: .9em; padding: 5px 5px 0 5px; }
#loginBox ul.reg li.last      { border: none; }
#loginBox ul.reg li a         { color: #b3b3b3; text-decoration: none; }
#loginBox ul.reg li a:hover   { text-decoration: underline; }

.color1 { color: #e97300; }

#user    { color: #858585; text-align: right; padding-top: 5px; }
#userWho { float: right; padding-right: 55px; }
#user a  { text-decoration: none; float: right; margin-top: 5px; display: block; width: 66px; height: 25px; color: #fff; font-weight: bold; text-align: center; line-height: 23px; background: #eea946 url('/files/graphic/input_submit2.gif') no-repeat; }


#contentPrimary   { float: left; width: 600px; background: url('/files/graphic/ciara_vertical.gif') right repeat-y; font-size: 1.1em; min-height: 800px; _height: 800px; overflow: hidden; }
#contentSecondary { float: left; width: 300px; }
#paddingPrimary   { padding: 5px 5px 5px 10px; }
#paddingSecondary { padding: 0px; }

.contentIn     { padding-right: 15px; }
.contentIn p   { color: #000; line-height: 1.5; }

.box,
.boxSecondary,
.boxHighlight { background: url('/files/graphic/ciara_horizontal.gif') bottom repeat-x; }
.boxNoBorder,
.boxSecondaryNoBorder
.boxHighlightNoBorder { background: none;  }

.box,
.boxNoBorder { padding: 10px 20px 10px 5px; }

.boxHighlight,
.boxHighlightNoBorder { padding: 10px 0; }

.boxSecondary,
.boxSecondaryNoBorder { padding: 10px 0; }

p  { color: #858585; text-align: justify; }
a        { color: #009dff; text-decoration: underline; }
a:hover  { color: #009dff; text-decoration: none; }

.color2 { color: #009dff; }

.post          { padding-left: 10px; }
.post h3       { font-size: 1em; }
.post a        { color: #5f5f5f; text-decoration: none; }
.post a:hover  { color: #5f5f5f; text-decoration: underline; }
.post p        { font-size: .9em; padding: 5px 0 20px 0; }
.post div.postDetails         { color: #6a6a6a; font-size: .8em; text-align: right; }
.post div.postDetails a       { text-decoration: underline; color: #6a6a6a; }
.post div.postDetails a:hover { text-decoration: none; color: #6a6a6a; }

.activeBG         { background: url('/files/graphic/post_hover2.gif') 585px 0 no-repeat; }
.activeBG:hover   { background-position: bottom; background-color: #f1f9fe; }
.activeBG:hover p { color: #686868; }
/*
.activeBG   { background: #f1f9fe url('/files/graphic/post_hover2.gif') left bottom no-repeat; }
.activeBG p { color: #686868; }
*/

.paging  { text-align: center; margin-top: 20px; color: #8d8d8d; font-size: .9em; }

.paging a                  { color: #8d8d8d; text-decoration: none; border-right: 1px solid #8d8d8d; padding: 0 4px 0 3px; }
.paging a.active           { font-weight: bold; }
.paging a.first            { border-left: 1px solid #8d8d8d; padding-left: 4px; }
.paging a:hover            { color: #8d8d8d; text-decoration: underline; }
.paging a.noBorder         { border: none; }
.paging a.noBorder:hover   { text-decoration: none; }
.paging a:hover span       { text-decoration: underline; }
.pagingTop                 { background: url('/files/graphic/ciara_horizontal.gif') bottom repeat-x; padding-bottom: 20px; } 


#packSkutokTyzdna h3,
#packVyhladavanieBox h3,
#packKalendar h3,
#packPartneriBox h3   { display: block; height: 37px; line-height: 45px; font-size: 1.4em; margin-left: 10px; padding-left: 35px; font-weight: bold; overflow: hidden; margin-bottom: 20px; }

#packSkutokTyzdna h3     { background: url('/files/graphic/plamen2.gif') 3px 0 no-repeat; color: #e97300;  }
#packVyhladavanieBox h3  { background: url('/files/graphic/lupa.gif') left no-repeat; color: #4fc0fb; }
#packKalendar h3         { background: url('/files/graphic/list.gif') left no-repeat; color: #86c335; }
#packPartneriBox h3      { background: url('/files/graphic/ico_person.gif') left no-repeat; color: #f32c2f; }

#packSkutokTyzdna p        { padding: 0 10px 10px 35px; }
#packSkutokTyzdna a        { color: #009dff; text-decoration: underline; padding: 10px 0; float: right; padding-right: 10px; }
#packSkutokTyzdna a:hover  { text-decoration: none; color: #009dff; }

#packSkutokTyzdna .skutok a         { display: inline; padding: 0; float: none; color: #000; line-height: 1.5; text-decoration: none; }
#packSkutokTyzdna .skutok a:hover   { text-decoration: underline; }

#calendar         { background: url('/files/graphic/calendar-bg-center.gif') top repeat-y; width: 285px; margin-left: 15px; overflow: hidden; text-align: center; }
#calendarTop      { background: url('/files/graphic/calendar-bg-top.gif') top no-repeat; width: 100%; height: 100%; }
#calendarBottom   { background: url('/files/graphic/calendar-bg-bottom.gif') bottom no-repeat; width: 100%; height: 100%; padding: 10px 0; }

#calendar ul            { width: 100%; list-style: none; }
#calendar ul li         { width: 100%; color: #9d9d9d; height: 25px; line-height: 25px; font-size: 1.2em; }
#calendar ul li a       { color: #9d9d9d; text-decoration: none; }
#calendar ul li a:hover { color: #9d9d9d; text-decoration: underline; }
#calendar ul li.now     { color: #649c1a; font-size: 1.35em; line-height: 30px; height: 30px; }
#calendar ul li.now a,
#calendar ul li.now a:hover   { color: #649c1a; text-decoration: none; }

#calendarNav { text-align: center; }
#calendarNav span { display: inline; background: none; padding: 0 5px; margin: 0; font-size: 1.4em; color: #636363; _line-height: 30px; font-weight: bold; }
#calendarNav a {  }

#packPartneriBox .item  { margin: 0 0 10px 35px; }
#packPartneriBox p      { padding: 0pt 10px 10px 35px; }

.highlight        { width: 570px; min-height: 100px; _height: 110px; margin-left: 5px; background: #ffbd05 url('/files/graphic/highlight-bg.gif') top repeat-y; }
.highlightTop     { width: 100%; min-height: 100px; _height: 110px; background: url('/files/graphic/highlight-top.gif') top no-repeat; }
.highlightBottom  { width: 100%; min-height: 100px; _height: 110px; background: url('/files/graphic/highlight-bottom.gif') bottom no-repeat; }
.highlightPlamen  { width: 100%; min-height: 100px; _height: 110px; padding-bottom: 10px; background: url('/files/graphic/highlight-plamen.gif') 25px 15px no-repeat; }
.highlight h3        { color: #ff5d00; padding: 0; margin: 0; padding-left: 100px; font-size: 1.4em; padding-top: 10px; display: block; font-weight: normal; }
.highlight .ul2      { padding: 5px 50px 5px 100px; color: #8A5300; }
.highlight .links    { text-align: right; padding-right: 60px; font-size: .9em; }
.highlight .links a  { color: #8a5300; }

#footer                    { position: absolute; bottom: 0; left: 0; width: 100%; height: 85px; background: #e1f3fd; text-align: center; }
#footerInside              { width: 900px; margin: 0 auto; text-align: left; color: #000; position: relative; }
#footerInside span         { display: block; padding: 20px 0 0 50px; color: #00b6fe; font-weight: bold; font-size: .9em; }
#footerInside span a       { color: #007cad; text-decoration: none; }
#footerInside span a:hover { text-decoration: underline; }

#pridajSkutok              { text-align: center; }
#pridajSkutok a            { position: relative; display: block; width: 270px; height: 80px; margin: 0 auto; text-decoration: none; overflow: hidden; cursor: pointer; }
#pridajSkutok a span       { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background: transparent url('/files/graphic/bg_pridaj_skutok.png') 0 0 no-repeat; }
#pridajSkutok a:hover      { color: red; }
#pridajSkutok a:hover span { background-position: 0 -80px; }

.pridajThanks  { padding: 10px 20px; }

.hodnotenie { display: block; height: 20px; background: transparent url('/files/graphic/bg_slniecko.jpg') 0 0 no-repeat; }
.hodnotenie1   { width: 20px; }
.hodnotenie2   { width: 45px; }
.hodnotenie3   { width: 65px; }
.hodnotenie4   { width: 85px; }
.hodnotenie5   { width: 110px; }

/* NADPISY */

body#index h1              { color: #F32C2F; }
body#skutky h1,
body#skutky-dynamic h1     { color: #E97300; }
body#projekty h1,
body#projekty-dynamic h1,
body#dakujem h1,
body#dakujem-dynamic h1    { color: #649C1A; }
body#o-co-ide h1           { color: #4FC0FB; }

/* INDEX */

.stats         { text-align: justify; padding-bottom: 10px; }
.stats p       { color: #333; padding-top: 0; }
.stats strong  { color: #E97300; }
.stats a       { color: #86C335; font-weight: bold; }

.stats .col1   { width: 260px !important; }
.stats .col2   { width: 270px !important; }
.stats .col2 p { display: inline; } 

.fullBanner     { text-align: center; padding: 10px 0; background: url('/files/graphic/ciara_horizontal.gif') bottom repeat-x; }
.fullBanner img { margin: 0 auto; }

/* BLOG */

.blog table             { border-collapse: collapse; margin: 10px 0; }
.blog table td, th      { border: 1px solid #ddd; padding: 5px; vertical-align: top; }
.blog .blogPopis p      { color: #86C335; font-weight: bold; }
.blog a.blogBack        { margin: 20px 15px 0 0; } 
.blog .blogText p       { color: #000; }
body#blog-dynamic h2.fl { font-size: 1.6em; }

/* PARTNERI */

div.partneri .item         { width: 152px; float: left; margin: 5px 18px; }
div.partneri .item a       {  }
div.partneri .item a img   { border: 1px solid #666; }
div.partneri .rojko a img  { border: none; }