/* CSS layout */
        a               {text-decoration: none;}
        a:link    {color: black;}
        a:visited {color: black;}
        a:active  {color: black;}
        a:hover   {color: red; text-decoration: underline;}
        
        /*a.obr_prod:hover { filter: background-image: url(druhy.gif)}*/
        /*table {       border-spacing:0;}*/

body {
        font-family: "Arial", Verdana, sans-serif;
        /*font-family: "Verdana CE", Verdana, sans-serif;*/
        font-size: 3.5mm;
        background-color: white;        
        padding: 0;
        margin: 0; 
        border:0;
/*      height:100%; */
        width: 775px; /*780px je spravnych, ale pak je tam horizontalni scrollbar-----*/
        position: relative;
        text-align: left;
        z-index:1;
 
} 

#odrazky ul{
                width: auto;
                position:relative;
                float:left;
                margin:0px;
                padding:0px;
                height:auto;
                                text-align:justify;

}
#odrazky li{
                margin-bottom:5px;
                list-style:square;
                width: auto;
                height:auto;
                text-align:justify;

}
/*pro vitejte----------------------------------------------------------------------*/
#obrazek {
        margin:auto;
        position:relative;
        margin-top:30px;
        float:left;
        width:775px;
        text-align:center;
}
#tab_vitejte{
		position:relative;
		text-align:center;
		float:left;
		left:200px;
		top:20px;
}
#tab_vitejte td {
	width:104px;
	height:69px;
	background:silver;
	padding:0;

}
#navigace{
	text-align:center;
	border:0;
}
/*pro aktualne----------------------------------------------------------------------*/
#pozice{
                position:relative;
                float:left;
                margin-top:5px;
                padding:0 0 0 0;
                margin-bottom:0px;
                width:760px;  /*775px*/
                height:auto;

}
/*tabulky pro kontakty--------------------------------------------------------------*/
#tabulka_green {
        margin-top: 10px;
        margin-bottom: 0px;
        position: relative;
        /*background: #B0E3B8;/*#C8EEC9;*/ /* - varianta na svetle zelenou#DBF2DE;*/
        background-image:url('index/grafika/lista_green.png');
        left: 0;
        width: 775px; /*780px je spravnych, ale pak je tam horizontalni scrollbar-----*/;
        float: left;

        font-weight:bold;
}

#bunka_leva {
        text-align:left;
        padding-left:10px;
        vertical-align:middle; 
}
#bunka_prava {
        text-align:right;
        padding-right:5px;
        vertical-align:middle; 
}

#tabulka_white {
        margin-top:10px;
        position:relative;
        background:white;
        left: 60px;
        width:700px; /*715px - je tam min aby to bylo trosku od kraje*/
        /*font-size: 3.5mm;*/
        float:left;
        text-align:justify;
     
}
#tabulka_green2 {
        margin-top:10px;
        position:relative;
       /* background:#B0E3B8;*/
       background-image:url('index/grafika/lista_green.png');
        left:60px;
        width:715px;
        float:left;
        text-align:left;
        font-weight:bold;

}
#tabulka_white2 {
        margin-top:10px;
        position:relative;
        background:white;
        left: 60px;
        width:715px; /*715px - je tam min aby to bylo trosku od kraje*/
        /*font-size: 3.5mm;*/
        float:left;
        text-align:justify;
        
     
}

#podtabulka {
        width:345px;
        float:left;
       padding-left: 5px;
}
#mezera {
        width:20px;
}
#historie_text {
        width:auto;
        left:20px;
        position:relative;
        width:740px;
        border:0;
        margin:0;
        padding:0;
        text-align:justify;

}

/*kariera-------------------------------------------------------------------------------*/
#leva {
        width:150px;
        /*float:left;*/
        background-color:white;
        vertical-align:top;
}
#prava {
        width:auto;
        /*float:left;*/
        background-color:white;
        vertical-align:top;
        text-align:justify;
}


