/*
Theme Name: HiMax
Theme URI: http://7pl.pl/
Description: http://7pl.pl/
Version: 1.0
Author: http://7pl.pl/
Author URI: http://7pl.pl/
*/

body {
  background-color: #3B3B3B;
}

#top {
  width: 100%;
  height: 50px;
  background: #F7F7F7;
}

#content {
  width: 100%;
  min-height: 527px;
  background: url(img/c_bg.jpg) top repeat-x;
  background-color: #3B3B3B;
}

#container { 
  position: relative;  
  width: 919px;
  min-height: 527px;
  margin: 0 auto 0px auto;
  position: relative;
  background: url(img/bg.jpg) no-repeat;
  height: auto !important;
}


#left {
  float: left;
  width: 278px;
  margin-left: 32px;
  position: relative;
  top: 32px;
  background: url(img/menu_inside.jpg) left repeat-y;
}

#right {
  float: right;
  width: 609px;
  margin-top: 50px;
  background: url(img/right_bg.jpg) no-repeat;
  background-color: #F7F7F7;
  height: 100%;
}

#right_inside {
  float: right;
  width: 569px;
  padding: 20px;
  min-height: 500px;
  background: url(img/right_bottom.jpg) no-repeat bottom;
}

#footer_c {   
  width: 100%;
  height: 117px;
  margin: 0 auto 0px auto;
  position: relative;
  background: url(img/footer_bg.jpg) repeat-x;
  clear: both;
}

#footer {
  width: 919px;
  height: 55px;
  position: relative;
  margin: 0 auto 0px auto;
  background: url(img/footer.jpg) -4px 0 no-repeat;
}

/* inne */

hr {
  height: 0;
  border:0;
  border-top: 1px solid #ddd;
  background: #ddd;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* menu */

#left_inside {
  width: 278px;
  height: 100%;
  background: url(img/menu_bottom.jpg) bottom left no-repeat;
}

.menu h1 {
  color: #fff; 
  font: bold 15px/18px Georgia, Verdana, Helvetica, sans-serif;
  margin-left: 10px;
  padding-bottom: 3px; 
}

.menu li ul {
  display: none;
}

.menu li.current_page_item ul, .menu li.current_page_ancestor ul {
  display: block;
}

.menu {
  padding-top: 30px;
  padding-bottom: 30px;
}

.menu ul {
        list-style-type: none;
        width: 188px;
        padding: 0;
        margin: 0;
} 


.menu li a, .menu li a:visited { 
        width: 190px;
        color: #F91428;
        display: block;
        font: bold 11px/21px Verdana, Helvetica, sans-serif;
        padding-bottom: 5px;
        text-decoration: none;
        padding-left: 40px;
        padding-right: 10px;
        background: url(img/menu.jpg) 4px 5px no-repeat;
}

 * html .menu li a {
	width: 188px;
}

.menu li a:hover {  
        color: #fff;
        background: url(img/menu.jpg) 4px 5px no-repeat;
}

.menu a span {
        color: #AFAFAF;
        font: 10px/21px Verdana, Helvetica, sans-serif;
}

.menu li {

}

.menu li.current_page_ancestor, .menu li.current_page_item {
        background: url(img/li.jpg);
        padding-bottom: 10px;
}

.menu li.current_page_ancestor a:hover, .menu li.current_page_ancestor a,
.menu li.current_page_item a:hover, .menu li.current_page_item a {
        background: url(img/li_menu.jpg) 4px 5px no-repeat;
}


/* menu podrzedne */

.menu li li {
  width: 225px;
  padding-bottom: 0 !important;
  background: none !important;
}

.menu li li a {
  width: 175px !important;
  background: none !important;
  color: #fff !important;
  font-weight: normal !important;
  font: 11px/20px Verdana, Helvetica, sans-serif !important;
  margin-left: 40px !important;
  padding-left: 5px !important;
  border-bottom: 1px dotted #7C7C7C;
}

.menu li li a:hover {
  color: #F91428 !important;
}

/* menu animator */

.close {
  display: none;
}

.menu h1 {
  cursor: pointer;
  padding-bottom: 8px;
}

.menu h1:hover {
  color: #F91428 !important;
}

