/* 
  ilicom.cz CSS file
  Date: may 2012
  Version: 2.0
  Coded by Martin Gottwald
  www.everyday.cz
*/

body {
  background-color:#ffffff;
  background-image:url(../img/bg_main.gif);
  background-repeat:repeat-x;
  background-position:left top;
  color: #222;
  font-family: Arial, Helvetica, Verdana, Tahoma;
  font-size:12px;
  margin: 0px;
  width:100%;
  border-top:#349ccd solid 10px;
  }
  
ul {
  margin-top:0px;
  margin-left:0px;
  padding:0px;
  }
  
li {
  margin-left:15px;
  list-style-image:url('../img/sipka.gif');
  }
 
A {
  color:#349ccd;
  }

A:hover {
  color:#000000;
  }
  
img {
  border:none;
  }
  
/*---------------------------------
            TOP
---------------------------------*/

#top_obal {
  width:100%;
  height:120px;
  background-color:#ffffff;
  }
  
.top {
  width:986px;
  height:100%;
  margin:auto;
  }

.top_left {
  width:306px;
  height:120px;
  float:left;
  }
  
.logo {
  position:relative;
  display:block;
  width:286px;
  height:40px;
  background-image:url(../img/logo.gif);
  background-position:left top;
  background-repeat:no-repeat;
  font-size:180%;
  font-weight:bold;
  letter-spacing:-1px;
  margin-left:20px;
  margin-top:40px;
  color:#349ccd;
  border-bottom:#349ccd solid 1px;
  }

.logo A:hover {
  position:relative;
  display:block;
  width:286px;
  height:40px;
  color:#000000;
  border-bottom:#349ccd solid 10px;
  }

.top_right {
  width:680px;
  height:120px;
  float:right;
  font-size:95%;
  }
 
#menu_obal {
  width:680px;
  height:120px;
  }

.menu {
  margin:50px 0px 0px 0px;
  border:none;
  }
  
.menu A {
  position:relative;
  display:block;
  width:150px;
  height:30px;
  font-size:120%;
  font-weight:bold;
  letter-spacing:-1px;
  text-decoration:none;
  margin-left:20px;
  border-bottom:#349ccd solid 1px;
  color:#222;
  float:left;
  }

.menu A:hover {
  color:#000000;
  border-bottom:#349ccd solid 10px;
  }
 
/*---------------------------------
            MAIN
---------------------------------*/

#main_obal {
  width:100%;
  height:auto;
  }
  
.main {
  width:986px;
  margin:auto;
  }

.main_left {
  display:block;
  width:306px;
  float:left;
  margin-left:20px;
  }

.main_left h1 {
  position:relative;
  display:block;
  width:286px;
  height:40px;
  color:#349ccd;
  margin:0px 0px 15px 0px;
  padding-top:19px;
  font-size:160%;
  font-weight:bold;
  letter-spacing:-1px;
  border-top:#222 solid 1px;
  }
  
.main_left h2 {
  color:#349ccd;
  margin:20px 0px 15px 0px;
  font-size:170%;
  font-weight:normal;
  }
 
.main_right {
  disply:block;
  width:660px;
  float:right;
  font-size:140%;
  line-height:22px;
  margin-bottom:20px;
  border-top:#222 solid 1px;
  }
  
.txt {
  width:580px;
  margin:20px 20px 20px 0px;
  letter-spacing:-1px;
  }
  
.txt .line_obal {
  width:404px;
  height:1px;
  margin:10px 0px 10px 2px;
  background:#349ccd;
  }

.high {
  color:#349ccd;
  }
  
.main_right h1 {
  color:#222;
  margin:30px 0px 15px 0px;
  font-size:115%;
  font-weight:bold;
  letter-spacing:-1px;
  }
  
.main_right h2 {
  color:#222;
  margin:0px 0px 15px 0px;
  font-size:105%;
  font-weight:normal;
  letter-spacing:-1px;
  }
  
/*---------------------------------
            BOTTOM
---------------------------------*/

#bottom_obal {
  clear:both;
  width:100%;
  height:80px;
  margin:auto;
  }
  
.bottom {
  width:946px;
  height:80px;
  margin:auto;
  }

.bottom_left  {
  width:30%;
  float:left;
  font-size:90%;
  line-height:16px;
  }
  
.bottom_right {
  width:70%;
  text-align:right;
  float:right;
  font-size:90%;
  line-height:16px;
  }

.line_obal {
  clear:both;
  width:100%;
  height:1px;
  margin:0px 0px 15px 0px;
  }
  
.line {
  clear:both;
  width:946px;
  height:1px;
  font-size:0px;
  background:#349ccd;
  margin:auto;
  }

.txt_copy {
  margin:0px 0px 0px 0px;
  }
  
.ed-ico {
  position:relative;
  top:4px;
  }
  
.ed a {
  color:#222222;
  text-decoration:none;
  }
  
.ed a:hover {
  color:#a4c300;
  text-decoration:underline;
  }

/*---------------------------------
            FORM
---------------------------------*/

input.button {
	font-size:80%;
	font-weight:bold;
	color:#ffffff;
	border:0px;
	text-align:center;
	margin-top:1px;
  }

input.inp-form {
	font-family:Arial, Helvetica, Verdana, Tahoma;
	font-size:100%;
	background-color:#f1f1f1;
	height:18px;
	width:404px;
	font-size:80%;
	color:#222;
	border:0px;
	margin:2px;
  }
  
select.sel-form {
	font-family:Arial, Helvetica, Verdana, Tahoma;
	font-size:100%;
	background-color:#f1f1f1;
	height:18px;
	width:404px;
	font-size:80%;
	color:#222;
	border:0px;
	margin:2px;
  }

textarea.texa-form {
	font-family:Arial, Helvetica, Verdana, Tahoma;
	font-size:100%;
	background-color:#f1f1f1;	
	height:80px;
	width:400px;
	font-size:80%;
	padding:2px;
	color:#222;
	border:0px;
	margin:2px;
  }