@charset "utf-8";
/* CSS Document */

DIV {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
}

.body {
	margin:auto;
	overflow:auto;
	background: #000000;
}

H1 {
	width: 347px;
	font-weight: bold;
	font-style: italic;
	font-size: 22px;
	text-indent: 22px;
	color: #d4d9e3;
	letter-spacing: 0.05em;
	border-bottom: #252526 2px solid;
	margin: 0px 0px 0px 14px;
	padding: 80px 0px 8px 0px;
}

	.h1_kont_form {
		width: 400px;
		color: #3b8204;
		padding: 20px 0px 0px 0px;
		margin: auto;
	}

H2 {
	width: 325px;
	font-weight: bold;
	font-style: italic;
	font-size: 18px;
	text-indent: 22px;
	color: #d4d9e3;
	letter-spacing: 0.05em;
	border-bottom: #252526 2px solid;
	margin: 0px 0px 20px 14px;
	padding: 10px 0px 4px 0px;
}

.long_right {
	width: 465px;
	margin: 0px 14px 0px 0px;
}

.long_full {
	width: 890px;
}

.long_full_index {
	width: 890px;
	font-size: 23px;
	letter-spacing: 0em;
}

	.span_index {
		font-size: 21px;
		font-weight: normal;
	}

#all_web {
	width: 1200px;
	margin:auto;
	overflow:hidden;
	position: relative;	
}

#logo_menu {
	width: 923px;
	overflow:hidden;
	margin: auto;
	margin-top: 30px;
	position: relative;
	z-index: 100;	
}

#logo {
	float: left;
	width: 289px;
	height: 96px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}	

#header {
	width: 923px;
	min-height: 264px;
	overflow: hidden;
	margin: auto;
	margin-top: 80px;
	position: relative;
	z-index: 100;
}

#window {
	width: 923px;
	overflow: hidden;
	margin: auto;
	position: relative;
	z-index: 100;
}

#bottom {
	width: 923px;
	overflow: hidden;
	margin: auto;
	position: relative;
	z-index: 100;
}

#quick_portfolio {
	margin:auto;
	width:900px;
	height: 300px;
	overflow: hidden;
}

#bg {
	width: 1200px;
	overflow:hidden;
	margin: auto;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	color: #FFFFFF;
}

/* MENU */
#menu {
	float: right;
	width: 634px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

#ul_menu {
	list-style: none;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
	.li_menu {
		float: left;
		overflow: hidden;
		margin: 0px;
		padding: 0px;
	}
	
	.li_menu_logo {
		float: left;
		overflow: hidden;
		margin: 0px;
		padding: 0px;
		width: 289px;
		height: 96px;
	}

	
/* všeobecné */
.float_left {
	float: left;
	overflow: hidden;
	margin:0px;
	padding:0px;
}

.float_right {
	float: right;
	overflow:hidden;
}

.clear_both {
	clear: both;
	overflow:hidden;
	height: 0px;
}