/* logo */

#himax {
  position: absolute;
  top: -34px;
  left: 60px;
}

#logo {
  position: absolute;
  top: -47px;
  left: 334px;
}

/* footer text */

#footer p {
  font: 11px/20px Verdana, Helvetica, sans-serif;
  display: block;
  width: 240px;
  margin-left: 60px;
  padding-top: 15px;  
  text-align: justify
}

/* righ text  */

#right h1 {
  font: 20px Georgia, verdana, sans-serif;
  color: #000;
  font-style: italic;  
}

#right p {
  font: 13px/20px verdana, sans-serif;
  color: #666;
  padding-top: 10px;
  text-align: justify;
}

#right li {
  font: 13px/20px verdana, sans-serif;
  color: #666;
  list-style: circle;
  margin-left: 15px;
  padding-botom: 3px;
  text-align: justify;
}

p a, p a:visited {color:#124A54; text-decoration: none; border-bottom: #6BB0BC 1px dotted;}
p a:hover {color: #B71A1F; border-bottom: #B71A1F 1px dotted;}


/* mapa */

#mapa {
  width: 580px;
  height: 738px;
  background: url(mapa/mapa.jpg);
  position: relative;
}

#mapa img {
  z-index: 30;
  position:absolute;
  top: 0;
  left: 0; 
}

#mapa div {
  z-index: 0;
}

#mapa area {
  z-index: 50;
  position: relative;
}

#a1 {
  width: 115px;
  height: 124px;
  position: absolute;
  top: 19px;
  left: 345px;
}

#a2 {
  width: 115px;
  height: 124px;
  position: absolute;
  top: 295px;
  left: 336px;
}

#a3 {
  width: 115px;
  height: 124px;
  position: absolute;
  top: 154px;
  left: 93px;
}

#a4 {
  width: 115px;
  height: 124px;
  position: absolute;
  top: 335px;
  left: 315px;
}

#a5 {
  width: 115px;
  height: 124px;
  position: absolute;
  top: 581px;
  left: 109px;
}

.right_top {
  background: url(mapa/right_top.png);
}

.left_top {
  background: url(mapa/left_top.png);
}

.right_bottom {
  background: url(mapa/right_bottom.png);
}

.left_bottom {
  background: url(mapa/left_bottom.png);
}

/* linki */

#linki {
  position: absolute;
  top: -2px;
  right: 20px;
}

#linki a, #linki a:visited {
  margin: 15px;  
  font: 14px Georgia, Verdana, Helvetica, sans-serif;
  color: #F7F7F7;
  text-decoration: none;
  font-weight: bold;
  font-style: italic;
  border-bottom: 1px dotted #717070;
  display: block;
  float: left;
  height: 20px;
  width: 80px;
  text-align: center;
  z-index: 35; 
}

#linki a:hover {
  margin: 15px;  
  font: 14px Georgia, Verdana, Helvetica, sans-serif;
  color: #EC1A25;
  text-decoration: none;
  font-weight: bold;
  font-style: italic;
  border-bottom: 1px dotted #EC1A25;
  z-index: 35;
}

#linki div.ahover {
  background: #344;
  position: absolute;
  z-index: 0; 
}


/* loga */

#loga {
  position: absolute;
  top: 70px;
  right: 10px;
}


/* inside .info */
.info {
  padding: 3px;
  padding-left: 6px;
  padding-right: 6px;
  width: 234px;
  height: 101px;
  position: absolute;
  display: none;
}

.info h5 {
  font: 15px verdana, sans-serif;
  color: #000;
  font-weight: bold;
  text-align: justify;  
}

.left_bottom, .right_bottom {
  padding-top: 13px;
  height: 91px;
}

.info p {
  font: 11px/12px verdana, sans-serif !important;
}

/* prezentacja */

#prezentacja_left {
  height: 200px;
  width: 610px;
  overflow: hidden;
  margin-left: -20px;
  position: relative;
}

.mod_left {
  height: 200px;
  width: 610px;
  margin-left: 15px;
  background: url(img/mod_left.jpg) left top no-repeat;
  font: 13px Georgia, verdana, sans-serif;
  position: relative;
}

