@import "reset.css";

/*  --------------------------------------------------
 *  1. Hlavicka a zaklad
 *  ------------------------------------------------------ */
body {background: url(img/back.png) 0 0 repeat-x #e3efe7;background-attachment: fixed; margin: 0 auto; font: 14px Arial, Helvetica, sans-serif; color: #000;overflow-y:scroll;}
#pattern {background: url(img/bg_pattern.png) top center repeat-y; margin: 0 auto; background-attachment: fixed;}

#roof {border:0px solid #00FF00; display:block; height:7.5em; width:960px;}
#log, .hide, hr {display: none;}
#content {margin: 0 auto; width: 960px; padding-top: 0; position:relative;}
#content {background: url(img/digmia-logo.png) 0 2em no-repeat;}


/*#content {margin: 0 auto; width: 960px; padding-top: 0; position:relative;}
#content {}
#logo {background: url(img/digmia-logo.png) 0 2em no-repeat;width:20em; height:100%; border:0px solid; display:block; float:left;}

#logo h1 a {width:6.5em; height:3em; display:block;}
*/

#logo {width:20em; height:10em; border:0px solid; display:block; float:left;}
#logo h1 a {width:6.5em; height:3em; display:block;}


/*  --------------------------------------------------
 *  2. Obsah
 *  ------------------------------------------------------ */
/*#content ul#lang {font-size: 1.25em; float: right; clear: none; margin: 1em 1em 0 0; font-weight:bold; color:#B2B2B2;}
#content ul#lang a, #content ul#lang a:visited{ color:#98A19A;}
#content ul#lang a:active, #content ul#lang a:hover { color:#ee3e33; text-decoration:none}
#content ul#lang a.active {color:#ee3e33;}
*/
#content ul#lang {font-size: 1.25em; float: right; clear: none; margin: 1em 1em 0 0; font-weight:bold; color:#B2B2B2;}
#content ul#lang a, #content ul#lang a:visited{ color:#B2B2B2;}
#content ul#lang a:active, #content ul#lang a:hover { color:#ee3e33; text-decoration:none}
#content ul#lang a.active {color:#ee3e33;}



#holder {float: left; width: 960px; border:0px solid #FF0000;}
#main-content {float: left; width: 963px; border:0px solid #0000FF; background: url(img/right-shadow.png) top right repeat-y transparent;}

#logos {float: right; padding: 5px 65px 0 0;}
#top {background: url(img/top-shadow.png) bottom right no-repeat transparent; width: 963px; height: 21px; clear: both; float:left; margin-top: -1em; border:0px solid}


/*  --------------------------------------------------
 *  3. Horna navigacia
 *  ------------------------------------------------------ */
/*ul#nav {height: 4em; width: auto; float: right; position: relative; margin-right:1em; margin-top:-45px; top: 0em; z-index: 3; line-height: 1em; clear: none; border:0px solid;}
ul#nav li {background: url(img/menu.gif) left top repeat-x transparent; float:left; color: #b2b2b2;  position: relative; padding: 10px 0 0 10px; font-size: 1.25em;}
ul#nav li {width: auto; margin: 0 0.9em 0 0; padding: 0.5em 1em 0 0.9em; height: 2.25em; font-weight:bold; line-height:1em;}
ul#nav li span {font-weight:normal; font-style: normal; font-size: 0.7em;}
ul#nav li a:visited, ul#nav li a {color:#98A19A}
ul#nav li a:hover, ul#nav li a:active {color:#666; text-decoration:none; font-weight:bold}
ul#nav li.active {background: url(img/menu-active.png) top right no-repeat; margin: -0.6em 0.4em 0 0; padding: 1em 3em 0.55em 0.9em; height:1.95em}
ul#nav li.active a {color: #666;}
*/
ul#nav {height: 4em; width: auto; float: right; position: relative; margin-right:1em; top: 0em; z-index: 3; line-height: 1em; clear: none; border:0px solid;}
ul#nav li {background: url(img/menu.gif) left top repeat-x transparent; float:left; color: #b2b2b2;  position: relative; padding: 10px 0 0 10px; font-size: 1.25em;}
ul#nav li {width: auto; margin: 0 0.9em 0 0; padding: 0.5em 1em 0 0.9em; height: 2.25em; font-weight:bold; line-height:1em;}
ul#nav li span {font-weight:normal; font-style: normal; font-size: 0.7em;}
ul#nav li a:visited, ul#nav li a {color:#b2b2b2}
ul#nav li a:hover, ul#nav li a:active {color:#666; text-decoration:none; font-weight:bold}
ul#nav li.active {background: url(img/menu-active.png) top right no-repeat; margin: -0.5em 0.4em 0 0; padding: 1em 3em 0.55em 0.9em; height:1.95em}
ul#nav li.active a {color: #666;}


/*  --------------------------------------------------
 *  4. Lava cast stranky
 *  ------------------------------------------------------ */
#left-col {width: 220px; float:left; padding: 0 0.75em 0 1.75em; margin-top: 1em;font-size:12px;}
#left-col ul {color: #98A19A;}
#left-col ul li a span {font-style: italic; text-transform: lowercase; padding-left: 5px;}
#left-col ul li {clear:both;}
#left-col ul a {width:50px;padding: 8px 0;font-weight: bold; text-transform: uppercase; font-style: normal; color:#98A19A;float:left; width: 230px;}
#left-col ul a:hover{color:#666; text-decoration:none}
#left-col ul a.active {color: #666; background: url(img/ico.png) center right no-repeat #fff; padding: 8px 0;}
#left-col ul li a {width:225px;}

/*  --------------------------------------------------
 *  5. Prava cast stranky
 *  ------------------------------------------------------ */
#right-col {float:left; width: /*667px*/640px; border-left: 1px dashed #bbbdbf; padding: 0 3em 3em 0;}
#right-col h1 { color: #98A19A; font-size: 2.5em; margin: 0.5em 2em 0 0.5em;}
/*
 * #right-col ul#breadcrumb {color: #3f3f3f; float: left; border-bottom: 1px dashed #bbbdbf; padding-bottom: 10px; width: 99%; font-weight: bold;}
 * #right-col ul#breadcrumb li {float:right;}
 * #right-col ul#breadcrumb li a {color: #3f3f3f; margin: 0 5px; text-decoration:none}
 * #right-col ul#breadcrumb li a:hover {color: #ee3e33;}
 * */
#right-col h2 {/*float:left; */color: #ee3e33; padding: 30px 0 10px 35px; clear: both; /*width: 22em;*/}
#right-col h3 {/*float:left; */color: #ee3e33; padding: 30px 0 10px 35px; clear: both; /*width: 22em;*/}
#right-col h2 a{color: #ee3e33;}
#right-col h2 a:hover{text-decoration:none;}
#right-col img.obr {float:left; margin: 0 0 0 3em;}
#right-col img.obr2 {float:left; margin: 0 30px 0 35px;}
#right-col p{padding-left: 35px; line-height: 1.9em;}
/*#right-col p:first-letter {padding-left: 30px;}*/
#right-col p.perex {font-size: 1.1em; color: #961b1e; font-style: italic; font-weight: bold; float:left; width:18em;}
/*#right-col p.perex:first-letter {padding-left: 0px;}*/

#right-col p.freetext {color: #3f3f3f; margin: 3em 0 1.5em 0; float:left; width: 48em;}
#right-col p.subtext {color: #98A19A; margin: 2em 0 0 0; font-weight: bold; float:left; width: 48em;}
/*#right-col p.subtext:first-letter {padding-left: 0;}*/
#right-col p.maintext {line-height: 2em; width: 48em; float:left;}
#right-col .separator {border-bottom: 1px dashed #bbbdbf; padding-top: 1em;}
#right-col a:hover{color:#666;}
#right-col ul {padding-left: 35px; line-height: 1.9em; list-style:square inside;}
#right-col ol {padding-left: 35px; line-height: 1.9em; list-style:decimal inside;}

/*  --------------------------------------------------
 *  6. Paticka
 *  ------------------------------------------------------ */
#footer {background: url(img/bottom-shadow.png) bottom right no-repeat transparent; clear: both; height:50px; padding: 0px 0 0px 0; width: 963px; color: #ccc; font-weight: bold; margin-bottom:20px;}
#footer p {text-align: center; clear; both;float:left; width: 74em; padding-top:10px;}