@font-face {
	font-family: 'OfficinaSerifBookC';
	src: url('/css/fonts/OfficinaSerifBookC.eot');
	src: local('O'), 
		url('/css/fonts/OfficinaSerifBookC.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('/css/fonts/OfficinaSerifBookC.woff') format('woff'), 
		url('/css/fonts/OfficinaSerifBookC.ttf') format('truetype'), 
		url('/css/fonts/OfficinaSerifBookC.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-smooth: always;
	text-shadow: 0 0 1px rgba(0,0,0,0.3);
}
@font-face {
	font-family: 'calibri', sans-serif;
	src: url('/css/fonts/calibri.eot');
	src: local('O'), 
		url('/css/fonts/calibri.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('/css/fonts/calibri.otf') , 
		url('/css/fonts/calibri.woff') format('woff'), 
		url('/css/fonts/calibri.ttf') format('truetype'), 
		url('/css/fonts/calibri.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-smooth: always;
	text-shadow: 0 0 1px rgba(0,0,0,0.3);
}
body{
	background: #000;
	font-family: 'OfficinaSerifBookC';
}
input,textarea{
	font-family: 'OfficinaSerifBookC';

}
/* grid */
#main_container {
	width: 1280px;
	margin: 0 auto;
}
.main_header {
	background: #00B4CA;
	position: fixed;
	top: 0;
	width: 1280px;
	z-index: 100;
}
header .head_wrapper{
	width: 914px;
	height: 117px;
	margin: 0 auto;
}
header h2{
	font-size: 48px;
	line-height: 115px;
	color: #fff;
}
.container{
	min-height: 500px;
	position:relative;
}
.content{
	margin: 0 auto;
	width: 914px;
	height: 441px;
	padding: 42px 0 0 ;
}
.logo{
	width: 150px;
	height: 54px;
	padding: 32px 0 0;
	float: left;
}
.main_menu, .border {
	padding: 32px 0 0;
	float: right;
	position:relative;
}
.main_menu li{
	float: left;
	padding: 0 22px; 
	
}
.main_menu .last{
	padding:0 0 0 24px;
}
.main_menu a{
	color: #fff;
	font-size: 24px;
	display: block;
	line-height: 54px;
}
/*  .main_menu a:hover{
	border-bottom:5px solid #fff;
	position:relative;
}   */
.main_menu a.active{
	border-bottom: 5px solid #fff;
}   
#magic-line { 
	position: absolute;
	bottom:0px;
	left: 0; 
	width: 10px; 
	height: 5px; 
	background: #fff;
	padding:0px;
}
.button {
	color: #fff;
	font-family: 'calibri', sans-serif;
	font-size: 20px;
	line-height: 35px;
	display: inline-block;
	padding: 0 49px;
	margin-top: 72px;
}

#menu_button{
	display: none;
}

/* pages */
.content h2{
    color: #fff;
    font-size: 28px;
    line-height: 28px;
}
.content p{
	color: #fff;
	font-size: 20px;
	margin: 17px 0;
	font-family: 'calibri', sans-serif;
}
.head_wrapper h2{
	padding: 37px 0 0 0;
	font-size: 48px;
	line-height: 48px;
}
.main_footer {
	height: 107px;
	background: #00b4ca;
	color: #ace7f1;
	font-size: 16px;
	padding: 50px 0 0;
}
.wrapp_cnt{
	width: 914px;
	height: 117px;
	margin: 0 auto;
}
.main_footer .wrapp_cnt{
	height: 67px;
	margin-top: 25px;
}
.wrapp_cnt.non_transparent{
	position: relative;
	z-index: 20;
}
.main_footer .wrapp_cnt a{
    float: right;
    color: #ace7f1;
    text-decoration: underline;
}

/*home */
#home {
	padding: 117px 0 0 0;
	background: url(/img/iteco_home.jpg) 0px 117px no-repeat #00b4ca;
}
#home header{
	background: #00b4ca;
	margin: 0;
}
#home h2 {
	font-size: 28px;
	line-height: 28px;
}
#home p {
	font-size: 20px;
	
}
#home .content{
	/* padding: 118px 0 75px; */
	height: 360px;
	padding: 359px 0 0 ;
}
#home h2{
	color: #00526c;
}

