html, body	
{
	margin: 0px 0px 0px 0px;
	padding: 0;
   font-family: "Courier New", Courier, monospace;
	font-size: small;        
	background: black;
	color: white;
}

img
{
	border: 0px;
	margin: 0;
	padding: 0;
}

#left {
background: black url(grafika/opakovani.jpg) top right;
}


#right {
	background: black url(grafika/opakovanir.jpg) top left;
} 

#stred{
width:990px;
}


.menuhorni {
	width: 990px;
	height: 46px;
	background-image: url(grafika/menu-horni.jpg);
	text-align: center;
}
 .menu-pozice {
 	position: relative; top: 15px;
 }

.menu-uvodem {
	width: 145px;
	float: left;
}
.menu-sluzby {
	width: 145px;
	float: left;
}
.menu-reference {
	width: 160px;
	float: left;
}
.menu-objednavka {
	width: 205px;
	float: left;
}
.menu-cenik {
	width: 165px;
	float: left;
}
.menu-kontakty {
	width: 165px;
	float: left;
}

.pasivni {
font-size: 16px;
color: white;
}

.pasivni:hover {
font-size: 16px;
color: orange;
}

.aktivni {
font-size: 16px;
color: red;
}

.logo {
	width: 990px;
	height: 252px;
	background-image: url(grafika/logo.jpg);
}

.menu {
	width: 990px;
	height: 112px;
}

.menu-vrch {
width: 990px;
height: 15px;
background-image: url(grafika/menu-vrch.jpg);
}

.menu-dole {
width: 990px;
height: 56px;
background-image: url(grafika/menu-dole.jpg);
}

.menu-polozky {
float: left;
width: 871px;
height: 112px;
}

.menu-left {
float: left;
	width: 62px;
	height: 112px;
	background-image: url(grafika/menu-left.jpg);
}

.menu-right {
	float: right;
	width: 57px;
	height: 112px;
	background-image: url(grafika/menu-right.jpg);
	}

.plocha {
	width: 990px;
	
}




.levy {
float: left;
	max-width: 745px;
}



.pravy {
float: left;
max-width: 245px;
text-align: center;
}


.paticka {
clear:both;
width: 990px;
height: 128px;
text-align: center;
color: gray;
background-image: url(grafika/paticka.jpg);
background-repeat: no-repeat;
background-position: top;
}

.patickatext {
	margin: 10px 10px 0px 10px;	
	font-size: 11px;
}


a {
text-decoration: none;
color:red;
}

h1 {
	font-size: 14px;
}

h2 {
	font-size: 14px;
}

h3 {
	font-size: 14px;
}

.link {
	color:red;
}




.kdo {
 float: left;
 width: 238px;
 padding: 0px 10px 0px 0px
}

.kdojsme {
float: left;
 width: 238px;
 height:43px;
 background: url(image/kdo_jsme.jpg) no-repeat 0 0;
}

.kdojsmeplocha {

 width: 238px;
 background: url(image/kdo_jsme_pozadi.jpg) repeat-y 0 0;
 padding: 0px 10px 0px 10px;
}

.kdojsmedown {

 width: 238px;
 height:42px;
 background: url(image/kdo_jsme_down.jpg) no-repeat 0 0;
}

.co{
	float: left;
	width: 238px;
	padding: 0px 10px 0px 0px
}

.codelame {
	width: 238px;
	background: url(image/co_delame.jpg) no-repeat 0 0;
	height:43px;	
}

.codelame_plocha {
	width: 238px;
	background: url(image/co_delame_pozadi.jpg) repeat-y 0 0;
	padding: 0px 10px 0px 10px;
}

.codelame_down {

	width: 238px;
	background: url(image/co_delame_down.jpg) no-repeat 0 0;
	height: 43px;
	
}

.proc {
   float: left;
	width: 238px;
	
	}

.procpravenas {

	width: 238px;
	background: url(image/proc_prave_nas.jpg) no-repeat 0 0;
	height:43px;
	}

.procpravenas_plocha {

	width: 238px;
	background: url(image/proc_prave_nas_plocha.jpg) repeat-y 0 0;
	padding: 0px 10px 0px 10px;
	}	
	
.procpravenas_down {

	width: 238px;
	background: url(image/proc_prave_nas_down.jpg) no-repeat 0 0;
	height:43px;
	}	
	
	


.uvod_reference {
	background: url(image/uvod_pozadi.jpg) repeat-y 0 0;
	width: 241px;
	color: white;
	
}

.uvod_reference_top {
	background: url(image/uvod_reference.jpg) no-repeat 0 0;
	width: 241px;
	height: 61px;
}

.uvod_formular {
	background: url(image/uvod_pozadi.jpg) repeat-y 0 0;
	width: 241px;
	
}

.uvod_formular_top {
	background: url(image/uvod_dotaz.jpg) no-repeat 0 0;
	width: 241px;
	height: 61px;
	
}

.uvod_kontakty {
	background: url(image/uvod_pozadi.jpg) repeat-y 0 0;
	width: 241px;
	
}

