/*
ILLUSIO Webdesign - Tvoříme webové stránky
*/

*
{
	margin: 0;
	padding: 0;
}
.clear
{
	clear: both;
	width: 0;
	height: 0;
	font-size: 0;
	border: 0;
}
body
{
	background: #145890 url(images/bg_body.jpg) repeat-x top;
	font-family: helvetica,arial,tahoma,verdana;
	font-size: 12px;
	color: #000;
}
a:hover
{
	text-decoration: none;
}
/*-------------------------------------------------------------------------------------------------------------------------
	Main
-------------------------------------------------------------------------------------------------------------------------*/
div#main
{
	margin: 0 auto 50px auto;
	width: 1000px;
	position: relative;
}
/*-------------------------------------------------------------------------------------------------------------------------
	Kontajner
-------------------------------------------------------------------------------------------------------------------------*/
div#kontajner
{
	background: url(images/bg_kontajner.jpg) repeat-y 0 0;
	width: 1000px;
}
/*-------------------------------------------------------------------------------------------------------------------------
	Header
-------------------------------------------------------------------------------------------------------------------------*/
div#header
{
	width: 1000px;
	height: 120px;
	position: relative;
}
p.edit
{
	position: absolute;
	right: 50px;
	top: 345px;
}
p.edit a
{
	color: #fff !important;
}
/*-------------------------------------------------------------------------------------------------------------------------
	Logo
-------------------------------------------------------------------------------------------------------------------------*/
a#logo
{
	width: 163px;
	height: 50px;
	position: relative;
	top: 50px;
	left: 10px;
	display: block;
	overflow: hidden;
}
a#logo span
{
	background: url(images/logo.jpg) no-repeat 0 0;
	width: 163px;
	height: 50px;
	position: absolute;
	left: 0;
	top: 0;
}
/*-------------------------------------------------------------------------------------------------------------------------
	Main menu
-------------------------------------------------------------------------------------------------------------------------*/
ul#main_menu
{
	position: absolute;
	top: 60px;
	right: 10px;
	font-size: 13px;
	line-height: 40px;
}
ul#main_menu li
{
	list-style-type: none;
	float: left;
}
ul#main_menu li a
{
	background: #0a2c48;
	margin: 0 0 0 5px;
	padding: 0 20px;
	height: 40px;
	float: left;
	display: block;
	color: #fff;
}
/*-------------------------------------------------------------------------------------------------------------------------
	Content
-------------------------------------------------------------------------------------------------------------------------*/
div#content
{
	margin: 0 0 30px 40px;
	width: 690px;
	float: left;
}
div#content a
{
	color: #F04E25;
}
div#content p
{
	margin: 0 10px 20px 10px;
	line-height: 18px;
}
div#content ul
{
	margin: 0 10px 20px 22px;
	line-height: 18px;
}
div#content ul li
{
	list-style-type: circle;
}
div#content ol
{
	margin: 0 10px 20px 27px;
	line-height: 18px;
}
div#content h3
{
	margin: 0 10px 15px 10px;
	font-size: 18px;
	font-weight: normal;
	color: #F04E25;
}
div#content div.alignleft
{
	margin: 20px 0 30px 10px;
	float: left;
	color: #f04e25;
}
div#content div.alignleft a
{
	background: #d2e8fc url(images/sipky_left.gif) no-repeat left 9px;
	border-left: solid 10px #d2e8fc;
	padding: 8px 10px 8px 20px;
	text-decoration: none;
	color: #f04e25;
	font-weight: bold;
}
div#content div.alignleft a:hover
{
	background: #d2e8fc url(images/sipky_left_hover.gif) no-repeat left 9px;
	color: #0a2c48;
}
div#content div.alignright
{
	margin: 20px 10px 30px 0;
	float: right;
	text-align: right;
	color: #f04e25;
}
div#content div.alignright a
{
	background: #d2e8fc url(images/sipky_right.gif) no-repeat right 9px;
	border-right: solid 10px #d2e8fc;
	padding: 8px 20px 8px 10px;
	text-decoration: none;
	color: #f04e25;
	font-weight: bold;
}
div#content div.alignright a:hover
{
	background: #d2e8fc url(images/sipky_right_hover.gif) no-repeat right 9px;
	color: #0a2c48;
}
div#content div.ddsg-wrapper
{
	margin: 0 0 0 10px;
}
div#content div.ddsg-wrapper h2
{
	margin: 0 0 15px 0;
	font-size: 18px;
	font-weight: normal;
}
/*-------------------------------------------------------------------------------------------------------------------------
	Kontaktni formular
-------------------------------------------------------------------------------------------------------------------------*/
div.wpcf7-mail-sent-ok 
{
	background: #ecf7d9 url(images/ico_ok.gif) no-repeat 15px 10px;
	border: 1px solid #c6e09a;
	padding: 10px 10px 10px 40px;
}

