/*
@font-face {
	font-family: 'OximaSemiBold';
	src: url('/wp-content/themes/ciwire/font/oximasemibold.eot');
	src:	local(''), url('/wp-content/themes/ciwire/font/oximasemibold.svg#Oxima-SemiBold') format('svg'),
			url('/wp-content/themes/ciwire/font/oximasemibold.ttf') format('opentype');
}

@font-face {
	font-family: 'OximaRegular';
	src: url('/wp-content/themes/ciwire/font/oximaregular.eot');
	src:	local('x'), url('/wp-content/themes/ciwire/font/oximaregular.svg#Oxima') format('svg'),
			url('/wp-content/themes/ciwire/font/oximaregular.ttf') format('opentype');
}
*/

/* css reset */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
	ul, ul li { margin: 0; padding: 0; list-style: none }
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
	/* remember to highlight inserts somehow! */
	ins {text-decoration: none;}
	del {text-decoration: line-through;}
	/* tables still need 'cellspacing="0"' in the markup */
	table {border-collapse: collapse;border-spacing: 0;}
	th { text-align: left; }
	input, textarea { font-family: sans-serif; font-size: 100% }
	/* IE stretched buttons fix */
	input.submit {width: 0;overflow:visible;}
	input.submit[class] {width: auto;}
/* css reset end */