.uvod_kontakty_top {
	background: url(image/uvod_kontakty.jpg) no-repeat 0 0;
	width: 241px;
	height: 61px;
}

.uvod_down {
	background: url(image/uvod_down.jpg) no-repeat 0 0;
	width: 241px;
	height: 64px;
	margin: 0px 0px 10px 0px;
}

.down {
	background: url(image/down.jpg) no-repeat 0 0;
	width: 1024px;
	height: 29px;
	
}

/****************************** kontakty ****************************************/


.kon_box {
float:left; 
width:350px;
color: #cccccc;
 }

.kon_box strong {
	color: white;
}
 
.kontakty_top {
	background: url(image/k_top.jpg) no-repeat 0 0;
	width: 751px;
	height: 44px;
}

.kontakty_top_text {
  padding: 5px 0px 0px 0px;	
}

.kontakty_plocha {
 width: 751px;
 background: url(image/k_plocha.jpg) repeat-y 0 0;
 min-height: 350px;
}


.kontakty_plocha_text {
  padding: 10px 0px 0px 20px;	
  text-align: left;
}


.kontakty_down {
	background: url(image/k_down.jpg) no-repeat 0 0;
	width: 751px;
	height: 43px;
}

strong {
color: white; 
font-size:medium; 
font-weight:bold; 
}



/******************* formular rychly ***************/

input.formular
	{
	margin: 5px 5px 5px 5px;
	border: 1px solid #787D05;
	width: 200px;
	color: Black;
	font-size: small;
}

textarea.formular_text
	{
	margin: 5px 5px 5px 5px;
	border: 1px solid #787D05;
	width: 200px;
	height: 150px;
	color: Black;
	font-size: small;
}


/*********************** reference uvod **********/

img.reference_uvod
	{
	margin: 5px 5px 5px 5px;
	border: 1px solid black;
	width: 200px;
}


/*********************************** sluzby ****************************************/


.sluzby
{
	margin: 5px 10px 0px 10px;
	text-align: left;
}


.s_web {
	background-color: #FF7020;
}

.s_seo {
background-color: #FF9020;
}

.s_gra {
	background-color: #FFB020;
}

.s_spr {
	background-color: #FFD020;
}

.s_opr {
	background-color: #FFF020;
}


/****************** reference ***********************************/

.ref_box {
text-align: center;
background: url(http://www.tvorime-weby.cz/reference/obrazky/pozadi_r.jpg) no-repeat 0 0;
float:left; 
width:300px;
height: 400px;
margin:20px;
font-size: 14px;

 }

.ref_left {
float:left;
}

.ref_right {
float:left;
color: #ff9900;
}

a.ref_odkaz {
color:black;
font-weight: bold;
font-size: 14px;
 font-style: normal;
}

.ref_popis {
	float:left;
	text-align: left;
	color:gray;
	font-size: 14px;
	margin: 0 0 0 20px;
}

/******************************* bojednavka *************************************/

.objednavka {
	text-align: left;
	padding: 20px 40px 20px 40px;
}

input.for_obj
	{
	margin: 5px 5px 5px 5px;
	border: 1px solid #787D05;
	width: 400px;
	color: Black;
	font-size: small;
}

textarea.for_obj_text
	{
	margin: 5px 5px 5px 5px;
	border: 1px solid #787D05;
	width: 400px;
	height: 200px;
	color: Black;
	font-size: small;
}

.hvezdicka
	{
	color: #787D05;
	font-size: small;
}



/*************************************** cenik *********************************/

.cenik {
	text-align: left;
	padding: 20px 40px 20px 40px;
	color: black;
}

.cen_uvod{
	background-color: #dfe4ea;
	padding: 20px;
}

.cen_nad_uvod{
	color: #2d3339;
	font-weight: bold;
	font-size: small;
}


.cen_nadpis
	{
	color: #a52a2a;
	font-size: small;
	font-weight: bold;
}

.cen_mini{
	background-color: #dfecc5;
	padding: 20px;
}

.cen_nad_mini
	{
	color: #8bb731;
	font-size: small;
	font-weight: bolder;
}

.cen_medium{
	background-color: #cbd8f7;
	padding: 20px;
}

.cen_nad_medium
	{
	color: #386ae9;
	font-size: small;
	font-weight: bolder;
}

.cen_large{
	background-color: #ffcaca;
	padding: 20px;
}

.cen_nad_large
	{
	color: #ff2222;
	font-size: small;
	font-weight: bolder;
}

.cen_zak{
	background-color: #efd28e;
	padding: 20px;
}

.cen_nad_zak
	{
	color: #bc8c1b;
	font-size: small;
	font-weight: bolder;
}

.cen_roz{
	background-color: #f0bd93;
	padding: 20px;
}

.cen_nad_roz
	{
	color: #723d12;
	font-size: small;
	font-weight: bolder;
}

.ostatni{
	background-color: #feff82;
	padding: 20px;
}

.mapa {
clear: both;
text-align: center;
}

.sluzby-odrazky {  
  list-style-image: url(grafika/check.png);  
}

.sluzby h1 {
font-size: 17px;
font-weight: bold;
margin-top: 30px;
color: #1ec6f7;
}