﻿h4
{
	font-weight:bolder !important;
	}

.vtype
{
	display:inline-block;
	width:250px;
		height:40px;
	}

.vcenter {
   display: inline-block;
   vertical-align: middle;
   float: none;
}

.small
{
	font-size:12px;
	}

/* every other row color */
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
   background-color: #D4F0FF;
}

.image_frame{
	    border:1px solid #cccccc;
		padding:5px;
		margin:15px;
	
	}
	
	
.image_frame2{
		border:1px solid #cccccc;
		padding:10px;
		margin-top:20px;
		margin-bottom:20px;

		box-sizing:border-box;
		box-shadow:2px 2px 6px  #666666;
		border-radius:10px;

		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
	}	
	
.image_frame2:hover{
  transform: scale(1.03);
  -moz-transform: scale(1.03);
  -webkit-transform: scale(1.03);
  -o-transform: scale(1.03);
  -ms-transform: scale(1.03); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.03, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.03, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ 
	}	
	
	
	
.main_content_title {
	font-family:Arial, Helvetica, sans-serif;
	color:#069;
	font-size:18px;
	line-height:24px;
}


/* every other row color */


.footer
{
	margin-top:10px;
	}

.footer , .footer a
{
	font-size:14px;
	color:#aaa;
	}
	
.footer_ipim
{
margin-top:20px;margin-bottom:20px !important;		
}	
	
.footer_ipim a
{
	font-size:14px;
	color:#000 !important;		
}	
	
	
	
.footer_ipim a:hover 
{
	color:#aaa !important;
	}	
	
.footer br
{
	display:none;
	}	


/* multi level dropdown patch */
.dropdown-submenu{ position: relative; }

.dropdown-submenu>.dropdown-menu{
  top:0;
  left:100%;
  margin-top:-6px;
  margin-left:-1px;
  -webkit-border-radius:0 6px 6px 6px;
  -moz-border-radius:0 6px 6px 6px;
  border-radius:0 6px 6px 6px;
}

.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:#cccccc;
  margin-top:5px;margin-right:-10px;
}
.dropdown-submenu:hover>a:after{
  border-left-color:#555;
}
.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;
}
/* multi level dropdown patch */




.my-images-box{
width:100%;
  overflow:hidden;

}

#content_box
{
	min-height:600px;
	}

.main_content
{
   font-size:18px;
   line-height:28px;
}

.my-images
{
	background-size: 100%;  width:100%;  padding-top: 60%;
		background-position:center;
	transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
	}

.my-images:hover
{
  transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ 	}

.box_border
{
	border: 1px solid #EEE;
	margin-top:5px;
	margin-bottom:5px;
	   position:relative;
	}
	
