/*--- definice telo+scroll ---*/
BODY {
   scrollbar-face-color: #4684D3;
   scrollbar-arrow-color: #000000;
   scrollbar-highlight-color: #FFFFFF;
   scrollbar-3dlight-color: #4684D3;
   scrollbar-shadow-color: #000000;
   scrollbar-darkshadow-color: #000000;
   scrollbar-track-color: #6498D9;
  background-color: #ffffff;
    background-image: url('poz_top.jpg');
  background-position: center top;
  background-repeat: repeat-x;
  }
 * {
	margin: 0;
	padding: 0;
	border: 0;
}
/*--- cela stranka ---*/

div.stranka{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
}
div.uvnitr{
margin-left: 0px;
margin-top: 0px;
width: 979px;
}

/*--- pozadi ---*/
div.logo{
margin-left: 20px;
margin-top: 2px;
width: 200px;
height: 180px;
}
div.img_top{
border: solid 0px;
margin-left: 333px;
margin-top: -181px;
width: 600px;
height: 192px;
background-image: url(img_top.jpg);
background-repeat: no-repeat;
}
/*--- menu top (pozice tlacitek)---*/
div.tl_uvod{
margin-left: 333px;
margin-top: 0px;
width: 87px;
height: 47px;
}
div.tl_onas{
margin-left: 420px;
margin-top: -47px;
width: 95px;
height: 47px;
}

div.tl_reference{
margin-left: 515px;
margin-top: -47px;
width: 119px;
height: 47px;
}
div.tl_portfolio{
margin-left: 634px;
margin-top: -47px;
width: 105px;
height: 47px;
}
div.tl_najdete{
margin-left: 634px;
margin-top: -47px;
width: 105px;
height: 47px;
}
div.tl_kontakt{
margin-left: 739px;
margin-top: -47px;
width: 104px;
height: 47px;
}
/*--- menu left ---*/
td.left{
margin-left: 0px;
margin-top: 0px;
width: 230px;
background-color: #A1DAED;
}
div.left_top{
margin-left: 0px;
margin-top: 0px;
width: 230px;
height: 76px;
background: url(poz_menu_left_top.png);
}
/*--- telo right---*/
td.telo{
width: 739px;
height: 330px;
padding: 5 5 5 5px;
}


a{
color : #006699;
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
text-decoration: underline;
}
a:hover{
color : #006699;
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
text-decoration: none;

}
a.a_port{
color : #006699;
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
text-decoration: underline;
margin-left: 10px;
font-weight: bold;
}
a.a_port:hover{
margin-left: 10px;
color : #ff7500;
font-size: 12px;
font-weight: bold;
font-family:  Arial, Helvetica, sans-serif;
text-decoration: none;
}
a.a_port01{
color : #006699;
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
text-decoration: underline;
font-weight: bold;
}
a.a_port01:hover{
color : #ff7500;
font-size: 12px;
font-weight: bold;
font-family:  Arial, Helvetica, sans-serif;
text-decoration: none;
}
a.white{
color : #ffffff;
font-size: 11px;
font-family:  Arial, Helvetica, sans-serif;
text-decoration: none;
}
a.white:hover{
color : #ffffff;
font-size: 11px;
font-family:  Arial, Helvetica, sans-serif;
text-decoration: underline;
}
/*--- menu left (tlacitka)---*/
a.menu_left{
display: block;
margin-top: 0px;
font-size: 13px;
font-family:  Arial, Helvetica, sans-serif;
color : #006699;
width: 230px;
text-decoration: none;
font-weight: bold;
padding-top: 8px;
padding-bottom: 8px;
background: url(tl_left_off.gif);
text-align: right;
}
a.menu_left:hover{
color : #ffffff;
background: url(tl_left_on.gif);
text-decoration: none;
font-size: 13px;
}