/*services*/
#services_main{
	background: url(/img/portal_services.jpg) no-repeat;
	/* opacity:0.6; */
	filter:alpha(opacity=60); /* For IE8 and earlier */
}
#services_main header{
	background: rgba(220,77,9,0.8);
	filter:alpha(opacity=80); /* For IE8 and earlier */
}
#services_main .content{
	background: url(/img/portal.png) no-repeat right bottom;
}
.services_color{
	color: #f49867;
}
#services_main .button {
	background: #c24806;
}

/* mobile */
#mobile_services{
	background: url(/img/mobile_services.jpg) no-repeat;
	/* opacity:0.4; */
	/* filter:alpha(opacity=40); */ /* For IE8 and earlier */
}
#mobile_services header{
	background: rgba(113,36,133,0.8);
	filter:alpha(opacity=80); /* For IE8 and earlier */
}
#mobile_services .content{
	background: url(/img/mobile.png) no-repeat right bottom;
}

.m_services_color{
	color: #915e9d;
}
#mobile_services .button {
	background: #742d86;
}

/* enterprice services */
#enterprice_services{
	background: url(/img/enterprise_services.jpg) no-repeat;
	/* opacity:0.4; */
	/* filter:alpha(opacity=40); */ /* For IE8 and earlier */
}
#enterprice_services header{
	background: rgba(125,149,54,0.8);
	filter:alpha(opacity=80); /* For IE8 and earlier */
}
#enterprice_services .content{
	background: url(/img/enterprise.png) no-repeat right bottom;
}
.e_services_color{
	color: #a3b668;
}
#enterprice_services .button {
	background: #7d9536;
}

/* Infrastructure  services */
#infrastructure_services{
	background: url(/img/infrastructure_structure.jpg) no-repeat;
	/* opacity:0.4; */
	/* filter:alpha(opacity=40); */ /* For IE8 and earlier */
}
#infrastructure_services header{
	background: rgba(116,23,23,0.8);
	filter:alpha(opacity=80); /* For IE8 and earlier */
}
#infrastructure_services .content{
	background: url(/img/infrastucture.png) no-repeat right bottom;
}
.i_services_color{
	color: #925252;
}
#infrastructure_services .button {
	background: #741717;
}



/* customers */
#customers{
	height: 772px;
	background: url(/img/customers.jpg) no-repeat right bottom;
}
#customers .content{
	padding: 0;
}
#customers header{
	background: rgba(127,154,154,0.8);
	filter:alpha(opacity=80); /* For IE8 and earlier */
}
.clients_cols{
	width: 191px;
	float: left;
	margin-right: 50px;
}
.last_column{
	margin-right: 0;
}
#customers .button{
	background: #7f9a9a;
	width: 191px;
	display:inline-block;
	padding: 0;
	text-align: center;
	margin-top: 40px;

}
#customers img{
margin-top: 30px;
}

/* customers end*/
/* careers */
#careers{
	background: #00b094;
	/* opacity:0.4; */
	/* filter:alpha(opacity=40); */ /* For IE8 and earlier */
}
#careers header{
	background: rgba(0,107,90,0.8);
	filter:alpha(opacity=80); /* For IE8 and earlier */
}
#careers .content{
	min-height: 600px;
}
.careers_color{
	color: #006b5a;
}
#careers .button {
	background: #006b5a;
	width: 191px;
	display:inline-block;
	padding: 0;
	text-align: center;
	margin-top: 0;
}
.cols {
	overflow: hidden;
	padding: 30px 0 0 ;
}
.cols>li{
	width: 191px;
	float: left;
	margin: 0 50px 0 0;

}
.cols li h3{
	margin-bottom: 55px;
}
.cols h3 a{
	color: #006b5a;
	font-size: 28px;
	text-decoration: underline;
	line-height: 30px;
}
.cols ul{
    height: 269px;

    padding: 0 0 10px;

}
.cols  li {
	color: #fff;
	font-size: 18px;
	line-height: 23px;
	font-family: 'calibri', sans-serif;
	list-style:none;
}


