/********************************************
	Croportal .HR CSS
	Copyright (C) 2007. Cro Portal d.o.o.
********************************************/

* 		{ margin: 0; padding: 0; }
html	{ height: 100%; margin-bottom: .1em; }
body 	{ font: 62.5%/1.5 Arial, Helvetica, sans-serif; color: #fff; background: #3e3e3e url(i/body.gif) repeat-x 0 0; }

a		{ color: #00bff3; }
a:hover		{ color: #ff6d00; text-decoration: none; }
a img		{ border: 0; }
:focus		{ outline: none; }

h1,
h2,
h3,
h4		{ clear: both; font-weight: normal; font-family: 'Trebuchet MS', Trebuchet, sans-serif; color: #ff6d00; }
h1		{ margin-bottom: .5em; font-size: 2.4em; line-height: 1.2; }
h2		{ margin-bottom: .5em; font-size: 1.8em; line-height: 1.2; }
h3		{ margin-bottom: 0; font-size: 1.2em; text-transform: uppercase; }
h4		{ font-size: 1.2em; text-transform: uppercase; color: #999; }


#sizer			{ height: auto !important; height: 1024px; min-height: 1024px; background: url(i/sizer.gif) no-repeat 0 0; }
.grid           { margin-left: 20px; }
.grid:after	    { content: "."; display: block; height: 0; line-height: 0; font-size: .01em; clear: both; visibility: hidden; }


#header			{ position: relative; float: left; width: 955px; /* border-bottom: 3px solid #444; */ }

#logo			{ float: left; display: inline; width: 220px; margin: 0 0 0 200px; background: url(/i/logo.png) no-repeat 0 0; }
#logo a			{ position: relative; display: block; width: 220px; height: 135px; text-indent: -9999px; overflow: auto; }

#info-section-nav 				{ float: left; clear: both; display: inline; width: 700px; margin-left: 230px; /* border-bottom: 1px solid #222; */ }
#info-section-nav ul 			{ }
#info-section-nav li 			{ float: left; display: inline; }
#info-section-nav li.active		{ background: #222; }
#info-section-nav li.active	a,
#info-section-nav li a 				{ display: block; padding: 8px 14px; text-transform: uppercase; }
#info-section-nav li.active	a	    { color: #ccc; text-decoration: none; }


#content		{ float: left; width: 100%; padding-top: 40px; }
#main-content	{ float: left; width: 510px; padding: 0 0 1.8em 25px; }
#side-content	{ float: left; width: 200px !important; padding: 4px 20px 1.8em 0; }

#main-nav ul li			{ float: left; width: 185px; list-style: none; margin: 0 0 1px; padding: 0 0 0 15px; font-size: 1.2em; }
#main-nav ul li	a		{ display: block; height: 1%; padding: 6px 8px 6px 0; color: #aaa; text-decoration: none; }
#main-nav ul li	a:hover	{ color: #ff6d00; text-decoration: underline; }
#main-nav ul li li		{ width: 170px; font-size: 1em !important; background: url(i/subnav.gif) no-repeat 2px .8em; }
#main-nav ul li li a	{ text-transform: none; }

#main-nav li.active,
#main-nav .current_page_item,
#main-nav .current-cat			{ background: url(i/active.gif) no-repeat 2px 1em; }

#main-nav li.active a,
#main-nav .current_page_item a,
#main-nav .current-cat a        { color: #fff !important; }

#main-nav li.active li a,
#main-nav .current_page_item li a,
#main-nav .current-cat li a     { color: #aaa !important; }


#main-nav ul li.cat-item-3		{ padding-bottom: 6px; margin-bottom: 12px; border-bottom: 1px solid #444; }

#footer			{ float: left; clear: both; width: 710px; padding: 40px 0 3.6em 243px; }

#footer	p		{ font-size: 1.2em; color: #666; }
#footer a		{ color: #999; }

#footer .static-nav						{ color: #666; }
#footer .static-nav li					{ display: none; list-style: none; float: left; display: inline; margin: 0; }
#footer .static-nav	a 					{ display: block; line-height: 1; padding: 0 8px; }
#footer .static-nav	li.first-child		{ border-left: 0; }
#footer .static-nav	li.first-child a	{ padding-left: 0; }







#main-content p,
#main-content li,
#main-content th,
#main-content td	{ font-size: 1.2em; }

#main-content li *,
#main-content th *,
#main-content td * 	{ font-size: 1em !important;}


#main-content p		{ margin-bottom: 1.5em; }	

#main-content ul,
#main-content ol	{ margin-bottom: 1.8em; }

#main-content li	{ list-style: square; margin: 0 0 .8em 20px; }

#main-content .meta	{ font-style: italic; color: #999; }

#main-content table { width: 500px; table-layout: fixed; }
#main-content th,
#main-content td    { padding: 5px 10px; border-bottom: 1px solid #555; }


 
.landing-page-tease             { padding: 10px 0; font-size: 1.8em !important; line-height: 1.2; }

.landing-page-tease a               { padding-right: 20px; background: url(i/arrow.gif) no-repeat 100% .38em; }
.landing-page-tease a:hover         { background-image: url(i/arrow-hover.gif); }







.image				{ margin-bottom: 1.5em; }
.image	img			{ border: 4px solid #444; }



.navigation				{ float: left; clear: both; width: 100%; margin-bottom: 1em; font-size: 1.2em; }
.navigation .alignleft 	{ float: left; width: 30%; }
.navigation .alignright	{ float: right; width: 30%; text-align: right; }






.splitlist					{ float: left; width: 205px; padding-right: 20px; }
.splitlist li				{ margin-bottom: .8em; list-style: none; margin-left: 0; }
.splitlist li dt			{ }
.splitlist li dd,
.job-desc					{ color: #999; }

.address					{ border-left: 5px solid #00bff3; padding-left: 15px; }

.partner-list 				{ position: relative; float: left; display: inline; width: 680px; margin: 1.92em 0 1.92em -20px; padding: 20px 20px 20px 0; background: #fff; }
.partner-list li			{ list-style: none !important; float: left; width: 150px; height: 150px; margin: 0 20px 0 0; padding-bottom: 20px; }
.partner-list li a			{ float: left; width: 150px; height: 150px; }
.partner-list li a img		{ float: left; width: 150px; text-align: center; font-size: 1.6em; }
.first-in-row				{ clear: both; }


/*** FORM ***/

form						{ position: relative; width: 700px; margin: 3.6em 0 1.8em 0; }
fieldset					{ padding: 28px 18px; border: 2px solid #fff; background: #f3f3f3 url(i/form-grad.gif) repeat-x 0 0; }

.field                      { overflow: auto; }

label						{ float: left; clear: both; width: 200px; margin: 0 0 .2em; padding: 2px 20px 2px 0; color: #444; font-size: 1.4em; font-weight: bold; text-align: right; }
label span					{ display: none; }

select,
.input-text,
textarea					{ font: 1.4em 'Lucida Grande', Verdana, sans-serif; border: 1px solid #69c; border-color: #666 #ccc #ccc #666; color: #369; padding: 3px 5px; background: #cef; }
.input-text 				{ width: 300px; }
textarea					{ width: 420px; overflow: auto; }

select						{ width: 312px; padding: 2px; }
option						{ padding: 0 20px 0 5px; font-size: 1em; }

.label-check                { display: inline; text-align: left; width: 300px; margin-left: 220px; }
.label-check input          { float: left; margin: 2px 10px 2px 0; } 

.input-submit				{ color: #fff; padding: 3px 5px; margin-left: 223px; border: 1px solid #059bc4; border-color: #79dffb #059bc4 #059bc4 #79dffb; background: #00bff3; } 

.error,
.confirmation				{ position: relative; width: 640px; font-size: 1.33em; margin: 3.6em 0 0 0; padding: 20px 20px 1px; border: 10px solid #fff; }

.error						{ background: #f00 url(i/error.gif) repeat-x 0 0; }
.confirmation				{ background: #060 url(i/confirmation.gif) repeat-x 0 0; }

.confirmation p,
.error p,
.error ul,
.error li					{ margin-bottom: 0; }


#main-content .faq-group li             { margin: 0 0 4.2em 0; list-style: none; }
#main-content .faq-group li h2          { font-weight: bold; line-height: 1.5; }
#main-content .faq-group li li          { margin: 0 0 0 20px; list-style: square; }