/*
 Screen style    
 Site: Clou.sk
*/
body { font-size: 75%; padding: 0; }

/* Image replacement */
.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }

/* Auto clearing floats */
#header:after, #inner:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* Wrapper */
#wrapper { width: 976px; border: 1px solid #E6E6E6; margin: 8px 0 8px 8px; }

/* Header */
#to-content { display: none; }
#header { position: relative; }
#header .logo { margin: 12px 0 12px 12px; }
#header .logo img { display: block; }
#header .left { float: left; width: 550px; position: relative; z-index: 10; }
#header .right { position: absolute; width: 405px; height: 160px; top: 0; right: 0; }
#header .slogan { background: #CC0000; color: #fff; font-size: 3em; padding: 8px 15px; margin: 0; }

/* Inner */
#inner { clear: both; background: url(../images/bg/inner.gif) repeat-y; }

/* Content */
#content { width: 692px; float: right; padding: 0 20px 30px 20px; }
#content h1 { background: #99CC33; color: #fff; margin: 0 -20px 15px -20px; padding: 6px 20px; font-size: 1.8em; line-height: 1.1; } 
#content ul { margin: 1em 0 1em 27px; list-style: disc; }
#content li { margin-bottom: 0.25em; }
#content .pdfs { margin: 5px 0 10px 5px; }
#content .pdfs li { padding-left: 22px; background: url(../images/bg/pdf.gif) left center no-repeat; margin-bottom: 0.25em; list-style: none; }

/* Box */
.box { background: #D6ECFC; padding: 15px 20px; margin-top: 15px; }
.box h3 { margin: 1em 0 0.5em 0; color: #2A0E72; }
.box-static h3 { margin-top: 0.5em; }
.box h3 a:link, .box h3 a:visited, .box h3 a:active { color: #2A0E72; }
.box h3 a:hover { color: #4417BD; }
.box h3.manual { margin-top: 0; }
.box .pdfs { display: none; }
.box-static .pdfs { display: block; }
.box form { margin-top: 15px; display: none; }
.box-static form { display: block; }
.box form label { float: left; width: 220px; }
.box form input, .box form textarea { width: 350px; }
.box form .submit input { width: auto; margin-left: 220px; }

/* Sidebar */
#sidebar { width: 244px; float: left; background: #CC0000; color: #fff; padding-bottom: 50px; }
#sidebar h2 { background: #fff; color: #2A0E72; padding: 6px 15px; font-size: 1.8em; line-height: 1.1; margin: 0 0 10px 0; }
#sidebar h2 a { color: #2A0E72; text-decoration: none; }
#sidebar h3 { clear: both; padding: 15px 15px 5px 15px; color: #fff; font-size: 1.17em; }

/* Secondary navigation */
.sec-nav li { float: left; position: relative; width: 244px; }
.sec-nav a, .sec-nav a:link, .sec-nav a:visited, .sec-nav a:active { background: #CC0000; color: #fff; text-decoration: none; font-weight: bold; padding: 2px 15px; display: block; width: 214px; }
.sec-nav a:hover, .sec-nav li.hover a:link, .sec-nav li.hover a:visited, .sec-nav li.hover a:active { background: #fff; color: #2A0E72; }
.sec-nav li ul { left: -999em; margin-left: 244px; margin-top: -1.8em; position: absolute; width: 240px; }
.sec-nav li.hover ul { left: auto; }
.sec-nav li li { width: 240px; }
.sec-nav li li a { background: #F9D2C1 !important; color: #CC0000 !important; width: 210px; }
.sec-nav li li a:hover { background: #CC0000 !important; color: #fff !important; }
.sec-nav-type a, .sec-nav-type a:link, .sec-nav-type a:visited, .sec-nav-type a:active { color: #F9D2C1; }

/* Footer */
#footer { clear: both; margin: 0; padding: 5px 10px 5px 264px; background: #EFEFEF url(../images/bg/inner.gif) repeat-y; color: #666; text-align: right; }