@charset "UTF-8";

@font-face 
{
    font-family: OpenSansRegularLocal;
    src: url('OpenSans-Regular.ttf');
}

a:link, a:active, a:visited 
{
   color: #101010 ;
   text-decoration: none
}

a:hover 
{
    color:#4D801A  ;
    text-decoration: none
}


body
{
  margin: 0 auto;
  padding: 0;
  background-color: #23292F; 
  background-repeat: repeat-x;
  background-attachment: fixed;
  background-position: top left;
  font-family: OpenSans, OpenSansRegularLocal, 'Arial';
  font-size: 13px;
   margin-bottom: 30px;
}

div#hlavne {
 background-color: #ffffcc;
 margin: 0 auto;
 margin-top: 30px;
 width: 1330px;
}

div#menu {
 position: absolute;
 width: 226px;
 background-color: orange;
}
div#menu_2 {
 position: absolute;
 right: 60px;
 width: 160px;
 background-color: transparent;
}

div#vnutro {
 position: relative;
 left: 230px;
 width: 1080px;
 padding-left: 16px;
 padding-top: 10px;
 padding-right: 10px; 
}

div#lista {
 background-color: #99cc00;
 margin-top: 30px;
 width: 1013px;
 position: relative;
 border-style: solid;
 border-width: 1px 1px 1px 1px;
 border-color: #999999 #999999 #999999 #999999;
 padding: 6px 6px 6px 10px;
}

div#lista_dole{
 background-color: #ccffcc;
 margin-top: 30px;
 width: 1013px;
 position: relative;
 border-style: solid;
 border-width: 1px 1px 1px 1px;
 border-color: #999999 #999999 #999999 #999999;
 padding: 6px 6px 6px 10px;
}

div#obsah {
 position: relative;
 width: 1000px;
 padding-left: 20px;
 padding-top: 20px;
 padding-right: 20px; 
}

div#heslo {
 position: absolute;
 left: 0px;
 width: 230px;
 padding-left: 16px;
 padding-top: 10px;
 padding-right: 10px; 
}

div#email {
 position: relative;
 left: 230px;
 width: 230px;
 padding-left: 16px;
 padding-top: 10px;
 padding-right: 10px; 
}

div#prihlasenie {
	border: 6px solid #005C8A;
	background-color: #C1C12E;
	padding: 6px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width: 160px;
}

div#torLink
{
	margin-top: 10px;
	width: 100%;
	text-align: center;
}

div#torLink a
{
	color: #159528;
}


/** 
 * Default CSS Drop-Down Menu Theme
 *
 * @file		default.css
 * @name		Default
 * @version		0.1.1
 * @type		transitional
 * @browsers	Windows: IE5+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2008 Live Web Institute
 *
 * Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
 * Expected directory tag - li
 *
 */


/*-------------------------------------------------/
 * @section		Base Drop-Down Styling
 * @structure	ul (unordered list)
 *				ul li (list item)
 *				ul li a (links)
 *				/*\.class|(li|a):hover/
 * @level sep	ul
 */


ul.dropdown {
 font-weight: bold; 
}

	ul.dropdown li {
	 padding: 6px 10px;
	 border-style: solid;
	 border-width: 1px 1px 1px 0;
	 border-color: #244812 #244812 #244812;
	 background-color: #003300;
	 color: #ffffff;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	                     background-color: #ff0000;
						 color: #ffffff;
						}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #ffffff; text-decoration: none; }
	ul.dropdown a:hover		{ color: #ffffff; }
	ul.dropdown a:active	{ color: #ffa500; }


	/* -- level mark -- */

	ul.dropdown ul {
				 width: 160px;
				 margin-top: 1px;
				}

		ul.dropdown ul li {
		 font-weight: normal;
		}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {
 padding-right: 20px;
 background-position: 100% 50%;
 background-repeat: no-repeat;
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;

 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-upward *.dir {
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-position: 0 50%;
}

#imgPreviewWithStyles,
            #imgPreviewWithStyles2,
            #imgPreviewWithStyles3 {
                background: #222 url(../images/loading.gif) no-repeat center;
                -moz-border-radius: 10px;
                -webkit-border-radius: 10px;
                padding: 15px;
                z-index: 999;
                border: none;
            }

            #imgPreviewWithStyles3 span {
                color: white;
                font-size: 1em;
                text-align: center;
                display: block;
                padding: 10px 0 3px 0;
            }
            
            .loading {
                height: 32px;
                width: 32px;
            }
			

/* The sorrounding chart box */

.chartbox {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333;
	text-align: center;
	margin:auto;
	border:1px solid #333;
	padding:5px;
	padding-top:0px;
	overflow:hidden;
	background-color:#fff;
}

.chartbox h2{
	font-size: 14px;
	font-weight:bold;
	padding:0px;
	margin:5px 0px;
}

/* Vertical chart elements */

.barv{
	margin: 2px;
	float:left;
}

.barvvalue {
	padding:0px;
	margin:0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}



/* Horizontal chart elements */

.barh{
	margin: 4px;
	text-align:left;
	clear:both;
}

.barhvalue {
	padding:0px;
	margin:0px 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	overflow:hidden;
	float:left;
}

.barhcaption {
	padding:0px;
	margin:0px 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	overflow:hidden;
	float:left;
}


.barhimage {
    float:left;
}