/* Begin Typography & Colors */
body {
	/*font-size: 62.5%;*/ /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #ffffff url('/images/background.png') top left repeat-x;
	color: #333;/*
	margin:0px;
	padding:0px;*/	
}
	
img {
	border:0px;
}

/*#page {
	width:1010px;
	margin: 0 auto;
	border:0px solid #990;
}
	
#header{
	width:1010px;
	height:270px;
	float:left;
	margin-top:13px;
	border:0px solid #990;
}*/


.banner{
	width:253px;
	margin-top:20px;
}

.breadcrumbs{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	padding-top:5px;
	margin-bottom:20px;
}

.breadcrumbs a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
}

.breadcrumbs a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	text-decoration:none;
}

.container h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#0b7daf;
	font-weight:bold;
	margin-bottom:0px;
}



#header .meniu{
	width:400px;
	padding:7px 0px 6px 0px;
	margin:38px 50px 0px 0px;
	float:right;
	border:0px solid #000;
	text-align:right;
}

#header .meniu ul{
	padding: 0;
	margin: 0;
}

#header .meniu ul li{
	display: inline;
}

#header .meniu ul li a{
	color: #ffffff;
	font-family:"trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	padding:7px 7px 6px 7px;
	text-decoration: none;
}

#header .meniu ul li a:hover{
	background-color:#388eb9;
}




.navbar-listing {
  /*background-color: #fff;*/
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  color: #ccc;
  padding:7px 0px 0px 0px;
  margin:38px 10px 0px 0px;
  float:right;
  border:1px solid #000;
}

.navbar-listing .navbar-header {
	background-color: #efefef;
}

.navbar-listing .navbar-brand {
  color: #666;
  border:1px solid #00000;
}
.navbar-listing .navbar-brand:hover,
.navbar-listing .navbar-brand:focus {
  color: #666;
}
.navbar-listing .navbar-text {
  color: #444;
}
.navbar-listing .navbar-nav > li > a {
  display: inline;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  
  color: #ffffff;
  font-family:"trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:13px;
  font-weight:bold;
  padding:10px 7px 6px 7px;
  text-decoration: none;
}
.navbar-listing .navbar-nav > li > a:hover,
.navbar-listing .navbar-nav > li > a:focus {
  background-color:#388eb9;
  color: #fff;
  text-decoration: none;
}
.navbar-listing .navbar-nav > .active > a,
.navbar-listing .navbar-nav > .active > a:hover,
.navbar-listing .navbar-nav > .active > a:focus {
  background: #388eb9;
  color: #fff;
  text-decoration: none;
}
.navbar-listing .navbar-nav > .open > a,
.navbar-listing .navbar-nav > .open > a:hover,
.navbar-listing .navbar-nav > .open > a:focus {
  background: #fff;
  color: #000097;
  text-decoration: none;
}


/*.navbar-listing .dropdown-menu ul{
  border-bottom: 5px solid #e4e4e4;
  background-color: #0C0;
}*/

.navbar-listing .dropdown-menu li{
  text-transform: uppercase;
  border-bottom: 1px solid #fff;
  background-color: #efefef;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.navbar-listing .dropdown-menu > li > a {
  display: inline-block;
  width: 100%;
  padding: 12px 18px;
  color: #000;
  font-size: 12px;
  border-bottom: 1px solid #e4e4e4;
  font-family: 'Open Sans', sans-serif;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.navbar-listing .dropdown-menu > li > a:hover,
.navbar-listing .dropdown-menu > li > a:focus {
  background: #000097;
  color: #fff;
  text-decoration: none;
}
.navbar-listing .dropdown-menu > .active > a,
.navbar-listing .dropdown-menu > .active > a:hover,
.navbar-listing .dropdown-menu > .active > a:focus {
  background: #000097;
  color: #fff;
  text-decoration: none;
}
.navbar-listing .dropdown-menu > .open > a,
.navbar-listing .dropdown-menu > .open > a:hover,
.navbar-listing .dropdown-menu > .open > a:focus {
  background: #fff;
  color: #000097;
  text-decoration: none;
}



.navbar-listing .navbar-toggle {
  border-color: #000097;
  background: #000097;
  color: #fff;
}
.navbar-listing .navbar-toggle:hover,
.navbar-listing .navbar-toggle:focus {
  background-color: #000097;
  color: #000097;
}
.navbar-listing .navbar-toggle .icon-bar {
  background-color: #fff;
  color: #000097;
}
.navbar-listing .navbar-collapse,
.navbar-listing .navbar-form {
  border-color: #000097;
  border:0px;
}
.navbar-listing .navbar-link {
  color: #444;
}
.navbar-listing .navbar-link:hover {
  color: #444;
}













#header .meniu{
	width:400px;
	padding:7px 0px 6px 0px;
	margin:38px 50px 0px 0px;
	float:right;
	border:0px solid #000;
	text-align:right;
}

