/* CSS Document */

/* BASIC =====================================================================*/
body {background:#eaeaea}
body {font-family: 'Verdana','Arial'; font-size:11px; color:#7A7B77; line-height:20px;text-align:center;}
body,code,div,h1,h2,h3,h4,h5,h6,img,li,ol,span,table,th,td,ul {padding:0px; margin:0px; border:0px;}

/* colors-default */
a 			{color:#f18600; text-decoration:none}
a:hover 	{color:#595a57; text-decoration:underline}
h1,
h2,
h3 {color:#f18600}

/* headings etc. */
h1,h2,h3,h4,h5,h6 {margin:0px 0 10px 0; letter-spacing:-1px;font-weight:normal}
h1 				{font-size:22px}
h1#hp           {position: absolute;top:-50px}
h2 				{font-size:17px}
h3 				{font-size:15px}
h3.top 			{margin-top:30px}
h4 				{font-size:13px}

/* paragraphs */
p 				{line-height:20px; margin-bottom:10px;margin-top: 0px;}
p.top 		{margin-top:10px;}
p.bottom 	{margin-bottom:20px;}
p.strong    {font-weight:bold}

/* tables */
table 		{border-collapse: collapse}
th,td 		{font-size: 11px;}

/* lists */
ul,ol,li    {list-style: none;}
ul          {margin-bottom:10px;}

/* other */
img         {border:0px}
sub, sup 	{position:relative; vertical-align:baseline}
sub 			{top:0.4em}
sup 			{bottom:0.4em}

/* alignment */
.center 		{text-align:center;}
.left 		{text-align:left;}
.right 		{text-align:right;}
.middle 		{vertical-align:middle;}
.top 			{vertical-align:top;}

/* GRID PARTS ================================================================*/
#body {margin:0px auto; width:1024px; background:#fff url('../img/new_design_css/background.png') no-repeat top center; text-align:center}
#footer {margin:0px auto; width:1024px; background:#eaeaea; text-align:center;clear:both}

#header,
#menu,
#subtitles,
#content,
#partners {margin:0px auto; width:898px}

#header 								{height:91px}
#header h1                    {margin-left:-4000px;margin-top:-10px;height:10px;}
#header #link-homepage 			{display:block; float:left; width:200px;height:85px}
#header #menu-mini 				{display:block; float:right; margin:0px 70px 0 0}
#header #menu-mini li 			{float:left; padding:0 10px 0 10px; border-right:1px solid #595a57; font-size:10px; color:#595a57; line-height:10px}
#header #menu-mini li a 		{color:#f18600;}
#header #menu-mini li a:hover {color:#595a57}
#header #menu-mini li.last 	{border-right:0px}
#header #menu-mini 				{position:absolute; top:50px; left:630px}

#header #box-login-top			{font-size:10px; text-align:right; position: static; float:right; margin:20px 30px 0 0}
#header #box-login-top input	{color:#7A7B77; width:70px; height:16px; line-height:12px; font-size:10px; border:1px solid #cacaca}
#header #box-login-top input.submit {width:30px; height:22px; border:0; background:url(../img/new_design_css/go_orange.gif) center center no-repeat}

#header #menu-mini2 				{margin:0 10px 0 0; padding:0; font-size:10px; color:#595a57}
#header #menu-mini2 a 			{color:#f18600;}
#header #menu-mini2 a:hover 	{color:#595a57}

#menu 					{clear:both; height:29px; background:url(../img/new_design_css/subtitle.png) no-repeat 0 30px;}
#homepage #menu      {height:229px}
#menu ul 				{display:block;margin:0}
#menu ul li ul 		{display:none}
#menu li 				{float:left; width:223px; height:30px; line-height:30px; margin:0 2px 0 0; background:top left no-repeat}
#homepage #menu li   {height:78px;}
#menu li li,
#homepage #menu li li{height:30px}
#menu li a           {display:block; text-decoration:none}
#menu li.last 			{margin-right:0}
#menu li span			{visibility:hidden}
#menu ul li.profil					{background-image:url(../img/new_design_css/button_profil_0.png)}
#menu ul li.reseni 					{background-image:url(../img/new_design_css/button_reseni_0.png)}
#menu ul li.sluzby 					{background-image:url(../img/new_design_css/button_sluzby_0.png)}
#menu ul li.reference 				{background-image:url(../img/new_design_css/button_reference_0.png)}
#menu ul.homepage li.profil,
#menu ul li.profil-active,
#menu ul li.profil:hover			{background-image:url(../img/new_design_css/button_profil_1.png)}
#menu ul.homepage li.reseni,
#menu ul li.reseni-active,
#menu ul li.reseni:hover	 		{background-image:url(../img/new_design_css/button_reseni_1.png)}
#menu ul.homepage li.sluzby,
#menu ul li.sluzby-active,
#menu ul li.sluzby:hover	 		{background-image:url(../img/new_design_css/button_sluzby_1.png)}
#menu ul.homepage li.reference,
#menu ul li.reference-active,
#menu ul li.reference:hover	 	{background-image:url(../img/new_design_css/button_reference_1.png)}

#subtitles 				{clear:both; height:199px; background-image:url(../img/new_design_css/subtitle.png); display:none}
#subtitles ul 			{display:block;margin:0}
#subtitles li 			{float:left; width:203px; height:50px; margin:8px 12px 5 10px; font-family:'Arial'; font-size:11px; color:#fff; line-height:15px; text-align:center}
#subtitles li.last 	{margin-right:2px}

.lines               {clear:both; background: #000 top left; height:5px; margin:0 0 0 63px}
.lines-profil        {width:223px;background-image:url(../img/new_design_css/line_profil.png)}
.lines-reseni        {width:448px;background-image:url(../img/new_design_css/line_reseni.png)}
.lines-sluzby        {width:673px;background-image:url(../img/new_design_css/line_sluzby.png)}
.lines-reference     {width:898px;background-image:url(../img/new_design_css/line_reference.png)}

#content 					{padding:40px 25px 60px 0; text-align:left;}
#content #left 			{width:190px; float:left; margin-left:10px}
#content #right 			{margin-left:240px}
#content .right-center	{margin-right:240px}
#content #right-box		{width:190px; float:right; margin-right:0px}

#content #left h2 							{font-size:14px;margin-top:0px;font-weight:bold}
#content #left .reference 					{margin-bottom:20px}
#content #left .reference a.normal 		{color:#595a57; font-weight:bold}
#content #left ul.menu-2 					{}
#content #left ul.menu-2 li 				{margin-left:25px; padding-left:15px; margin-bottom:2px;background: url(../img/new_design_css/list.png) no-repeat 2px 6px;letter-spacing:-1px}
#content #left ul.menu-2 li a 			{color:#636461;font-weight:bold}
#content #left ul.menu-2 li.active a 	{color:#C23D02}

#content #right h2 		{font-size:22px;margin-top:0px;font-weight:normal}
#content #right h3 		{font-size:18px;margin-top:30px;font-weight:normal}
#content #right ul 	 	{margin-left:0px}
#content #right ul li 	{margin-left:15px; padding-left:25px; margin-bottom:0px;background:url(../img/new_design_css/list_gray.png) no-repeat 5px 6px}
#content #right ol 	 	{margin-left:30px}
#content #right ol li 	{margin-left:5px; padding-left:0px; margin-bottom:10px; list-style: decimal}

#content #right #box-login			{float:right; width:270px; height:230px; margin:0 0 0 50px}
#content #right #box-login h2		{font-size:14px; margin-top:0px;font-weight:bold}
#content #right #box-login p		{border:1px solid #cacaca; background:#f1f1f1; padding:20px}
#content #right #box-login input	{color:#7A7B77;width:90px; height:18px; line-height:20px; font-size:12px; border:1px solid #cacaca}
#content #right #box-login input.submit {width:30px; height:22px; border:0; background:url(../img/new_design_css/go_orange.gif) center center no-repeat}
#content #right #box-login span	{display:block; margin-top:10px}

#partners 		{margin:20px auto 20px auto; color:#aaa; text-align:center}
#partners a 	{color:#aaa}
#copyright 		{width:350px; float:right; color:#fff; background:#AEAEAB; font-weight:bold; margin-bottom:5px}

/* colors */
#reference #content #left ul.menu-2 li {background-image:url(../img/new_design_css/list-reference.png)}

/* reference */
#content #right img.reference					 		{border:10px solid #EAEAEA; margin-right:20px}
#content #right .item-reference 						{margin:0 0 30px 0}
#content #right .item-reference .image 			{float:left; width:250px; text-align:center}
#content #right .item-reference .image img 		{border:10px solid #EAEAEA}
#content #right .item-reference .description 	{padding:0}
#content #right .item-reference .description h3 {padding:10px 0 0 0}
#content #right .item-reference .description p 	{}
#content #right .item-reference .cleaner 			{display:block;clear:left}

/* kontakty */
#content #right .contacts		 					{margin:20px 0 30px 0}
#content #right .contacts .item-kontakt 		{float:left; width:135px;text-align:center}
#content #right .contacts .item-kontakt img 	{border:10px solid #EAEAEA}
#content #right .contacts .item-kontakt p 	{padding-bottom:10px}
#content #right .contacts .cleaner 				{display:block;clear:left}

#content #right #contact-form						{border:1px solid #cacaca; background:#f1f1f1; padding:20px}
#content #right #contact-form input				{color:#7A7B77;width:160px; height:20px; font-size:12px; border:1px solid #cacaca;margin:0 20px 10px 0}
#content #right #contact-form input.submit 	{display:block;float:right; width:120px; height:29px; border:0px; background:url(../img/new_design_css/submit.png) center center no-repeat}
#content #right #contact-form textarea			{color:#7A7B77;width:340px; height:100px; font-size:12px; border:1px solid #cacaca;margin:0 0 10px 0}
#content #right #contact-form label				{display:block;font-weight:bold}

/* colors-section*/
#profil #content a,
#profil #content h1,
#profil #content h2,
#profil #content h3,
#profil #content #left ul.menu-2 li.active a {color:#F49900}

#reseni #content a,
#reseni #content h1,
#reseni #content h2,
#reseni #content h3,
#reseni #content #left ul.menu-2 li.active a {color:#C23D02}

#sluzby #content a,
#sluzby #content h1,
#sluzby #content h2,
#sluzby #content h3,
#sluzby #content #left ul.menu-2 li.active a {color:#648B0A}

#reference #content a,
#reference #content h1,
#reference #content h2,
#reference #content h3,
#reference #content #left ul.menu-2 li.active a {color:#3378BD}

#box-login-top input.pwd {margin-left:2px}
br.cleaner {clear:both}

/** FLASH ZPRAVY **/
#flash { position: absolute; top: 0px; left: 0px; width: 250px; height: 70px; padding: 15px; z-index: 1000; 
        background-color: #FFEACF; color: #034c72; font-weight: bold; }
#flash, #flash * { cursor: pointer; }
#flash .yui-b { padding: 5px 0; }
#flash .yui-b>* { font-size: 100%; text-align: center; }
#flash .yui-main { height: 50px; }
#flash .yui-close { height: 20px; font-size: 90%; text-align: center; }
#flash .yui-close .button {border: 1px solid #006600; height: 19px; width: 50px; font-size: 11px; background-color: #F5C20B}
#flash.subtle { background-color: #444; color: white; }
#flash.subtle:hover { background-color: #222; }
#flash.warning { background-color: #ff0; color: black; }
#flash.warning:hover { background-color: #ff8; }
#flash.success { border: 2px solid #DF7E00; }
#flash.success:hover { border: 2px solid #DF7E00; }
#flash.failure, #flash.error { border: 2px solid #ff7200; }
#flash.failure:hover, #flash.error:hover { border: 2px solid #006600; }
#flash.subtle, #flash.success, #flash.failure, #flash.error { }