/* Contact */
#contacts{
	background: url(/img/contacts.jpg) no-repeat;
	height: 717px;
	/* opacity:0.4; */
	/* filter:alpha(opacity=40); */ /* For IE8 and earlier */
}
#contacts header{
	background: rgba(2,78,103,0.8);
	filter:alpha(opacity=80); /* For IE8 and earlier */
}

#contacts .button {
	background: #0c252e;
}
.vcard{
	color: #fff;
	font-size: 28px;
	line-height: 35px;
	margin: 0 0 70px;
}
.vcard a{
	color: #fff;
	text-decoration: underline;
}
.vcard .fn {
	text-indent: -9999px;
}
.map_link {
	color: #fff;
	font-size: 16px;
	text-decoration: underline;
	font-family: 'calibri', sans-serif;
}
#contacts footer {
	/*background: #024e67;*/
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
	height: 117px;
	position: relative;
	bottom: 117px;
}
.socials{
	background: url(/img/socials.png) no-repeat #0c252e;
	height: 35px;
	padding: 0 49px;
	margin: 41px 50px 0 0;
	display: block;
	float: left;
	text-indent: -9999px;
}
.linkedin {
	background-position: 46px 6px;
	width: 97px;
	
}
.fb {
	background-position: 46px -29px;
	width: 96px;
}
/* end pages */

.top{
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 30;
}

/* text from text editor */
.client_text{
	clear: left;
	padding: 10px 0;
}
.client_text  p{
	margin-bottom: 10px;
}
.client_text a{
	text-decoration: underline;
	color: #CCe6f7;
}
.client_text ul, .client_text ol{
	padding: 10px 0;
	list-style-type: disc;
	list-style-position:inside;
}
.client_text ol{
	list-style-type: decimal;
}
.client_text ul li, .client_text ol li{
	padding: 5px 0 0 10px;
}
.client_text h1 {
	font-size: 1.5em;
}
.client_text h2 {
	font-size: 1.4em;
}
.client_text h3 {
	font-size: 1.3em;
}
.client_text h4 {
	font-size: 1.2em;
}
.client_text h5 {
	font-size: 1.1em;
}
.client_text h6 {
	font-size: 1em;
}
.client_text img{
	border: 1px solid #045497;
	padding: 2px;
	float: right;
	margin: 0 5px 5px 5px;
}

.important {
	color: #b945a5;
	font-weight: bold;
}

.normalText{
    font-size: 1em;
}
.bigText{
    font-size: 1.091em;
}
.bigerText{
    font-size: 1.182em;
}
	
/* tabele from timymce*/
.editor_table{
	width: 100%;
}

.editor_table td{
	padding: 2px 5px;
}

.table_header{
	background: #1571af;
	color: #fff;
}
.odd_row{
	background: #1571af;
	color: #fff;
}
.even_row{
	background: #b5ceec;
	color: #fff;
}
	
/* end style from text editor */
	/* 
	.test {
		position: fixed;
		top: 0;
		left: 0;
		color: #fff;
		border: 1px solid red;
		width: 50px;
		height: 50px;
	} */
	
/* start contact form */
.forms.content{
	height:auto;
	color:#fff;
}

.forms h3{
	color:#006b5a;
	font-size:2.5em;
	line-height: 23px;
	margin:0;
}
.forms h4{
	color:#fff;
	font-size:1.375em;
	margin:30px 0;
}
.forms  hr{
	border:1px solid #fff;
}