div.poz_nad_left{
position: relative;
left: 135px;
top: 35px;
}
#lista_bottom{
width: 100%;
height: 72px;
background: url(lista_bottom.gif) 0 0 repeat-x;
padding-right: 0px;
margin-right: 0px;
}


div.gravirovani_nab{
margin-left: 10px;
margin-top: 0px;
width: 190px;
height: 130px;
}
div.orient_nab{
margin-left: 200px;
margin-top: -130px;
width: 190px;
height: 130px;
}
div.poutace_nab{
margin-left: 10px;
margin-top: 0px;
width: 190px;
height: 130px;
}
div.lepena_nab{
margin-left: 200px;
margin-top: -130px;
width: 190px;
height: 120px;
}
div.pohary_nab{
margin-left: 10px;
margin-top: 0px;
width: 190px;
height: 130px;
}
div.webdesign_nab{
margin-left: 200px;
margin-top: -130px;
width: 190px;
height: 130px;
}
div.left_uvod{
border-right: solid 1px #D0F0FC;
width: 420px;
float: left;
}
div.right_uvod{
MArgin-top: 0px;
margin-left: 430px;
height: 400px;
width: 260px;
padding-left: 5px;
padding-right: 5px;
font-size: 12px;
font-weight: normal;
font-family:  Arial, Helvetica, sans-serif;
color : #006699;
}
div.odst01_uvod{
height: 200px;
}
div.odst02_uvod{
height: 200px;
}
h1{
margin-top: 0px;
margin-bottom: 0px;
padding-left: 10px;
padding-bottom: 5px;
padding-top: 5px;
font-size: 16px;
font-weight: bold;
font-family:  Arial, Helvetica, sans-serif;
color : #006699;
font-style: italic;
}

h3{
font-size: 17px;
font-family:  Arial, Helvetica, sans-serif;
font-weight: bold;
font-style: italic;
color : #FF7500;
margin-bottom: 0px;
height: 30px;
padding-right: 0px;
padding-bottom: 4px;
padding-top: 0px;
list-style-type: none;
padding-left: 15px;
background: url(sipka.png) no-repeat 0px 5px;
}
h2{
margin-top: 0px;
margin-bottom: 0px;
padding-left: 10px;
padding-bottom: 0px;
padding-top: 5px;
font-size:16px;
font-weight: bold;
font-family:  Arial, Helvetica, sans-serif;
color : #FF7500;
font-style: italic;
}
h4{
margin-top: 0px;
margin-left: 60px;
margin-bottom: 5px;
padding-left: 10px;
padding-bottom: 0px;
padding-top: 0px;
font-size: 16px;
font-weight: bold;
font-family:  Arial, Helvetica, sans-serif;
color : #006699;
font-style: italic;
}
h5{
margin-top: 0px;
margin-bottom: 0px;
padding-left: 10px;
padding-bottom: 0px;
padding-top: 5px;
font-size:13px;
font-weight: bold;
font-family:  Arial, Helvetica, sans-serif;
color : #FF7500;
font-style: italic;
}
p.bez{
margin-top: 0px;
padding-left: 10px;
padding-top: 0px;
font-size: 12px;
font-weight: normal;
font-family:  Arial, Helvetica, sans-serif;
color : #666666;
padding-bottom: 0px;
margin-bottom: 0px;
}
p{
margin-left: 10px;
margin-right: 10px;
font-size: 12px;
font-weight: normal;
font-family:  Arial, Helvetica, sans-serif;
color : #666666;
margin-bottom: 12px;
}
p.cara{
margin-left: 10px;
margin-right: 10px;
font-size: 12px;
font-weight: normal;
font-family:  Arial, Helvetica, sans-serif;
color : #666666;
margin-bottom: 12px;
border-left: solid 4px  #D0F0FC;
padding-left: 3px;
}
p.male{
margin-top: 0px;
padding-left: 10px;
padding-bottom: 0px;
padding-top: 0px;
margin-bottom: 0px;
font-size: 11px;
font-weight: normal;
font-family:  Arial, Helvetica, sans-serif;
color : #666666;
}
div.nad_top{
margin-left: 5px;
margin-top: 10px;
width: 687px;
height: 107px;
background: url(poz_top.png);
}
a.orange{
height: 30px;
padding-right: 0px;
padding-bottom: 4px;
padding-top: 0px;
font-size: 13px;
font-weight: normal;
font-family:  Arial, Helvetica, sans-serif;
color : #FF7500;
list-style-type: none;
padding-left: 17px;
background: url(orange_but.gif) no-repeat 0px 0px;
}
a.orange:hover{
font-size: 13px;
color : #FF7500;
text-decoration: none;
}
.foto_nab{
margin: 5 5 5 5px;
}
div.site{
float: left;
margin-left: 10px;
margin-top: 30px;
color : #ffffff;
font-size: 11px;
font-family:  Arial, Helvetica, sans-serif;
}
div.copy{
float: right;
margin-top: 30px;
color : #ffffff;
font-size: 11px;
font-family:  Arial, Helvetica, sans-serif;
}
.input{
	font-size: 12px;
	font-family:  Arial, Helvetica, sans-serif;
	color : #006699;
	border: solid 1px #006699;
	background: #ffffff;
	align : left;
	width: 155px;
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
}
.mail{
	font-size: 12px;
	font-family:  Arial, Helvetica, sans-serif;
	color : #006699;
	border: solid 1px #006699;
	background: #ffffff;
	align : left;
	width: 300px;
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
}