/* elements */
body {line-height: 1.4; font-size: 62.5%; font-family: Arial, 'OximaRegular',sans-serif;  background: #f0f2e0 url(img/body.png) repeat-x; position: relative; left: 0;}
h1, h2, h3, h4 { font-size: 140%; line-height: 1.1; font-family: Arial, 'OximaSemiBold'; }
h2 { font-size: 110%; margin: 0 0 0.5em 0;}
h3 { font-size: 105%; margin: 0 0 0.4em 0;}
h4 { font-size: 100%;}

a { color: #000; }
a:hover { color: #000; text-decoration: underline; }

strong { font-family: Arial, 'OximaSemiBold';}

/* common classes */
.r { text-align: right !important; }
.c { text-align: center !important; }
.l { text-align: justify !important; }
.j { text-align: center; }
.t { vertical-align: top; }
.imgr { float: right; margin: 0 0 0.5em 20px }
.imgl { float: left; margin: 0 20px 0.5em 0 }
.disabled { display: none !important; }

/* layout */
#flash { width: 1000px; height: 200px; margin: 0 auto;}
#flashbckg { background: url(img/flash.png) no-repeat top; height: 650px; }
.home #flash { width: 1000px; height: 650px; margin: 0 0 0 -500px; position: absolute; top: 0; left: 50%;}

#nav { margin: 0 auto; width: 950px; position: relative; z-index: 1; border-top: 1px solid #d8e8ee;}
#logo, #logo span { display: block; width:260px; height: 160px; position: relative; left: 0; top: 0;   }
#logo span { position: absolute;background: url(img/logo.png);   }

.wizard { position: absolute; left: 0; top: 196px;}
.wizard li { float: left; margin: 0 10px 0 0;  }
.wizard a { float: left; background: #fff; padding: 10px 18px 6px 18px; font-size: 140%; text-decoration: none; }
.wizard a:hover, .wizard .current { background: #fff57d; }

.margo { font-size: 140%; position: absolute; top: 10px; right: 25px;}
.margo li { float: left; margin: 0 10px 0 0; }
.margo a { text-decoration: none; padding: 0 0 12px 0; display: block;}
.margo a:hover { text-decoration: underline; }
.margo .current { background: url(img/margo-a.gif) no-repeat 5px 20px;}
.margo .page-item-118 a { font-family: Arial, 'OximaSemiBold';  }

#center { margin: 0 auto 30px auto; width: 1000px; background: #fff; overflow: hidden;}
.home #center { margin: 388px 0 0 0; position: relative; z-index: 4;background: transparent url(img/center.gif) no-repeat top center; min-width: 1000px; width: auto; overflow: visible; }
#sectionbckg {  background: url(img/section.gif) no-repeat bottom center; position: relative; z-index: 5;  }

#stripe { position: absolute; top: 0; z-index: 3; background: url(img/stripe1.gif) repeat-x; }
#stripein { width: 100%; height: 100%; background: url(img/stripein1.gif) repeat-x bottom }

.bloghover #stripe { position: absolute; top: 0; z-index: 3; background: url(img/stripe2.gif) repeat-x;  }
.bloghover #stripein { width: 100%; height: 100%; background: url(img/stripein2.gif) repeat-x bottom }

.switchwizard #center { background: url(img/center-wizard.gif) no-repeat top center;  }
.switchwizard #sectionbckg { background: url(img/section-wizard.gif) no-repeat bottom center;  }

/*.switchwizard #myslenka, .switchwizard #partnerstvi, .switchwizard #budovani { background: #FFF584; }*/

.bloghover { background: url(img/center-blog.gif) no-repeat top center !important;  }
.bloghover #sectionbckg { background: url(img/section-blog.gif) no-repeat bottom center;  }
/* .switchwizard .bloghover #myslenka, .switchwizard .bloghover #partnerstvi, .switchwizard .bloghover #budovani, .switchwizard .meetushover #myslenka, .switchwizard .meetushover #partnerstvi, .switchwizard .meetushover #budovani, .switchwizard .meetusclick #myslenka, .switchwizard .meetusclick #partnerstvi, .switchwizard .meetusclick #budovani  { background: #fff; } */

.meetushover, .meetusclick { background: url(img/center-meetus.gif) no-repeat top center !important;  }
.meetushover #sectionbckg, .meetusclick #sectionbckg { background: url(img/section-meetus.gif) no-repeat bottom center;  }

#section { width: 600px; float: left; padding: 30px 0; font-size: 130%; line-height: 1.4; }
.home #section { width: 950px; margin: 0 auto; position: relative; z-index: 6; overflow: hidden; padding: 25px 0 25px 0; float: none;font-size: 120%;}
.home .item-5 {font-size:110%}

#wizard { width: 580px; float: left; padding: 20px 0 0 0; }
#wizard .article { width: 100%; overflow: hidden; }
#wizard .article p { float: left; width: 175px; margin: 0 27px 0 0; }
#wizard #twitter { float: left; width: 175px; font-size: 94%; background: url(img/twitter.gif) no-repeat 0 5px; padding: 12px 0 0 0; }
#wizard #twitter h2 {padding: 0 0 12px 50px; font-size:120%;}
#twitter, #twitter a { color: #555; }
#twitter .twitter-item { padding: 0 10px 0.75em 0; }

#meetus { width: 95px; float: left;}
#meetus .article { padding: 20px 15px;}
#meetus img { display: block; margin: 0 0 15px 5px; }

#blog { width: 275px; float: right;}
#blog .article {  padding: 50px 0 10px 30px; }
.jsok #blog, .jsok #meetus { cursor: pointer; }
.jsok #blog a { text-decoration: none; }

/* section */
#myslenka .article, #partnerstvi .article, #budovani .article { font-size: 140%; width: 440px;}
.jsok #myslenka, .jsok #partnerstvi, .jsok #budovani { display: none; }

/* margo */
.jsok .popup { position: absolute; top: 42px; visibility: hidden;}
.popup { z-index: 999; min-height: 530px; _height:530px; background: #fff57d; width: 620px; font-size: 130%; }
.popup .article p { margin: 0 0 0.6em 0; }
#close { position: absolute; top: 30px; z-index: 999; cursor: pointer; }

#page-item-105 .article { padding: 30px 10px 10px 10px }
.heads { width: 100%; }
.heads li { float: left; }
.heads .on { display: none;  }
.jsok .heads img { cursor: pointer; }
.jsok div.head1, .jsok div.head2, .jsok div.head3, .jsok div.head4, .jsok div.head5, .jsok div.head6, .jsok div.head7, .jsok div.head8, .jsok div.head9 { display: none; }

/* onas */

li.head1,li.head2,li.head3,li.head4,li.head5,li.head6,li.head7,li.head8,li.head9 { position: absolute; }

li.head1 { left: 9px; top: 33px;}
li.head2 { left: 330px; top: 115px; }
li.head3 { left: 277px; top: 8px; }
li.head4 { left: 277px; top: 8px;}
li.head5 { left: 148px; top: 18px; }
li.head6 { left: 148px; top: 8px;}
li.head7 { left: 73px; top: 127px; }
li.head8 { left: 200px; top: 115px; }
li.head9 { left: 449px; top: 127px; }

#page-item-105 #head1 li.head1 .on, #page-item-105 #head2 li.head2 .on, #page-item-105 #head3 li.head3 .on, #page-item-105 #head4 li.head4 .on, #page-item-105 #head5 li.head5 .on, #page-item-105 #head6 li.head6 .on, #page-item-105 #head7 li.head7 .on, #page-item-105 #head8 li.head8 .on, #page-item-105 #head9 li.head9 .on
{ display: block;}

.ciwire { float: left; width: 340px; clear: left; padding: 280px 0 20px 0; }
div.head1, div.head2, div.head3, div.head4, div.head5, div.head6,  div.head7,  div.head8,  div.head9 { float: right; width: 200px; padding: 280px 0 20px 0; }

li.column { width:  200px; float: left;}
.column .article { padding: 18px 5px 0 15px; }
.column ul { margin: 1em 0; }

.jsok li.project { width:  200px; float: left;}
.project .article { padding: 18px 5px 0 15px; }
.project img { display: block; margin: 0 0 1.5em 0; }

.jsok li.job { width:  200px; float: left; min-height: 500px; _height: 500px;}
.job h2 { padding: 0 0 30px 10px; }
.job .article { padding: 80px 5px 0 15px; }
.job1 { background: url(img/job1.gif) no-repeat }
.job2 { background: url(img/job2.gif) no-repeat }
.job3 { background: url(img/job3.gif) no-repeat }

.contact1,.contact2, .contact3 { width:  200px; float: left;}
.contact1 .article { padding: 18px 5px 0 15px; }
.contact2 .article {  padding: 18px 20px 0 0;  }
.contact3 .article {  padding: 18px 15px 0 0;  }
.contact23 { float: right; width: 400px }


/* carousel */
.carousel ul { width: 100%; overflow: hidden; }
.disabled { display: none !important; }
.next, .prev { cursor: pointer; position: absolute; bottom: 10px; z-index: 1000; float: left; }
.prev { left: 10px; padding: 0 0 0 12px; background: url(img/prev.gif) no-repeat 0 40%;}
.next { right: 10px; padding: 0 12px 0 0; background: url(img/next.gif) no-repeat 100% 40%; }

/* google map */
#map { width: 390px; height: 330px; margin: 18px 0 1em 0; }


#photo { width: 500px; height: 500px; position: absolute; left: 50%; top:50%; margin: -250px 0 0 -250px; z-index: 1000; display: none; }
#photo .close { cursor: pointer; position: absolute; top: 60px; right: 60px; z-index: 1001; }


/* BLOG */
#sidebar { width:320px; float: right; padding: 30px 0; font-size: 110%; }
#footer { clear: both; }

.navigation {width:100%; overflow:hidden; padding: 0 0 1em 0;}
.navigation .alignleft {float:left; margin: 0 0 0 30px; display: inline; width: 220px;}
.navigation .alignright {float:right; margin: 0 30px 0 0;  display: inline; width: 220px;}

img.alignleft {float:left; padding: 0; margin: 0 10px 10px 0; padding: 5px; background: #D8E8EE}
img.alignright {float:right; padding: 0; margin: 0 0 10px 10px; padding: 5px; background: #D8E8EE}

.post { padding: 0 30px; line-height: 1.6; }
.post h2, #comments h2 { font-size: 160%; background: #FFF57D; padding: 5px; font-weight: normal; }
.post h2 a { text-decoration: none; display: block; }
.post h2 a:hover { text-decoration: underline; }
.post p { margin: 0 0 0.6em 0; }
.post .postmetadata { margin: 1em 0 2em 0; font-size: 90%; border: 1px solid #bbb; padding: 7px;}
.post .date {font-family: Arial, 'OximaSemiBold'; }
.post ul { margin: 0 0 0.6em 0; }
.post ul li { background: url(img/li.gif) no-repeat 0 0.4em; padding: 0 0 2px 12px; margin: 0 0 0 4px; }
.post em { font-family: Arial, 'OximaSemiBold'; }

.block { padding: 0 30px 0 0; margin: 0 0 20px 0;  }
.block h2 { margin: 0; padding: 0 0 3px 0; font-size: 130%; }
.block h2 a { text-decoration: none; }
.block img { display: none; }
.block ul li { background: url(img/li.gif) no-repeat 0 0.4em; padding: 0 0 2px 12px; margin: 0 0 0 4px; }

#respond { padding: 1em 30px 0 30px;  }
#respond table { width: 80%; }
#respond td { padding: 3px 0; }
#respond input { border: 1px solid #BBB; width: 200px; }
#comment { width: 100%; height: 200px; border: 1px solid #BBB; }
#respond #submit { background: #FFF57D; width: auto; border: 0; font-family: Arial, 'OximaSemiBold'; padding: 5px; cursor: pointer;}

h1.pagetitle { font-size: 160%; background: #FFF57D; padding: 5px; font-weight: normal;  margin: 0 30px 1em 30px; }

#comments { padding: 0 30px; }
#comments h2 { font-size: 120%; }
#comments span.says { display: none; }
.comment-author { float: left; padding-right: 0.5em; }
.comment-author a, .comment-meta a { text-decoration: none; font-weight: bold; }
.commentlist p { clear: left; }
.commentlist cite { font-style: normal; }
.commentlist li { padding: 1em 0; border-bottom: 1px solid #bbb;}

#searchform { padding: 4px; font-size: 120%; }

#footer { width: 950px; margin: 0 auto; text-align: right; padding: 10px 0 0 0; }
#footer ul { float: right; }
#footer li { float: left; padding: 0 0 0 14px; margin: 0 0 0 15px; display: inline; }
#footer a { color: #666; float: left; padding: 2px 0; }
#footer .comm { background: url(img/footer-comm.gif) no-repeat left; }
#footer .twitter { background: url(img/footer-twitter.gif) no-repeat left; }
#footer .fb { background: url(img/footer-fb.gif) no-repeat left; }

#services { width: 600px;  overflow: hidden; position: relative; }
#servicesscroll { width: 2400px; position: relative; }
#services .services { float: left; width: 600px; }
#services .services ul { margin: 0.5em 0 1em 0; }
#services .services ul li { background: url(img/ul-li.gif) no-repeat 0 6px; padding: 0 0 0 11px; margin: 0 0 0 10px; }
#services .article { padding: 20px 15px;}

.fb_edge_widget_with_comment {float: left;}