/* CSS Style - Design By: Martin Ondrejmiška 28.3.2011 */

/*                                                              Reset
------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 
img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { 
line-height: 1; } ol, blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: 
none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

/*                                                              Obecné
------------------------------------------------------------------- */
html {
	font-size: 12px; min-height: 100%;
} 
body {         
    color: #000; font: normal 12px arial; background: #000 url(img/background.jpg) top center no-repeat; background-attachment: fixed;
}
.red {
    color: #ff0000;
}
.green {
    color: green;
}
.center_text {
    text-align: center;
}
.small {
    font-size: 11px;
}
.mini {
    font-size: 10px;
}
.inner {
    width: 100%; float: left;
}
.inner_half {
    width: 50%; float: left;
} 
.inner_quarter {
    width: 25%; float: left;
}
.inner_three {
    width: 75%; float: left;
}
.nostrong {
    font-weight: normal;
}
strong.no {
    font-weight: normal;
}
.strong {
    font-weight: bold;
}
.hidden {
    display: none;
}
.float_right {
    float: right;
}
.float_left {
    float: left;
}
.silver {
    color: #888;
}

/*                                                              Odstavce
------------------------------------------------------------------- */ 
p {
    padding: 5px 0 5px 0; color: #000;
}
p.big {
    padding: 5px 0 5px 0; font-size: 13px;
}
p.p  {
    padding: 5px 0 5px 0; text-indent: 20px;
} 
p.j  {
    text-align: justify;
} 
p.no  {
    padding: 5px 0 5px 0; text-indent: 0px;
}   
.neon {
    float: left;width: 98%; padding: 5px 1% 5px 1%; border: solid 1px #86b4e7; background-color: #edf5ff; margin: 5px 0 5px 0;
} 
.neon1 {
    float: left;width: 98%; padding: 5px 1% 5px 1%; border: solid 1px #f1ef6e; background-color: #ffffe0; margin: 5px 0 5px 0;
} 
.neon2 {
    float: left;width: 98%; padding: 5px 1% 5px 1%; border: solid 1px #86e088; background-color: #edffed; margin: 5px 0 5px 0;
}

/*                                                              Form
------------------------------------------------------------------- */ 
input, textarea, select {
     padding: 2px 3px 2px 3px; border: solid 1px #c0c0c0; background-color: #fff; font-size: 12px; color: #333; font-family: Arial; margin: 1px;
}

/*                                                              Linky
------------------------------------------------------------------- */ 
a {
	color: #666; text-decoration: none;
}
a:hover {
	color: #000; text-decoration: underline;
}

a.big {
	color: #000; font-size: 16px; font-style: italic; font-weight: bold; text-decoration: none;
}
a.big:hover {
	color: #444; text-decoration: underline;
}

a.orange-button {
    float: left; width: 75px; height: 20px; line-height: 20px; color: White; text-align: center; text-shadow: 1px -1px #e76a23; background: transparent url(img/orange-button.gif) top left no-repeat;
}
a.orange-button:hover {
    background: transparent url(img/orange-button-hover.gif) top left no-repeat; text-decoration: none; color: White;
}

/*                                                            Nadpisi
------------------------------------------------------------------- */
h1 {
   display: inline; font-size: 21px; color: white; text-shadow: #052a53 1px 1px; font-weight: normal;
}
h2 {
   display: inline; font-size: 15px; color: white; text-shadow: #052a53 1px 1px; font-weight: bold;
}
h3 {
   display: inline; font-size: 15px; color: #000; text-shadow: white 1px 1px;
}
h4 {
   display: inline; font-size: 12px; color: #000; font-weight: normal;
}
h5 {
   display: inline; font-size: 12px; color: #000;
}

.nadpis1 {
   float: left; font-size: 20px; width: 99%; padding-bottom: 10px; color: #808080;
}

/*                                                            Odrážky
------------------------------------------------------------------- */
li {
    padding: 3px; line-height: 15px;
}
ul.style1 li {    
    list-style-type: none; padding: 5px 0 5px 30px; line-height: 20px; text-shadow: #fff 1px 1px, #d3d3d3 2px 3px 3px; font-size: 12px; font-style: italic; font-weight: bold; color: #1e63a2; background: transparent url(img/li-yes.png) 5px 5px no-repeat;
}
ul.style1 li h2 {    
    text-shadow: #fff 1px 1px, #d3d3d3 2px 3px 3px; font-size: 12px; font-style: italic; font-weight: bold; color: #1e63a2; 
}

ul.style2 {    
    padding: 0 0 0 10px;
}
ul.style2 li {    
    list-style-type: none; padding: 5px 0 5px 30px; line-height: 20px; text-shadow: #fff 1px 1px, #d3d3d3 2px 3px 3px; font-size: 12px; color: #000; background: transparent url(img/li-doot.png) 3px 5px no-repeat;
}

ul.style3 {    
    padding: 0 0 0 10px;
}
ul.style3 li {    
    list-style-type: none; padding: 5px 0 5px 30px; line-height: 20px; font-size: 12px; color: #000; background: transparent url(img/li-doot2.png) 7px 7px no-repeat;
}
ul.style3 li h3 {    
    font-size: 12px; font-style: italic; font-weight: bold; color: #1e63a2; 
}

