﻿/* CSS Document
================================================================================
*/
body{
  font-size: 14px; font-family: 'Ubuntu', sans-serif;
}
img.bg {
	min-height: 100%; min-width: 1024px; width: 100%; height: auto;
	position: fixed; top: 0; left: 0; z-index: -1000;
}
.fL{ float:left}
.fR{ float:right}
.cL{ clear:both}
.w50{ width: 49%}
.tl { text-align: left;}
.tc { text-align: center;}
.ac { margin: 0 auto; }
.h5 { height: 5px; }
.h10 { height: 10px; }
.h15 { height: 15px; }
.h20 { height: 20px; }
.p10 { padding: 10px; }
.point {
  cursor: pointer;
}

.bg_color1{ background-color: #18748d; }
.bg_color2{ background-color: #3c90a8; }
.bg_color3{ background-color: #9dcbd8; color: #18748d; }
.bg_color4{ background-color: #c2dfe7; color: #18748d; }

.photogalery {
  float: left; cursor: pointer; margin-right: 10px; margin-bottom: 10px;
  border: 5px solid #ED7626;
  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.subkat_img{
  max-width: 130px;
  height: 100px;
}

.subkat_link{

}
.subkat_link_icon_list{

}
.sub_kat_icon_list{
  width: 160px;
  min-height: 190px;
  margin: 5px; padding: 5px;
	background:#eeeeee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#BBBBBB));
	background: -webkit-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -o-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -ms-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: linear-gradient(top, #EEEEEE, #BBBBBB);
  border: 5px solid #0668b2;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  color: #FFFFFF;
}

.master_div {
	background:#eeeeee;
	border:1px solid #7c7c7c;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#BBBBBB));
	background: -webkit-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -o-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -ms-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: linear-gradient(top, #EEEEEE, #BBBBBB);
}
.photoshow_size{
  width:870px; height:285px;
}
.cycle-slideshow{ width: 870px;  height:285px; }
.carusel_bg{ width: 870px;  height:295px; }
/* ============================ MENU TOP ================================ */
#master_kat_head {

}
#master_kat_head .image_div{

}
#master_kat_head .image_div img{ max-height: 180px;
-webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 1px 4px #888888;
     -moz-box-shadow: 0 1px 4px #888888;
          box-shadow: 0 1px 4px #888888;
}
#master_kat_head .text_div {
  padding-left: 10px;
}
.titlos_list_subkat {
  background: #0668b2; color: #FFFFFF;
  font-size: 14px; font-weight: bold;
  height: 28px; line-height: 28px; letter-spacing: 2px;
  padding-left: 10px;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
}
.list_xar{
	background:#f5f5f5;
  border: 2px solid #0668b2;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  color: #000000;
}
.list_xar_one{
  padding: 5px;
  border-bottom: 1px solid #0668b2;
}
.list_xar_one .m_xar{
  font-weight: bold; min-width: 200px; float: left;
}
.list_xar_one .s_xar{
  width: 600px; float: left;
}
.xar_link:hover {
  color: #FF0000;
}
.del_xar_link {
  color: #FF0000;
}
.del_xar_link:hover {
  color: #000000;
}
.mak_link:hover {
  color: #FF0000;
}
.del_mak_link {
  color: #FF0000;
}
.del_mak_link:hover {
  color: #000000;
}
.proionta_list_1{
  width: 160px;
  min-height: 190px;
  margin: 5px; padding: 5px;
	background:#eeeeee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#BBBBBB));
	background: -webkit-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -o-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -ms-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: linear-gradient(top, #EEEEEE, #BBBBBB);
  border: 5px solid #0668b2;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  color: #FFFFFF;
}
.proionta_list_2{
  width: 200px;
  min-height: 190px;
  margin: 5px; padding: 5px;
	background:#eeeeee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#BBBBBB));
	background: -webkit-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -o-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -ms-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: linear-gradient(top, #EEEEEE, #BBBBBB);
  border: 5px solid #0668b2;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  color: #FFFFFF;
}
.proionta_list_1 .timi{
  text-align: center;
  margin-bottom: 3px;
}
.proion_img_list{
  max-width: 130px;
  height: 100px;
}
.proion_link_icon_list{

}
.sub_kat_icon_list{
  width: 160px;
  min-height: 190px;
  margin: 5px; padding: 5px;
	background:#eeeeee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#BBBBBB));
	background: -webkit-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -o-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -ms-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: linear-gradient(top, #EEEEEE, #BBBBBB);
  border: 5px solid #0668b2;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  color: #FFFFFF;
}
/* ============================ Proion View ================================ */
.proion_bot_info {
  padding: 5px; padding-left: 15px; font-size: 13px; color: #FFFFFF; background: #0668b2;
  font-style: italic;
    -webkit-border-bottom-left-radius: 8px;
     -moz-border-radius-bottomleft: 8px;
          border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
     -moz-border-radius-bottomright: 8px;
          border-bottom-right-radius: 8px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}
.proion_bot_info a{
  font-style: normal; color: #000000;
}
.proion_bot_info a:hover{color: #FF0000;}
.proion_img {
  margin-right: 5px; margin-bottom: 5px;
  border: 2px solid #0668b2;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
}

/* ============================ Base CSS ================================ */
.base_titlos_1 {
  background: #0668b2; color: #FFFFFF;
  font-size: 16px; font-weight: bold;
  height: 34px; line-height: 34px; letter-spacing: 2px;
  margin-bottom: 10px;
  padding-left: 14px;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
	box-shadow: rgba(0,0,0, 0.7) 0 0 3px;
	-moz-box-shadow: rgba(0,0,0, 0.7) 0 0 3px;
	-webkit-box-shadow: rgba(0,0,0, 0.7) 0 0 3px;
text-shadow: 1px 1px 3px #555555;
}


.box_1{
	background:#f5f5f5;
  border: 2px solid #0668b2;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  color: #000000;
}
.box_1 .box_b_bot{
  padding: 5px;
  border-bottom: 1px solid #0668b2;
}
.box_b_bot .l_div{
  font-weight: bold; width: 40%; float: left;
}
.box_b_bot .r_div{
  width: 59%; float: left;
}
.box_b_bot .min_info{
  font-weight: normal; font-size: 12px; font-style: italic;
}
.progress a{
  color: #ffffff;
}

/* ============================ MENU TOP ================================ */
.navbar {
  margin: 0px;
  margin-right: 10px;
  float: right;
}
.navbar {
background: #0668b2; /* Old browsers */
/*
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNjYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iI2ZmNjYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM4JSIgc3RvcC1jb2xvcj0iI2VhMjgwMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iI2ZmNjYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNzIyMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ff6600 0%, #ff6600 18%, #ea2803 38%, #ff6600 71%, #c72200 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6600), color-stop(18%,#ff6600), color-stop(38%,#ea2803), color-stop(71%,#ff6600), color-stop(100%,#c72200));
background: -webkit-linear-gradient(top,  #ff6600 0%,#ff6600 18%,#ea2803 38%,#ff6600 71%,#c72200 100%);
background: -o-linear-gradient(top,  #ff6600 0%,#ff6600 18%,#ea2803 38%,#ff6600 71%,#c72200 100%);
background: -ms-linear-gradient(top,  #ff6600 0%,#ff6600 18%,#ea2803 38%,#ff6600 71%,#c72200 100%);
background: linear-gradient(to bottom,  #ff6600 0%,#ff6600 18%,#ea2803 38%,#ff6600 71%,#c72200 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6600', endColorstr='#c72200',GradientType=0 ); /* IE6-8 */

}

.navbar .navbar-nav > .active > a {
  color: #FFFFFF;
  background: #c72200;
}

.navbar-brand,
.navbar-nav > li > a {
  color: #FFFFFF;
  font-size: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}
.navbar-toggle {
  color: #FFFFFF;
  font-size: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}
.navbar-nav > li > a:hover {
  color: #FFFFFF;
  background: #c72200;
}
.navbar-static-top, .navbar-fixed-top, .navbar-fixed-bottom {
  border-radius: 0;
}
/* ================================================================ */
#bot_base_div {
  width: 1160px;
  margin: 0 auto;
  border-top: 5px solid #0668b2;
  border-left: 5px solid #0668b2;
  border-right: 5px solid #0668b2;
  border-bottom: 10px solid #0668b2;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  color: #000033;
  padding-top: 0px;
}
.bot_base_div{
  color: #000033; font-size: 12px; font-weight:  bold;
}
.bot_menu{
 padding-bottom: 20px;
}
.copyr{
 padding-bottom: 5px;
}
.bot_base_div a{
  color: #000033; text-decoration: none; font-size: 11px;
}
.bot_base_div a:hover{
  color: #c72200;
}
  .navbar { padding-right: 5px; padding-left: 5px; width: 670px; height: 10px; }
  .navbar-toggle, .navbar-nav > li > a { font-size: 13px; font-weight: bold; padding-left: 10px;   padding-right:10px; }
/* ================================================================ */
.nav-tabs {
  border-bottom: 1px solid #0668b2;
}
.tab-pane{
  border-bottom: 1px solid #0668b2;
  border-left: 1px solid #0668b2;
  border-right: 1px solid #0668b2;
  padding: 10px;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #FFFFFF;
  cursor: default;
  background-color: #0668b2;
  border: 1px solid #0668b2;
  border-bottom-color: transparent;
}

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}

.nav-tabs.nav-justified > li {
  float: none;
}
/* ================================================================ */
@media (max-width: 480px)  {
  .desk_on{  display: none; } .desk_off{ }

}
@media (min-width: 481px) and (max-width: 767px)  {

  .desk_on{  display: none; } .desk_off{ }
}
@media (min-width: 768px) and (max-width: 991px)  {

  .desk_on{ display: none;  } .desk_off{  }
}
@media (min-width: 992px)   {

  .desk_on{  } .desk_off{  display: none; }
}
@media (min-width: 1200px)   {
  .navbar { padding-right: 5px; padding-left: 5px; width: 770px; height: 10px; }
  .navbar-toggle, .navbar-nav > li > a { font-size: 13px; font-weight: bold; padding-left: 10px;   padding-right:10px; }
}

.navbar { min-height:33px; }
.navbar .navbar-brand{ padding: 6px 6px;font-size: 16px;line-height: 18px; }
.navbar .navbar-nav > li > a {  padding-top: 6px; padding-bottom: 6px; line-height: 18px; }
.navbar .navbar-nav > li > a:hover {  padding-top: 6px; padding-bottom: 6px; line-height: 18px; background-color: #767774; }
/* ========= sub menu =========== #0668b2     */
.dropdown:hover .dropdown-menu {
    display: block;  color: #FFFFFF; background: #0668b2;
 }
li.dropdown.active.open > a,
li.dropdown.active.open > ul.dropdown-menu a:hover,
li.dropdown.open > a,
li.dropdown.open > ul.dropdown-menu a:hover
{
  color: #FFFFFF;
  background-color: #767774;
  border-color: #FFFFFF;
}
li.dropdown.open:hover
{
  color: #000;
}
.dropdown-menu>li>a {
  color: #FFFFFF; font-weight: bold;  background-color: #0668b2;
 }
 .dropdown-menu>li>a:hover {
  background: #767774;
 }