@charset "windows-1250";
body {
	margin:0px;
	padding:0px;
	background-color:#DEDEDE;
	background-image:url(img/body_back.png);
	background-repeat:repeat-x;	
	text-align:center;	/* --- */
	font-family: Arial, "Arial CE", Helvetica, sans-serif;

}
p {
	
	margin: 5px 0px 5px 0px;
	}
	
h1 { font-size:18px; font-weight:bold; color:#00853E; }
h2 { font-size:16px; font-weight:bold; color:#00853E; }
h3 { font-size:15px; font-weight:bold; color:#fcb034; }
h3 strong { color:#00853E; }
	
#hlavni {
	position:relative;
	text-align:left;
	width:749px;
	background-color:#FFFFFF;
	margin:auto;	/* --- */
}
#navigace {
	position:relative;
	width:729px;
	height:55px;
	margin:auto;
}
#logo {
	position:absolute;
	width:180px;
	bottom:0px;
	left:0px;
}
.navigation {
	position:absolute;
	width:550px;
	height:15px;
	left:180px;
	bottom:4px;
	text-align:right;
}
a:link, a:active, a:visited {
	decoration: underline;
	color: #000000;
}
a:hover {
	decoration: none;
	color: #000000;
}
a:link.link_menu, a:active.link_menu, a:visited.link_menu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#00853e;
	text-decoration:none;
}
a:hover.link_menu {
	color:#626262;
	text-decoration:underline;
}
a:link.link_bily, a:link.active_bily, a:visited.link_bily {
	color:#676767;
	text-decoration:none;
}
a:hover.link_bily {
	text-decoration:underline;	
}
a:link.link_zeleny, a:link.active_zeleny, a:visited.link_zeleny {
	color:#676767;
	text-decoration:none;
}
a:hover.link_zeleny {
  text-decoration:underline;	
}
#navigace_sekce {
	position:relative;
	width:719px;
	height:35px;
	margin:10px auto;
	background-color:#9D9D9D;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-align:right;
	padding: 20px 10px 0px 0px;
}
.navigace_sekce_nadpis {
	font-size:15px;
	font-weight:bold;
}
#motiv {
	width:729px;
	height:150px;
	margin:10px auto;
}
#reference_mainpage {
	position: relative;
	width:729px;
	height:230px;
	margin:auto;
}

#reference_main_01a, #reference_main_02a, #reference_main_03a {
	position:absolute;
	width:227px;
	height:150px;
	font-size:11px;
	color:#FFFFFF;
	padding: 7px 2px 2px 14px;
}

#reference_main_01a {
	top:0px;
	left:0px;
	background-color:#939393;
}
#reference_main_01b {
	position:absolute;
	width:243px;
	height:70px;
	top:150px;
	left:0px;
	padding-top:10px;
	background-color:#BDBDBD;
	text-align: center;
}
#reference_main_02a {
	top:0px;
	left:243px;
	background-color:#9A9A9A;
}
#reference_main_02b {
	position:absolute;
	width:243px;
	height:70px;
	top:150px;
	left:243px;
	padding-top:10px;
	background-color:#C4C4C4;
	text-align: center;
}
#reference_main_03a {
	top:0px;
	left:486px;
	background-color:#A2A2A2;
}
#reference_main_03b {
	position:absolute;
	width:243px;
	height:70px;
	top:150px;
	left:486px;
	padding-top:10px;
	background-color:#CDCDCD;
	text-align: center;
}
.reference_main_velky {
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#676767;
	top:7px;
	left:14px;
}
.text_zeleny {
	color:#00853e; 
}
.reference_main_maly {
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-align:left;
	top:32px;
	left:14px;
}
#hlavni_obsah {
	position:relative;
	width:729px;
	background-color:#E9E9E9;
	background-image:url(img/hlavni_obsah_back.jpg);
	background-repeat:repeat-y;
	margin:auto;
}
#hlavni_obsah_levy {
	width:486px;
	float:left;
	background-color:#E4E4E4;
	background-image:url(img/hlavni_obsah_lr_back.jpg);
	background-repeat:repeat-x;
}
#hlavni_obsah_levy_1 {
	width:233px;
	float:left;
	text-align:left;
	padding:0px 0px 0px 10px;
}
#hlavni_obsah_levy_2 {
	width:233px;
	float:right;
	text-align:left;
	padding:7px 0px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}
