@import "template.css";

/******************PAGE PROPORTIONS*********************/

#container {width: 990px;}        /*Width of the page */
#topmenu {height: 40px;}          /*Topmenu height*/
#header {height: 170px;}          /*Header height*/
#left {width: 215px;}             /*Left Column's width*/
#page {width: 555px;}             /*Center Column's width*/
#right {width: 190px;}            /*Right Column's width*/
#footer {height: 60px;}           /*Height of the footer */
#content {padding-bottom: 60px;}

/******************DESIGN OF PAGE***********************/
/*Common design*/
html, body {
	font-size: 0.9em ;
	font-family: Verdana, Arial, lucida, sans-serif;
	color: #000;
}
pre {
	font-size: 1.1em;
}
i {
	color: #666666;
	font-size: 0.95em;
}
/*******************CONTAINER*******************/
#container {
  text-align: justify;
  border: 1px solid #002139;
  background-image: url(../images/bg_wrap.gif);
  background-repeat: repeat-y;
}


/*******************TOPMENU********************/
#topmenu {
  margin:0;
  padding:0;
  background: #fff url('../images/top_bg.jpg') 0 0 no-repeat;
}
#topmenu .menu ul {
  margin:0; padding:10px;
}
#topmenu .menu li {
  border:0px;
}
#topmenu a.home, #topmenu a.contact, #topmenu a.help {
  margin:0 .5em;
  padding:0 0 0 1.2em;
  font-size:.8em; text-indent:.5em;
  text-decoration:none;
  color:#D5D3DE;
}
#topmenu a.home {
  background: transparent url('../images/topmenu_home.gif') 0 center no-repeat;
}
#topmenu a.contact {
  background: transparent url('../images/topmenu_contact.gif') 0 center no-repeat; 
}
#topmenu a.help {
  background: transparent url('../images/topmenu_help.gif') 0 center no-repeat;
}
#topmenu a.home:hover, #topmenu a.contact:hover, #topmenu a.help:hover {
  text-decoration:none; color:#8D8D8D;
}



/*******************HEADER*******************/
#header {
  background: #fff url('../images/header_bg.jpg') 0 no-repeat;
}
/*******************Klikacie_logo*******************/
.logo {
  position:absolute;
  top:50px; left:0px;
	height: 100px; width: 280px;
	padding: 0; margin: 0;
}


/*******************LEFT PANEL*******************/
#left {
  margin:0; padding:0;
  background: url('../images/left_top_bg.jpg') 0 0 no-repeat;
  display: inline;
  overflow-x: hidden;
}
/*forstartnewcategory*/
#left h3 {
  background-color: #0780F0;
  font-size:1em;
  font-weight: bold;
  letter-spacing: 1.5px;
  color: #fff;
}
/******************RIGHT PANEL******************/
#right {
	background-image: url(../images/bg_right_top.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 30px 5px 20px 5px;
	text-align: left;
	display: inline;
        overflow-x: hidden;
}
#right ul {
  margin:0; padding:0;
  list-style: none;
}
#right li {
  border-left: 1px solid #E0E5E9;
}

#right li li {
  border: 0px;
}

#right li a.menu1 {
  display: block;
  padding: 3px 10px 3px 15px;
  font-size:.85em;
  font-weight: normal;
  text-decoration:none;
  color:#3678A8;
  border-bottom: 1px solid #E0E5E9;
}
#right a.menu1:hover {
  text-decoration:none;
  color:#FF5806; 
  background: transparent url('../images/arrow.gif') 0 no-repeat;
}
#right li a.menu2 {
  display: block;
  padding: 3px 10px 3px 25px;
  font-size:.75em;
  font-weight: normal;
  text-decoration:none;
  color: #708090;
  border-bottom: 1px solid #E0E5E9;
}
#right a.menu2:hover {
  text-decoration:none;
  color:#FF5806; 
}
a.reg1 {
  display: block;
  border-bottom: 0;
  padding: 2px 10px 2px 15px;
  border-bottom: 1px solid #E0E5E9;
  font-size:.75em;
  font-weight: normal;
  text-decoration:none;
  background-color: #EFF9FA;
  color: #666D86;
}
a.reg1:hover {
  text-decoration:none;
  background-color: #FAF0E6;
  color:#FF5806; 
}
#login .field2 {width: 100px;}
/******************Search_form******************/
#search {
  width:100%; height:30px;
  margin:0; padding: 10px 0;
}
#search form {
  margin: 5px ; padding: 0;
}
#search-input input {
  float:left;
  width: 170px; height: 20px;
  margin:0; padding: 0 0 0 3px;
  border:1px solid #8CB0CF;
  background-color: #D0F5F8;
  color: #666;
}
#search-button {
 float: left;
}
#search-button input {
  height: 20px; width:20px;
  margin: 0 5px;
}
/*******************Leftmenu*******************/
.menu {
  margin:0; padding:0;
}
#left .menu ul {
  margin:0 1px 0 0; padding:0;
  list-style: none;
}
#left .menu li {
  
}