.input_site{
	font-size: 10px;
	font-family:  Arial, Helvetica, sans-serif;
	color : #000000;
	border: solid 1px #000000;
	background: #ffffff;
	align : left;
	width: 155px;
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
}
.button{
	font-size: 12px;
	font-weight: bold;
	font-family:  Arial, Helvetica, sans-serif;
	color : #ffffff;
	border: solid 1px #000000;
	background: #006699;
	padding: 0 0 0 0px;
	margin: 5 0 0 0px;
}
.foto{
border: solid 2px  #006699;
margin-right: 5px;
}

a.odkaz_left{
display: block;
margin-top: 0px;
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color : #ff9999;
width: 224px;
text-decoration: none;
font-weight: bold;
padding-top: 4px;
padding-bottom: 4px;
}
a.odkaz_left:hover{
color : #ffffff;
background: url(tl_on.png);
}
.tab{
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
font-weight: normal;
color : #666666;
}
.bunka{
background: #D0F0FC;
padding-left: 5px;
padding-right: 5px;
}
div.posun{
margin-left: 5px;
margin-bottom: 10px;
}
div.foto_tab{
float: left;
padding-left: 30px;
padding-top: 15px;
padding-bottom: 15px;
}
div.port{
margin-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
width: 198px;
}
div.fotr{
border: solid 2px #006699;
}
div.fotr_po{
border: solid 2px #F37800;
}
div.car_roz{
border-top: solid 1px #D0F0FC;
margin-left: 14px;
margin-right: 14px;
margin-bottom: 14px;
}
div.kalkulator{
height: 215px;
width: 380px;
}
.odsaz_right{
margin-right: 10px;
}
.odstavec{
margin-top: 14px;
float: left;
width: 700px;
margin-left: 10px;
}
.blue{
color : #006699;
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
font-weight: bold;
}

  .portf {
	FONT-WEIGHT: normal;
	FONT-SIZE: 8pt;
	FONT-FAMILY: Arial,Verdana;
padding: 5 5 5 5px;
color:#666666;
	vertical-align: top;
	float: left;
	text-align: center;
}
  .portf_po {
	FONT-WEIGHT: normal;
	FONT-SIZE: 8pt;
	FONT-FAMILY: Arial,Verdana;
padding: 5 5 5 5px;
color: #ffffff;
	background-color: #006699;
	vertical-align: top;
	float: left;
	text-align: center;
}