.forms .description{
	width:400px;
	margin:20px 0 0 0;
	font-size:20px;
	line-height:24px;
	padding:0 71px 0 0;
	font-family: 'calibri', sans-serif;
}
.forms .fields{
	width:437px;
	margin:20px 0 0 0;
	font-size:16px;
}
.forms  input[type="text"]{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    color: #006B5A;
    font-size: 16px;
    height: 35px;
    margin: 10px 0 0;
    padding: 7px;
    width: 415px;
}
/* Forms elements error class */
.forms input[type="text"].form_element_error, .forms textarea.form_element_error{
	bordeR:2px solid #741717;
}
/* Forms elements error text(div) class */
.forms .form_div_error {
    color:#8a1f11;
}
.file{
	background: none repeat scroll 0 0 #006B5A;
    color: #FFFFFF;
    display: inline-block;
    font-size: 18px;
    line-height: 35px;
    margin: 15px 0;
    padding: 0 49px;
}
.file.choosen{
	background:transparent;
	border-top:1px solid #006b5a;
	border-bottom:1px solid #006b5a;
	width:367px;
	padding:0;
	color:#006b5a;
}
.forms .button{
	margin:30px 0 60px;
	width:190px;
	height:36px;
}
.forms .form_fields {
	margin:0 0 20px;
	position:relative;
}
.forms .form_fields textarea{
	margin:10px 0 0;
	padding:4px;
	color:#006B5A;
	font-size:16px;
	width:98% !important;
}
.file#cv_remove {
    display:inline-block;
	background:transparent;
	border-top:1px solid #006b5a;
	border-bottom:1px solid #006b5a;
	width:70px;
	padding:0;
	color:#fff;
}
.file#add_remove {
    display:inline-block;
	background:transparent;
	border-top:1px solid #006b5a;
	border-bottom:1px solid #006b5a;
	width:70px;
	padding:0;
	color:#fff;
}

/* Mobile Development */
.mobile-development{
	background: #595959;
}
.mobile-development input, .mobile-development a{
	cursor: pointer;
	margin-bottom: 20px;
	margin-left: 15%;
	transition: all 0.4s linear;
	color: #595959;
}
.mobile-development a{
    background-color: #DCDCDC;
}
.mobile-development input:hover, .mobile-development a:hover{
	color: #fff;
}

/* UI Dialog + JQuery */
.ui-dialog{
	background-color:#00b094;
	color:#fff;
	padding:0 30px 30px;
	font-size:18px;
}
.ui-widget button {
	color:#fff;
	display:inline-block;
	background-color:#006B5A;
	height: 35px;
	width: 181px;
	text-align:center;
	border:none;
	margin:0 8px 0 0;
	font-size:18px;
	line-height:35px;
	font-family: 'OfficinaSerifBookC';
}
.ui-dialog-titlebar-close {
	visibility: hidden;
	
}

.ui-state-focus,  .ui-state-hover, . ui-state-hover{
	border-width: 0;
}
.ui-widget-overlay {
	background-color: #000000;
	opacity: .5/*{opacityOverlay}*/;
	filter: Alpha(Opacity=50)/*{opacityFilterOverlay}*/;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.cols h3{
    height: 64px;
   
}
.errors li{
color: #741717;
    font-size: 14px;
}
.description.fleft a{
    color:#006B5A;
}
/* .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable{
	top:0px;
	top:-53% !important;
} */

/* policy */
#privacy{
    background: #00b094;
}
#privacy header{
    background: rgba(0,107,90,0.8);
    filter:alpha(opacity=80); /* For IE8 and earlier */
}
#privacy header .head_wrapper h2{
    font-size: 38px;
}
#privacy .content{
    min-height: 100px;
    height: 100%;
    padding-bottom: 40px;
    padding-top: 20px;
}
#privacy .content h2{
    color: #006b5a;
    text-transform: uppercase;
}
#privacy .content h3{
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 0;    
}
#privacy .content h3 strong{
   border-bottom: 1px solid #dbdbdb;
   display: block;
   margin: 0 20px;
   padding: 20px 0;
   font-weight: normal;
}
#privacy .content article{
    padding-left: 20px;
    padding-right: 20px;
}
#privacy .content h3:hover{
    background-color: #ffffff10;
    cursor: pointer;
}
#privacy .content h3#last-child strong, 
#privacy .content h3#rights-download strong{
    border-bottom: none;
}
#privacy .content h3#rights-download{
    padding-top: 20px;
}
#privacy .content h3#rights-download a{
    color: #fff;
}
#privacy .content p{
    font-size: 18px;
    line-height: 23px;
}
.privacy-block{
   margin: 20px 0 60px 0;
   border: 1px solid #dbdbdb;
   border-radius: 0 10px;
}