#left .menu li li {
  border: 0px;
}
#left .menu li a.menu1 {
  display: block;
  padding: 3px 10px 3px 15px;
  font-size:.85em;
  font-weight: bold;
  text-decoration:none;
  color:#3678A8;
  border-bottom: 1px solid #E0E5E9;
}
#left .menu a.menu1:hover {
  text-decoration:none;
  color:#FF5806; 
  background: transparent url('../images/arrow.gif') 0 no-repeat;
}
#left .menu li a.menu2 {
  display: block;
  padding: 3px 10px 3px 25px;
  font-size:.75em;
  font-weight: normal;
  text-decoration:none;
  color: #666D86;
  border-bottom: 1px solid #E0E5E9;
}
#left .menu a.menu1:hover {
  text-decoration:none;
}

/*******************leftmenu 2.uroven*******************/


/*******************PAGE*******************/
#page {
  padding: 60px 10px 10px 10px;
  background: #fff url('../images/content_top_bg.jpg') 0 0 no-repeat;
  display: inline;
  overflow: hidden;
}
/*#page div {
  margin:0; padding: 5px 10px;
}
#page p {
  margin:0; padding: 5px 10px;
}
*/

/*******************FOOTER*******************/
#footer {
  width: 100%;
  font-family: Verdana, Arial, lucida, sans-serif;
  font-size: .85em;
  color: #ccc;
  background-color: #393939;
  text-align:center;
}
#foot ul	{
	list-style-type: none;
	margin: 0; padding: 10px 0 0 60px;
}
#foot li	{
	margin: 0; padding: 0;
	display: inline;
	margin:0; padding: 0;
}
#foot {
  float: left;
  margin:0; padding: 0;
}
#foot a {
  margin: 0 10px 0 0; padding: 0;
  color: #0780F0;
  text-decoration: none;
}
#foot a:hover {
  color:#0780F0;
  text-decoration: underline;
}
#syscom-aglo ul	{
	list-style-type: none;
	margin: 0; padding: 10px 10px 0 0px;
}
#syscom-aglo li	{
	margin: 0; padding: 0;
	display: block;
	margin:0; padding: 0;
}
#syscom-aglo {
  float: right;
  margin:0; padding: 0;
}
#syscom-aglo a {
  color: #FF5806;
  text-decoration: none;
}
#syscom-aglo a:hover {
  color:#FF5806;
  text-decoration: underline;
}

/****************** PLAYER *******************/
.player {
background: transparent url('../images/bg_player.jpg') 0 0 no-repeat;
margin: 0;
padding: 75px 0 0 0;
width: 235px;
height: 25px;
font-size: 2em;
}

/******************DESIGN OF MAIN ELEMENTS**************/
a { color:#00ADC1; text-decoration: none;}
a:hover { color:#00ADC1; text-decoration: underline; }

h1 {
	text-align: left;
	text-indent: .7em;
  font-size: 1.5em;
	color: #FF5806;
  background: url('../images/h1_bgr.gif') 0 5px no-repeat;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
}
h2 {
	text-align: left;
	text-indent: .7em;
	font-size: 1.3em;
	color: #005EA8;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
h3 {
	text-align: left;
  text-indent: .7em;
	font-size: 1.1em;
	color: #FF5806;
}
h4 {
	margin:10px;
	letter-spacing:3px;
	font-size: 1em;
	color: #FF5806;
}