.cena {
  position: absolute;
  top: 40px;
  left: 28px;
  text-align: center;
  color: #fff; 
}

.cena span {
  display: block;
}

.mod_left span.o1 {
  font-size: 23px;
  font-weight: bold;
}

.mod_left span.o2 {
  font-size: 30px;
}

.mod_left span.o3 {
  font-size: 16px;
}

.mod_left .opis {
  width: 253px;
  position: absolute;
  top: 45px;
  left: 150px;
  font: 11px/17px verdana, sans-serif;
  color: #404040;
  text-align: justify;
}

.mod_left .himax {
  width: 260px;
  position: absolute;
  top: 24px;
  left: 155px;
  font: 11px/19px verdana, sans-serif;
  font-weight: bold;
  color: #404040;  
}

.wiecej {
  position: absolute;
  top: 150px;
  left: 10px;
}

.wiecej a, .wiecej a:visited {
   display: block !important;
   width: 440px;
   height: 42px;
   background: url(img/wiecej.jpg) no-repeat;
   font: 15px/44px Georgia, verdana, sans-serif;
   text-indent: 207px;
   text-decoration: none;
   color: #000;
   font-weight: bold;
}

.mod_left .wiecej a:hover {
 background: url(img/wiecej.jpg) -440px 0 no-repeat;
 color: #F91428;
 text-decoration: none;
}

/* prezentacja - menu */

#prezentacja_left ul {
  padding: 0;
  position: absolute;
  top: 16px;
  right: 0;
  z-index: 10;
}

#prezentacja_left li {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: block;
  font: bold 14px/26px Georgia, verdana, sans-serif;
  font-style: italic;
  text-indent: 14px;
  text-align: left; 
  margin-bottom: 5px; 
}

#prezentacja_left li a {
  text-decoration: none;
  display: block;
  width: 152px;
  height: 26px;
  color: #fff;
  background: url(img/prezentacja_link.jpg) no-repeat;
}


.activeSlide { 
  color: #fff;
  background: url(img/prezentacja_link.jpg) 0 -26px no-repeat !important;
}

/* tabela cennik */

table {
  width: 100%;
  margin-top: 10px;
  margin-bootom: 10px;
}

th {
  height: 26px;
  background: #484848;
  color: #fff;
  font: 12px/26px Georgia, verdana, sans-serif;
  font-style: italic;
  font-weight: bold;
  border-right: 1px solid #1b4046;
  cursor: pointer;
}

th.active {
  background: #D40C16;
}

th.active:first-child {
  background: #484848;
}

td:first-child {
  border-left: 1px solid #415e1c;
  font-weight: bold;
}

td {
  height: 30px;
  color: #111;
  font: 12px/20px Georgia, verdana, sans-serif;
  text-align: center;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  vertical-align: middle;
  padding-top: 6px;
  padding-bottom: 6px;
}

td.active {
  color: #b00900;
  background-color: #fcfcfc;
}

td.active:first-child {
  color: #111;
}

td:first-child {
  text-align: left;
  padding-left: 15px;
  border-left: 1px solid #e5e5e5;
  cursor: pointer;
}

/*  poczta - ebok */

.logowanie {
  width: 400px;
  height: 130px;
  position: absolute;
  top: 130px;
  right: 100px;
  background: #fff;
  border: 2px solid red;
  margin: 0 auto 0px auto;
  z-index: 50;
  padding: 15px;
}

.logowanie h1 {
  font: 23px Georgia, verdana, sans-serif;
  color: #2e2e2e;
  font-style: italic; 
  padding-bottom: 10px; 
}

.logowanie p, .logowanie label {
  font: 13px/20px verdana, sans-serif;
  padding-top: 10px;
}

.logowanie p {
  font-style: italic;
  display: inline;
  padding-left: 10px;
  color: #777;
}

.logowanie a, .logowanie a:visited {
  font: 11px verdana, sans-serif;
  font-weight: bold;
  text-decoration: none;
  color: red;
  position: absolute;
  right: 10px;
  top: 10px;
}

input {
  margin-top: 10px;
}

.minimalizuj {
  display: none;
}

.cyfra {margin-left: 25px;}