/* 
  rikka.cz CSS file
  Date: november 2009
  Version: 1.0
  Coded by Jiri Hajicek
  everyday.cz
*/


/*---------------------------------
            BODY
---------------------------------*/
body {
 color: #000000;
 font-family: Arial,Tahoma;
 background: #ffffff;
 margin:0px;
 }
 
.clear_both {
  clear:both;
  }
  
.clear_left {
  clear:left;
  }
  
.clear_right {
  clear:right;
  }
.jpg {
  border:0px;
  }
  
/*---------------------------------
            TOP
---------------------------------*/

#top {
  position:relative;
  top:0px;
  height:140px;
  width:928px;
  margin:auto;
  background:url(../images/logo_head.gif) top left no-repeat;
  }
  
#top #top_logo {
  position:absolute;
  top:69px;
  left:0px;
  width:242px;
  height:26px;
  }
  
#top_menu {
  position:relative;
  font-size:11px;
  top:5px;
  right:0px;
  text-align:right;
  }
  
#top_menu a {
  margin-left:5px;
  color:#0096d3;
  text-decoration:underline;
  }

.icona_top_menu {
  position:relative;
  top:2px;
  border:0px;
  width:13px;
  height:13px;
  margin-left:7px;
  }
  
#main {
  position:relative;
  top:0px;
  width:928px;
  margin:auto;
  }
  
/*---------------------------------
            LEFT
---------------------------------*/

#left {
  position:relative;
  top:0px;
  width:282px;
  float:left;
  }
  
#left_top {
  width:242px;
  height:34px;
  border-bottom:1px solid #d6f3ff;
  }
  
#left_top strong {
  position:relative;
  left:1px;
  bottom:-7px;
  font-size:12px;
  font-weight:bold;
  color:#00609b;
  }
  
.aktualita {
  width:242px;
  margin-top:15px;
  font-size:9px;
  color:#00609b;
  }
  
.aktualita p {
  margin-top:5px;
  font-size:11px;
  color:#0096d3;
  }
  
.aktualita p a {
  color:#00609b;
  }
  
.aktualita p a:hover {
  color:#00609b;
  }
  
.aktualita h3 {
  margin-top:5px;
  margin-bottom:5px;
  font-size:13px;
  font-weight:bold;
  color:#0096d3;
  }

/*---------------------------------
            RIGHT
---------------------------------*/

#right {
  position:relative;
  top:0px;
  right:0px;
  width:646px;
  float:right;
  }
  
#right_top {
  width:646px;
  height:34px;
  border-bottom:1px solid #d6f3ff;
  }

.item_menu {
  height:34px;
  margin-right:24px;
  float:left;
  }

.item_menu_en {
  height:34px;
  margin-right:20px;
  float:left;
  }

.item_menu_last {
  height:34px;
  float:left;
  }

.item_menu_arrow {
  height:34px;
  margin-right:24px;
  background:url(../images/arrow_down.gif) top center no-repeat;
  float:left;
  }
  
.item_menu_arrow_en {
  height:34px;
  margin-right:20px;
  background:url(../images/arrow_down.gif) top center no-repeat;
  float:left;
  }
  
.item_menu_arrow_last {
  height:34px;
  background:url(../images/arrow_down.gif) top center no-repeat;
  float:left;
  }


#right_top a {
  position:relative;
  bottom:-7px;
  color:#00609b;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  }  

#right_top a:hover {
  color:#0096d3;
  }
  
#right_top strong {
  position:relative;
  bottom:-7px;
  font-size:12px;
  font-weight:bold;
  color:#0096d3;
  }
  
#motive {
  position:absolute;
  top:5px;
  color:#0096d3;
  }
  
/*---------------------------------
            SUBMENU
---------------------------------*/
#submenu {
  position:relative;
  top:3px;
  right:0px;
  width:646px;
  height:30px;
  text-align:left;
  }

#submenu .u_submenu {
  border-top:1px solid #d6f3ff;
  }
  
#submenu a {
  font-size:11px;
  font-weight:normal;
  color:#0096d3;
  text-decoration:none;
  }

#submenu a:hover {
  color:#00609b;
  }
  
#submenu .item_submenu {
  font-size:11px;
  margin-right:10px;
  margin-bottom:0px;
  color:#00609b;
  float:left;
  }
  
/*---------------------------------
            RIGHT-TEXT
---------------------------------*/
#right_text {
  position:relative;
  top:0px;
  right:0px;
  width:646px;
  min-height:600px;
  _height:600px;
  font-size:12px;
  font-weight:normal;
  color:#00609b;
  }
  
#right_text h1 {
  font-size:18px;
  font-weight:normal;
  margin-top:0px;
  margin-bottom:20px;
  color:#0096d3;
  }

#right_text h2 {
  font-size:14px;
  font-weight:normal;
  margin-top:0px;
  margin-bottom:20px;
  color:#0096d3;
  }
  
#right_text p {
  margin-top:0px;
  margin-bottom:15px;
  }
  
#right_text table {
  width:100%;
  border:0px;
  }
  
#right_text .pic_right {
  border:0;
  margin-left:15px;
  margin-bottom:15px;
  float:right;
  }
  
#right_text ul {
  padding:0px;
  margin-left:25px;
  margin-bottom: 20px;
  }
#right_text li {
  margin-bottom:5px;
  list-style-image:url('../images/arrow_li.gif');
  list-style-position:outside;
  }
  
#right_text a {
  font-weight:normal;
  color:#00609b;
  text-decoration:underline;
  }

#right_text a:hover {
  color:#0096d3;
  }
  
/*---------------------------------
            PHOTO GALLERY
---------------------------------*/
#right_text .photo_gallery {
  width:100%;
  margin-bottom:20px;
  }

#right_text .photo {
  border:3px solid #d6f3ff;
  width:120px;
  height:120px;
  margin-right:20px;
  margin-bottom:20px;
  float:left;
  }

/*---------------------------------
            BOTTOM - BAND
---------------------------------*/
#bottom_band {
  clear:both;
  position:relative;
  top:45px;
  height:100px;
  width:928px;
  margin:auto;
  background:url(../images/bottom_band.gif) top left no-repeat;
  }
  
#bottom_right {
  position:relative;
  top:0px;
  right:0px;
  width:646px;
  float:right;
  border-top:1px solid #d6f3ff;
  }
  
#copyright {
  position:relative;
  top:5px;
  width:40%;
  font-size:11px;
  color:#00609b;
  float:left;
  }
  
#everyday {
  position:relative;
  top:5px;
  width:40%;
  font-size:11px;
  color:#0096d3;
  float:right;
  text-align:right;
  }
  
#everyday a {
  font-size:11px;
  color:#00609b;
  text-decoration:none;
  }
  
#everyday a:hover {
  text-decoration:underline;
  }