#header .meniu ul{
	padding: 0;
	margin: 0;
}

#header .meniu ul li{
	display: inline;
}

#header .meniu ul li a{
	color: #ffffff;
	font-family:"trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	padding:7px 7px 6px 7px;
	text-decoration: none;
}

#header .meniu ul li a:hover{
	background-color:#388eb9;
}

#content {
	background:url(/images/bg_content.png) left top no-repeat;
	border:0px solid #000;
	float:left;
	width:943px;
	margin-left:35px;
}

* html #content {
	background:url(/images/bg_content.png) left top no-repeat;
	border:1px solid #000;
	float:left;
	width:943px;
}

#content .top {
	border:0px solid red;
	float:left;
	width:850px;
	margin-left:26px;
	padding:20px;
}

#content .middle{
	background-color:#e6f2fb;
	float:left;
	width:870px;
	margin-left:26px;
	padding:10px;
}

#content .middle .lista{
	width:277px;
	float:left;
	list-style:none;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
}

#content .middle .lista a{
	font-family:Arial, Helvetica, sans-serif;
	color:#0b7daf;
	font-size:12px;
	line-height:18px;
	text-decoration:none;
}

#content .middle .lista a:hover{
	text-decoration:underline;
}

#content .bottom{
	float:left;
	width:850px;	
	margin-left:26px;
	padding:20px;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#content .left{
	width:575px;
	float:left;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#333;
	border:0px solid #000;
}

#content .left h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#0b7daf;
	border:0px solid #000;
	padding:0px;
	margin:0px;
}

#content h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#333333;
}

#content h2 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#0b7daf;
	text-decoration:none;
}

#content h2 a:hover{
	text-decoration:underline;
}


#content ul{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}

#content li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#0b7daf;
	font-weight:bold;
	line-height:24px;
	text-decoration:none;
}

#content li a:hover{
	text-decoration:underline;
}

#content .left p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}

#content .left p a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#0b7daf;
}

#content .left p a:hover{
	color:#0b7daf;
	text-decoration:none;
}

#content .left .breadcrumbs{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	padding-top:5px;
}

#content .left .breadcrumbs a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
}

#content .left .breadcrumbs a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	text-decoration:none;
}

#content .right{
	width:253px;
	float:right;
	margin-left:20px;
	border:0px solid #000;
}

#content .right .banner{
	width:253px;
	margin-top:20px;
	float:left;
}

#content .right .banner{
	width:253px;
	float:left;
}

#content .contactBox{
	width:575px;
	float:left;
	border:0px solid #000;
}

#content .contactBoxLeft{
	width:285px;
	float:left;
	border:0px solid #000;
}

#content .contactBoxRight{
	width:285px;
	float:right;
	border:0px solid #000;
	margin-left:5px;
}

#footer{
	width:100%;
	float:left;
	border-top:1px solid #efefef;
	margin-top:20px;
	padding-top:10px;
}

#footer .content{
	width:890px;
	margin:0 auto;
	margin-top:10px;
	padding-bottom:20px;
	border:0px solid #F00;
}

#footer .meniu{
	width:890px;
	border:0px solid #000;
	text-align:left;
}

#footer .meniu ul{
	padding: 0;
	margin: 0;
}

#footer .meniu ul li{
	display: inline;
}

#footer .meniu ul li a{
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0px 7px 0px 7px;
	text-decoration: underline;
}

#footer .meniu ul li a:hover{
	text-decoration:none;
}

#footer .copy{
	width:890px;
	margin-top:20px;
	border:0px solid #F00;
	text-align:left;
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}


.cssform p{
width: 380px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 0px dotted #e6f2fb;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
padding-top:5px;
padding-left:10px;
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
border:1px solid #c1e3fd;
padding:4px;
}

.cssform textarea{
width: 360px;
height: 200px;
border:1px solid #c1e3fd;
padding:4px;
font-family:Arial, Helvetica, sans-serif;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}