@import "reset.css";

small {font-size: 50%;}

.cleaner, span.uzavirac {clear:both;font-size:0;height:1px;display:block;}
.left {float:left;}
.right {float: right;}

/*  --------------------------------------------------
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;}
#logo {width:15em; 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:#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: 962px; 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}

/*  --------------------------------------------------
2.1 Kocky
------------------------------------------------------ */
#cubes {background: url(img/content_mid_bg.jpg) top left repeat-y; width: 948px;height: 324px; border-bottom: 1px solid #b0b2b4;}
.cube {width: 300px; height:70px; float: left; padding: 230px 0px 0px 0px; font-size: 30px; font-weight: bold; text-align: center; margin: 0 8px; color: #626569;}
.cube a {color: #626569;}
.cube a:hover {/*text-decoration:none;*/}
#cube1 {cursor:pointer; background: url(img/1cube.png) no-repeat}
#cube2 {cursor:pointer; background: url(img/2cube.png) no-repeat}
#cube3 {cursor:pointer; background: url(img/3cube.png) no-repeat}

/*  --------------------------------------------------
2.2 Zalozky
------------------------------------------------------ */
#tabs {padding: 5px;}
.tab {background: url(img/tabs_bg.png) no-repeat; width: 430px; padding: 0 20px 0 0; float: left; margin: 8px; }
.tab p {margin-left: 50px; text-align: justify; /*font-size: 12pt;*/ line-height: 16pt; color: #7b7c7e;}
.tab h1 {margin-left: 50px; font-size: 17pt; color: #626569; margin-top: 8px;}
.tab a {color: #626569}
.tab_heading {float:left; margin: 15px 10px;}
.thumb {padding: 1px; background: white; border: solid 1px #f0584e; float: left; margin: 10px;}


/*  --------------------------------------------------
3. Horna navigacia
------------------------------------------------------ */
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;}



/*  --------------------------------------------------
6. Paticka
------------------------------------------------------ */
#footer {width: 901px;background: url(img/bottom-shadow-homepage.png) bottom right no-repeat transparent; clear: both; padding:35px 35px 10px 25px; color: #ccc; font-weight: bold;}