div.wpcf7-mail-sent-ng 
{
	background: #feecec url(images/ico_ng.gif) no-repeat 15px 10px;
	border: 1px solid #f6b6b6;
	padding: 10px 10px 10px 40px;
}

div.wpcf7-spam-blocked 
{
	background: #e8f7fe url(images/ico_blocked.gif) no-repeat 15px 10px;
	border: 1px solid #addff6;
	padding: 10px 10px 10px 40px;
}

div.wpcf7-validation-errors 
{
	background: #fbf5d6 url(images/ico_errors.gif) no-repeat 15px 10px;
	border: 1px solid #ecda86;
	padding: 10px 10px 10px 40px;
}
form.wpcf7-form
{
	margin: 0 0 0 10px;
}
form.wpcf7-form p
{
	margin: 0 0 10px 0 !important;
}
p.name input, p.mail input, p.subject input, p.message textarea
{
	background: #f9fbfc;
	padding: 5px 1px;
	border: solid 1px #999999;
}
p.name input, p.mail input, p.subject input
{
	width: 200px;
}
p.message textarea
{
	width: 400px;
	height: 130px;
}
p.submit input
{
	background: #F04E25;
	padding: 8px 20px;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	font-size: 13px;
}
/*-------------------------------------------------------------------------------------------------------------------------
	Sluzby
-------------------------------------------------------------------------------------------------------------------------*/
div#sluzby
{
	margin: 0 0 0 10px;
	padding: 30px 0 30px 30px;
	height: 140px;
}
div#sluzby p
{
	color:#0A2C48;
	line-height:18px;
}
div#sluzby h3 
{
	margin: 0 0 10px 0;
	color:#F04E25;
	font-size:13px !important;
	line-height:18px;
}
div#sluzby h3 a
{
	color:#F04E25;
	font-size:13px !important;
}
div.sluzba
{
	margin: 0 10px;
	width: 210px;
	float: left;
}
/*-------------------------------------------------------------------------------------------------------------------------
	Detail
-------------------------------------------------------------------------------------------------------------------------*/
div#detail
{
	margin: 0 0 20px 10px;
	padding: 0 0 20px 0;
	width: 670px;
}
div#detail div#content_detail
{
	width: 440px;
	float: right;
}
div#detail div#sidebar_detail
{
	width: 210px;
	float: left;
}
div#detail a
{
	color: #f04e25;
}
div#detail img
{
	background: #fff;
	margin: 0 0 20px 0;
	padding: 9px;
	border: solid 1px #c2e0fb;
}
div#detail h3
{
	margin: 0 0 15px 0;
	color: #f04e25;
	font-size: 18px;
	font-weight: normal;
}
div#detail ul.prace
{
	margin: 0 0 20px 0;	
}
div#detail ul.prace li
{
	padding: 4px 0;
	border-bottom: solid 1px #d2e8fc;
	list-style-type: none;
}
div#detail ul.prace li.ano
{
	background: url(images/bullet_03.gif) no-repeat right;
}
div#detail ul.prace li.ne
{
	background: url(images/bullet_04.gif) no-repeat right;
}
div#detail p
{
	margin: 0 0 20px 0;
	text-align: justify;
}
div#detail ul.klient
{
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
}
div#detail ul.klient li
{
	list-style-type: none;
}
div#detail a.link_prezentace
{
	background: #d2e8fc url(images/sipky_right.gif) no-repeat right 9px;
	border-right: solid 39px #d2e8fc;
	padding: 8px 20px 8px 50px;
	text-decoration: none;
	color: #f04e25;
	font-weight: bold;
}
div#detail a.link_prezentace:hover
{
	background: #d2e8fc url(images/sipky_right_hover.gif) no-repeat right 9px;
	color: #0a2c48;
}
/*-------------------------------------------------------------------------------------------------------------------------
	Sidebar
-------------------------------------------------------------------------------------------------------------------------*/
div#sidebar
{
	background: url(images/bg_sidebar.jpg) repeat-y center;
	margin: 38px 0 30px 20px;
	width: 210px;
	float: left;
}
div#sidebar_top
{
	background: url(images/sidebar_top.jpg) no-repeat left top;
	width: 210px;
}
div#sidebar_bottom
{
	background: url(images/sidebar_bottom.jpg) no-repeat left bottom;
	padding: 0 0 30px 0;
	width: 210px;
}
div#sidebar h3
{
	margin: 0 0 15px 20px;
	padding: 20px 0 0 0;
	color: #f04e25;
	font-size: 18px;
	font-weight: normal;
}
div#sidebar ul
{
	line-height: 18px;
}
div#sidebar ul li
{
	list-style-type: none;
	color: #0a2c48;
}
div#sidebar ul li a
{
	background: url(images/bullet_01.gif) no-repeat 20px 8px;
	padding: 4px 20px 4px 35px;
	color: #000;
	display: block;
}
div#sidebar ul li a:hover
{
	background: url(images/bullet_02.gif) no-repeat 20px 8px;
}
div#sidebar ul li.active a
{
	background: url(images/bullet_02.gif) no-repeat 20px 8px;
	font-weight: bold;
}
/*-------------------------------------------------------------------------------------------------------------------------
	Drobeckova navigace
-------------------------------------------------------------------------------------------------------------------------*/
p#breadcrumbs
{
	margin: 5px 0 15px 10px !important;
}
p#breadcrumbs a
{
	color: #f04e25;
}
/*-------------------------------------------------------------------------------------------------------------------------
	Perex
-------------------------------------------------------------------------------------------------------------------------*/
div#perex
{
	width: 1000px;
	height: 210px;
	text-align: center;
	
}
div#perex h2
{
	width: 1000px;
	height: 210px;
	display: block;
	position: relative;
	font-size: 50px;
	color: #052139;
}
div#perex h2 span
{
	background: url(images/bg_perex.jpg) no-repeat 0 0;
	width: 1000px;
	height: 210px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
/*-------------------------------------------------------------------------------------------------------------------------
	Nejnovejsi reference
-------------------------------------------------------------------------------------------------------------------------*/
div#nejnovejsi_reference
{
	background: #f1f7fd url(images/bg_nejnovejsi_reference.jpg) repeat-x bottom;
	margin: 0 0 0 10px;
	padding: 20px 0 0 30px;
	width: 950px;
	height: 236px;
}
div#vybrane_reference
{
	background: #f1f7fd url(images/bg_nejnovejsi_reference.jpg) repeat-x bottom;
	margin: 0 0 0 10px;
	padding: 20px 0 0 30px;
	width: 950px;
	height: 236px;
}
/*-------------------------------------------------------------------------------------------------------------------------
	Box
-------------------------------------------------------------------------------------------------------------------------*/
div.box
{
	width: 1000px;
	position: relative;
}
div.box a#scim_vam_pomuzeme
{
	background: #f1f7fd url(images/button_s_cim_vam_pomuzeme.jpg) repeat-x bottom;
	width: 170px;
	height: 30px;
	display: block;
	text-align: center;
	line-height: 30px;
	text-decoration: none;
	color: #3a3b3d;
	font-size: 13px;
	position: absolute;
	top: 10px;
	right: 250px;
}
div.box a#scim_vam_pomuzeme:hover
{
	color: #111;
	text-decoration: underline;
}
div.box a#vsechny_nase_reference
{
	background: #f1f7fd url(images/button_vsechny_nase_reference.jpg) repeat-x bottom;
	width: 170px;
	height: 30px;
	display: block;
	text-align: center;
	line-height: 30px;
	text-decoration: none;
	color: #3a3b3d;
	font-size: 13px;
	position: absolute;
	top: 10px;
	right: 50px;
}
div.box a#vsechny_nase_reference:hover
{
	color: #111;
	text-decoration: underline;
}
div.box h2#h2_nejnovejsi_reference
{
	background: url(images/bg_h2_nejnovejsi_reference.jpg) no-repeat 0 0;
	padding: 0 0 0 50px;
	width: 950px;
	height: 60px;
	text-transform: uppercase;
	color: #fff;
	font-weight: normal;
	font-size: 20px;
	line-height: 50px;
}
div.box h2#h2_podstranka
{
	background: url(images/bg_h2_podstranka.jpg) no-repeat 0 0;
	padding: 0 0 0 50px;
	width: 950px;
	height: 60px;
	text-transform: uppercase;
	color: #fff;
	font-weight: normal;
	font-size: 20px;
	line-height: 50px;
}
div.box p
{
	position: absolute;
	top: 20px;
	right: 250px;
	color: #fff;
}
div.box a#objednejte_si_novy_web
{
	background: #f1f7fd url(images/button_objednejte_si_novy_web.jpg) repeat-x bottom;
	width: 170px;
	height: 30px;
	display: block;
	text-align: center;
	line-height: 30px;
	text-decoration: none;
	color: #3a3b3d;
	font-size: 13px;
	position: absolute;
	top: 10px;
	right: 50px;
}
div.box a#objednejte_si_novy_web:hover
{
	color: #111;
	text-decoration: underline;
}
div.box h2#h2_nase_vybrane_reference
{
	background: url(images/bg_h2_nase_vybrane_reference.jpg) no-repeat 0 0;
	padding: 0 0 0 50px;
	width: 950px;
	height: 60px;
	text-transform: uppercase;
	color: #fff;
	font-weight: normal;
	font-size: 20px;
	line-height: 50px;
}
/*-------------------------------------------------------------------------------------------------------------------------
	Reference
-------------------------------------------------------------------------------------------------------------------------*/
div.reference
{
	margin: 0 10px;
	width: 210px;
	float: left;
}
div.reference p
{
	margin: 0 !important;
}
div#content div.reference
{
	margin: 0 10px 20px 10px;
	padding: 0 0 10px 0;
	border-bottom: solid 5px #d2e8fc;
	width: 210px;
	float: left;
}
div#content div.reference h3
{
	margin: 0 0 10px 0 !important;
	color: #f04e25;
	font-size: 13px !important;
	font-weight: bold !important;
	float: left;
}
div.reference h3
{
	margin: 0 0 10px 0 !important;
	color: #f04e25;
	font-size: 13px !important;
	float: left;
}
div.reference h3 a
{
	color: #f04e25;
	text-decoration: none;
}
div.reference h3 a:hover
{
	text-decoration: underline;
}
div.reference small
{
	margin: 0 0 10px 0;
	padding: 2px 0 0 0;
	color: #898989;
	font-size: 11px;
	float: right;
}
div.reference p.reference_footer
{
	margin: 10px 0 10px 0 !important;
	color: #898989;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
}
div.reference p.reference_footer span
{
	padding: 0 3px;
	color: #f04e25;
}
div.reference img
{
	background: #fff;
	padding: 9px;
	border: solid 1px #c2e0fb;
	clear: both;
}
div.reference img:hover
{
	border: solid 1px #93cafb;
}
/*-------------------------------------------------------------------------------------------------------------------------
	Reference text
-------------------------------------------------------------------------------------------------------------------------*/
div#ref_text
{
	background: #eaf4fd url(images/bg_uvozovky.jpg) no-repeat 40px 25px;
	margin: 0 0 0 10px;
	padding: 30px 0 30px 0;
	width: 980px;
}
div#ref_text p
{
	margin: 0 0 0 70px;
	padding: 10px 20px 10px 0;
	width: 640px;
	font-size: 17px;
	font-style: italic;
	color: #0a2c48;
	line-height: 25px;
	border-right: solid 1px #c2d0dc;
	float: left;
}
div#ref_text ul
{
	padding: 0 0 0 20px;
	width: 180px;
	float: left;
	color: #0a2c48;
	line-height: 15px;
}
div#ref_text ul li
{
	list-style-type: none;
}
div#ref_text ul li a
{
	color: #f04e25;
}
div#ref_text ul li strong
{
	margin: 0 0 10px 0;
	font-size: 18px;
	display: block;
	vertical-align: 
}
/*-------------------------------------------------------------------------------------------------------------------------
	Novinky
-------------------------------------------------------------------------------------------------------------------------*/
div#novinky
{
	background: #eaf4fd;
	margin: 0 0 0 10px;
	padding: 30px 0 50px 40px;
	width: 500px;
	float: left;
}
div#novinky a
{
	color: #F04E25;
}
div#novinky h3
{
	margin: 0 0 30px 0;
	font-size: 20px;
	color: #0a2c48;
	text-transform: uppercase;
}
div#novinky div.novinka
{
	margin: 0 0 30px 0;
	width: 500px;
}
div#novinky div.novinka div.datum
{
	width: 50px;
	float: left;
}
div#novinky div.novinka div.datum p
{
	background: #eaf4fd url(images/ico_kalendar.jpg) no-repeat 0 0;
	width: 50px;
	height: 63px;
	text-align: center;
	color: #fff;
	font-size: 10px;
	line-height: 23px;
}
div#novinky div.novinka div.datum p span
{
	margin: 1px 0 0 0;
	display: block;
	color: #0a2c48;
	font-size: 20px;
	font-weight: normal;
}
div#novinky div.novinka div.obsah
{
	margin: 0 0 0 20px;
	width: 430px;
	float: left;
}
div#novinky div.novinka div.obsah h4
{
	margin: 0 0 10px 0;
	color: #f04e25;
	font-size: 17px;
	font-weight: normal;
}
div#novinky div.novinka div.obsah h4 a
{
	color: #f04e25;
}
div#novinky div.novinka div.obsah p
{
	color: #0a2c48;
	line-height: 18px;
}
/*-------------------------------------------------------------------------------------------------------------------------
	Socials
-------------------------------------------------------------------------------------------------------------------------*/
div#socials
{
	background: #eaf4fd;
	margin: 0 10px 0 0;
	padding: 30px 40px 50px 60px;
	width: 340px;
	float: left;
}
div#socials a
{
	color: #F04E25;
}
div#socials h3
{
	margin: 0 0 30px 0;
	font-size: 20px;
	color: #0a2c48;
	text-transform: uppercase;
}
div#socials div.sluzba
{
	margin: 0 0 30px 0;
	width: 340px;
}
div#socials div.sluzba div.sluzba_ico
{
	width: 50px;
	float: left;
}
div#socials div.sluzba div.sluzba_ico p.facebook
{
	background: #eaf4fd url(images/ico_facebook.jpg) no-repeat 0 0;
	width: 50px;
	height: 63px;
	text-align: center;
	color: #fff;
	font-size: 10px;
	line-height: 23px;
}
div#socials div.sluzba div.sluzba_ico p.facebook span
{
	display: none;
}
div#socials div.sluzba div.sluzba_ico p.twitter
{
	background: #eaf4fd url(images/ico_twitter.jpg) no-repeat 0 0;
	width: 50px;
	height: 63px;
	text-align: center;
	color: #fff;
	font-size: 10px;
	line-height: 23px;
}
div#socials div.sluzba div.sluzba_ico p.twitter span
{
	display: none;
}
div#socials div.sluzba div.sluzba_ico p.rss
{
	background: #eaf4fd url(images/ico_rss.jpg) no-repeat 0 0;
	width: 50px;
	height: 63px;
	text-align: center;
	color: #fff;
	font-size: 10px;
	line-height: 23px;
}
div#socials div.sluzba div.sluzba_ico p.rss span
{
	display: none;
}
div#socials div.sluzba div.obsah
{
	margin: 0 0 0 20px;
	width: 270px;
	float: left;
}
div#socials div.sluzba div.obsah h4
{
	margin: 0 0 10px 0;
	color: #f04e25;
	font-size: 17px;
	font-weight: normal;
}
div#socials div.sluzba div.obsah p
{
	color: #0a2c48;
	line-height: 18px;
}
div#socials div.sluzba div.obsah p a
{
	color: #0a2c48;
}
/*-------------------------------------------------------------------------------------------------------------------------
	Footer
-------------------------------------------------------------------------------------------------------------------------*/
div#footer
{
	background: #155791 url(images/bg_footer.jpg) no-repeat left top;
	padding: 30px 0 0 0;
	margin: 0 0 0 10px;
	width: 980px;
	clear: both;
}
div#footer a
{
	color: #f04c26;
}
div#footer p
{
	text-align: center;
	line-height: 20px;
	color: #fff;
}
div#footer p a
{
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
	border-right: solid 1px #fff;
}
div#footer p a.last
{
	border-right: 0;
}