/* CSS Document pro Prodirect s.r.o. */
/* code and design by jiri andrs: jiri.andrs@prodirect.cz*/
/*@import url(content.css);*/


/*
barva pisma: #a88c00;
barva podkladu: #434343;
barva zluteho podkladu: #c7b53b;
barva borderu atd: #e0e0e0;
*/
/*--------layout------*/
body{ background-color:#434343;padding-top:20px; padding-bottom:0px;font: normal 14px Tahoma, Arial;text-align:justify;background-color:#434343;}
#hlavni {margin:0 auto;width:1000px;height:auto;background-color:#ffffff; background-image:url(gfx/hlavni-zahlavi.jpg); background-repeat:no-repeat; background-position:0px 203px}
#logo {height:203px;background: url(gfx/logo.jpg) top center no-repeat;}
#vnitrni_footer {height:187px;width:auto;margin:0 auto;}
#hllink{display:block;height:110px; width:400px;float:left;}
#cleaner {clear:both; width:auto; padding: 0px; margin: 0px; height:20px;}
#menulista {float:right;margin-top:10px;margin-right:15px; height:33px;width:480px;}
#menulista td {font-size:7px;text-align:center;line-height:6px;color:#434343;}
#levysloupec {width:240px;min-height:300px;float:left;margin-top:8px;}
#localmenu_podklad {background:url(gfx/localmenu_gene.jpg); background-repeat:repeat-y; background-position:0px 0px; width:261px;}
#content {width:730px; margin-left:270px;margin-top:0px; padding-top:0px;}
#zajimavost {width:900px; height:45px;float:left; margin-left:72px;margin-top:15px; font: bold 12px Tahoma, Arial; color: white;}
#zajimavost a {font: normal 12px Tahoma, Arial;}
#jazyk {float:right; margin-top:45px; margin-right:50px;}
#jazyk a {width:30px;background-position:0px 0px;height:30px;display:block;}
#cz {background-image: url('gfx/czflag.png'); background-repeat:no-repeat;}
#en {background-image: url('gfx/enflag.png'); background-repeat:no-repeat;}
#jazyk a:hover {background-position:-30px 0px; background-repeat:no-repeat;}
#home_reseni img {width:40px;height:40px;}


/*/ ENGLISH */
#logoen {height:203px;background: url(gfx/logoen.jpg) top center no-repeat;}
.float_obsah_2_en{background-image:url(gfx/contentpanel-vrch_en.jpg);  background-repeat:no-repeat; width:auto;height:auto;padding-top:25px;}


/*---------pisma, odstavce, nadpisy a doplnky-----------------*/
img {border:none;}
a {font: normal 14px Tahoma, Arial;color: #a88c00;text-decoration: none;text-align:left;}
a:hover {font: normal 14px Tahoma, Arial;color: #434343;text-decoration: underline;text-align:left;}
.content_link {background-image: url('gfx/date.gif');padding-left:15px; background-repeat:no-repeat; background-position:0px 6px;}
#zajimavost a {font: normal 12px Tahoma, Arial;text-align:left;}
#znacky {font-size:10px;}
p {margin-top:10px;}
#content li {padding-right:15px;}
#content p {padding-right:15px;}
h1 {text-align:center; font-size:20px; font-weight:bold; color:black; margin-top:0px; padding-top:10px;}
h2 {text-align:center; font-size:18px; font-weight:bold; color:#a88c00;}
h3 {text-align:center; margin-top:10px; margin-bottom:15px; font-size:12px; font-weight:bold; font-family:verdana; color: #a88c00;}
ul {list-style: square inside;}
hr { border: 0; width: 80%; background-color:#e0e0e0; color: #e0e0e0; height:1px;}
/*----------------horni menu--------------*/
#table_menu {float:right;}
#table_menu td a {display:block;margin-top:0px;}
#menu-obaly a, #menu-ctecky a, #menu-cisco a, #menu-prodirect a, #menu-premie a, #menu-dealeri a, #menu-eshop a, #menu-prowell a, #menu-inet a , #menu-tpv a  {width:40px;height:30px;background-position: 0 -15px; background-repeat:no-repeat;}
#menu-obaly a:hover, #menu-ctecky a:hover, #menu-cisco a:hover, #menu-prodirect a:hover, #menu-premie a:hover, #menu-prowell a:hover, #menu-dealeri a:hover, #menu-eshop a:hover , #menu-inet a:hover, #menu-tpv a:hover  {background-position:0px -9px; background-repeat:no-repeat;width:40px;height:30px;}

#menu-obaly a {background-image: url('gfx/home-krabicka-mini.png');width:40px;}
#menu-ctecky a {background-image: url('gfx/home-ctecka-mini.png');width:40px;}
#menu-cisco a {background-image: url('gfx/home-cisco-mini.png');width:40px;}
#menu-prodirect a {background-image: url('gfx/home-prodirect-mini.png');width:40px;}
#menu-premie a {background-image: url('gfx/home-premie-mini.png');width:40px;}
#menu-prowell a {background-image: url('gfx/home-prowell-mini.png');width:40px;}
#menu-dealeri a {background-image: url('gfx/home-dealeri-mini.png');width:40px;}
#menu-eshop a {background-image: url('gfx/home-eshop-mini.png');width:40px;}
#menu-inet a {background-image: url('gfx/home-inet-mini.png');width:40px;}
#menu-tpv a {background-image: url('gfx/home-tpv-mini.png');width:40px;}

/*-------------localmenu*/
.sidebarmenu a {font: bold 12px Tahoma, Arial;text-align:left;color: #a88c00;}
.sidebarmenu ul{margin: 0;padding: 0;list-style-type: none;width: 254px;} 
.sidebarmenu ul li{position: relative;}
.sidebarmenu ul li a{display: block;overflow: auto; padding: 6px;text-align:left;background-image: url('gfx/localmenu_policko.png');}
/*.sidebarmenu ul li a:link, {background-color: #eec43e;}*/
.sidebarmenu ul li a:hover{text-decoration:underline;/*background-color: #434343; color:white;*/}
.sidebarmenu ul li ul{position: absolute;width: 170px; /*Sub Menu Items width */top: 0;visibility: hidden;}
.sidebarmenu .button {background: url('gfx/localmenu_select.png') 0px 0px no-repeat;}
.sidebarmenu .v-menu li a {background-color:white; text-align:left; padding-left:15px; font-weight:normal;}
.ofirmeofirme a, .produktyotazky-a-odpovedi a, .produktysystem-prodirect a, .produktynadstavby a, .sluzbysprava-siti a, .sluzbyweb-tvorba a, .sluzbyvyvoj-software, .sluzbyprodej-hardware a a {color:#434343; text-decoration: underline;}


/*------------obrazky atd.------------*/
.content_nadpis {margin-top:20px;}
/*-----------aktuality----------------*/
#aktuality {width:251px;margin-left:0px;margin-top:40px; font: normal 12px Tahoma, Arial;color: #434343;background:url(gfx/localmenu_gene.jpg); background-repeat:repeat-y; background-position:0px 0px; width:261px;}
#aktuality p {padding:10px;}
/*-----------download-----------------*/
.ul_download {margin-left:10px; font-weight:bold;margin-top:30px;margin-right:20px;}
.ul_download li {margin-bottom:15px; background-color:#fcfcfc; border:1px solid black;padding-top:6px;padding-left:6px;}
.ul_download li ul li {border:none;}
.ul_download li ul {margin-left:30px; font-weight:normal;}
 
 /*---------tabulka paticky---*/
 #table_footer {margin:0 auto;margin-top:0px;color:#e0e0e0;font-size:11px;}
 #table_footer a {font-size:11px;}
 #table_footer a:hover {font-size:11px;text-decoration:underline;color:#e0e0e0;}
 
 #home_reseni {margin-left:40px;}
 #home_reseni tr {padding-top:15px;}
 /*--------reference--------*/
 
.reference {margin-left:1px; padding:0px;}
.reference td {padding-right:14px; width:auto; height:auto; padding-top:10px;}
.reference img {border:1px solid black; height:80px; width:80px;}
.reference td {border-bottom:1px solid #e0e0e0;}

/*----------tabulka pro cenik--prodirect------*/

.cenik { width:550px; height:auto;border:1px solid black; margin-top:5px; margin-left:30px;}
.cenik_box {width:400px; height:25px; border-right:1px solid black; text-align:center; background-color:black; color:white;}
.cenik td {padding-left:15px; padding-top:2px; padding-bottom:2px;}
.cenik_levy {border-top:1px solid black; border-right:1px solid black;}
.cenik_pravy {border-top:1px solid black; }
.cenik_pravy_nadpis {text-align:center; background-color:black; color:white;}

/*----------tabulka pro cenik--web design------*/

.cenik2 { width:550px; height:auto;border:1px solid black; margin-top:5px; margin-left:30px;}
.cenik2 td {padding-top:2px;padding-left:20px;padding-bottom:2px; height:20px;}
.cenik2_levy_nadpis { background-color:black;color:white; height:25px; text-align:center;}
.cenik2_pravy_nadpis {text-align:center; border-left:1px solid black;background-color:black; color:white;}
.cenik2_levy {border-top:1px solid black;}
.cenik2_pravy {border-top:1px solid black; border-left:1px solid black;}

/*------------system prodirect------------*/

.nahledy {height:auto; width:auto; text-align:center; margin-left:15px;}
.nahledy td img {width:90px; height:90px; }
.pro_text {width:100px; height:50px; font-weight:bold;}
.pro_img {height:100px; width:100px; padding-left:20px;}
.table_sekce {width:auto; height:auto; margin:0 auto;}
.table_sekce_nadpis td {background-image: url('gfx/section-title.png'); width:200px; height:40px; font-weight:bold;text-align:center;margin:0 auto;}
.table_sekce_nadpis td a {color: #434343;}
.table_sekce_popis td {border:1px solid #000000;height:130px; width:198px; }
    #home_pc {background-image: url('gfx/home_pc_case.jpg'); background-repeat: no-repeat; background-position:100px 0;}
    #home_web {background-image: url('gfx/home_pastelky.jpg'); background-repeat: no-repeat; background-position:100px 20px;}
    #home_sw {background-image: url('gfx/home_sw.jpg'); background-repeat: no-repeat; background-position:90px 0;}
    #home_inet {background-image: url('gfx/home_inet.jpg'); background-repeat: no-repeat; background-position:60px 0;}
.table_sekce_popis ul {padding-left:16px;}
.table_sekce_popis li {padding-right:2px;padding-left:4px;list-style: outside;}

/*--------bloky----------*/

.float_obsah {background-image:url(gfx/contentpanel-gene.jpg);  background-repeat:y-repeat;float:right;width:180px;height:auto;font-size:10px;text-align:left;margin-left:15px;}
.float_obsah p {margin-left:10px;margin-right:10px;text-align:left;}
.float_obsah_2{background-image:url(gfx/contentpanel-vrch.jpg);  background-repeat:no-repeat; width:auto;height:auto;padding-top:25px;}
.float_obsah_spodek {height:15px;width:180px;background-image:url(gfx/contentpanel-spodek.jpg);background-position:bottom right; background-repeat:no-repeat;}
/*------kontakt, formy-----*/

.tab_kontakt {width:100%;height:auto;}
.tab_kontakt_popisek {background-color:#fcfcfc; border:1px solid #f3d475; width:100%;padding:10px;}
.cst { border: 1px solid black; FONT-SIZE: 12px; color: #000000;  FONT-FAMILY: Arial, sans-serif; HEIGHT: 14px; BACKGROUND-COLOR: #ffffff;}
.cst3 {border: 1px solid black;  FONT-SIZE: 12px; color: #000000; FONT-FAMILY: Tahoma, Arial, sans-serif; HEIGHT: 140px; BACKGROUND-COLOR: #ffffff;}
.cst2 {margin-left: 86px; border: 1px solid black;  FONT-SIZE: 12px; color: #000000; FONT-FAMILY: Tahoma, Arial, sans-serif; HEIGHT: 18px; BACKGROUND-COLOR: #ffffff;}


/*---------GOOGLE MAPA------------*/

.mapa {margin:0 auto; width: 580px; height: 420px; border:1px solid black; }
 

/*--------------styl pro galerii------------- */

#thumbBox{ /*styl toho mega obrazku*/position: absolute;left: 0;top: 0;width: auto;padding: 10px;padding-bottom: 0;background: orange;visibility: hidden;z-index: 15;}
#thumbBox .footerbar{ /*styl textu pod obrazkem*/font: bold 16px Tahoma;letter-spacing: 5px;line-height: 1.1em;color: #000000;padding: 5px 0; clear:both;text-align: right;}
#thumbBox #thumbImage{ /*styl prave casti, kde muze bejt text k obrazku*/background-color: white;}
#thumbLoading{ /*styl pro GIF nacitani*/position: absolute;visibility: hidden;border: 1px solid white;background-color: #ffffff;padding: 5px;z-index: 15;}