a.web_odkaz:link {color: #000000; text-decoration: none; }
a.web_odkaz:visited {color: #000000; text-decoration: none; }
a.web_odkaz:active {color: #000000; text-decoration: none; }
a.web_odkaz:hover {color: #990000; text-decoration: underline; font-weight: bold;}

/* BOTTOM ********************************************************************************/
#bottom_text {
	width: 600px;
	border-top: #252527 2px solid;
	color: #252527;
	margin: auto;
	margin-top: 40px;
	padding: 10px 0px 25px 0px;
	text-align: center;
}
	
a.cms_odkaz:link {color: #252527; text-decoration: none; }
a.cms_odkaz:visited {color: #252527; text-decoration: none; }
a.cms_odkaz:active {color: #252527; text-decoration: none; }
a.cms_odkaz:hover {color: #990000; text-decoration: underline; }

/* REALIZACIE uvod ********************************************************************************/
	.ul_menu_portfolio {
		width: 923px;
		height: 52px;
		margin: 0px;
		padding: 0px;
		list-style: none;
		overflow: hidden;
	}

	ul.ul_menu_portfolio > li {
		float: left;
	}
	
#info_ref {
	width: 913px;
	height: 202px;
	margin: 0px;
	padding: 5px;
	overflow: hidden;
	background: url(img/portfolio/menu/bg.png) top left no-repeat;
}	

#rel_portfolio {
	width: 913px;
	height: 520px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

#realizacie {
	height:410px;
	margin: 100px 0px 0px 30px;
	padding: 0px 30px 0px 525px;
	overflow: hidden
}

	.td_oznacenie {
		width:100px;
		height:35px;
		color:#505050;
		background: url(img/dotted.gif) bottom left repeat-x;
	}
	
	div.like span.connect_widget_text {color:#fff;}
	div.like div.connect_widget_confirmation {color:#fff;}
	div.like span.connect_widget_text a {color:#ffc6ff;}

	
	.td_info {
		width:235px;
		height:35px;
		color:#CCCCCC;
		background: url(img/dotted.gif) bottom left repeat-x;
	}

a.port_odkaz:link {color: #5aa81a; text-decoration: underline; }
a.port_odkaz:visited {color: #5aa81a; text-decoration: underline; }
a.port_odkaz:active {color: #5aa81a; text-decoration: underline; }
a.port_odkaz:hover {color: #5aa81a; text-decoration: none; }

/* O nás **************************************************************************************/
#text_pole {
	width: 843px;
	margin: 0px 14px 0px 0px;
	overflow: hidden;
	padding: 20px 10px 20px 37px;
	color: #e9e9e9;
	line-height: 19px;
}

#text_pole_right {
	width: 445px;
	height: 410px;	
	margin: 0px 14px 0px 0px;
	overflow: hidden;
	padding: 20px 10px 20px 10px;
	color: #e9e9e9;
	line-height: 19px;
}

#text_pole_center {
	width: 860px;
	margin: auto;
	text-align: center;
	overflow: hidden;
	padding: 35px 0px 0px 0px;
	color: #e9e9e9;
	line-height: 19px;
}

	.zvyraznenie {
	 	color: #48900d;
		font-weight: bold;
	}
	
	.text_neaktiv {
		color: #777777;
		font-size: 11px;
	}
	
#podpis {
	width: 445px;
	text-align: center;
	color: #e9e9e9;
	line-height: 19px;
	padding: 50px 0px 0px 85px;
}

/* Technológie ********************************************************************************/
#technologie {
	width: 350px;
	height: 395px;
	background: url(img/softver.jpg) bottom right no-repeat;
}

#zoznam_technologie {
	color: #48900d;
	font-weight: bold;
	line-height: 22px;
	margin-left: 10px;
}

	.ul_podkategoria_technologie {
		color: #e9e9e9;
		line-height: 17px;
		padding-left: 17px;
		font-weight: normal;
	}
	
/* Kontaktné údaje ********************************************************************************/
#kontaktne_udaje {
	width: 295px;
	height: 395px;
	padding: 15px 0px 0px 52px;
	color: #e9e9e9; 
}

#tel_cislo {
	font-weight: bold;
	font-size: 20px;
}

#gmap_canvas {
	width: 435px;
	height: 485px;
	margin: 30px 0px 0px 10px;
	padding: 5px;
	background: #FFFFFF;
	border: #666666 1px solid; 
}

/* Kontaktujte nas ********************************************************************************/
#kontaktny_form_icon {
	padding: 35px 0px 0px 18px;
	overflow: hidden;
}

	.popisky_input_mail {
		width: 233px;
		text-align:right;
		padding:6px;
	}

	.popisky_input_mail_sprava {
		padding: 25px 6px 3px 30px;
		text-align:left;
	}

	.input_text_mail {
		width: 250px;
	}

	.textarea_mail {
		width: 370px;		
		height: 105px;
		margin: 0px 0px 6px 30px;
		padding: 5px;
		overflow: auto;
	}
	
	.div_error {
		text-align: center;
		color: #FF0000;
		padding: 3px 0px 0px 40px;
	}
	
	.div_ok {
		text-align: center;
		color: #009900;
		font-weight: bold;
		padding-top: 10px;
	}