body {margin:0; padding:0;
background:url(../images/bg.jpg) repeat-y scroll center top #fff;
background-repeat: repeat;
background-attachment: fixed;
background-color: #fff;
font-family: 'Calibri', sans-serif;
}
.play360 {
width: 521px;
height: 184px;
float: right;
display: block;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
position: absolute;
z-index: 3000;
background-image: url(../images/360.png);
background-repeat: no-repeat;
background-position: left 125px;
z-index:0;
}
#carousel {z-index:0;}

.bord {
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #D6D6D6;
border-right-color: #D6D6D6;
border-bottom-color: #999;
border-left-color: #D6D6D6;
margin-top: 40px;
}
.shstory-txt {text-align: justify;}
.fulltory-txt {text-align: center; background-color: #f7f7f7;}
.podrobn a {
float: right;
position: relative;
background: #3075FE;
background: #04abcb;
border-radius: 5px;
padding: 5px;
margin: 5px;
color: #fff;
font-size: 18px;
text-decoration: none;
}

h2 a {
font-family: 'Calibri', sans-serif;
font-weight: 300;
font-size: 26px;
margin-bottom: 30px;
height: 10px;
color: black;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #D1D5DA;
}

.shstory-txt img {visibility: hidden; width: 1px; height: 1px;}
.comment {
	display: block;
	background: #666;
	font-size: 18px;
	color: #CCCCCC;
	text-align: center;
	margin: 50px 20px;
	padding: 50px 20px;
}
.comment a {
	font-weight: bold;
	color: #C2C2FF;
	text-decoration: none;
}

#block1{
		display:none;
	}
	#block2{
		display:none;
	}
.fix {
position: fixed;
margin-top: -5px;
background-color: #ebf3ff;
height: 50px;
width: 1010px;
min-width: 1010px;
z-index: 1;}
h2 {
position: relative;
float: left;
width: 100%;
text-align: center;
font-family: 'Calibri', sans-serif;
font-weight: 300;
font-size: 33px;
margin-bottom: 30px;
height: 10px;
}
.divider { 
background-color: #efea86;
border-bottom: 1px solid #FFFFFF;
height: 1px;
margin: 0.5em 0px 1.5em;
}

.blue {
float: left;
position: relative;
width: 100%;
background: #3075FE;
/*background: #04abcb; */
border-radius: 5px;
padding: 5px 0;
margin: 5px 0;
color: #fff;
font-size: 26px;
}
.yallow {
float: left;
position: relative;
width: 100%;
/*background: #fffe44; */
background: #e8e8e8;
border-radius: 5px;
padding: 5px;
margin: 5px;
color: #000;
font-size: 26px;
}
.white {
float: left;
position: relative;
width: 95%;
/*background: #fffe44; */
background: #226dfe;
border-radius: 5px;
padding: 5px;
margin: 5px;
color: #fff;
font-size: 26px;
}

/*********************** MAIN MENU ***********************/

/*dark menu*/
#mainHeader .navbar-inner {
    background:#454545;
}
.navbar {
    border-bottom:1px solid #111
}
#mainMenu ul li a {
    color:#ededed;	
}

/*white menu*/
#mainHeader .navbar-inner {
    background:#fff;
}
.navbar {
    border-bottom:1px solid #ddd
}
#mainMenu ul li a {
    color:#999;	
}


#mainMenu ul ul, #mainMenu  ul li ul li.hover a {
    background-color:#454545;
}
#mainMenu ul ul {
    border:1px solid #454545;
}

#mainMenu ul li .active, #mainMenu ul li.hover>a, #mainMenu ul li.hover>a.hasSubMenu, #mainMenu ul li.Shover>a{
    color:white!important;
background: #f2836d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyODM2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZTQ0NDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f2836d 0%, #ee4444 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2836d), color-stop(100%,#ee4444)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2836d 0%,#ee4444 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2836d 0%,#ee4444 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2836d 0%,#ee4444 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2836d 0%,#ee4444 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2836d', endColorstr='#ee4444',GradientType=0 ); /* IE6-8 */

}
#mainMenu ul ul a {
    color:#B4B4B4;
}
#mainMenu ul ul li.Shover a {
    color:white !important;
    background-color:#EE4444;
}
#mainMenu .hasSubMenu {
    background-image:url('../images/icons/main-nav-normalstate.png');
    background-repeat:no-repeat;
    background-position:90% center;
}
#mainMenu ul ul li.hover>a, #mainMenu ul ul li.Shover>a {
    background-image:url('../images/icons/main-nav-hoverstate.png') !important;
    background-repeat:no-repeat !important;
    background-position:90% center !important;
    color:white !important;
    background-color:#EE4444 !important;
}

