/**************************************\

Project:	BRIT.CZ
Author:	  MEPA.CZ [http://mepa.cz]
                                        
\**************************************/
body#brit-cz { font: 100.01% Arial, Helvetica;   }
p {font-size: 12px;}
.container { position:relative; background: url("../images/bg-left.jpg") repeat-y left; }
.leftbg { background: url("../images/bg-main.jpg") repeat-x top; }
/**************************************/
/*              GLOBALS               */
/**************************************/
a { color: #000 }
.noborder { border: 0!important; }
/**************************************/
/*              HEADER                */
/**************************************/
.header {
  height: 167px;
  position: relative;
  background: url("../images/header.jpg") no-repeat right top;
}
.header .logo {
  height: 161px;
  display: block;
  padding-left: 30px;

}
.header .menu {
  width:755px;
  position: absolute; top: 131px; left: 195px;  
}
.header .menu li {
  float: left;
  text-transform: uppercase;
  font-size: 18px;
  list-style: none;
  margin: 0 8px 0 0;
  height: 28px;
}
.header .menu li a {
  text-decoration: none;
  color: #000;
}
.header .menu li a:hover, .header .menu li a:focus, .header .menu li a:active {
  text-decoration: underline;
}
.header .menu li ul  {
  width: auto;
  position: absolute; top: 50px; left: 0;
  line-height: 100%;
  visibility: hidden;
  padding: 8px 0 0 0;
}
.header .menu li:hover ul {
  position: absolute; top: 30px; left: 0;
  line-height: 100%;
  visibility: visible;
}
.header .menu li ul li a {
  text-transform: none;
  font-size: 12px;
}
.banner{
    margin-top:15px;
}
/**************************************/
/*            MAIN CONTENT            */
/**************************************/
.content {
  font-size: 12px;
  line-height: 13pt; 
  margin: 60px 0 20px 200px; _margin-left: 200px;
}

.content h1 {
  
  font-size: 19px;
  color: #808080;
  padding: 0 5px;
  }
.content p {
  color: #000;
  padding: 0 3px;
} 
.content h2{  
  margin-left:5px;
  display:inline;
  font-size: 13px;
  background: url("../images/dot.jpg") no-repeat center left;
  padding: 0 0 0 25px;
}
.content td {
  vertical-align: top;
 
}
.content .car {
  width: 220px; height: 108px;
  background: url("../images/brit-car.png") no-repeat;
}
.a_car { 
   width: 220px;
   position:relative;
   right:210px;
}
.content img{
  border-style:solid;
  border-width:2px;
  border-color:black;
}
.content ul {
  margin: 0 0 15px 5px;
}
.content  ul li {
  font-size: 12px;
  list-style: none;
  padding: 0 0 0 25px; 
}
.content .index-menu {
  margin: 0 0 0 30px;
}
.content .index-menu li {
  width: 80px; height: 146px;
  float: left;
  margin: 0 35px 20px 0; padding: 0;
}
.content .index-menu li.ico_1 { background-image: url("../images/ico_1.jpg"); }
.content .index-menu li.ico_2 { background-image: url("../images/ico_2.jpg"); }
.content .index-menu li.ico_3 { background-image: url("../images/ico_3.jpg"); }
.content .index-menu li.ico_4 { background-image: url("../images/ico_4.jpg"); }
.content .index-menu li.ico_6 { background-image: url("../images/ico_5.jpg"); }
.content .index-menu li.ico_5 { background-image: url("../images/ico_6.jpg"); }
.content .index-menu li.ico_7 { background-image: url("../images/ico_7.jpg"); }
.content .index-menu li a {
  height: 146px;
  display: block;
}
.content .index-menu li a:hover {
  border: 1px solid #000;
}
/**************************************/
/*             LEFT                   */
/**************************************/
.left {
  margin: 20px 0 20px -950px;
}

.left h3 {
  width:auto; 
  text-transform: uppercase;
  color: #000;
  padding: 2px 3px;
  font-size: 13px;
  margin: 0 0 10px 10px;
}
.left h4 {
  font-size: 11px;
  color: #8e8e8e;
  margin: 0 0 10px 13px;
}
.left img {
  margin: 0 0 10px 20px;
}
.left ul {

  margin: 0 0 10px 13px;
  list-style: none;
  font-size: 11px;
  line-height: 120%;
}

.left .hr {
  height: 1px;
  background: url("../images/left-divider.jpg") no-repeat left;
  margin: 0 0 20px 0;
}
.left .car {
  width: 220px; height: 108px;
  background: url("../images/brit-car.png") no-repeat;
  position: relative;
    
}
.left .language {
  margin: 0 0 0 13px; 
  font-size: 11px;
  clear:both;
}
.left .language span.span-text {
  float: left;
}
.left .language .cs {
  width: 24px; height: 17px;
  background: url("../images/cs.jpg") no-repeat;
  float: left;
  margin: 0 5px 0 5px;
}
.left .language .en {
  width: 24px; height: 17px;
  background: url("../images/en.jpg") no-repeat;
  float: left;
  clear: right;
  
}
.left .kontakt {
 
  margin-top: 30px;
  text-decoration: none;
  clear: both;
}

/**************************************/
/*             RIGHT                  */
/**************************************/
.right {
  margin: 20px 0 0 0;
}
.right h3 {
  width:auto; 
  text-transform: uppercase;
  color: #000;
  padding: 2px 3px;
  font-size: 13px;
  margin: 0 0 10px 10px;
}
.right h3.newsletter {
  background: none;
  font-size: 12px;
}
.right .newsletter-form {
  margin: 0 0 30px 0;
}
.right .newsletter-form .text {
  background: #F2F2F2;
  border: 0;
  border-bottom: 1px solid #9D9D9D;
  margin: 0 0 10px 10px;
  width: 205px;
}
.right .newsletter-form .button {
  background: #FBF003 url("../images/button.jpg") no-repeat center right;
  border: 0;
  cursor: pointer;
  font-size: 14px;
  padding: 0 10px 0 5px;
  line-height: 22px;
  float: right;
}
.right .new {
  background: url("../images/new.jpg") no-repeat bottom left;
  margin: 0 0 10px 10px; padding: 0 0 10px 0;
}
.right .new-last {
  background-image: url("../images/email.jpg");
}
.right h4 {
  font-size: 13px;
  color: #000;
  margin: 0 0 5px 3px;
  text-transform: uppercase;
}

.right h4 strong {
  font-size: 11px;
  color: #8e8e8e;
  display: block;
  font-weight: normal;
}
.right p {
  font-size: 11px;
  margin: 0 0 10px 3px;
}
.right p .file {
  display: block;
  margin: 5px 0 0 0; padding: 0 0 0 17px;
  background: url("../images/file.jpg") no-repeat left;
}




.new p .file {
  display: block;
  margin: 5px 0 0 0; padding: 0 0 0 17px;
  background: url("../images/file.jpg") no-repeat left;
}
.new p .file {
  display: block;
  margin: 5px 0 0 0; padding: 0 0 0 17px;
  background: url("../images/file.jpg") no-repeat left;
}

.new h3 {
  background: #FBF003;
  text-transform: uppercase;
  color: #000;
  display: inline-block;
  padding: 2px 3px;
  font-size: 15px;
  margin: 0 0 10px 10px;
}
.new h4 {
  font-size: 13px;
  color: #000;
  margin: 0 0 5px 3px;
  text-transform: uppercase;
}
.new h4 strong {
  font-size: 11px;
  color: #8e8e8e;
  display: block;
  font-weight: normal;
}
/**************************************/
/*               FOOTER               */
/**************************************/
.footer {
  
  min-height: 80px; _height: 80px;
  background: url("../images/footer.jpg") no-repeat;
  padding: 10px 0 0 0;
  font-size: 11px;
  position: relative;
}
.footer p {
  margin: 0 0 0 210px;
  clear: left;
}
.footer p.copyright {
  margin: 0;
  clear: left;
  position: absolute; top: 10px; left: 850px;
}
.footer p.copyright a {
  text-decoration: none;
}
.footer p.pocitadlo {
  margin: 0;
  clear: left;
  position: absolute; top: 15px; left: 14px;
  color: #808080;
}    
.footer ul {     
 margin: 0 0 0 210px;
  padding: 0 0 17px 0;
  display:inline;
}
.footer li {
  list-style: none;
  display:inline;
  margin: 0 8px 0 0;
  padding: 0 8px 0 0;
  border-right: 1px solid #000;
}







/**************************************/
/*              STATICKÉ STRÁNKY              */
/**************************************/


.odsad_dat{
    padding: 0 10px;
}
.obr_odsad{
    margin-right:45px;
}
.kontakt_map{
    float:right;
    border-style:solid;
    border-width:2px;
    border-color:black;  
}
.sberna_map{
    float:left;
    margin-left:25px;
    border-style:solid;
    border-width:2px;
    border-color:black;
    display:inline;
}
.kontakt_text{   
    width:70px;
}
/*.seznam{
    margin-left:20px;
}   */
/*.page{
    font-size: 12px;
    color: #000;
    padding: 0 10px;
} */
.div_seznam{
    float: left;
    margin-left:20px;
    margin-right:20px;
}
.div_left{
   text-align:right;
   float:right;
   margin-right:15px;
   font-size:12px;
}
.table{
   font-size: 12px;
   color: #000;
   margin-left: 10px; 
   width:320px;
   border-width: 1px;
}
.table_rozvoz{
   clear:both;
  
   font-size: 12px;
   color: #000;
 
   width:500px;
   height:235px;
   border-width: 1px;
 
}

.table_kontakt{ 
   padding-left:5px;    
   width:350px;
   height:100px;
   font-size: 12px;
   color: #000;
   border-width: 1px;
 
}
.td{ 
   height:10px; 
   padding: 10px;
   background-color:#FAFAD2;
   border-right-color: #f7fcff;
   border-right-style: solid;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-bottom-color: #7f7f7f;
   border-bottom-style: dotted;
}
.tdk{
   white-space:nowrap;
   height:10px; 
   padding-top: 10px; 
   padding-bottom: 10px; 
   border-bottom-width: 1px;
   border-bottom-color: #7f7f7f;
   border-bottom-style: dotted;
}
.td_tel{
   white-space:nowrap;
   padding: 10px; 
   border-right-color: #f7fcff;
   border-right-style: solid;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-bottom-color: #7f7f7f;
   border-bottom-style: dotted;
}
.td_popis{
   padding: 10px;
   border-right-color: #f7fcff;
   border-right-style: solid;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-bottom-color: #7f7f7f;
   border-bottom-style: dotted;
}
.tel{
    position:relative;
    left:-5px;
}
.dat{
    position:relative;
    left:-5px;
}
.div_radek2{  
   margin-left:80px;
}
.stat_obr{    
    border-style:solid;
    border-width:2px;
    border-color:black;
    margin-right:3px;
    width:180px;
    height:120px;
}
.height{
    height:45px;
}
.stat_popis{
    width:119px;
    text-align:center;   
    height:20px;
}
.no_underline{
    text-decoration:none;
}
.div_img{  
    text-align:center;
    width:119px;
    height:119px;
    float: left;
    margin-left:25px;
    margin-right:15px;
    margin-bottom:50px;
    display:inline;
}
.no_float{
    height:300px;
    float:none;
}
.div_strana{
    margin-top:0px;
    clear:left;
}
.obr{
    position: absolute; 
    left:0;
    top: 0;
}
.image_block{
    position:absolute;
    top:293px;
    left:575px;                    
}
.image_block2{
    position:absolute;  
    white-space:nowrap;
    
                  
}
.image_block3{
    position:absolute;  
    top:385px; left:575px;
                  
}
.inline{
    margin-left:10px;
    margin-bottom:10px;
    float:left;
    position: relative;
    right:142px;
}
.inline2{
width:100px;
    margin-left:10px;
    margin-bottom:10px;
    
    clear:both;
    position: relative;
    right:142px;
}
.space_10{
    padding-bottom:10px;
}
.space_20{
    padding-bottom:20px;
}
.space_30{
    padding-bottom:30px;
}
.space_40{
    padding-bottom:40px;
}
.space_50{
    padding-bottom:50px;
}
.top{
    position:relative;
    top:50px;
}
.index_menu{
    
    font-size: 12px;
    position:relative;
    top:-20px;
    left:5px;
   
}
.backg{
    background: url("../images/submenu1.jpg") no-repeat top;
}

.bacg {
  background-color: #FBF003;
  
}
.file {
  display: inline;
  margin: 5px 0 0 0; padding: 0 0 0 17px;
  background: url("../images/file.jpg") no-repeat left;
}
/**************************************/
/*               MENU               */
/**************************************/

.droplinebar{
padding-top:2px;
overflow: hidden;
}

.droplinebar ul{
margin: 0;
padding: 0;
float: left; 
width:100%;
background-color: #FBEF03 ; /*default background of menu bar*/
}

.droplinebar ul li{
display: inline;

}

.droplinebar ul li a{
float: left;
text-decoration: none;
}

.droplinebar ul li a:visited{
color: black;

}

.droplinebar ul li a:hover, .droplinebar ul li .current{ /*background of main menu bar links onMouseover*/
color: black;
background-color: #FBEF03;

}
.droplinebar ul li ul a:hover, .droplinebar ul li ul .current{
   color: black;
   background: none;

}
/* Sub level menus*/
.droplinebar ul li ul{
position: absolute;
z-index: 100;
left:0;
top: 0;
width:auto;

background: url("../images/submenu2.jpg") repeat-x top;
visibility: hidden;
}

/* Sub level menu links style */
.droplinebar ul li ul li a{
font: normal 13px Verdana;
padding: 6px;
padding-right: 2px;
margin: 0;
text-decoration: none;
}

.droplinebar ul li ul li a:hover{ /*sub menu links' background color onMouseover */
text-decoration: none;
}
.menu_pos{
     position: absolute; top: 131px; left: 210px;
}