﻿.rtff {
  width:250px;
	border-radius:3px;
}

.ramka {
 background:#fdfdfd;
 height:250px; /*width:323px;*/
 border: 1px solid #eaeaea; 
/*box-shadow: 3px 3px 3px #777;*/
}  
.cols-3 .column-1 {
float:left;
width:29%;
padding:0px 5px;
margin-right:4%;
}
.cols-3 .column-1 img {
algin:centre;
  margin: 0 20px 5px 0; 
 border: 5px solid #fff;
 width:140px;height:100px;
   -webkit-border-radius: 75px;
     -moz-border-radius: 75px;
          border-radius: 75px;
 -webkit-box-shadow: 3px 3px 3px #777;
 -moz-box-shadow: 3px 3px 3px #777;
 box-shadow: 3px 3px 3px #777;
}


.cols-3 .column-2 {
float:left;
width:29%;
margin-left:0;
padding:0px 5px;
}
.cols-3 .column-2 img {
margin: 0 20px 5px 0; 
 border: 5px solid #fff;
 width:140px;height:100px;
   -webkit-border-radius: 75px;
     -moz-border-radius: 75px;
          border-radius: 75px;
 -webkit-box-shadow: 3px 3px 3px #777;
 -moz-box-shadow: 3px 3px 3px #777;
 box-shadow: 3px 3px 3px #777;
}
.cols-3 .column-3 {
float:right;
width:29%;
padding:0px 5px;
}
.cols-3 .column-3 img {
margin: 0 20px 5px 0; 
 border: 5px solid #fff;
 width:140px;height:100px;
   -webkit-border-radius: 75px;
     -moz-border-radius: 75px;
          border-radius: 75px;
 -webkit-box-shadow: 3px 3px 3px #777;
 -moz-box-shadow: 3px 3px 3px #777;
 box-shadow: 3px 3px 3px #777;
}


.item-pagefull-oval img {
 
    margin: 0 30px 5px 0; 
 border: 5px solid #fff;
 width:250px;height:150px;
   -webkit-border-radius: 250px;
     -moz-border-radius: 250px;
          border-radius: 250px;
  
  
 -webkit-box-shadow: 3px 3px 3px #777;
 -moz-box-shadow: 3px 3px 3px #777;
 box-shadow: 3px 3px 3px #777;
}

.oval-small img {
 
    margin: 0 20px 5px 0; 
 border: 5px solid #fff;
 width:150px;height:100px;
   -webkit-border-radius: 75px;
     -moz-border-radius: 75px;
          border-radius: 75px;
  
  
 -webkit-box-shadow: 3px 3px 3px #777;
 -moz-box-shadow: 3px 3px 3px #777;
 box-shadow: 3px 3px 3px #777;
}


.polar {
 /*position: relative;
 width: 49%;*/
}
 
.span6 img {
 margin: 0 30px 0px 0; 
 border: 5px solid #fff;
 height:150px;
 border-bottom: 20px solid #fff;
 /* -webkit-box-shadow: 3px 3px 3px #777;
 -moz-box-shadow: 3px 3px 3px #777;
box-shadow: 3px 3px 3px #777;*/
  
}
 
.polar p {
 
 text-align: justify;

  /*
 position: absolute;
 font: 400 18px/1 'Kaushan Script', cursive;
 color: #888;*/
}

h4 {
    margin: 0px 0 14px 0;
    padding: 0px 0 4px 2px;
    font-weight: normal;
    font-variant: small-caps;
    letter-spacing: 0px;
    font-size: 120%;
    color: #222;
    text-shadow: 1px 1px 0 rgba(255,255,255, 0.8);
    background: transparent url(../images/underline.png) 0 100% repeat-x;
    -webkit-transition: color 0.4s ease-in-out;
    -moz-transition: color 0.4s ease-in-out;
    -ms-transition: color 0.4s ease-in-out;
    -o-transition: color 0.4s ease-in-out;
    transition: color 0.4s ease-in-out;

}

