/****************************************************** FONTS *************************************************************/
/*     FONT-PATTERNS
-------------------------
* ARIAL
      font-family: "Arial CE", Arial, "Helvetica CE", helvetica, sans-serif;
* VERDANA
      font-family: "Verdana CE", Verdana, "Arial CE", Arial, "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
* TAHOMA
      font-family: "Tahoma CE", Tahoma, "Arial CE", Arial, "Helvetica CE", lucida, sans-serif;
* TIMES NEW ROMAN
      font-family: "Times New Roman CE", "Times New Roman", "Times New CE", "Times CE", times, serif;
* COURIER NEW
      font-family: "Courier New CE", "Courier CE", "Courier New", courier, monospace;
* GEORGIA
      font-family: "Georgia CE", Georgia, "Times New CE", "New York CE", "Times CE", times, serif;
* IMPACT
      font-family: "Impact CE", "Arial CE", "Techno CE", "Helvetica CE", Impact, lucida, sans-serif;
* CCOMIC SANS MS
      font-family: "Comic Sans MS CE", "Comic Sans MS", "Arial CE", Arial, "Sand CE", "Helvetica CE", lucida, fantasy;
*/

/****************************************************** COLORS ************************************************************/
/*
background { background:#; }
p { color:#; }
a { color:#; }
a:hover { color:#; }
*/

