/* 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: Red;
}
.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: 1px 3px 1px 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;
}

/*                                                            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;
}

.nadpis {
   float: left; font-size: 22px; font-weight: bold; width: 99%; padding: 10px 0 10px 0; color: #195191; font-style: italic;  text-shadow: #fff 1px 1px, #999 1px 2px 3px;
}
.nadpis1 {
   float: left; font-size: 15px; width: 100%; padding: 5px 0 5px 0; color: #2370c8; font-weight: bold;
}

/*                                                            Odrážky
------------------------------------------------------------------- */
li {
    padding: 3px; line-height: 15px;
}
ul.style1 {    
    padding: 0 0 0 10px;
}
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%; height: 372px; background: transparent url(img/header-top-back.jpg) top left repeat-x;
}
#content {
    float: left; width: 100%;
}
#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; height: 372px; background: transparent url(img/header-top.jpg) top center no-repeat;
}
#header .in { /* Vrstva 1 */
    float: left; width: 922px; height: 372px; 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; height: 365px; background: transparent url(img/header-bottom.jpg) 0px 291px no-repeat;
}
#header .in-2 { /* Vrstva 3 */
    float: left; width: 900px; height: 372px; background: transparent url(img/header.jpg) top left no-repeat;
}

/* STATIC */
#header .left { 
    float: left; width: 265px; height: 292px;
}
#header .right { 
    float: left; width: 635px; height: 292px;
}
#header .down { 
    float: left; width: 900px; height: 80px;
}

/* 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)
}

/* NEWS */
#news { 
    float: left; width: 245px; height: 190px; padding: 10px 0 0 20px; 
}
#news a { 
    border-bottom: 1px dotted #1e63a2; color:#1e63a2; text-decoration:none;
}
#news a:hover { 
    color:#174d7f;
}
#newsIn {
    float: left; width: 230px; height: 165px; color: #05203f;
}
#newsIn .date {
    color: Black; font-weight: bold; color: #123c6b;
}
#newsDown {
    float: left; width: 230px; height: 25px; 
}
#NewsPrev {
    float: left; cursor: pointer; width: 25px; height: 25px; background: transparent url(img/arrow_up.gif) 0px 0px no-repeat;
}
#NewsNext {
    float: left; cursor: pointer; width: 25px; height: 25px; background: transparent url(img/arrow_down.gif) 0px 0px no-repeat;
}
#newsDown a {
    float: right; padding-top: 5px;
}

#newsIn div {
    padding: 0 0 11px 0;
}
#newsIn a { 
    border-bottom: 1px dotted #1e63a2; color:#1e63a2; text-decoration:none;
}
#newsIn a:hover { 
    color: #042849; text-decoration:none;
}

/* 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: transparent url(img/menu-hover.jpg) top left repeat-x;
}
#header .menu a.set, #header .menu a.set:hover {
    background: transparent url(img/menu.jpg) top left repeat-x; text-shadow: white 1px 1px; color: #052a53;
}

/* ANIMATION */
#header .animation {
    float: left; width: 630px; height: 235px; padding: 12px 0 0 5px;
}

/* H-TAGs */
#header .htags {
    float: left; width: 315px; height: 50px; padding: 14px 0 0 30px; line-height: 25px; text-align: center;
}

/* CUBES */
#header .cubes {
    float: left; width: 555px; height: 72px;
}

/* Technologie */
#technologie {
    float: left; width: 810px; padding: 20px 20px 5px 70px;
}
#technologie a {
    float: left; padding: 0 0 0 20px;
}

/*                                                          Hlavný obsah
------------------------------------------------------------------- */
#content .center {
    margin: 0px auto 0px auto; width: 900px; padding: 0 11px 0 11px;
}
#content .in {
    float: left; width: 876px; padding: 2px 12px 10px 12px; line-height: 19px; background-color: White;
}


/*                                                          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;
}

/*                                                          Cenník
------------------------------------------------------------------- */
.cennik {
    float: left;
    width: 100%;
    padding: 10px 0;
}
.cennik .polozka {
    float: left;
    width: 100%;
    line-height: 25px;
    background: #edf5ff;
}
.cennik div.alter {
    background: #e2ebf5;
}
.cennik div.polozka:hover {
    float: left;
    width: 100%;
    line-height: 25px;
    background: #fff98f;
}
.cennik div.blank:hover,
.cennik div.blank {
    background: transparent; line-height: 15px; height: 15px;
}
.cennik .nazov {
    float: left;
    width: 60%; padding-left: 1%;
}
.cennik .cena {
    float: left;
    width: 38%;
    font-weight: bold;
    color: #920000;
    text-align: right;
}