#hlavni_obsah_pravy {
	width:223px;
	float:right;
	clear: none;
	text-align:left;
	padding:7px 0px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}
#hlavni_obsah_pravy_menu, #hlavni_obsah_pravy_ref {
	width:223px;
	float:right;
	text-align:left;
	padding: 0px 0px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}
h5.tip {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#676767;
	margin:0px 0px 0px 0px;
}
#copyright {
	position: relative;
	width:709px;
	height:17px;
	background-color:#CDCDCD;
	margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	color:#FFFFFF;
	padding: 2px 10px 0px 10px;
}
.paticka_bily {
	width:729px;
	height:10px;
	background-color:#FFFFFF;
	margin:auto;
}

.input_login_1 {
	border:0px solid #000000;
	width:192px;
	height:17px;
	background-image:url(img/login_sipka_leva.gif);
	padding: 2px 0px 0px 31px;
	font-size:11px;
}
.input_login_2 {
	border:0px solid #000000;
	width:192px;
	height:17px;
	background-image:url(img/login_sipka_prava.gif);
	padding: 2px 0px 0px 31px;
	font-size:11px;
	color:#00853e;
}
h6 {
	font-size:11px;
	font-weight:bold;
	color:#676767;
	margin:0px 0px 4px 0px;
}
.novinka_datum {
	font-size:10px;
	color:#000000;
}
#druha_obsah_levy {
	position: relative;
	_height: 430px; /* min-height pro explorer */
	min-height: 430px;
	width:466px;
	float:left;
	background-color:#E4E4E4;
	background-image:url(img/hlavni_obsah_lr_back.jpg);
	background-repeat:repeat-x;
	text-align:left;
	padding: 10px 10px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}
.reference_img {
	position:relative;
	width:308px;
	height:104px;
	background-color:#BABABA;
	background-image:url(img/reference_back_01b.jpg);
	background-repeat:repeat-x;
	float: right;
}
#reference_barevnybox {
	position: relative;
	width: 148px;
	height: 104px;
	float: left;
}
.reference_01a {
	position:relative;
	width:243px;
	height:110px;
	background-color:#BABABA;
	background-image:url(img/reference_back_01b.jpg);
	background-repeat:repeat-x;
}
.reference_01b {
	position:relative;
	width:233px;
	height:70px;
	padding: 10px 0px 0px 10px;
	background-color:#D2D2D2;
}
.reference_02a {
	position:relative;
	width:243px;
	height:110px;
	background-color:#C2C2C2;
	background-image:url(img/reference_back_02b.jpg);
	background-repeat:repeat-x;
}
.reference_02b {
	position:relative;
	width:233px;
	height:70px;
	padding: 10px 0px 0px 10px;
	background-color:#D8D8D8;
}
.reference_velky {
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#676767;
	top:7px;
	left:10px;
}
.reference_maly {
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#515151;
	text-align:left;
	top:32px;
	left:10px;
}
.img_velky {
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#676767;
	top:7px;
	left:10px;
}
.img_maly {
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#515151;
	text-align:left;
	width: 290px;
	top:13px;
	left:10px;
}
#reference {
	position: relative;
	width:729px;
	margin:auto;
}