/**************************************************************************************************************************/
/****************************************************** RESET *************************************************************/
/* Default font settings. The font-size percentage is of 16px. (0.75 * 16px = 12px) - font-size: 62.5%;*/
/*
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-family:inherit; vertical-align:baseline; }
*/
html {  }
body { color:#0D0E0D; background:#e3e3e3 url(../images/bodyBg.png) no-repeat center top; font-family:‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif; font-size:12px; height:100%; line-height:1.2; }
* { margin:0; padding:0; }
:focus { outline:0; }
ol, ul { padding-left:30px; }
table { border-collapse:separate; border-spacing:0; /*border:black solid 2px;*/ }
caption { text-align:center; }
th, td { text-align:left; font-weight:normal; border:none; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes: "" ""; }
a { text-decoration:underline; }
a:hover { text-decoration:none; }
a img { border:none; }
input {}
button { cursor:pointer; }
a span { cursor:pointer; }

/****************************************************** CONTENT ************************************************************/
.clear { clear:both; }
.fRight { float:right; }
.fLeft { float:left; }
.hidden { visibility:hidden; }
.tRight { text-align:right; }
.tCenter { text-align:center; }
.tLeft { text-align:left; }

.photogalery {  }
.photogalery li { list-style:none; float:left; margin:1px; }
.photogalery a {  }
 
.separator { clear:both; visibility:hidden; }


/***************************************************************************************************************************/
/**************************************************** HTML & BODY **********************************************************/
#body { margin:0; padding:0; }


/***************************************************************************************************************************/
/****************************************************** PAGE ***************************************************************/
#page { width:954px; margin:0 auto; position:relative; }


/***************************************************************************************************************************/ 
/****************************************************** HEADER *************************************************************/
#header { height:130px; }
#header .leftLogo { height:71px; width:161px; margin:5px 0; display:block; float:left; overflow:hidden; position:relative; }
#header .leftLogo img { top:0; left:0; position:absolute; }
#header .rightLogo { height:50px; width:50px; margin:14px 2px; background:url(../images/logoRight.png); display:block; float:right; } .superscript{font-size:xx-small; vertical-align:top;}
#breadcrumbs { line-height:20px; padding:5px; color:#070707; padding-top:0; font-weight:bold; }
#breadcrumbs a { color:#2F78D0; padding:0 12px 0 7px; font-weight:bold; background:url(../images/crumbArrow.gif) no-repeat right 6px; text-decoration:none;}
#breadcrumbs a:hover { text-decoration:underline; }
#breadcrumbs span { padding-left:5px; }


/***************************************************************************************************************************/
/****************************************************** CONTENT ************************************************************/
#content { min-height:300px; width:678px; background:url(../images/contentLine.png) repeat-y; position:relative; padding:5px 15px; }
#content2 { min-height:300px; width:949px; background:url(../images/contentLine2.png) repeat-y; position:relative; padding:5px 15px; }
#contentTop { background:url(../images/contentTop.png) no-repeat; height:6px; width:708px; }
#contentTop2 { background:url(../images/contentTop2.png) no-repeat; height:6px; width:949px; }
#contentBottom { background:url(../images/contentBottom.png) no-repeat; height:6px; width:708px; }
#contentBottom2 { background:url(../images/contentBottom2.png) no-repeat; height:6px; width:949px; }

#content h1,
#content h2,
#content h3,
#content h4 { margin:5px 0; font-family:‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif; color:#252525; }

#content h1 { font-size:26px; line-height:36px; }
#content h2 { font-size:16px; line-height:26px; }
#content h3 { font-size:14px; line-height:24px; }
#content h3 { font-size:13px; line-height:23px; }
#content p { line-height:16px; color:#252525; }
#content a { color:#2F78D0; }

/* kontakt */
#content.long { width:924px; background:url(../images/contentLongLine.png) repeat-y; }
#contentTop.long { background:url(../images/contentLongTop.png) no-repeat; height:6px; width:954px; }
#contentBottom.long { background:url(../images/contentLongBottom.png) no-repeat; height:6px; width:954px; }

/* index */
#content.index { width:954px; background:none; padding:0; }
#content.index h1,
#content.index h2,
#content.index h3,
#content.index h4 { margin:0; line-height:16px; }

#content.bannerHP {  }

.threeBoxies { display:block; margin:5px 1px; padding:0; width: 952px; overflow: hidden; }
.threeBoxies li { width:308px; display:block; float:left; margin-right:12px; list-style:none; }
.threeBoxies li.third { margin-right:0; }
.threeBoxies li .box-content { height:194px; }
.threeBoxies li.first .box-content { background:url(../images/box1.png) no-repeat; }
.threeBoxies li.second .box-content { background:url(../images/box2.png) no-repeat; }
.threeBoxies li.third .box-content { margin-right:0px; background:url(../images/box3.png) no-repeat; }
.threeBoxies .box-content a { height:194px; width:308px; text-decoration:none; display:block; }
.threeBoxies .box-content h2 { padding:10px 20px; text-align:center; color:#0D0E0D; font-size:16px; font-weight:normal; }
.threeBoxies .box-content .images { margin:2px auto; display:block; }

.linkButtonHp { }
#content .buttonHP { width:203px; line-height:19px; padding:10px 20px; background:url(../images/button.png) no-repeat; cursor:pointer; color:white; text-shadow:1px 1px 1px #224D99; font-size:18px; text-align:center; display:block; text-decoration:none; margin:10px auto; }
#content .buttonHP:hover { text-decoration:underline; } 

.tenBoxHp { background:url(../images/tenBoxHp.gif) no-repeat; height:175px; margin:1px; }
.tenBoxHp h2 { color:#4D4D4D; padding:5px 20px; text-shadow:1px 1px 1px #fff; font-size:16px; font-weight:normal; }
.tenBoxHp .boxes { padding:0; }
.tenBoxHp .box { width:296px; height:127px; display:block; list-style:none; float:left; margin:10px; overflow:hidden; }
.tenBoxHp .box-content { width: 100%; overflow: hidden; }
.tenBoxHp h3 { color:#2F78D0; font-size:14px; }
.tenBoxHp h3 a { color:#2F78D0; font-size:14px; text-decoration:none; }
.tenBoxHp .img { float:left; padding:5px; }
.tenBoxHp p { float:right; text-align:left; padding:5px 0; }
.tenBoxHp p.withImg { width:185px; }
.tenBoxHp .more { color:#2F78D0; padding-right:10px; text-decoration:none; background:url(../images/arrow.gif) no-repeat right 5px; margin:5px 0; }

.toolbarHP { background:url(../images/toolbarHP.gif) no-repeat; width:948px; /*height:34px;*/ overflow:hidden; margin:10px 1px; }
.toolbarHP ul { padding:0; }
.toolbarHP li { float:left; list-style:none; list-style:none; }
.toolbarHP .first { font-size:16px; color:#252525; line-height:24px; padding:5px 30px 5px 20px; text-shadow:1px 1px 1px #fff; width:150px; }
.toolbarHP .link { line-height:24px; padding:5px 20px 5px 50px; background:url(../images/arrow2.gif) no-repeat right 12px; color:#111; font-size:16px; text-decoration:none; display:block; }
.toolbarHP .link:hover { color:#2F78D0; }

.facebookHP,
.twitterHP { float:left; width:468px; height:447px; background:url(../images/facebook.gif) no-repeat; }
.facebookHP { margin:0 10px 0 1px; }
.facebookHP h2,
.twitterHP h2 { color:#4D4D4D; padding:5px 20px; text-shadow:1px 1px 1px #fff; font-size:16px; font-weight:normal; }
.facebookHP .box,
.twitterHP .box { padding:10px; }

/* chyby formulářů */
#content .error,
#content .success{border:1px solid #860000; border-left:none; border-right:none; background-color:#FCB2B2; padding-top:1em; padding-bottom:1em; width:400px; padding-left:20px; }
#content .error li,
#content .success li{ color:#860000; font-weight:bold; list-style-image:url(../images/exclamation.html); font-size:.9em;}
#content .success{border-color:#017F00; background-color:#ACFFAC; color: #017F00; }
#content .success li{list-style-image:url(../images/accept.html);color:#017F00;}

#content .contact .more.send { background:url(../images/otherPartners.png) no-repeat; width:116px; line-height:14px; padding:2px 5px; cursor:pointer; color:white; text-shadow:1px 1px 1px #224D99; font-size:14px; text-align:center; display:block; text-decoration:none; border:none; height:25px; margin-left:138px; }

/* error 404 */
#error404 {}

/* mapa stránek */
#siteMap {}

/* menu podstránek */
#proceduresubpage { width:229px; float:right; background:url(../images/subPageMenu.png) no-repeat; height:581px; position:relative; }
#proceduresubpage h2 { color:#4D4D4D; padding:8px 10px; text-shadow:1px 1px 1px #fff; text-align:center; font-size:16px; font-weight:normal; }
#proceduresubpage h3 { margin:0;

}
#proceduresubpage .threeboxes { padding:0; }
#proceduresubpage .threeboxes li { list-style:none; padding:10px 20px; height:152px; }
#proceduresubpage .threeboxes li a { height:152px; width:189px; text-decoration:none; display:block;  }
#proceduresubpage .threeboxes li h3 { padding:5px 5px 2px 15px; text-align:center; color:#1D1D1D; font-size:14px; font-weight:bold; }
#proceduresubpage .threeboxes li img { margin:2px auto; display:block; }
#proceduresubpage .button { width:190px; height:30px; line-height:18px; padding:10px 20px 10px 20px; cursor:pointer; color:white; text-shadow:1px 1px 1px #224D99; font-size:18px; text-align:center; display:block; text-decoration:none; margin-top:10px; }
#proceduresubpage .button:hover { text-decoration:underline; } 

/* boxy pod obsahem */
#boxArticles {}
#boxArticles .boxArticles { padding:0; }
#boxArticles .boxArticles li { list-style:none; background:url(../images/boxArticle.png) no-repeat left top; width:468px; height:158px; float:left; margin:10px 0; margin-right:8px; }
#boxArticles .boxArticles h3,
#boxArticles .boxArticles h3 a { color:#4D4D4D; padding:5px 20px; text-shadow:1px 1px 1px #fff; font-size:16px; font-weight:normal; }
#boxArticles .boxArticles h3 a { padding:0; }
#boxArticles .boxArticles .img { padding:3px 0px 3px 1px; float:left; width:160px; text-align:center; }
#boxArticles .boxArticles p { float:right; max-width:280px; margin:10px; }

/* duvody */
#reasons { padding:0; }
#reasons li { font-size:14px; line-height:24px; font-weight:bold; margin-top:15px; /*min-height:90px;*/ list-style:none; }
#reasons .img { float:right; padding-top:20px; }
#reasons h2 { font-size:14px; line-height:24px; font-weight:bold; }
#reasons .p { padding-left:18px; line-height:16px; font-size:12px; font-weight:normal; zoom: 1; }

/* kontakty */
#contacts { padding:0; }
#contacts li { width:450px; list-style:none; float:left; border-bottom:white solid 1px; }
#contacts li.left { padding:5px 10px 5px 0; border-right:#D9D9D9 solid 1px; }
#contacts li.right { padding:5px 0px 5px 10px; }
#contacts li.underline { border-bottom:#D9D9D9 solid 1px; }

/* button ostatní partneři */
#otherPartners { position:absolute; right:20px; top:12px; }
#otherPartners .link { background:url(../images/otherPartners.png) no-repeat; width:106px; line-height:14px; padding:5px; cursor:pointer; color:white; text-shadow:1px 1px 1px #224D99; font-size:14px; text-align:center; display:block; text-decoration:none;  }
#otherPartners .link:hover { text-decoration:underline; } 

/***************************************************************************************************************************/
/******************************************************* MENU **************************************************************/
#mainMenu { background:url(../images/bg-main-menu.png) no-repeat 0 0; width:950px; overflow:hidden; height:40px; top:80px; left:0px; position:absolute; }
#mainMenu li { list-style:none; height:40px; float:left; width:190px; background:url(../images/menuSeparatorPasive.png) no-repeat right 1px; }
#mainMenu li a { line-height:20px; padding:10px; background:url(../images/bg-main-menu5.png) no-repeat; background-position:-195px 0; color:white; text-decoration:none; display:block; text-align:center; font-size:16px; text-shadow:1px 1px 1px #224D99; width:169px; }
#mainMenu li a:hover { background-position:-195px -41px; }
#mainMenu li a.selected { background-position:-195px -82px; }

#mainMenu li.first { width:191px; }
#mainMenu li.first a { background-position:0px 0; width:170px; }
#mainMenu li.first a:hover { background-position:0px -41px; }
#mainMenu li.first a.selected { background-position:0px -82px; }

#mainMenu li.last { background:none; width:169px; }
#mainMenu li.last a { background-position:-761px 0; width:170px; }
#mainMenu li.last a:hover { background-position:-761px -41px; }
#mainMenu li.last a.selected { background-position:-761px -82px; }


/***************************************************************************************************************************/
/****************************************************** FOOTER *************************************************************/
#footer { height:30px; line-height:30px; border:#D9D9D9 solid 1px; border-right:none; border-left:none; margin:10px 1px; }
#footer a { color:#2F78D0; font:12px; }
#footer #footerLink { padding:0; float:right; }
#footer #footerLink li { list-style:none; float:left; }
#footer #footerLink a { padding:0px 10px; border-left:#989898 solid 1px; }
#footer #footerLink .first a { border-left:none; }

/***************************************************************************************************************************/
/******************************************************* ADMIN *************************************************************/
/* EDIT obtakajici */
.add { background:#205823; color:white; padding:1px 5px 1px 30px; position:relative; margin:0; height:20px; line-height:20px; }
.add a { position:absolute; top:3px; left:5px; }
.edit { background:#5C6A1D; color:#926002; color:white; padding:3px 5px; position:relative; margin:0; height:20px; line-height:20px; display:block; }
.edit a { color:white; float:right; }
.edit .btnSortUpInactive,
.edit .btnSortDownInactive { float:right; }

/* kontaktni formular */
#contactForm { margin:10px 30px 20px 30px; }
#contactForm .contact { border:none; }
#contactForm .contact ul { padding:0; }
#contactForm .contact li { background:none; margin:0; padding-bottom:5px; list-style:none; }
#contactForm input,
#contactForm textarea { border:#D9D9D9 solid 1px; border-bottom:#eee solid 1px; border-top:#8C8C8C solid 1px; background:white url(../images/input.html) repeat-x; padding:5px; width:260px; font-family:"Arial Regular", Arial, Helvetica, sans-serif; font-size:12px; }
#contactForm textarea { width:360px; }
#contactForm label { width:140px; color:#3C3C3C; display:block; float:left; padding-top:5px; font-weight:bold; }
#contactForm .more { color:white; display:block; width:69px; height:27px; padding:4px 10px; text-align:center; border:black 1px solid; margin-left:100px; cursor:pointer; }

/* chyby formulářů */
.error,
.success { border:1px solid #860000; border-left:none; border-right:none; background-color:#FCB2B2; padding-top:1em; padding-bottom:1em; width:400px; padding-left:20px; margin-bottom:5px; }
.error li,
.success li { color:#860000; font-weight:bold; list-style:disc; font-size:.9em; background:none; padding:0; }
.success { border-color:#017F00; background-color:#ACFFAC; color: #017F00; }
.success li { list-style-image:url(../images/accept.html);color:#017F00;}


/***************************************************************************************************************************/
/******************************************************* ADMIN *************************************************************/
#admin-menu { position:absolute; top:0; right:0; padding:10px 20px; background:white; background:#eee; }
#admin-menu ul { margin:0; } 
#admin-menu li { list-style:square; color:#05658B; }
#admin-menu li a { color:#05658B; }
#admin-menu li hr { background:#05658B; height:1px; border:none; }
/* EDIT obtakajici RELATIVE*/
.level { margin-left:20px; }
.add { background:#eee; color:#05658B; padding:1px 5px 1px 30px; position:relative; margin:0; height:20px; line-height:20px; list-style:none; }
.add a { position:absolute; top:3px; left:5px; }
.edit { background:#eee; color:#05658B; color:black; font-weight:bold; padding:3px 5px; position:relative; margin:0; line-height:20px; display:block; }
.edit a { color:white; float:left; }
.edit .link { float:none; }
.edit .btnSortUpInactive,
.edit .btnSortDownInactive { float:left; }
.edit .red { color:red; }
.edit .green { color:green; }
.edit .maroon { color:maroon; }
.edit .fuchsia { color:fuchsia; }
.edit .olive { color:olive; }
.edit .purple { color:purple; }
.edit .teal { color:teal; }
.edit .gold { color:gold; }

li.edit { height:auto; }