#odrazky_tab {
                font-family: "Verdana CE", Verdana, sans-serif;
                list-style:square;
                width: auto;
                /*text-align:left;*/
                vertical-align:top;
                border:0px;
                margin-top:0px;
                margin-bottom:0px;
                text-align:justify;
}
#tabulka_seda {
        margin-top:10px;
        position:relative;
        background:silver;
        left:0;
        width:775px; /*780px je spravnych, ale pak je tam horizontalni scrollbar-----*/
        float:left;
        margin-top:30px;
       /* padding-left:5px;*/
        font-weight:bold;
}

/*Historie-------------------------------------------------------------------------------*/
#obr_hist {
        margin:20px;
        position:relative;
        text-align:center;
        margin-top:30px;
        width:150px;
        height:150px;
        float:left;
}
/*Produkty a jejich umisteni----------------------------------------------------------------*/
#obr_prod {
        position:absolute;
        left:3px;
        top:5px; /*pouze pro krasu*/
        border: 0px;
        text-align:center;
}
#product_text{
        position: absolute;
        top: 75px;
        left: 0px;
        width: 106px;
        height: 70px;
        font-size: 3.5mm;
        text-align: center;
        border: 0;
        margin: 0;
        padding: 0;
/*border-top: 2px #E0E0E0solid;*/       padding-top: 5px;
        background: #E8E8E8;
}
#product{
        position:relative;      
        left:49px; /*aby mohl byt margin left u vsech divu-jinak 60*/
        padding:0;
        margin:0;
        margin-top:15px;
        margin-bottom:10px;
        width:726px; /*715*/
        float:left;
        border:0;
}

#product_x{
        position:relative;      
        padding:0;
        margin:0;
        margin-left:11px;
        margin-bottom:10px;
        width:106px;/*110px;*/
        height:150px;
        float:left;
        border:2px #E8E8E8 solid;*/
}

#reader{
        position:relative;      
        padding:0;
        margin:0;
        margin-left:30px;
        margin-bottom:0px;
        width:20px;/*110px;*/
        height:20px;
        float:left;
        border:2px #E8E8E8 solid;*/
        }

#reader2{
        position:relative;      
        padding:0;
        margin:0;
        margin-left:5px;
        margin-bottom:0px;
        width:20px;/*110px;*/
        height:20px;
        float:left;
        border:2px #E8E8E8 solid;*/
        }

#mensitext{
                font-size: 3mm; 
}
/*mapa pro adresu a najiti na seznamu------------------------------------------------------*/
#mapa{
        z-index:100;
        position:absolute;
        left:470px;
        top:110px;
        width:250px;
        height:210px;
        border:0px;
}
/*veci pro kontakty ve svete*/
#tab_svet{
        width: 170px;
        /*background:orange;*/
        float:left;
}
#flags{
        margin-right:10px;
        border: 1px black solid;
}
/*Napisy na podkladu na kazde strance-----------------------------------------------*/
#page_picture{
         position: relative;
         width:775px;
         height:60px;
         border:0;
         margin-bottom:20px;
         padding:0;
         float:left;
}
#page_picture_text{
                 position: absolute;
                 left:15px;
                 top:15px;
                 font-size:5mm;
                 /*font-weight:bold;*/
                 height:35px;
                 width:auto;
                 padding:0;
                 margin:0;
}
/*Film deprag---------------------------------------------------------------*/
#film{
        position:relative;      
        padding:0;
        margin:0;
        margin-left:11px;
        margin-bottom:10px;
        width:130px;
        height:130px;
        float:left;
        border:2px #E8E8E8 solid;
        background-color:#E8E8E8;
}
#obraz_film{
        position:absolute;      
        padding:0;
        margin:0;
        top:0px;
        left:0px;
        width:130px;
        height:100px;
        border:0;
}
#text_film{
		position:absolute;
		bottom:0px;
		text-align:center;
		left:0px;
		width:130px;
		height:30px;
		margin:0;
		padding:0;
		vertical-align:middle;
}
/*Zvyrazneni jednotlivych produktu-----------------------------------------------*/
#red_bold_color{
	position:relative;
	color:red;
	font-weight:bold;
}
#novinka{	/*Napis nasikmo new, neue....*/
        position:absolute;
        left:0px;
        top:0px; /*pouze pro krasu*/
        border: 0px;
        text-align:center;
	
}