ul {
	margin:0px 0px 10px 20px;
	padding:0px;
}
li {
	list-style:square inside none;
	color:#00853e;
}
.text_sedy_bold {
	color:#757575;
	font-weight:bold;
}
#navigace_cesta {
	background-color: #CDCDCD;
	width:719px;
	height:17px;
	padding:3px 0px 0px 10px;
	margin:auto auto 10px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-align:left;
}
a.link_mailto:link, a.link_mailto:active, a.link_mailto:visited {
	text-decoration: none;
	color: #000000;
}
a.link_mailto:hover {
	text-decoration: none;
	color: #666666;
}
.input_kontakt {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	width: 140px;
	height: 14px;
	border: 1px solid #9D9D9D;
	background-color: #EEEEEE;	
}
.select_osloveni {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	width: 70px;
	height: 14px;
	border: 1px solid #9D9D9D;
	background-color: #EEEEEE;	
}
.textarea_kontakt {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	width: 370px;
	height: 45px;
	border: 1px solid #9D9D9D;
	background-color: #EEEEEE;
}
.submit_kontakt {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	width: 70px;
	height: 20px;
	border: 0px solid #CCCCCC;
	background-color: #EEEEEE;
}
.over {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}
.overover {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100px;
	height: 18px;
	background-color: #CDCDCD;
	z-index: 11;
}

/* submenu */

#submenu_list {
	position: relative;
	border: 0px;
	margin: 0px;	
	list-style: none;
	width: 213px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px; 	
}
#submenu_list li {
	background-image: url(img/submenu_odrazka.gif);
	background-repeat: no-repeat;
	text-align: right;
	list-style: none;
	border-bottom: 1px solid #E8E8E8;
	padding: 7px 0px 8px 0px;
}
#submenu_list li a {
	text-decoration: none;
}
#submenu_list li a:hover {
	text-decoration: none;
	color: #00853e;
}


