body {font-family: Arial, Helvetica, sans-serif; background: url("../images/body-bg.jpg") repeat-y 0% 0 #fbfbfb; background-attachment:fixed;}
.container { background:#FFFFFF;}
.mi-hight { min-height:545px;}
#header { border:solid 1px #a6aaa9; margin-top:5px; border-radius:7px;}
.logo { position: relative; width: 100px; z-index:1; margin:5px; float:left;}

@-moz-document url-prefix() { 
  .mi-hight { min-height:535px;}
}

.navbar { margin:0; padding:0; min-height:16px;}
.navbar a{ color:#000;font-weight:bold;}	
.navbar ul{ float:right; font-size: 14px;margin:0; padding:0}

.nav > li > a:hover, .nav > li > a:focus { text-decoration: none;  background-color: #fff; color:#2896b4;}
.navbar-nav > li > a { padding-bottom:7px; padding-top:5px;}
.navbar-nav > li{ margin-right:1px;}
.navbar-nav > li > .dropdown-menu { margin-top:1px;}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus { color:#2896b4; text-decoration: none;}
.sumenu {padding:0; margin:0; color:#939393; padding-left:10px;}
.sumenu:hover {padding:0; margin:0; color:#CCCCCC; padding-left:10px; background:#FFFFFF;}

.navbar-nav > li:last-child a{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; cursor:pointer; color: #000; text-decoration:none; padding-right:0;}

.navbar-nav > li:last-child .dropdown-menu { margin-left:-90px;background:#cccccc; border-radius:8px; border:none; margin-top:3px; width:171px;}

.navbar-nav > li:last-child a:hover{color: #2896b4 !important; }
.navbar-toggle{ background:#fff; color:#000; padding:7px; margin:0;}
.navbar-toggle .icon-bar{ background:#217b93;}
.text-box {padding:7px 10px 0 10px;}

.fontSize12{ font-size: 12px; font-weight: normal; }
.bold{ font-weight: bold; }
.height30  {height:30px !important; }
.marginL30 {margin-left:30px !important; }
.marginR30 {margin-right:30px !important; }
.marginL0 {margin-left:0px !important; }
.marginT0  {margin-top:0px !important; }
.marginT10 {margin-top:10px !important; }
.marginT20 {margin-top:20px !important; }
.marginT30 {margin-top:30px !important; }
.marginB0  {margin-bottom:0px !important; }
.marginB10 {margin-bottom:10px !important; }

.paddingL0 {padding-left: 0px !important;}
.paddingL10 {padding-left: 10px !important;}

.paddingR0 {padding-right: 0px !important;}
.paddingR10 {padding-right: 10px !important;}

.paddingT0 {padding-top: 0px !important;}
.paddingT10 {padding-top: 10px !important;}
.paddingT20 {padding-top: 20px !important;}

.paddingB0 {padding-bottom: 0px !important;}
.paddingB10 {padding-bottom: 10px !important;}
.paddingB20 {padding-bottom: 20px !important;}

.padding15 {padding: 15px;}
.padding5 {padding: 5px;}
.padding0 {padding: 0px;}
.black {color: #000000; }
.colorRow{}
.pointer {cursor: pointer;}
.blue {color: #2F96B2;}
.dropdown-submenu { position: relative;}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    overflow-y: scroll;
    height: 180px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.simplebox {
  outline: none;
  border: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.dropdown-submenu:hover>.dropdown-menu { display: block;}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after { border-left-color: #fff;}

.dropdown-submenu.pull-left { float: none;}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.colorRow:nth-of-type(odd) { background: #fbfbfb;}

.btn-submit{
   font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	cursor:pointer;
	color: #000;
	padding:4px 8px;
	border-radius:0px;
	border: 1px solid #b3b3b3;
	text-decoration:none;
	float:right;
	margin:9px;

	background: #fbfbfb; 
	background: -moz-linear-gradient(top,  #e4e4e4 0%, #fbfbfb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e4), color-stop(100%,#fbfbfb));
	background: -webkit-linear-gradient(top,  #e4e4e4 0%,#fbfbfb 100%);
	background: -o-linear-gradient(top,  #e4e4e4 0%,#fbfbfb 100%);
	background: -ms-linear-gradient(top,  #e4e4e4 0%,#fbfbfb 100%);
	background: linear-gradient(to bottom,  #e4e4e4 0%,#fbfbfb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#fbfbfb',GradientType=0 );

}
.te-box { padding:3px; width:152px; border:solid 1px #c6c6c6; font-size:14px; font-weight:bold; color:#000000;}
.te-box:focus{background:#faffbd;}
h1 { font-size:32px; color:#2f96b2; font-weight:bold; margin-bottom:0px; margin-top:50px;}
.sub-he{ font-size:14px; color:#000; font-weight:bold;}
.body-text {font-size:14px; color:#000; padding:20px 30px 0 30px;}
.bg { background:#FFFFFF; width:96%; margin:0 auto; padding:3px;}
.bg:hover { background:#fbfbfb;}
.from-bg {border-radius:10px; border:solid 1px #cfcfcf; background:#eff7f9; margin-top:95px; margin-bottom:95px;}
h2 { font-size:18px; color:#2f96b2; font-weight:bold; margin-bottom:10px; margin-top:10px;}
.search { border:solid 2px #cfcfcf;border-radius:5px; background: url("../images/search.jpg") no-repeat 99% 3px #FFFFFF; padding:5px; width:100%; font-weight:bold; color:#666666;}
.fo-bo-text { font-size:14px; color:#53585f; font-weight:bold; padding-top:25px; padding-bottom:20px;}
.fo-bo-text1 { font-size:14px; color:#53585f; font-weight:bold;}
h3 { font-size:14px; color:#53585f; font-weight:bold; margin-top:12px;}
.time { border:solid 2px #cfcfcf;border-radius:5px; background: #FFFFFF; padding:5px; width:100%; font-weight:bold; color:#666666;}
.bo-btn {padding-right:0; margin-top:60px; margin-bottom:30px;}
.gry-btn {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	cursor:pointer;
	color: #000;
	padding:12px 25px;
	border-radius:0px;
	border: 1px solid #cfcfcf;
	text-decoration:none;
	margin-left:10px;

	background: #c0c0c0; 
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #c0c0c0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#c0c0c0));
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#c0c0c0 100%);
	background: -o-linear-gradient(top,  #f9f9f9 0%,#c0c0c0 100%);
	background: -ms-linear-gradient(top,  #f9f9f9 0%,#c0c0c0 100%);
	background: linear-gradient(to bottom,  #f9f9f9 0%,#c0c0c0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#c0c0c0',GradientType=0 );
}
.gry-btn:hover {border: 1px solid #53585f;}

.add-btn {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	cursor:pointer;
	color: #000;
	padding:5px 25px;
	border-radius:0px;
	border: 1px solid #cfcfcf;
	text-decoration:none;

	background: #c0c0c0; 
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #c0c0c0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#c0c0c0));
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#c0c0c0 100%);
	background: -o-linear-gradient(top,  #f9f9f9 0%,#c0c0c0 100%);
	background: -ms-linear-gradient(top,  #f9f9f9 0%,#c0c0c0 100%);
	background: linear-gradient(to bottom,  #f9f9f9 0%,#c0c0c0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#c0c0c0',GradientType=0 );
}
.l-pad { padding-top:8px; padding-bottom:8px;}
.text-box2 { border:solid 2px #7a7a79; width:100%; height:32px; padding-left:4px; font-size:14px; font-weight:bold; color:#53585f;border-radius:4px;}
.selectpicker { border:solid 2px #7a7a79; width:100%; padding:4px; font-size:14px; font-weight:bold; color:#53585f;border-radius:4px;}
.selectpicker optgroup {font-size:12px; color:#53585f;}

.selectpicker2 {width:100%; padding:4px; font-size:12px; color:#53585f;}
.prettyradio {
    display: inline-block;
    padding:0;
    margin:0;
}
.prettyradio a{
    width:16px;
    height:20px;
    background: url(../images/prettyCheckable-blue.png) top left no-repeat;
    display: block;
    float: left;
    cursor: pointer;
    margin:0;
}
.prettyradio.pink a{ background-image: url(../images/prettyCheckable-pink.png);}
.prettyradio a {background-position: 0 -125px;}
.prettyradio a:focus {outline: 0 none;}
.prettyradio a:focus{background-position: 0 -156px;}
.prettyradio a.checked { background-position: 0 -185px; }
.prettyradio a.checked:focus { background-position: 0 -216px; }
.re-lab {padding:8px;}
.space {  height:10px;}
.btn-primary { font-size:15px; padding:4px 10px;}

#footer {background: url("../images/fo-bg.png") repeat-x top; font-family:helvetica; color:#FFFFFF; font-size:9px;}
.fo-container { margin:0 auto; padding-top:15px; padding-bottom:5px;}
.ul-pa { margin:0px; list-style:none; padding:0;}
.bo-link {font-family:helvetica; color:#FFFFFF; font-size:9px; text-decoration:none;}
.bo-link:hover {font-family:helvetica; color:#FFFFFF; font-size:9px; text-decoration:underline;}

.meu-fo { width:35%; float:left; padding-left:5px;}
.meu-fo2 { width:20%; float:left; border-left:solid 2px #000000; padding:5px;}
.meu-fo3 { width:15%; float:left;  border-right:solid 2px #000000; padding:5px; text-align:right;}
.meu-fo4 { width:30%; float:left; padding:5px; text-align:right;}

.location-border { border:solid 1px #dbdbdb; margin-top:20px; border-radius:7px;}
.fon { font-size:12px; width:100px;}
.bor-non {border-radius:0px;}
.bg-gry { background:#fbfbfb; margin-left:20px; padding:5px;}
.white-bg { background:#FFFFFF; margin-left:20px; padding:5px;}

.bg-gry1 { background:#fbfbfb; padding:5px;}
.white-bg1 { background:#FFFFFF; padding:5px;}
.typeahead-devs, .tt-hint {
    border-radius: 0px 5px 5px 0px;
    font-size:14px;
    height:34px;
    line-height:20px;
    padding:5px 12px;
	width:100%;
	border: 1px solid #ccc;
}

.tt-dropdown-menu {
  width:100%;
  margin-top: 5px;
  padding:5px 12px;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px 5px 5px 5px;
  font-size: 14px;
  color: #111;
  background-color: #F1F1F1;
}
.space { margin-top:25px;}
.text { font-size:13px; padding-top:5px;}
.p-un-btn{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	cursor:pointer;
	color: #000;
	padding:4px 12px;
	border-radius:0px;
	border: 1px solid #595959;
	text-decoration:none;
	background: #d6d6d6; 
}

@media (max-width: 480px) {
.navbar-nav > li:last-child .dropdown-menu { margin-left:0px;}
h1 { font-size:24px;}
.btn-primary { font-size:14px;}
.meu-fo { width:100%;}
.meu-fo2 { width:100%; border-left:none; border-top:solid 2px #000000;}
.meu-fo3 { width:100%; border-right:none; border-top:solid 2px #000000; text-align:left;}
.meu-fo4 { width:100%; border-top:solid 2px #000000; text-align:left;}
.typeahead-devs { width:220px;}
.text { width:100%;}
.mar-t-b { margin:20px 0;}
}
@media (max-width: 320px) {
.pannel_inner .nav > li > a { background: none repeat scroll 0 0 #595959; border: medium none; color: #FFFFFF; font-size: 10px; font-weight: normal; margin-right: 4px; display: block; padding: 6px 5px;  position: relative;}
.typeahead-devs { width:100px;}

}
@media (max-width: 240px) {

}
@media (min-width: 640px) {
.container { width: 600px;}
.fo-container { width:600px;}
h1 { font-size:28px;}
.navbar-nav > li:last-child .dropdown-menu { margin-left:0px;}
.meu-fo { width:25%; float:left; padding-left:5px;}
.meu-fo2 { width:25%; float:left; border-left:solid 2px #000000; padding:5px;}
.meu-fo3 { width:20%; float:left;  border-right:solid 2px #000000; padding:5px; text-align:right;}
.meu-fo4 { width:30%; float:left; padding:5px; text-align:right;}
.typeahead-devs { width:380px;}
.mar-t-b { margin:20px 0;}

}

@media (min-width: 768px) {
.container {  width: 750px;}
.fo-container { width:750px;}
.navbar-nav > li:last-child .dropdown-menu { margin-left:-90px;background:#cccccc; border-radius:8px; border:none; margin-top:3px; width:171px;}
.meu-fo { width:35%; float:left; padding-left:5px;}
.meu-fo2 { width:20%; float:left; border-left:solid 2px #000000; padding:5px;}
.meu-fo3 { width:15%; float:left;  border-right:solid 2px #000000; padding:5px; text-align:right;}
.meu-fo4 { width:30%; float:left; padding:5px; text-align:right;}
.typeahead-devs { width:400px;}
.mar-t-b { margin:0;}
}

@media only screen and (min-width: 992px) {
.container { width: 830px;}
.fo-container { width: 830px;}
.typeahead-devs { width:460px;}
}

@media only screen and (min-width: 1200px) {
.container { width: 830px;}
.fo-container { width: 830px;}
.typeahead-devs { width:460px;}
}

@media only screen and (min-width:1366px) {
    #footer {z-index:9999;  left:0px; right:0px; bottom:0;}
    .mi-hight { min-height:860px;}
	.typeahead-devs { width:460px;}
}

@media only screen and (min-width:1660px) {
#footer {z-index:9999; left:0px; right:0px; bottom:0;}
.mi-hight { min-height:860px;}
.typeahead-devs { width:460px;}
}

@media only screen and (min-width: 1650px;) {
    .container { width: 830px;}
    .fo-container { width: 830px;}
    .mi-hight { min-height:860px;}
    @-moz-document url-prefix() { 
        .mi-hight { min-height:960px;}
    }
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}