/*
Simple Responsive Template


primary styles 
   Author: www.prowebdesign.ro
   Add your own styles to customize the project.



BASE (MOBILE) SIZE
	These are the mobile styles. It's what people see on their phones.
	Remember, keep it light: Speed is Important.
*/

/* typography */
body{
	background: #ffffff;
	color:#222222;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:0.90em;
	line-height:1.4em; 
	font-weight:normal;
}
h1, h2, h3, h4, h5, h6{
	font-weight:400;
	font-family:Arial, Helvetica, sans-serif; 
	line-height:1.5em;
	margin:.95em 0 .2em 0;
	padding:0;
	color:#026b1a!important;
} 
h1 { font-size:1.4em; }
h2 { font-size:1.3em; }
h3 { font-size:1.2em; }
h4 { font-size:1.1em; }

/* links */
a,
a:visited,
a:active,
a:hover{color:#026b1a;}
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}



/* Box sizing. Awesome thing. Read about it here: http://www.w3schools.com/cssref/css3_pr_box-sizing.asp */
*{	box-sizing:border-box;
	-moz-box-sizing:border-box;}
  
/* structure */   
.wrapper{
	width: 98%; 
	margin: 0 auto;
}
header{ 
	padding:15px 0;
}
#logobox{ 
	text-align:center;
	display:block;
	padding:10px 0 0 5px;
}	
#intro {
    background: url("images/intro_bg2.png") repeat-x left bottom #f3f3f3;
	border-top:1px solid #f1f1f1;
	border-bottom:1px solid #f1f1f1;
	padding:12px 0;
	font-size:0.9em;
}

/******** top wraper ***********/
#topwraper{
    position: relative; 
	margin: 0 auto 0 auto;
	width: 100%;
	background:#ffffff;
}


/******** page navigator ***********/
#pagenavigator{
    height: 6px;
	width: 100%;
	background:#dcdada;
	border-top:1px solid #dcdada;
	border-right:1px solid #c9c9c9;
	border-left:1px solid #c9c9c9;
}
.topnavigator {
	padding:3px 0 5px 5px !important;
	margin:3px 0 5px 5px !important;
}
.topnavigator a{
	padding:2px 0 5px 0 !important;
	font-size:0.8em  !important;
    line-height:0.2em !important;
    font-weight: 100 !important;
	color:#515151 !important;
}


/*top language*/
#toplang {
    display:block;
	width:100%;
	clear:both;
	padding:10px 0 0 5px;
}
#toplang a.langbtn{
    font-size:10px;
	color:#666666;
	font-size:12px;
}
#toplang a.langbtn:hover { 
  color:#024989;
}

/*top right menu*/
#toprmenu{
    display:none;
	width:100%;
	clear:both;
	padding:5px;
}
#toprmenu a.lnkbtn{    
	color:#f4f4f4;
	font-size:11px;
}
#toprmenu a.lnkbtn-last{    
	color:#f4f4f4;
	font-size:11px;
}
#toprmenu a.lnkbtn:hover,#toprmenu a.lnkbtn-last:hover{ 
  color:#f4f4f4;
  text-decoration:underline;
}


/******* slider **********/
.flexslider{
	display:none;
}

/**** home slideshow ****/
.homeslider {
    float: left;
    margin-top: 0px;
    text-align: left;
	width:100%;
	border-top:1px solid #ffffff;
	font-size:0.9em !important;
	padding:0px 0px 10px 0px;
}
.homeslider img { width:100%!important; }
#mainSlideshow { margin-bottom: 0px;}
.slidesjs-navigation,.slidesjs-stop,.slidesjs-pagination { display:none !important; }



/******* sidebar **********/
#left-sidebar { display:none;  visibility:invisible; }



/******* mainbody **********/
#content,
aside,
.vertical-padding{  
	padding:40px 0;
}
p{ margin:0 0 1.5em;}

.mainbody{
    margin: 0 auto 0px auto;
    position: relative;
    text-align: left;
	width: 100%;
	min-height:550px;
	z-index: 1;
	background: #ffffff;
	border-left:1px solid #c9c9c9;
	border-right:1px solid #c9c9c9;
	border-bottom:1px solid #dfdfdf;
}
.bodycontent {
    float: left;
    margin-top: 0px;
    text-align: left;
	width: 100%;
	border-top:1px solid #ffffff;
	font-size:1em !important;
	padding:0px 5px 20px 5px;
}

.bodycontent p{
    font-size:1em !important;
}
.bodycontent h1,.bodycontent h2,.bodycontent h3 ,.bodycontent h4 {
    font-weight:bold;
	text-shadow: 1px 1px #f1f1f1;
}
.bodycontent h1 { font-size:1.5em !important; clear:both; }
.bodycontent h2 { font-size:1.2em !important; clear:both; }
.bodycontent h3 { font-size:1.1em !important; clear:both; }
.bodycontent h4 { font-size:1.0em !important; clear:both; }