.div-left {	width: 150px;	float: left;	}
.box-reference {	font-family: Arial, Helvetica, sans-serif; float: left;	 height: 133px;	}
.box-reference .img_ref {	border: 1px solid #EEEEEE; border-bottom: none;	}
.box-reference .screenshots {	width: 150px; widt\h: 148px;	height: 21px;	heigh\t: 15px;	border: 1px solid #EEEEEE;	text-align: center; padding: 4px 0px 0px 0px;	font-size: 0.6em; float: left;	}
.box-reference .floatright {	width: 326px; height: 113px; float: right; margin: 0px;	}
.box-reference .floatright p {	color: #666666; font-size: 0.7em;	margin: 0px;	line-height: 1.3em;	}
.box-reference .floatright h2 {	margin: 10px 0px 4px 0px;	color: #00853e;	}
.box-reference .floatright h2 a {	color: #00853e;	font-size: 0.6em;	}
.box-reference .floatright h2 a:hover {	color: #666666;	font-size: 0.6em;	}



.div-left-r {	width: 150px;	float: right;	}
.box-reference-r {	font-family: Arial, Helvetica, sans-serif; float: right;	height: 133px; }
.box-reference-r .img_ref {	border: 1px solid #EEEEEE; border-bottom: none;	}
.box-reference-r .screenshots {	width: 150px; widt\h: 148px;	height: 21px;	heigh\t: 15px ;	border: 1px solid #EEEEEE;	text-align: center; padding: 4px 0px 0px 0px;	font-size: 0.6em; float: right;	}
.box-reference-r .floatright {	width: 326px;	height: 114px; float: left; margin: 0px;}
.box-reference-r .floatright p {	color: #666666; font-size: 0.7em;	margin: 0px;	line-height: 1.3em;	}
.box-reference-r .floatright h2 {	margin: 10px 0px 4px 0px;	color: #00853e;	}
.box-reference-r .floatright h2 a {	color: #00853e;	font-size: 0.6em;	}
.box-reference-r .floatright h2 a:hover {	color: #666666;	font-size: 0.6em;	}


/* submenu end */


#druha_reference {
	width: 486px;
	float: left;
	background-color: #FFFFFF;
	text-align: left;
	margin: 0px;
}
.druha_reference_radek {
	width: 486px;
	float: left;
	background-color: #FFFFFF;
	text-align: left;
	margin: 0px 0px 20px 0px;
}

.div-ref, .div-ref3		{	font-family: Arial, "Arial CE", Helvetica, sans-serif; width: 136px;	widt/h: 146px;	margin: 0px 22px 0px 0px; border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; padding: 0px 0px 0px 10px; float: left; clear: right;	}
.div-ref3	{	margin: 0px 0px 0px 0px;}
.div-ref h5, .div-ref3 h5		{	margin: 0px 0px 10px 0px; padding: 0px; border: 0px;	}
.div-ref h5 a, .div-ref3 h5 a	{	display: block;	width: 135px; height: 31px;	heigh/t: 32px; line-height: 31px; border-bottom: 1px solid #CCCCCC;	font-size: 11px;	color: #00853e;	text-decoration: underline;}
.div-ref a:visited, .div-ref a:link, .div-ref a:active, .div-ref3 a:visited, .div-ref3 a:link, .div-ref3 a:active {	color: #00853e;	text-decoration: underline;	}
.div-ref ul, .div-ref3 ul		{	list-style-type: none;	margin: 10px 0px 0px 0px;	padding: 0px; border: 0px; border-top: 1px solid #CCCCCC;	width: 135px;	height: 31px;	heigh/t: 32px;}
.div-ref li, .div-ref3 li 	{	list-style-type: none;	margin: 0px;	padding: 0px; border: 0px;	float: left;	width: 15px;	height: 32px;	}

.ico-1, .ico-2, .ico-3, .ico-4, .ico-5, .ico-6, .ico-7, .ico-8, .ico-9	{	background-repeat: no-repeat;	background-position: 0 center;	}
.ico-1		{	background-image: url(img/portfolio/ico-design.gif);	}
.ico-2		{	background-image: url(img/portfolio/ico-html.gif);	}
.ico-3		{	background-image: url(img/portfolio/ico-seo.gif);	}
.ico-4		{	background-image: url(img/portfolio/ico-webhosting.gif);	}
.ico-5		{	background-image: url(img/portfolio/ico-php.gif);	}
.ico-6		{	background-image: url(img/portfolio/ico-databaze.gif);	}
.ico-7		{	background-image: url(img/portfolio/ico-cms.gif);	}
.ico-8		{	background-image: url(img/portfolio/ico-intranet.gif);	}
.ico-9		{	background-image: url(img/portfolio/ico-servis.gif);	}

.ico-1-ne, .ico-2-ne, .ico-3-ne, .ico-4-ne, .ico-5-ne, .ico-6-ne, .ico-7-ne, .ico-8-ne, .ico-9-ne	{	background-repeat: no-repeat;	background-position: 0 center;	}
.ico-1-ne		{	background-image: url(img/portfolio/ico-design-ne.gif);	}
.ico-2-ne		{	background-image: url(img/portfolio/ico-html-ne.gif);	}
.ico-3-ne		{	background-image: url(img/portfolio/ico-seo-ne.gif);	}
.ico-4-ne		{	background-image: url(img/portfolio/ico-webhosting-ne.gif);	}
.ico-5-ne		{	background-image: url(img/portfolio/ico-php-ne.gif);	}
.ico-6-ne		{	background-image: url(img/portfolio/ico-databaze-ne.gif);	}
.ico-7-ne		{	background-image: url(img/portfolio/ico-cms-ne.gif);	}
.ico-8-ne		{	background-image: url(img/portfolio/ico-intranet-ne.gif);	}
.ico-9-ne		{	background-image: url(img/portfolio/ico-servis-ne.gif);	}

.klienti		{	margin: 0px; padding: 0px; 	}
.klienti li		{	list-style: none;	line-height: 15px;	color: #666666;	}

#hlavni_obsah_pravy_ref h5		{	color: #00853e;	font-size: 17px;	margin: 0px;	}
#hlavni_obsah_pravy_ref p		{	font-size: 11px;	}
#druha_reference hr		{	border: none 0;	border-top: 1px solid #E0E0E0;	height: 1px; margin: 10px 0px 10px 0px;}
#hlavni_obsah_pravy_ref a		{	color: #666666;	}

.content { padding: 10px; font-size: 11px; }