ul.style4 {    
    padding: 0 0 0 10px;
}
ul.style4 li {    
    list-style-type: none; padding: 5px 0 5px 30px; line-height: 20px; font-weight: bold; font-size: 12px; color: #000; background: transparent url(img/li-square.png) 13px 13px no-repeat;
}

/*                                                        L a y o u t 
------------------------------------------------------------------- */
#header {
    float: left; width: 100%; background: transparent url(img/header-top-back.jpg) top left repeat-x;
}
#header .blok{
    float: left; width: 235px; padding: 10px 15px 10px 15px;
}
#header .obsah {
    float: left; width: 595px; padding: 12px 20px 12px 20px;
}
#footer {
    float: left; width: 100%; height: 57px; background: transparent url(img/footer.jpg) top left repeat-x;
}

#header .center, #content .center, #footer .center {
    margin: 0px auto 0px auto; width: 922px; 
}

/*                                                          Hlavička
------------------------------------------------------------------- */
#header .in {
    float: left; width: 922px; background: transparent url(img/header-top.jpg) top center no-repeat;
}
#header .in { /* Vrstva 1 */
    float: left; width: 922px; background: transparent url(img/header-top.jpg) top left no-repeat;
}
#header .in-1 { /* Vrstva 2 */
    float: left; width: 900px; padding: 0 11px 0 11px; background: transparent url(img/main-back.jpg) 11px 0px repeat-y;
}
#header .in-2 { /* Vrstva 3 */
    float: left; width: 900px; background: transparent url(img/header.jpg) top left no-repeat;
}

/* STATIC */
#header .MainLeft { 
    float: left; width: 265px; min-height: 480px;
}
#header .MainRight { 
    float: left; width: 635px;
}

/* LOGO */
#header .logo { 
    float: left; width: 250px; padding: 0 0 5px 10px; height: 84px;
}
#header .logo img { 
    float: left; width: 100%; height: 100%; opacity:0.0;filter:alpha(opacity=0)
}
#header .logo a:hover img { 
    float: left; width: 100%; height: 100%; opacity:0.2;filter:alpha(opacity=20)
}

/* MENU */
#header .menu {
    float: left; width: 635px; height: 45px;
}
#header .menu a {
    float: right; height: 45px; line-height: 45px; padding: 0 10px 0 10px; font-size: 15px; font-weight: bold; color: White; text-decoration: none; text-shadow: #052a53 1px 1px; background: inherit;
}
#header .menu a:hover {
    float: right; height: 45px; line-height: 45px; padding: 0 10px 0 10px; font-size: 15px; font-weight: bold; text-decoration: none; background: #fff url(img/menu-hover.jpg) top left repeat-x;
}
#header .menu a.set, #header .menu a.set:hover {
    background: #fff url(img/menu.jpg) top left repeat-x; text-shadow: white 1px 1px; color: #052a53;
}

/* Technologie */
#technologie {
    float: left; width: 810px; padding: 10px 20px 10px 70px; background-color: white; border-top: solid 1px silver;
}
#technologie a {
    float: left; padding: 0 0 0 20px;
}

/*                                                          Pata
------------------------------------------------------------------- */
#footer .in {
    float: left; width: 922px; height: 57px; background: transparent url(img/footer-in.jpg) top center no-repeat;
}
#footer .menu {
    float: left; width: 580px; height: 57px; padding: 0 0 0 20px;
}
#footer .menu a {
    float: left; height: 42px; padding: 0 10px 0 10px; line-height: 42px; font-size: 13px; font-weight: bold; color: White; text-decoration: none; text-shadow: #052a53 1px 1px; background-color: inherit;
}
#footer .menu a:hover {
    background-color: #0d4c94;
}
#footer .copy {
    float: left; width: 312px; padding: 0 10px 0 0; height: 57px; text-align: center; line-height: 43px; color: White;
}
#footer .copy a {
    color: White;
}

/*                                                          Text
------------------------------------------------------------------- */
.under {
    border-bottom: 1px dotted #1e63a2; color:#1e63a2; text-decoration:none;
}
.under:hover {
    border-bottom: 1px dotted #02427e; color:#02427e; text-decoration:none;
}
.sub,.tool1,.tool2,.tool3,.tool4,.tool5 {
    cursor: help;
}
.dooted {
    padding: 0 0 0 35px; background: transparent url(img/li-doot.gif) left center no-repeat;
}
a.pdf {
    float: left; padding: 0 0 0 30px; height: 30px; line-height: 30px; color: #880000; font-size: 12px; font-weight: bold; font-style: italic; background: transparent url(img/pdf.gif) left center no-repeat;
}
.medium {
    font-size: 12px;
}

/*                                                          Accordeon
------------------------------------------------------------------- */
.acc {
    float: left; width: 858px; margin: 20px 0 0 0; border: 1px solid silver;
}
.acc div {
	background-color: #fff;
}
.acc p {
	margin-bottom : 10px; border: none;	text-decoration: none; margin: 0px; padding: 10px;
}
.acc a {
	cursor:pointer;	display:block; padding:5px; margin-top: 0; text-decoration: none; font-weight: bold; font-size: 12px; color: black; background-color: #d1ddea; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #999; 
}
.acc a:hover {
	background-color: #eaeaea;
}
.acc a.selected {
	color: black; background-color: #a6c7ea;
}