/*h1 {
    margin: 0px 0 14px 0;
    padding: 0px 0 4px 2px;
    font-weight: normal;
    font-variant: small-caps;
    letter-spacing: 0px;
    font-size: 140%;
    color: #222;
    text-shadow: 1px 1px 0 rgba(255,255,255, 0.8);
    background: transparent url(../images/underline.png) 0 100% repeat-x;
    -webkit-transition: color 0.4s ease-in-out;
    -moz-transition: color 0.4s ease-in-out;
    -ms-transition: color 0.4s ease-in-out;
    -o-transition: color 0.4s ease-in-out;
    transition: color 0.4s ease-in-out;

}*/

/*.item-page .page-header h2 {
    margin: 0px 0 14px 0;
    padding: 0px 0 4px 2px;
    font-weight: normal;
    font-variant: small-caps;
    letter-spacing: 0px;
    font-size: 140%;
    color: #222;
    text-shadow: 1px 1px 0 rgba(255,255,255, 0.8);
    background: transparent url(../images/underline.png) 0 100% repeat-x;
    -webkit-transition: color 0.4s ease-in-out;
    -moz-transition: color 0.4s ease-in-out;
    -ms-transition: color 0.4s ease-in-out;
    -o-transition: color 0.4s ease-in-out;
    transition: color 0.4s ease-in-out;

}*/



h2 {
    margin: 0px 0 14px 0;
    padding: 0px 0 4px 2px;
    font-weight: normal;
    font-variant: small-caps;
    letter-spacing: 0px;
    font-size: 160%;
    color: #222;
    text-shadow: 1px 1px 0 rgba(255,255,255, 0.8);
    background: transparent url(../images/underline.png) 0 100% repeat-x;
    -webkit-transition: color 0.4s ease-in-out;
    -moz-transition: color 0.4s ease-in-out;
    -ms-transition: color 0.4s ease-in-out;
    -o-transition: color 0.4s ease-in-out;
    transition: color 0.4s ease-in-out;

}


body {
	background-color: #ffffff;
	color: #101010;
	line-height: 1.2;
	font-size: 16px;
	font-family: Roboto Condensed;
	font-weight: 400;
}


/* Logo */
a.logo strong {
	width: 600px;
	height: 95px;
}


a.logo strong {
	background: url(/images/tehnojakslogo3.png) no-repeat;
	text-indent: -999em;
}



a {
	color: #3498db;
}

a:hover, a:focus, a:active {
	color: #303030;
}

/* common style */
h1, h2, h3, h4, h5, h6 {
	font-family: Roboto Condensed;
}

/* JOOMLA STYLE
--------------------------------------- */
h2.item-title,
.item-title h2,
.item-page .page-header h2 {
	font-family: Roboto Condensed;
}


.items-row .item {
	font-size: 16px;
}

/* Header */
#header {
	background-color: #f5f5f5;
	border-color: #e0e0e0;
	color: #101010;
}

#header a {
	color: #101010;
}

#header a:hover, #header a:focus, #header a:active {
	color: #3498db;
}

/* Main navigation */
#mainnav {
	background-color: #5d6c7b;
	border-color: #eeeeee;
}

#mainnav .nav > li > a,
#mainnav .nav span.separator {
	color: #ced8e0;
}

#mainnav .nav > li > a:hover,
#mainnav .nav > li > a:focus,
#mainnav .nav > li > a:active {
	color: #9ea5ab;
}

#mainnav .nav > li > a:hover:after,
#mainnav .nav > li:hover > a:after,
#mainnav .nav > li.active > a:hover:after,
#mainnav .nav > li > .separator:hover:after,
#mainnav .nav > li:hover > .separator:after {
	border-color: #ffffff;
}

#mainnav .nav > li.active > a,
#mainnav .nav > li.active .separator {
	color: #cccccc;
}

#mainnav .nav > li.active a:after,
#mainnav .nav > li.active .separator:after {
	border-color: #ffffff;
}

/* Dropdown menu */
.dropdown-menu, .nav .nav-child {
	background-color: #ffffff;
}

#mainnav .dropdown-menu > li,
#mainnav .nav .nav-child > li {
	/*border-bottom-color: rgba(255,255,255,0.2);*/
}