#mainMenu ul ul li.Shover>a {
    background-image:none !important;
}

.counter img { margin:5px;

opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40); padding:2px;

}



.counter img:hover {

opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);

}


/*********************** END MAIN MENU ***********************/

/* ============================================================
  NAV
============================================================ */
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
nav li {
  display: inline-block;
  margin: 0 5px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
nav a {
  display: block;
  color: #285064;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
nav a:hover {
  color: #12242d;
}
nav span {
  display: block;
}

@media all and (min-width: 690px) {
  nav li {
    margin: 0;
    -webkit-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
    transform: skewX(-10deg);
  }
  nav a {
    padding: 7px 7px;
    color: #fff;
    background-color: #285064;
  }
  nav a:hover {
    color: #fff;
    background-color: #12242d;
  }
  nav span {
    -webkit-transform: skewX(10deg);
    -moz-transform: skewX(10deg);
    -ms-transform: skewX(10deg);
    -o-transform: skewX(10deg);
    transform: skewX(10deg);
  }
}

.wrap {width:1010px; margin:25px auto;}

ul.tabs {list-style:none; width:500px; margin-left: 20px;}
ul.tabs li:first-child {border-left:1px solid #ccc;}
ul.tabs li {float:left; border-right:1px solid #ccc; border-top:1px solid #ccc; background-color:#eee;}
ul.tabs li.active {border-bottom:1px solid #fff; background-color:#fff; margin-bottom:-1px;}
ul.tabs li a {display:block; padding:5px 10px; color:#777; letter-spacing:-1px; outline:none; text-decoration:none; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
ul.tabs li.active a {font-weight:600; color:#000;}

div.tabs_content {width:1010px; border:1px solid #ccc;}
div.tabs_content > div {padding:0px;}
.clear {clear:both;}

.btn {

display:inline-block;
height:44px;
line-height:44px;
padding:0 10px 0 50px;
background:url(../images/white.jpg) repeat-x;
color:#999;
font-weight:bold;
font-size:13px;
text-shadow:0 1px 0 #fff;
position:relative;
border:1px solid #DFDFDF;
margin:0 10px 10px 0;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}

.btn:hover {
border-color:#cacaca;
background:#F8F8F8;
}

.btn span {
display:block;
position:absolute;
top:6px;
left:9px;
width:32px;
height:32px;
background-repeat:no-repeat;
background-position:center;
}

.btn.tridmin span {
background-image:url(../images/3dmin.png);
}
.btn.virt3d span {
background-image:url(../images/virt3d.png);
}
.btn.tripred span {
background-image:url(../images/3dpred.png);
}
.btn.visual span {
background-image:url(../images/visual.png);
}
.btn.ander span {
background-image:url(../images/ander.png);
}

.navigation{
	height:30px;
	width:100%;
	color:#000;
	margin:10px auto;
	padding:15px 0;
	font-size:18px;
	clear:both;
	text-align:center !important;	
}
.navigation b{
	font-size:25px !important; 
}
.navigation a:link,
.navigation a:visited,
.navigation a:active {
	line-height:24px !important;
	height:24px;
	text-decoration:none;
	padding:0 9px;
	color:#000;
	font-size:18px;
	display:inline-block;
	border-radius:12px;
}
.navigation a:hover{
	text-decoration:none;
	color:#fff;
	    background: #04abcb;
}
.navigation span {
	line-height:24px !important;
	height:24px !important;
	text-decoration:none;
	padding:0 5px;
	color:#aaa;
	font-size:24px;
	display:inline-block;
}
.nav_ext{
	background:none !important;
	color:#000 !important;
	font-weight:bold;
	box-shadow:none !important; 
}
.next,.prev{
	display:inline-block !important;
}
.next a, .prev a{
	background:#eee !important;
}
.next a:hover, .prev a:hover{
	    background: #04abcb !important;
}