.gradientback{

    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    height:50px;
    background: -moz-linear-gradient(top,  rgba(137,255,241,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(137,255,241,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(137,255,241,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(137,255,241,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(137,255,241,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(137,255,241,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089fff1', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}
.box_border:hover
{
	border: 1px solid #CCC;
	margin-top:5px;
	margin-bottom:5px;
	box-shadow: 0px 2px 13px -2px #ddd;


}	

.img-responsive
{
	display: block;
    width: 100%;
    height: auto
	}


	
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover
{
	background-color:#f5333e;
	border-color:#f5333e;
	}	


body {
  padding-bottom: 40px;
  color: #5a5a5a;
}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}



#lang
{
  position:absolute;
  top:-90px;
  right:20px;
  z-index:1001;
	}
	
#search_tab
{
  position:absolute;
  top:-50px;
  right:10px;
  width:250px;
  z-index:1010;
  border:2px solid #CCC;
  border-radius:5px;
	}	
	
	
#search
{
  position:absolute;
  top:-90px;
  right:120px;
  z-index:1001;
  height:32px;
  width:32px;
  border-radius:4px;
  background-color:#900;
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  color:#FFF;
  line-height:30px;
  cursor:pointer;
}		
	
#font
{
  position:absolute;
  top:-90px;
  right:80px;
  z-index:1001;
  height:32px;
  width:32px;
  border-radius:4px;
  background-color:#900;
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  color:#FFF;
  line-height:30px;
  cursor:pointer;
	}	
	


@media only screen and (min-width : 993px) {
#menu
{
	
	}	
.title_banner_text
{
	position:absolute;
display:table;
	vertical-align: middle;
	top:25%;
	right:50px;
	padding-left:15px;
	padding-right:15px;
	padding-top:20px;
	padding-bottom:10px;
	width:420px;
	height:128px;
	background-color:#000;
	opacity:0.7;
	}	
	
.title_banner_text_inside
{
	margin:0px;
	padding:0px;
	display:table-cell;
	vertical-align:middle;
	}	
	
.title_banner_text h1
{
	font-size:48px;

	margin-bottom:4px;
	color:#FFF;	
	text-align:right;
	}	
	
.title_banner_text h2
{
	font-size:16px;
	line-height:24px;
	margin-bottom:0px;
	color:#FFF;	
	}			
	
	
.nav_logo
{
	  margin-top:115px;
  z-index:1000
	}

#logo
{
	width:550px;
	margin-left:225px;
	margin-right:225px;
	position:absolute;
	top:-110px;
	left:0px;
	}


  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
.list-group-item.active {
    position: relative;
}
.list-group-item.active:after {
    content: '';

    /* positioning */
    position: absolute;
    left: 100%;
    top: 0px;

    /* triangle */
    width: 0;
    height: 0;
    border-top: 21px solid transparent;
    border-left: 24px solid #f5333e;
    border-bottom: 21px solid transparent;
} 

}

@media only screen and (min-width : 1199px) {	
	#logo
{
	width:550px;
	margin-left:225px;
	margin-right:225px;
	position:absolute;
	top:-110px;
	left:100px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.nav_logo
{
	  margin-top:115px;
  z-index:1000
	}
#logo
{
	width:550px;
	margin-left:225px;
	margin-right:225px;
	position:absolute;
	top:-100px;
	left:-130px;
	}



#main_static_banner_container
{
	  padding-right: 0;
  padding-left: 0;
	}

.title_banner_text
{
	position:absolute;
	background-color:#000;
	opacity:0.7;
	padding:10px;
	line-height:36px;
	}	
	
.title_banner_text_inside
{
	margin:0px;
	padding:0px;
	display:table-cell;
	vertical-align:middle;
	}	
	
.title_banner_text h1
{
	font-size:26px;
	line-height:26px;
	margin-bottom:4px;
	color:#FFF;	
	text-align:right;
	}	
	
.title_banner_text h2
{
	font-size:16px;
	line-height:24px;
	margin-bottom:0px;
	color:#FFF;	
	}			
	


}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.nav_logo
{
	  margin-top:100px;
  z-index:1000
	}
#logo
{
	position:absolute;
	top:-50px;
	left:30px;
	width:90%;
	  height:auto;
	  margin: auto;
	    z-index:500;
	}
.my_banner
{
	padding:0px;
	}

.navbar-toggle {
    position: relative;
    float: left;
    top:-90px;

    margin-top: 2px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	z-index:1002;
}


}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width:480px) {
.nav_logo
{
	  margin-top:55px;
  z-index:1000
	}
#logo
{
	position:absolute;
	top:-30px;
	width:90%;
	  height:auto;
	  margin: auto;
	    z-index:500
	}
#lang
{
  position:absolute;
  top:-50px;
  right:20px;
  z-index:1001;
	}	  

#font
{
  position:absolute;
  top:-50px;
  right:80px;
  z-index:1001;
}	

#search
{
  position:absolute;
  top:-50px;
  right:120px;
  z-index:1001;
}


#search_tab
{
  position:absolute;
  top:-10px;
  right:10px;
  width:250px;
  z-index:1010;
  border:2px solid #CCC;
  border-radius:5px;
	}		


.navbar-toggle {
    position: relative;
    float: left;
    top:-50px;

    margin-top: 2px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	z-index:1002;
}

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

}


.cal td,th
{
	padding:15px;
}
	
.cal_date
{
	position:relative;
	width:50px;
	height:52px;
	}
	
.cal_date h2
{
	position:absolute;
	top:17px;
	margin:auto;
	width:100%;
	text-align:center;
	font-size:12px;	
	color:#FFF;	
	}


.cal_date h1
{
	position:absolute;
	top:27px;
	margin:auto;
	width:100%;
	text-align:center;
	font-size:21px;	
	color:#FFF;
	font-weight: bolder;
	}	
	
	
	