/*** general form ***/
#generalform {
    float: right;
    margin-top: 10px;
    text-align: left;
    width: 100%;
	display:block;
}







/******* footer **********/
#footerbody{
    margin: 0px auto 20px auto;
    position: relative;
    text-align: left;
	width:100%;
    z-index: 1;
	border:1px solid #c9c9c9;
	border-top:1px solid #ffffff !important;
	background:#f3f3f3;
}
.footerleft{
  float:left !important;
  text-align:center !important; 
  margin:13px 5px 5px 10px !important;
}
.footerright{
  float:left !important;
  text-align:center !important;
  font-size:0.9em !important;
  margin-top:13px !important;
  line-height:1.5em !important;
  margin:13px 5px 5px 10px !important;
}
#footerbody .grid_3 { display:block; width:100%; }
#footerbody .grid_7 { display:block; width:100%; }


footer{  
    background:#ffffff;
	color:#5c5e5c;
	font-size:85%;
	padding:0px 0 1px 0;
}
footer ul{
	margin:0 0 0 8%;
	padding:0;
} 



/******* top logo **********/
.toplogo {
	height:auto;
	width:99%;
}

.logoicon {
 display:none;
}




/******* main menu **********/
/******* main menu toggle **********/
.menu-toggle{
	display:block;
	padding:0.4em;
	margin:0px 0px 0px 0px;
    background:  #018720 !important;
	color:#fff;
	cursor:pointer;
	text-transform:uppercase;
	font-size:1.4em;
	font-weight:bold;
	text-shadow: 1px 1px #444444;
	text-align:left;
	vertical-align:middle;
	height:2.1em;
}
.menu-toggle.toggled-on{
	background:#666;
}
.srt-menu{
	display:none;
}	
.srt-menu.toggled-on{
	display:block;
	position:relative;
	z-index:10;
}

.srt-menu{
	clear:both;
	margin-bottom:60px;
	
}
.srt-menu li a {
	color:#494949;
	background:#e3e4e5;
	display:block;
	margin:0; 
	padding:10px;
	text-decoration:none;
	font-size:.9em;
	border-bottom:1px solid #c1c1c1;
}
.srt-menu li a:hover{
	color:#3366cc !important;
	background:#dcdada !important;
}
.srt-menu li li a {
	background:#f1f1f1;
	padding-left:40px;
}
.srt-menu li li li a {
	background:#efefef;
	padding-left:80px;
}

/* menu desktop */
.mndevice { display:block; visibility:visible; } 




/******* secondary menu **********/
#secondary-navigation{
	margin-bottom:60px;
}
#secondary-navigation ul{
	margin:0;
	padding:0;
}
#secondary-navigation ul li a{ 
	background:#E6E6E6;
	color:#666;
	display:block;
	margin:5px 0; 
	padding:10px;
	text-decoration:none;
}
#secondary-navigation ul li a:hover,
#secondary-navigation ul li.current a{
	background:#ff5a00;
	color:#fff;
}

/*SPACE GRID ELEMENTS VERTICALLY, SINCE THEY ARE ONE UNDER ANOTHER SO FAR*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	margin-bottom:40px;
}


/* CUSTOMS BLOCK */
.fixblock_1,
.fixblock_2,
.fixblock_3,
.fixblock_4,
.fixblock_5,
.fixblock_6,
.fixblock_7,
.fixblock_8,
.fixblock_9,
.fixblock_10,
.fixblock_11,
.fixblock_12{
 display:block; width:100%; float:left; margin:2px;
 }


/*Some more colored elements*/
a.buttonlink{ 
	background:#038a10; 
	border-radius:7px; 
	color:#fff;
	display:block;
	float:left; 
	margin:10px 15px 10px 0; 
	padding:10px;
	text-decoration:none;
}
a.buttonlink.large{
	padding:25px 30px;
	margin:10px auto;
	float:none;
	min-width:250px;
	max-width:400px;
	font-size:18px;
}
a.buttonlink:hover{
	background:#2d7303;
}

a.buttonlink.grey{background:#656865;}
a.buttonlink.grey:hover{background:#7a7d7a;}

a.buttonlink.green{background:#038a10;}
a.buttonlink.violet{background:#887dc2;}
a.buttonlink.violet:hover{background:#F15E43;}
.greenelement{
	background:#45b700;
	color:#fff;
}
.violetelement{
	background:#887dc2;
	color:#fff;
}
.orangelement{
	background:#ffae00;
	color:#fff;
}


/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/*
PRINT STYLESHEET
*/
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}