/**
 *   vonsch.css created: 28.2.2007
 *    (c) COPYRIGHT 2007 by VONSCH spol. s.r.o 
 * ----------------------------------------------
 *   CVS revizia: $Revision: 1.31 $
 *   Datum: $Date: 2012/01/11 12:44:28 $
 */

/* 
 * firemna zelena je: #00949D
 * seda: #a5a5a5
 * slabozelena: #41e3d2, neskor: #b7ddc8
 * slabozelena HLP: #e3f0e7
 * slabozlta: #feff9a , neskor: #fffdc9
 */ 
body 
{
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  font-size: 9pt;
  font-family: "Arial CE", Arial , sans-serif;
  background-color: white;
}
   
table , div , input , select , textarea {font-size: 9pt;}

a  { color: #0000ff; text-decoration: none;}
a:hover { text-decoration: underline;}

a img {border: 0px;}

/* img {display: block;} */

li
{
list-style-position: outside;
list-style-image: url(../images/kocka.gif);
}

.delfin
{
  border: 0px;
  margin: 0px;
  padding: 0px;
  width: 151px;
  height: 151px;
}

.template_table
{
  /* width: 780px; 100%*/
   width: 100%;   
  
  /*margin-left: auto;
  margin-right: auto; */
  padding: 0px;
  border-style: none;
  border-spacing: 0px;
  border-collapse: collapse;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-right: 0px;
} 

td, th { vertical-align: top; text-align: left; }

.vonsch_logo
{ 
  vertical-align: top;
  border: 0px;
  margin: 0px;
  padding: 0px;
  background: #e3f0e8;
  height: 100%;
}

.sgs_logo
{ 
  vertical-align: bottom;
  border: 0px;
  margin: 0px;
  padding: 0px;
  width: 40px;
  background-color: #eeeeee;
  height: 151px;
}


/** XHTML FIX **/
.sgs_logo img, .vonsch_logo img, .delfin img, .spoluto img {display: block;}

.spoluto img {
margin-left: auto;
margin-right: auto;
}

.tanecnici_hor
{
 background: #eeeeee url(../images/tanecnici_hor.jpg) top left;
 height: 91px; /* 151px - 3x20px */
}

.tanecnici_ver_sk
{
background: #e3f0e8 url(../images/tanecnici_ver_sk.gif) no-repeat top left;
width: 191px;
height: 587px; /* minimalna vyska na zobrazenie celeho pozadia */
}

.tanecnici_ver_cs
{
background: #e3f0e8 url(../images/tanecnici_ver_cs.gif) no-repeat top left;
width: 191px;
height: 587px; /* minimalna vyska na zobrazenie celeho pozadia */
}

.tanecnici_ver_en
{
background: #e3f0e8 url(../images/tanecnici_ver_en.gif) no-repeat top left;
width: 191px;
height: 587px; /* minimalna vyska na zobrazenie celeho pozadia */
}


.main_menu
{
height: 20px;
background: #a5a5a5;
width: 100%;
}

.main_menu_table
{
height: 20px;
}

/**
 * priestor nad top menu
 */
.top_space
{
height: 20px;
width: 100%;
background: #eeeeee;
margin: 0px;
}

.top_menu
{
height: 20px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px; /* bolo 258,268 */
margin: 0px;
/*text-align: left;  IE */

width: 100%;
background: #a5a5a5;
}

.top_menu_div
{
width: 729px; /* bolo 585px, rozsirene o (1024-800)px ale zuzene aby nebolo az po okraj*/
margin-right: 0px;
padding-right: 15px; /* 5px */
text-align: right; /** pre IE - vnutri je table*/
height: 20px;
}

.top_menu_table
{
height: 20px;
margin: 0px;

margin-left: auto;
padding: 0px;

}



.top_menu_flags
{
padding-left: 10px;
}

.left_menu
{
padding-top: 108px;
height: 400px;
text-align: right;
border: 0px;
}

.left_menu_table
{
margin-left: auto;
padding: 0px;
width: 150px;
border: 0px;
/*border: 1px solid red; DEBUG ONLY*/
text-align: right;
}

/* bunka vnutri tabulky s class="left_menu_table" */
.left_menu_table td
{
    margin-left: auto;
	padding-bottom: 18px;
	text-align: right !important; /* inak by bolo menu pod IE6 odsunute par px nalavo*/
}

/* MENu START*/

.nadmenuimg
{
z-index: 6;
position: absolute;
display: none;
}

.hiddenmenu
{ 
 position: absolute;
 z-index: 5;
 visibility: hidden;
}

.hiddenleftmenu
{
width: 150px;
margin: 0px;
padding: 0px;
border: 0px;
/*border: 1px solid green;  DEBUG ONLY*/
position: relative;
text-align: right;
display: none;
z-index: 5;
}

/* IE 6 HACK - toto IE 6 ingoruje*/
div>div .hiddenleftmenu { width: 160px; }



.menu_narrow  , .menu_wide , .menu_xwide , .menu_middle  , .menu_narrow_butt , .menu_top_butt , .menu_left_butt , .menu_left, .gombik
{ 
 font-family:  "Arial CE", Arial , sans-serif; /* bola verdana */
 font-size: 9pt;
 background-color: #a5a5a5;
 color: white;
 text-decoration: none;
 display: block;
 text-align: left;
}


.menu_narrow  , .menu_wide, .menu_xwide  , .menu_middle
{
 padding-left: 5px;
 padding-right: 10px;
 white-space: nowrap;
 overflow: hidden;
}

.menu_narrow:hover  , .menu_wide:hover , .menu_xwide:hover ,  .menu_middle:hover ,.menu_narrow_butt:hover, .menu_top_butt:hover, .menu_left:hover, .gombik:hover
{
 background: #00949D;
 color: white;
 text-decoration: none;
}

.menu_narrow_butt:hover, .menu_top_butt:hover
{
 background: #00949D url(../images/butt_bg_zelene.gif) no-repeat top left ;
}

.menu_left_butt
{
 font-weight: normal;
 font-size: 11pt;
 height: 20px;
 background: url(../images/butt_bg_sede_alpha.png) no-repeat top left ; /* #a5a5a5 */
 width: 145px;
 padding-right: 15px;
 text-align: right;
}

.menu_left
{

width: 100px;
height: 20px;
font-weight: normal;
padding-right: 15px;
text-align: right;
margin-bottom: 0px;
margin-top: 0px;
margin-left: auto;
}

.menu_left_butt:hover
{
 background: url(../images/butt_bg_zelene_alpha.png) no-repeat top left ; /* #00949D */
 text-decoration: none;
}

.menusiroke  , .menusirokebutt { width: 160px;} /* bolo 130 */
.menu_narrow, .menu_narrow_butt  { width: 147px; } /* bolo 117 */ /*99,114 pri 117 akurat vyjde na sirku 800 - scrollbar*/
.menu_wide {width: 147px;} /* pre IE6 */ /* bolo 117 */
.menu_xwide {width: 187px;} /* bolo 167 */

/* IE 6 HACK - toto IE 6 ingoruje - zmena pre FF, opera*/
div > a.menu_wide { width: 132px;} /* bolo 102 */
div > a.menu_xwide { width: 142px;} /* bolo 122 */

.menu_narrow_butt, .menu_top_butt {   text-align: center; height: 20px; font-weight: normal; font-size: 9pt;}

/* gombiky horneho menu */
.menu_top_butt {padding-left: 15px; padding-right: 10px;}

.gombik { vertical-align: bottom; padding-top: 2px; padding-bottom: 2px; padding-left: 10px; width: 190px;}

.buttmiddlealign { position: relative; top: 2px; }

.content
{

padding-left: 25px;
padding-top: 12px;
padding-right: 0px; /* 7px; */
vertical-align: top;
/* border: 1px solid yellow; */
}

/* .content p, .content div , .content table {width: 573px; } */

.contentwidth 
{
 width: 787px; /* bolo 563*/
 margin-right: 10px;
 /* border: 1px solid red; */  
}

th {vertical-align: top;}

.blockcontent
{
	width: 797px; /* bolo 573*/
	text-align: justify;
}

.copyright
{
color: #00949D;
text-align: center;
font-size: 9pt;
margin-top: 0.5cm;
margin-bottom: 10px;
}

.copyrightcell /* bunka td v ktorej je copyright */
{
vertical-align: bottom;
}

.copyrighttd
{
background: #e3f0e8;
}

.spoluto
{
/* width: 100% */
height: 45px;
text-align: center;
background-color: #a5a5a5;
}

.debugborder
{
border: 1px solid yellow;
}



h1 {color: #00949D; font-size: 14pt;}

a.clanky {color: #00949D;}

.greentext {color: #00949D; text-align: left;}
.greentextn {color: #00949D; font-weight: normal; text-align: left; }


/* ------------------ REFERENCIE -----------------------------------*/

/* REFERENCIE zo stareho webu */
.referencie
{
border: 1px solid #eeeeee;
border-collapse: collapse;
width: 774px; /* bolo 550*/
margin-bottom: 20px;
}

table.referencie td, table.referencie th {padding: 3px 3px 0px 3px; vertical-align: top;}

.refleft { width: 185px; background-color: #eeeeee;} /* bolo 170*/

td.refright div{
padding-left: 8px;
padding-top: 8px;

}

.reffoto {margin: 0px 0px 0px 0px;}

.refproblem {
 color: #00949D;
 font-size: larger;
 font-weight: bold;
}

.refriesenie 
{
 color: #00949D;
 font-size: larger;
 font-weight: bold;
 margin-bottom: 20px;
}

.refrozsahdod {margin-bottom: 10px;}

.refcinnost {margin-bottom: 20px;  font-weight: bold;}

.reftext {}

.refviac {
 padding-left: 5px;
 padding-right: 5px;
 font-family:  "Arial CE", Arial , sans-serif;
 font-size: 10pt;
 font-weight: bold;
 background-color: #a5a5a5;
 color: white;
 text-decoration: none;
 border: 1px solid white;
 height: 17px;
 border-left: 0px;
}

/** vyber produktu */ 

table.sirokatabulka { width: 560px;} /* bolo 560*/

.dotazniktable
{
 width: 350px; /* bolo 300*/
 vertical-align: top;
}

.malynadpis 
{
color: #00949D;
font-weight: bold;
font-size: 11pt;
}

/** atesty */

.imgborder
{
border: 1px solid #a5a5a5;
float: left; 
}

.floatintext
{
margin-right: 10px;
margin-bottom: 10px;

float: left;
}

h1,h2,h3,h4,h5,h6 
{
  color: #00949D;
}

.info
{
  color: #a5a5a5;
}

/* ----------------- ZAROVNANIA -----------------*/
.leftalign
{
	text-align: left !important; 
}

.centeralign
{
	text-align: right;
}

.rightalign
{
	text-align: right;
}

.justifyalign
{
	text-align: justify;
}

.block2right
{
text-align: right;
margin-left: auto;
}

table.block2right /* pre formular referencii */
{
padding-right: 10px;
}

/** vyrobny program **/
.vyrprtable
{
border: 1px solid #00949d;
border-collapse: collapse;
}

.vyrprtable th
{
font-weight: bold;
text-align: center;
background: #b7ddc8;
}

.vyrprtable td
{
text-align: left;
background: #fffdc9;
}

/* riesenia */

.indent2left
{
margin-left: 30px;
}

.menicepozadie
{
text-align: justify;
width: 220px;
}

/** ----------------- PRODUKTY ----------------------------- **/


.obrmenic
{
 float: right;
}

.obrafoto
{
 float: right;
 margin-left: 10px;
 margin-bottom: 10px;
}
 

 table.border , table.sirokatabulka
{
 border: 1px solid #a5a5a5;
 border-collapse: collapse;
}

table.producttable, table.producttable2
{
 border: 1px solid #00949D;
 border-collapse: collapse;
}

table.producttable { width: 560px;} 

table.producttable th {background: #b7ddc8;  }
table.producttable td {background: #fffdc9; text-align: center; }

table.producttable2 { width: 560px;}

table.producttable2 th {background: #b7ddc8; text-align: left;}
table.producttable2 td {background: #fffdc9; text-align: left;}

.rohtabulky {vertical-align: middle; text-align: center;}

.producttable_lighter {background: #FFFEE0 !important; } /**#FFFEE0; font-style: italic;*/

.kazdadruha {} /* tu nechavame #cccccc; */


/** ------------------------ UVODNA STRANKA, PO NOVOM --------------------------- **/


.news {color: #222222; }
.info {color: green;}

.novinky , .pripravujeme 
{
height: 1300px;
float: left;
margin-right: 0px;
padding-top: 0px;
padding-left: 5px;
/* 
border: 1px solid blue; 
background-color: #eeeeee;   zmenit na a5a5a5
*/
}

/** UVODNA STRANKA **/

.novinky 
{
width: 629px; /* bolo 365*/
}

.oddelovac
{
float: left;
margin: 0px;
padding: 0px;
/* border: 1px dashed orange; */
margin-right: 10px;
}

/* IE 6 HACK - toto IE 6 ingoruje*/
div > div .referencia , div .skolenie, div .veltrh, div .novinka, div .clanok { width: 215px; }

.referencia , .skolenie, .veltrh, .novinka, .clanok
{
width: 115px; /*   bolo 170 //asi pre IE*/
/*margin-left: auto;
margin-right: auto;
border: 2px outset #222222;
*/
padding: 5px 5px 5px 5px;
/* pokusy s rohom
 -moz-border-radius-topleft: 20px;
 -moz-border-radius: 5px;
border: 1px solid red; */
margin-bottom: 10px;
overflow: hidden;
/* border: 1px solid blue; */
}

/* IE 6 HACK - toto IE 6 ingoruje*/
div > div .clatitulok , div .magtitulok , div .reftitulok , div .skoltitulok
{
width: 220px; /* bolo 165*/
}

.clatitulok , .magtitulok , .reftitulok , .skoltitulok
{
width: 215px;  /*bolo 170 //IE 6 hack*/
padding-left: 5px;
}

.skolramik, .clanokramik, .magramik, .referramik
{
width: 225px; /* bolo 170*/
margin: 0px;
margin-top: 10px;
margin-bottom: 10px;
padding: 0px;
}

.clanokramik
{
border: 1px solid #fffb9e;/* #00949d; */
}

.clatitulok
{
background: #fffb9e;
border-bottom: 1px solid #fffb9e;

}

.magramik
{
border: 1px solid #00949d; /* #00949d; */
}

.magtitulok
{
color: white;
background: #00949d;
border-bottom: 1px solid #00949d; /* #83c09d */
}

.referramik
{
border: 1px solid #dedede;
}

.reftitulok
{
color: white;
background: #a5a5a5;
border-bottom: 1px solid #dedede; /*a5a5a5, dedede*/
}

.skolramik
{
border: 1px solid #c1daaf;
}

.skoltitulok
{
color: white;
background: #c1daaf;
border-bottom: 1px solid #c1daaf;
}

.referencia
{
background-color: #eeeeee;
/*width: 185px;  nebolo nic, treba rozsirit*/
}

.skolenie 
{
background-color: #deecd3; /* srackovo zelena*/
/*border: 1px solid blue;
width: 185px;  nebolo nic, treba rozsirit*/
}

.veltrh   {
background-color: #fffdc9;
/*width: 185px;  nebolo nic, treba rozsirit*/
}

.novinka  {
background-color: #b7ddc8;
/*width: 185px;  nebolo nic, treba rozsirit*/
}

.clanok   {
background-color: #fffdc9;
/* width: 185px; nebolo nic, treba rozsirit*/
}

/* -- pravy pasik na fotky, hocico */

.pravypas
{
background: #dfecd4; /* #e3f0e7;  */
width: 100%;
height: 100%;
margin-left: 10px;
margin-right: 0px;
}

.timelinetable th
{
width: 70px;
padding-left: 5px;
background: #fffdc9;
}

.atestypokec
{
text-align: justify;
padding-left: 15px;
padding-right: 15px;
width: 220px;
float: left;
}

/** kontakty **/

.telcislo
{
text-align: right;
font-weight: bold;
}

.teltable
{
background: #fffdc9;
padding-left: 10px;
padding-top: 10px;
padding-right: 10px;
}


.teltable th
{
background: white;
}

.ncv_news 
{
background: #eeeeee;
text-align: justify;
width: 624px; /* bolo 400 */
}

/** program vyrobny */

.p_pohony, .p_zeleneenergie, .p_trakcia, .p_umelesiete
{
font-size: larger;
}

.p_pohony
{
background: #cfe2e8 !important;
color: white;
}


.p_zeleneenergie
{
background: #97cd7f !important;
color: white;
}


.p_trakcia
{
background: #e79323 !important;
color: white;
}


.p_umelesiete
{
background: #e6c7b2 !important;
}