.dropdown-menu > li > a,
.nav .nav-child > li > a {
	color: #101010;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a,
.nav .nav-child > li:hover > a,
.nav .nav-child > li:focus > a {
  background: #303030;
  color: #ffffff;
}

.dropdown-menu, .nav .nav-child {
	border-color: #303030;
}

/* Custom color for collapse menu */
@media (max-width: 992px) {
	#mainnav .nav-collapse .nav > li > a,
	#mainnav .nav-collapse .nav > li > .separator {
		color: #5d6c7b;
	}

	#mainnav .nav-collapse .nav > li > a:hover {
		color: #5d6c7b;
	}

	#mainnav .nav > li > a:hover:after,
	#mainnav .nav > li > a:focus:after,
	#mainnav .nav > li:hover > a:after {
		display: none;
	}

	#mainnav .nav-collapse .nav > li.active > a {
		color: #ffffff;
	}	
}



/* Search form */
.navbar-form {
	background-color: #f2f2f2;
	color: #8a8282;
}

.navbar-form .search .inputbox {
	color: #8a8282;
}

/* Footer
--------- */
#footer {
	background: #5d6c7b;
	border-color: #e0e0e0;
	color: #ced8e0;
}

#footer a {
	color: #3498db;
}

#footer a:hover, #footer a:focus, #footer a:active {
	color: #cc7676;
}

#footer .nav > li::before {
	color: #ced8e0;
}

/* Footer menu*/
#footer .nav > li > a {
	color: #6c79d9;
}

#footer .nav > li > a:hover,
#footer .nav > li > a:focus,
#footer .nav > li > a:active {
	border-color: #bad451;
	color: #bad451;
}


/* Module Styles
--------------------*/


/* Module Styles
--------------------*/


/* Module Styles
--------------------*/


/**************************************************************************************/
/*   Row fluids																		  */


.row-fluid
{
	width: 100%;
 	*zoom: 1;
}

.row-fluid:before,
.row-fluid:after
{
	display: table;
	content: "";
	line-height: 0;
}

.row-fluid:after
{
	clear: both;
}

.row-fluid [class*="span"] 
{
	display: block;
	width: 100%;
	min-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin-left: 2.12%;
	*margin-left: 2.07%;
}

.row-fluid [class*="span"]:first-child 
{
	margin-left: 0;
}

.row-fluid .span12
{
	width: 100%;
	*width: 99.94%;
}

.row-fluid .span11
{
	width: 91.48%;
 	*width: 91.43%;
}

.row-fluid .span10
{
	width: 82.97%;
 	*width: 82.92%;
}

.row-fluid .span9
{
	width: 74.46%;
 	*width: 74.41%;
}

.row-fluid .span8
{
	width: 65.95%;
 	*width: 65.90%;
}

.row-fluid .span7
{
	width: 57.44%;
 	*width: 57.39%;
}

.row-fluid .span6
{
	width: 48.93%;
 	*width: 48.88%;
}

.row-fluid .span5
{
	width: 40.42%;
 	*width: 40.37%;
}

.row-fluid .span4
{
	width: 31.91%;
 	*width: 31.86%;
}

.row-fluid .span3
{
	width: 23.40%;
 	*width: 23.35%;
}

.row-fluid .span2
{
	width: 14.89%;
 	*width: 14.84%;
}

.row-fluid .span1
{
	width: 6.38%;
 	*width: 6.32%;
}

.row-fluid .offset12
{
	margin-left: 104.25%;
 	*margin-left: 104.14%;
}

.row-fluid .offset12:first-child
{
	margin-left: 102.12%;
 	*margin-left: 102.02%;
}

.row-fluid .offset11
{
	margin-left: 95.74%;
 	*margin-left: 95.63%;
}

.row-fluid .offset11:first-child
{
	margin-left: 93.61%;
 	*margin-left: 93.51%;
}

.row-fluid .offset10
{
	margin-left: 87.23%;
 	*margin-left: 87.12%;
}

