body {
	background-color: #CCCCCC;
}

html, body, .container, .row-content {height: 100%;}
/*
#stema_left img {
	border: 1px solid #CCCCCC;
}

#stema_right img {
	border: 1px solid #CCCCCC;
}
*/

#carousel-658210 > .carousel-inner > .item > img, #carousel-658210 > .carousel-inner > .item > a > img {
    width: 100%;
	height: 100%;
}
/*
#carousel-658210 > .carousel, .carousel-inner > .item {
  display: run-in;
  width: 100%;
  height: auto!important;
}

#carousel-658210 > .carousel-inner > .item > img,
#carousel-658210 > .carousel-inner > .item > a > img {
  display: block;
  height: auto;
  max-width: 100%;
  line-height: 1;
}

#carousel-658210 > .carousel-container {
    margin-left:0;
}
*/

.mobile-nav a[type="menu"] {
  color: #000 !important;
}

.dropdown-toggle {
  color: #FFFFFF !important;
}

.navbar.navbar-default { /* #006633 - #009933 */
    font-size: 14px;
    /* darkgreen
	background-color: rgba(0, 102, 51, 1);
    background: -webkit-linear-gradient(top, rgba(0, 153, 51, 1) 0%, rgba(0, 102, 51, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 153, 51, 1) 0%, rgba(0, 102, 51, 1) 100%);
	*/
	background-color: #003366;
    border: 0px;
	border-radius: 0;
}
.navbar {min-height:30px !important;}
.navbar.navbar-default .navbar-nav>li>a,
.navbar.navbar-default .navbar-brand {
	max-height: 30px;
	padding-top:5px !important;
	padding-bottom:5px !important;
	color: #FFFFFF;
}


textarea {
    resize: none;
}

.submenuadd {
	display: none;
}


.loader-spinner {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 32px;
  height: 32px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.datepicker {
    z-index: 100000 !important;
}

.slideshow-container {
	height: 200px;
	width: 600px;
	position: relative;
}

.slideshow {
	position: absolute;
	left: 0;
	top: 0;
}

.row {
	margin-left: 0px;
	margin-right: 0px;
}

.banner {
	float: right;
	padding-left: 0px;
	padding-right: 0px;
}

.banner_overlay_text {
  z-index: 100;
  position: absolute;
  color: white;
  text-shadow: 2px 2px #666666;
  font-size: 32px;
  font-weight: bold;
  left: 50px;
  top: 50px;
}

.banner_overlay_text_small {
  z-index: 100;
  position: absolute;
  color: white;
  text-shadow: 2px 2px #666666;
  font-size: 24px;
  font-weight: bold;
  left: 50px;
  top: 85px;
}

.navbar {
	margin-bottom: 0px;
}

.img-dropzone-container {
   width: 200px;
   height: 250px;
   position: relative;
}
.img-dropzone-container-div {
   float: left;
   height: 100%;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 1000;
   padding: 5px;
   color: #FFFFFF;
   font-weight: bold;
}
.img-dropzone-container img {
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.img-dropzone-container img:hover {
    opacity: 0.2;
    filter: alpha(opacity=20); /* For IE8 and earlier */
}


#stema_left {
	float: left;
	padding-left: 0px;
	padding-right: 0px;
	max-height: 260px;
    background: #003366; /* For browsers that do not support gradients */
    background: -webkit-radial-gradient(#325b84, #003366); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(#325b84, #003366); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(#325b84, #003366); /* For Firefox 3.6 to 15 */
    background: radial-gradient(#325b84, #003366); /* Standard syntax (must be last) */
}

@media (min-width : 1200px) {
		#stema_left .img-responsive {
			height: 260px;
		}
    }

@media (min-width : 768px) and (max-width: 1199px) {
		#stema_left .img-responsive {
			height: 213px;
		}
    }


#statusbar {
	background:#003366;
	color:#FFFFFF;
	font-size:12px;
	font-weight: bold;
	height: 30px;
}

#statusbar_left {
	background:#003366;
	color:#FFFFFF;
	font-size:12px;
	font-weight: bold;
		height: 30px;
}

#statusbar_right {
	background:#003366;
	color:#FFFFFF;
	font-size:12px;
	font-weight: bold;
		height: 30px;
}

#statusbar_login {
	background:#003366;
	color:#FFFFFF;
	font-size:12px;
	font-weight: bold;
		height: 30px;
}

#content {
	vertical-align: top;
	padding: 10px;
	background-color: #F0F0F0;
	align: left;
	height: 100%;
}

.data-curenta {
	text-align: center;
	color:#FFFFFF;
}

.navbar-brand {
  padding: 0px;
}

.navbar-brand>img {
  height: 100%;
  padding: 15px;
  width: auto;
}

.box-widget
{
	box-shadow: 5px 5px 5px #888888;
}

#leftmenu {
	float: left;
	background-color: #003366;
	height: 100%;
	font-size: 12px;
	font-weight: bold;
	vertical-align: top;
	padding-left: 0px;
	padding-right: 0px;
}

#rightmenu {
	/*position: fixed;*/
	background-color: #F0F0F0;
	min-height: 100%;
	width: 224px;
	height: 100%;
	font-size: 12px;
	font-weight: bold;
	vertical-align: top;
}

.google-maps {
        position: relative;
        padding-bottom: 75%;
        height: 0;
        overflow: hidden;
    }

.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/* Banners Carosel */
/* Mobile */
@media (max-width: 767px) {
    #carousel-658209 > .carousel-inner {
        height: auto;
    }
    #carousel-658209 > .carousel-inner > img {
         width: 80%;
    }
}

/* tablets */
@media (max-width: 991px) and (min-width: 768px) {
    #carousel-658209 > .carousel-inner {
        height: auto;
    }
    #carousel-658209 > .carousel-inner > img {
        width: 80%;
    }
}

/* laptops */
@media (max-width: 1023px) and (min-width: 992px) {
    #carousel-658209 > .carousel-inner {
         height: 200px;
    }
    #carousel-658209 > .carousel-inner > img {
        width: 80%;
    }
}

/* desktops */
@media (min-width: 1024px) {
    #carousel-658209 > .carousel-inner {
        height: 260px;
    }
    #carousel-658209 > .carousel-inner > img {
        width: 60%;
    }
}


.adm_banners {
	padding: 0px;
	list-style-type: none;
    position:relative;
    float:left;
    width:100%;
    height:100%;
}

.adm_banners li{
    width: 100%;
    float:left;
}

.adm_banners li img{
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 4px;
	border: 1px solid #CCCCCC;
    display: block;
    height: auto;
    width: 100%;
}
