/* basic */

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

html,
body  { padding: 0; margin: 0; height: 100%; }
body  { background: #d0dbe8 url('/files/graphic/bg_all.jpg') 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 }
.paddingl25    { padding-left: 25px; }

.margint55     { margin-top: 55px; }
.margin10tb { margin: 10px 0; }
.margin20r  { margin-right: 20px; }
.margin10t  { margin-top: 10px; }

h1 { font-size: 2.4em;  font-weight: normal;  margin: 5px 0 5px 0;   padding-left: 0; font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif; }
h2 { font-size: 1.5em;  font-weight: normal;  margin: 20px 0 10px 0; padding-left: 0; font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif; }
h3 { font-size: 1.2em;  font-weight: bold;    margin: 20px 0 10px 0; padding-left: 0; }
h4 { font-size: 1em;    font-weight: bold;    margin-bottom: 5px;    padding-left: 0; }

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

hr { display: none; }


.color1     { color: #c7d3e3; }
/*
POZICIE 
*/
.fl { float: left; }
.fr { float: right; }

.center  { text-align: center; }

.cols2         { width: 100%; }
.cols2 .col1   { float: left; width: 49%; }
.cols2 .col2   { float: left; width: 49%; }

.cols3         { width: 100%; }
.cols3 .col1   { float: left; width: 32%; }
.cols3 .col2   { float: left; width: 32%; }
.cols3 .col3   { float: left; width: 32%; }

.cols4         { width: 100%; }
.cols4 .col1   { float: left; width: 24%; }
.cols4 .col2   { float: left; width: 24%; }
.cols4 .col3   { float: left; width: 24%; }
.cols4 .col4   { float: left; width: 24%; }



/*
 TEXTY 

.bigger { font-size: 1.2em; }
.big { font-size: 1.5em; }
.biggest { font-size: 1.8em; }

.smaller { font-size: .9em; }
.small { font-size: .8em; }
.smallest { font-size: .7em; }
*/


/*
LAYOUT
*/

#fullWindow { width: 100%; height: 100%; min-height: 100%; text-align: center; position: relative; }
body>#fullWindow { height: auto; }

#webSite          { width: 880px; margin: 0 auto; text-align: left; }

#header           { width: 100%; height: 246px; }
#logoHeader       { width: 191px; height: 100%; float: left; background: url('/files/graphic/bg_logoheader.jpg') right bottom no-repeat; position: relative; }
#logoHeader a     { display: block; position: absolute; bottom: -1px; right: 40px; width: 130px; height: 147px; }
#designHeader     { width: 689px; height: 100%; float: left; background: url('/files/graphic/bg_designheader.jpg') no-repeat; position: relative; }
#headText         { text-transform: uppercase; color: #90aac9; font-size: 1.5em; position: absolute; top: 40px; left: 25px; letter-spacing: .005em; }
#headText span    { color: #23366f; font-weight: bold; }


#content          { padding: 30px 0 130px 0; }
#contentIn        { width: 100%; }
#contentMenu      { float: left; width: 191px; }
#contentMain      { border-left: 1px solid #bec4ca; float: right; width: 688px; }
#contentMainIn    { padding-left: 25px; min-height: 395px; _height: 395px; }

#mainMenu                        { width: 150px; }
#mainMenu ul                     { list-style: none; }
#mainMenu ul li                  { text-align: right; padding: 3px 0; }
#mainMenu ul li a                {  }
#mainMenu ul li a:hover          {  }
#mainMenu ul li.active           {  }
#mainMenu ul li.active a         { font-weight: bold; color: #23366f; background: url('/files/graphic/li_menu.gif') right no-repeat; padding-right: 15px; }
#mainMenu ul li.active a:hover   { text-decoration: none; }

body#index              #mainMenu ul li.uvod a,
body.temy               #mainMenu ul li.temy a,
body.nova-generacia     #mainMenu ul li.nova-generacia a,
body#kontakty           #mainMenu ul li.kontakty a,
body#linky              #mainMenu ul li.linky a,
body.fotogaleria        #mainMenu ul li.fotogaleria a,
body.predsednictvo-mz   #mainMenu ul li.predsednictvo-mz a
{ font-weight: bold; color: #23366f; background: url('/files/graphic/li_menu.gif') right no-repeat; padding-right: 15px; }

body#index              #mainMenu ul li.uvod a:hover,
body.temy               #mainMenu ul li.temy a:hover,
body.nova-generacia     #mainMenu ul li.nova-generacia a:hover
body#kontakty           #mainMenu ul li.kontakty a:hover,
body#linky              #mainMenu ul li.linky a:hover,
body.fotogaleria        #mainMenu ul li.fotogaleria a:hover,
body.predsednictvo-mz   #mainMenu ul li.predsednictvo-mz a:hover
{ text-decoration: none; }

#linkMenu               { width: 150px; border-top: 1px solid #c1c6cb; margin-top: 40px; }
#linkMenu ul            { list-style: none; }
#linkMenu ul li         { border-bottom: 1px solid #c1c6cb; width: 150px; text-align: right; }
#linkMenu ul li a       { color: #23366f; text-decoration: none; font-size: .9em; display: block; width: 150px; height: 50px; line-height: 50px; overflow: hidden; }
#linkMenu ul li a:hover { text-decoration: underline; }

.lmBb     { background: url('/files/graphic/logo_mm1.gif') left no-repeat; }
.lmSdku   { background: url('/files/graphic/logo_mm2.gif') left no-repeat; }
.lmNg     { background: url('/files/graphic/logo_mm3.gif') left no-repeat; }
.lmNb     { background: url('/files/graphic/logo_mm4.gif') left no-repeat; }

#footer           { position: absolute; bottom: 0; left: 0; width: 100%; height: 111px; background: #23366f url('/files/graphic/footer.gif') left repeat-x; text-align: center; }
#footerIn         { width: 880px; margin: 0 auto; text-align: left; color: #fff; position: relative; font-size: .9em; margin-top: 30px; }
#footerBlank      { width: 191px; float: left; }
#footerContent    { width: 688px; float: left; border-left: 1px solid #8392b3; padding: 5px 0 10px 0; }
#footerContent a           { color: #fff; text-decoration: underline; }
#footerContent a:hover     { color: #fff; text-decoration: none; }
#footerContent .fr a       { display: block; float: left; text-decoration: none; }
#footerContent .fr a img   { margin-left: 5px; }


/* CONTENT */

h2,
h2.hStyle1,
h2.hStyle2              { text-transform: uppercase; color: #84a0c2; margin: 0; padding: 0; padding: 2px 0; padding-left: 35px; font-size: 1em; }

h2                      { padding-left: 15px; }

h2.hStyle1,
h2.hStyle2              { padding-left: 35px; }

h2                      { background: #dee6ef; margin-bottom: 10px; }

h2.hStyle1              { background: #dee6ef; margin-bottom: 5px; }
h2.hStyle2              { background: #c8d4e3; margin-bottom: 5px; }

h2.postava              { background-image: url('/files/graphic/ico_postava.gif'); background-position: 10px 3px; background-repeat: no-repeat; }
h2.papiere              { background-image: url('/files/graphic/ico_papiere.gif'); background-position: 10px 4px; background-repeat: no-repeat; }


.quote         { background: url('/files/graphic/quote-s.gif') 0 2px no-repeat; }
.quoteIn       { background: url('/files/graphic/quote-e.gif') bottom right no-repeat; }

.quoteText1    { padding-left: 25px; }
.quoteText2    { padding-right: 25px; }

.tema          { margin-bottom: 10px; }
.temaHead      { color: #23366f; font-size: .9em; position: relative; }
.temaHead .fl  { width: 550px; }
.temaBody      { border-top: 1px solid #bec4ca; }

.vyhlasenie    { position: absolute; right: 0; bottom: 10px; display: block; min-width: 130px; text-align: right; }

.tema .foto       { width: 150px; float: left; }
.tema .foto img   { margin-top: 10px; }
.tema .text       { float: left; width: 513px; }

.strankovanie                 { border-top: 1px solid #bec4ca; text-align: center; margin: 30px 0; padding-top: 20px; }
.strankovanie a               { color: #213371; text-decoration: none; padding: 0 2px; }
.strankovanie a:hover         { text-decoration: underline; }
.strankovanie a.active        { font-weight: bold; text-decoration: none; }
.strankovanie a.active:hover  { text-decoration: none; }

h3                { text-transform: uppercase; font-weight: bold; font-size: 1.9em; }
h3 a              { color: #6f90b8; }
h3 a span         { color: #23366f; }
h3 a:hover        { color: #6f90b8; }
h3 a:hover span   { color: #23366f; }


.table2              { width: 100%; _width: 96%; font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif; font-size: 1em; }
.table2 td           { height: 40px; padding-left: 15px; }
.table2 td img       { margin-right: 10px; }
.table2 tr.row2      { background: #cdd9e7; }
.table2 tr.row2 td   { height: 30px; }
.table2 a            { color: #22376c; text-decoration: underline; }
.table2 a:hover      { text-decoration: none; }


ul.kontakty            { list-style: none; }
ul.kontakty li         { border-bottom: 1px solid #c1c6cb; text-align: left; padding-left: 15px; }
ul.kontakty li.last    { border: none; }
ul.kontakty li a       { color: #23366f; text-decoration: none; font-size: .9em; display: block; height: 50px; line-height: 50px; overflow: hidden; }
ul.kontakty li a:hover { text-decoration: underline; }

a.fotka                 { display: block; _display: inline; text-align: center; background: #c7d1dc; float: left; min-width: 150px; _width: 150px; min-height: 150px; _height: 150px; margin: 12px 0 0 12px; text-decoration: none; text-align: center; }
a.fotka:hover           { background: #b7cfeb; text-decoration: none; }
a.fotka img             { margin: 10px auto; display: block; }