.row-fluid .offset10:first-child
{
	margin-left: 85.10%;
 	*margin-left: 84.99%;
}

.row-fluid .offset9
{
	margin-left: 78.72%;
 	*margin-left: 78.61%;
}

.row-fluid .offset9:first-child
{
	margin-left: 76.59%;
 	*margin-left: 76.48%;
}

.row-fluid .offset8
{
	margin-left: 70.21%;
 	*margin-left: 70.10%;
}

.row-fluid .offset8:first-child
{
	margin-left: 68.08%;
 	*margin-left: 67.97%;
}

.row-fluid .offset7
{
	margin-left: 61.70%;
 	*margin-left: 61.59%;
}

.row-fluid .offset7:first-child
{
	margin-left: 59.57%;
 	*margin-left: 59.46%;
}

.row-fluid .offset6
{
	margin-left: 53.19%;
 	*margin-left: 53.08%;
}

.row-fluid .offset6:first-child
{
	margin-left: 51.06%;
 	*margin-left: 50.95%;
}

.row-fluid .offset5
{
	margin-left: 44.68%;
 	*margin-left: 44.57%;
}

.row-fluid .offset5:first-child
{
	margin-left: 42.55%;
 	*margin-left: 42.44%;
}

.row-fluid .offset4
{
	margin-left: 36.17%;
 	*margin-left: 36.06%;
}

.row-fluid .offset4:first-child
{
	margin-left: 34.04%;
 	*margin-left: 33.93%;
}

.row-fluid .offset3
{
	margin-left: 27.65%;
 	*margin-left: 27.55%;
}

.row-fluid .offset3:first-child
{
	margin-left: 25.53%;
 	*margin-left: 25.42%;
}

.row-fluid .offset2
{
	margin-left: 19.14%;
 	*margin-left: 19.04%;
}

.row-fluid .offset2:first-child
{
	margin-left: 17.02%;
 	*margin-left: 16.91%;
}

.row-fluid .offset1
{
	margin-left: 10.63%;
 	*margin-left: 10.53%;
}

.row-fluid .offset1:first-child
{
	margin-left: 8.51%;
 	*margin-left: 8.40%;
}

[class*="span"].hide, 
.row-fluid [class*="span"].hide 
{
	display: none;
}

[class*="span"].pull-right, 
.row-fluid [class*="span"].pull-right 
{
	float: right;
}

.row-fluid [class*="itemSpan"] 
{
	-moz-box-sizing: border-box;
	display: block;
	float: left;
	margin-left: 2.12%;
	min-height: 30px;
	width: 100%;
}

.row-fluid [class*="itemSpan"]:first-child 
{
	margin-left: 0;
}


.row-fluid .itemSpan1
{
	width: 100%;
}

.row-fluid .itemSpan2
{
	width: 48.93%;
}

.row-fluid .itemSpan3
{
	width: 31.91%;
}

.row-fluid .itemSpan4
{
	width: 23.40%;
}

.row-fluid .itemSpan5
{
	width: 18.29%;
}

.row-fluid .itemSpan6
{
	width: 14.89%;
}

.row-fluid .itemSpan7
{
	width: 12.46%;
}

.row-fluid .itemSpan8
{
	width: 10.63%;
}

.row-fluid .itemSpan9
{
	width: 9.21%;
}

.row-fluid .itemSpan10
{
	width: 8.08%;
}

.row-fluid .itemSpan11
{
	width: 7.15%;
}

.row-fluid .itemSpan12
{
	width: 6.38%;
}


.toggle {
    min-height: 30px;
    font-size: 13px;
    font-weight: normal;
    width: 97%;
    background-image: url('../images/bg.toggle.open.png');
    background-position: left top;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0px 0px 0px 0px;
    padding: 6px 0px 3px 60px;
    clear: both;
}

.toggle_content {
    background-color: #FDFDFD;
    border: 1px solid #DEDEDE;
    color: #121212;
}
.toggle_content {
    display: none;
    margin: 15px 0px 20px 0px;
    padding: 25px;
    font-size: 12px;
    font-weight: normal;
    border-radius: 5px;
}