/* ZAKLADNI FORMATOVANI ADP */
* {margin:0; padding:0;}

body, html {font-family: Arial CE, Helvetica CE, Arial, Helvetica, sans-serif; font-size: 100%; color: #404040; text-align: center; margin: 0; padding: 0; height: 100%; line-height: 140%; background: #3d3636; border-top: 1px solid white;}
body { font-size: small;}

a		{color:#ed1c24; text-decoration: none;border-bottom:1px solid red;margin-bottom:-1px;}
a:visited	{border-bottom:1px dashed red;text-decoration: none;}
a:hover		{text-decoration: none; border-bottom: none;}


#navigace		{margin-left:49px;padding-top:15px;}
#navigace a, #footer a, #text-head-1 a {color: #404040; border-bottom: 1px solid #404040;}
#navigace a:visited, #footer a:visited, #text-head-1 a:visited {color: #404040; border-bottom: 1px dashed #404040;}
#navigace a:hover, #footer a:hover, #text-head-1 a:hover {border-bottom: none;}


h1, h2, h3, h4, h5 {line-height:121%;color: #404040; margin:1em 0;}
h1 a, h2 a, h3 a, h4 a, h5 a, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited {color: #ffaa00; border-color: #ffaa00; border-width:1px;}

h1 {font-size:200%; font-weight:500; margin:15px 0 0.5em 0; padding-bottom:5px; border-bottom: 1px solid #a6a6a6; color:#333333;}
h2 {font-size:150%; font-weight:500; color:#333333;}
h3 {font-size:130%; color:#333333;}
h4 {font-size:105%;}

ul, ol		{margin: 0.5 0 1em 0; padding:0;}
li		{margin: 1em 0 0 1.5em; padding: 0; list-style-image: url(/img/layout/odr.gif);}
ol li 		{list-style-image: none; list-style: decimal;padding:0;}

img {border:1px solid #e6e6e6;padding:2px;}
#page-orig-image img {border:1px solid #e6e6e6!important;padding:2px;}

.left {float:left;width:50%;margin-top:0;}

/*table*/
.page table {border: 1px solid #e6e6e6;background:#ffffff; border-collapse: collapse;text-align:center;}
.page table td, .page table th {border:1px solid #e6e6e6; padding:3px; vertical-align:middle;border-color:#bebebe;}
.page table p {margin:0;padding:0;}

.page table thead, .page table thead th {background:#fbc98f; color:#a15e26;border-color: #dcb68b;}
.page table tr.row-cpp {background:#e6e6e6;}
.page table th {background:#d3d3d3}

.page .table-bordered {width:100%;}


#discussion-roll {border-bottom: 1px solid #808080; padding-bottom: 10px;margin-bottom:10px;}
#discussion-list li		{font-weight: normal;}
#discussion-list li.new		{font-weight: bold;}
#discussion-roll li 		{font-weight: normal;}
#discussion-roll li.new 	{font-weight: bold;}

p {margin: 0.5em 0;}
img.pop-up {cursor:pointer;margin:0.5em;}
#article-content img {padding:3px; border: 1px solid #d5d5d5; margin: 5px;}

dt { font-weight:bold; margin:0.5em 0 0; padding:0;}
dd { margin:0 0 0 2.5em; padding:0;}

/*ROZVRZENI*/
#main	    {width: 770px;background: transparent; text-align: center; margin:0 auto; padding: 0;}
#main-box   {width:100%; text-align: left; position: relative; margin:0; padding:0;}

#menu {width: 172px;height:auto; overflow: hidden; float:right; border-left:4px solid white;background:white;}

.obal { padding:0;margin:0 3px;clear: both;background: white url(/img/layout/top-stin.png) 0 164px repeat-x;}
.page {background: transparent url(/img/layout/page-bg.png) left bottom repeat-y; min-height: 400px;margin:0;padding:0 0 15px 0;clear:both;}

/* + komponenty*/
#content {float:right;width:65%;margin:5px 30px 10px 0;}
.width #content, #content-sitemap {float:none;width:auto; margin:0 49px 10px 49px;padding:0;}

#panel {float:left;width:27%;margin-left:8px;margin-top:5px; height:600px;display:block;}
#panel h2 {margin:0 0 0.5em 10px;padding:0 0 5px 0;font-size:200%;border-bottom: 1px solid #a6a6a6;}

.side_panel {border:1px solid #d5d5d5;background: #f2f2f2;padding:5px 0; margin-top:4px; margin-bottom:10px}
.side_panel p {padding:0 10px;}
.side_panel hr {color: #d5d5d5; background: #d5d5d5; border: none; margin:5px 0 15px 0;}
.page .side_panel table, .page .side_panel .table-bordered {margin:0 10px;width:183px;}
.news-item {border-bottom:1px solid #d5d5d5; margin: 5px 0 15px 0;padding:0 10px;}
.news-item h4 {margin:1px 0;}
.news-item .date {font-size:95%;font-style: italic;}

/*Kontext menu*/

.menu-out {padding:10px 0px; margin:5px 3px 10px 3px;background:transparent url(/img/layout/submenu-bg.png) 5px right no-repeat;}
#ul-kontextmenu {border-right: 1px solid #a6a6a6; padding:0 5px;}

.menu-out ul li a {color:#3d3636;border-color:#3d3636; border:none;}
.menu-out a:hover {color:#ed1c24;}

.menu-out ul li {margin:0 0 0 20px;padding-bottom:3px; line-height:160%;}
.menu-out ul li ul {border-top:1px solid #a6a6a6; width:100%;padding-top:5px; margin-top:5px;padding-bottom:8px;}
.menu-out ul li ul li, .menu-out ul li ul li ul li {list-style:disc;}
.menu-out ul li ul li a, .menu-out ul li ul li strong {margin-left:0;}
.menu-out ul li ul li ul li a, .menu-out ul li ul li ul li strong {margin-left:0px;}

/*hlavni menu*/

.odkazy {display: block;width:550px;height:60px; position: absolute; top:10px; right:4px;overflow:hidden;text-align:right;background: transparent;font-size:95%;}
#menu h2, #menu ul li ul {display:none;}
#menu ul, #menu ol, #menu li {margin:0;padding:0;list-style-type:none;display:block;float:left;} /*zruseni default nastaveni*/

/*#menu {width:450px;height:77px;margin:0;padding:0;border:none;font-weight:600;text-align:left;background: transparent; white-space:nowrap;} /*pokud se prida o prida o jeden odkaz vic, pokud o 2tak ma menu width:535px;*/

#menu {width:500px;height:77px;margin:0;padding:0;border:none;font-weight:600;text-align:left;background: transparent; white-space:nowrap;}

#menu li {height:23px;overflow:hidden; width:99px;  /*width:89px;*//* + 1 odkaz*/display:block;float:left;color:#ffffff;padding:15px 0 8px 0; text-align:center;}
#menu li.ancestor_aktivni, #menu li.aktivni_nochildren, #menu li.ancestor_sub-aktivni {display:block; background: transparent url(../img/layout/menu-aktivni.png) bottom center no-repeat; height:35px; display:block; padding-bottom:10px;color:red; }

#menu li a {padding:0;color: #ffffff;text-decoration:none;border:none;font-weight:500;}
#menu li a:hover {color:red;}
#menu li.aktivni_last, #menu li.aktivni_last_nochildren {background:transparent url(../img/layout/menu-aktivni.png) bottom center no-repeat;height:35px; display:block; padding-bottom:10px;color:red;}
#menu strong {font-weight:500;}
#menu li a, #menu li strong {padding:5px 10px 8px 10px;display:block;border-right:1px solid #5d5a5a; height:18px;overflow:hidden;}
#menu li.last a, #menu li.last strong, #menu li.last_nochildren a {border-right:none; }

#menu li.aktivni_last_nochildren a, #menu li.aktivni_last_nochildren strong {border-right:none;}

/*STYLY*/
/*header*/
#header {position: relative; background: #f6911e url(/img/layout/header-big.png) top right no-repeat; height: 219px; text-align: center; color: #ffffff;overflow:hidden;margin:0;padding:0;}

#header h2 {margin: 0; position: absolute; left:48px; top:0; height: 102px; width: 168px; background: url(/img/layout/adp-logo.png) 0 0 no-repeat; border:none;color: #ffffff; font-size: 150%;overflow:hidden;margin:0; padding:0;}
#h-pict, #homelink {position: absolute; left:0; top:0; height:94px; width:157px; background: transparent url(/img/layout/adp-logo.png) top left no-repeat; text-decoration: none;color:#ffffff;margin:0; padding:0;}

#logo-text {color:#ffffff;}

#text-head-1 {color:black;display:block; width:227px; height:50px; position: absolute; left:220px; top:61px;padding:1px;text-align:left; font-size:85%; line-height:125%;overflow:hidden;background:transparent;display:none;}

.paging {margin-bottom:5px; float:right;margin-top:12px;}

/*boxy*/
.box {width:200px;overflow:hidden; height:auto; float: left;display:block;margin:0 30px 25px 0;padding-top:10px;padding-bottom:4px;}
.box img {border:none; padding:0; margin:0;}
.box .tlac a {border:none; padding:0; margin:0;}

.boxin {background: #e7e8e9 url(/img/layout/boxin-shadow.png) left 64px repeat-x;margin:0; padding:0;clear:both;min-height:115px;display: block;}

.box .tlac {float:left; margin:5px 12px;}
.box a .ina {margin:0; padding:0 5px;text-align:right;display: block;}
.box a {color:#333333;border:none; text-decoration:none;font-size:95%;text-align:right;}
.box a:hover {border:none; text-decoration:none;}

.b-orange	{background: #f05a28;}
.b-red		{background: #ed1c24;}
.b-brown	{background: #603813;margin-right:0;}
.b-blue		{background: #57b6dd;}
.b-lgreen	{background: #37b34a;}
.b-dgreen	{background: #286e6a;margin-right:0;}

/*Footer*/
.footer-out {background:transparent url(/img/layout/page-bg.png) left bottom repeat-y;padding:0 0; margin:0 3px 0 3px;padding:0;clear:both; }
.footer-in {background:transparent url(/img/layout/footer.png) left bottom no-repeat;}
#footer {display:block;clear:both;border-top:1px solid #a6a6a6;margin: 0 48px 0 49px; padding:1px 0 0 0;font-weight:600;}
#footer a {color: #4d4d4d; border-bottom: none;text-decoration:underline; font-weight:600;}
#footer a:visited {color: #4d4d4d; border-bottom: none;}
#footer a:hover {border-bottom: none;text-decoration:none}
#footer .right {float:right;padding:5px 0 7px 0;margin:0 15px 0 0; }
.sun {float:left;margin:0 0 0 15px;padding:5px 0 7px 0;}


/*formular*/
#content form, #content form p {font-size: small;color: #000;text-indent: 0; line-height: 110%; margin-top:20px;}
#content form input {background: white url(/img/layout/form/form-radek.png) 0 0 no-repeat; height: 19px; width:180px; padding:3px 10px 0 5px; margin-top:5px;}
#content form textarea {height: 144px; width: 334px; background: white url(/img/layout/form/textarea.png) 0 0 no-repeat; padding: 5px 1px 5px 5px; }
.reply-form input, .delete-form input, #content form .submit {margin-top: 5px; width: 98px;color: #fff; background: #616161 url(/img/layout/form/odeslat.png) 0 0 no-repeat; padding:0 2px 2px 0; height:21px;}
#content form legend { font-weight: bold; margin-left:10px;padding:5px 8px; border:1px solid #a6a6a6;background:white;}
#content form fieldset {width:495px; background: transparent url(/img/layout/form/form.png) 0 0 no-repeat; padding:5px 0 10px 0; margin:10px 0 10px 0; border:none; border-bottom: 1px solid #f9f9f9;border-top:1px solid #fff; border:1px solid #a6a6a6;}
#content form fieldset p { margin: 5px 10px; padding:3px 0;}
#content form th, #content form td {padding-left:5px;text-align:left;}
#content form input, #content form textarea {border: none;}

form.reply-form, #deactivate-post, #delete-post {display: inline;} /* nastavit XT tlacitka do inline */
.reply-form input, #delete-post input, #deactivate-post input {margin-top: 5px;margin-left: 0; width: 98px;color: #fff; background: #616161 url(/img/layout/form/odeslat.png) 0 0 no-repeat; padding:0 2px 3px 0; height:21px; border:none;} /*tlacitka formulare*/

#content form table, #content form td,#content form tr, #content form th {border:none;background:transparent;}

#discussion-list {margin-bottom:15px;}
.post-title {background:#f2f2f2;padding-left:5px; margin-top: 1em;}

/*BX - obalovy box*/
.bx		{ width:100%; background: #f2f2f2 url(../img/layout/bx/left-center.png) 0 0 repeat-y;text-align: center;}
.bx .in		{ background: url(../img/layout/bx/right-center.png) top right repeat-y;}
.bx .intc	{ background: url(../img/layout/bx/top-center.png) 0 0 repeat-x;}
.bx .intl	{ background: url(../img/layout/bx/top-left.png) 0 0 no-repeat;}
.bx .intr	{ background: url(../img/layout/bx/top-right.png) right top no-repeat;}
.bx .inbc	{ background: url(../img/layout/bx/bottom-center.png) left bottom repeat-x;}
.bx .inbl	{ background: url(../img/layout/bx/bottom-left.png) left bottom no-repeat; width:100%;}
.bx .inbr	{ background: url(../img/layout/bx/bottom-right.png) right bottom no-repeat; padding: 0 5px;}
.bx .vnitrek img {margin:15px 5px 10px 5px; border:5px solid #b3b3b3;padding:0;}


/* Ceniky*/

.page .ceniky table {width:90%;}
.page .ceniky table, .page .ceniky td, .page .ceniky tr {border:none; text-align: left;vertical-align: top;}
.page .ceniky td {padding-right:10px;}

.page .ceniky td li {margin: 0 0 0 1em; padding: 0; list-style-image: url(/img/layout/odr.gif);}


/*OSTATNI*/
img.fleft {float:left; margin:0 15px 5px 0;}
img.flright {float:right; margin:0 0 5px 15px;}

#page-orig-image {z-index: 10; cursor:pointer;}
.img-thumb {cursor: pointer;}
.cistic, .hide {clear:both;height:1px;}
.invisible {display:none; clear:both;}
.hide-descriptions .description {display: none;}

.error {margin:10px 0; color: red;}