GOOGLE

 

.box_welcome img, box img{ width:100%;}

.box_welcome {
	border: 5px solid #fff;
	cursor: pointer;
	height: 265px;
	float: left;
	
	position: relative;
	overflow: hidden;
	width: 100%;
		-webkit-box-shadow: 1px 1px 1px 1px #ccc;
		-moz-box-shadow: 1px 1px 1px 1px #ccc;
		box-shadow: 1px 1px 1px 1px #ccc; padding:0px;
}

.box_nav{
	border: 5px solid #fff;
	cursor: pointer;
	height: 310px;
	float: left;
	
	position: relative;
	overflow: hidden;
	width: 100%;
		-webkit-box-shadow: 1px 1px 1px 1px #ccc;
		-moz-box-shadow: 1px 1px 1px 1px #ccc;
		box-shadow: 1px 1px 1px 1px #ccc; padding:0px;
}

.box_nav img{ width:100%;}
.box img{ width:100%; border:1px solid #00596d;}

 .box {
	
	cursor: pointer;
	height:350px;
	float: left;
	
	position: relative;
	overflow: hidden;
	width: 100%;
		-webkit-box-shadow: 1px 1px 1px 1px #ccc;
		-moz-box-shadow: 1px 1px 1px 1px #ccc;
		box-shadow: 1px 1px 1px 1px #ccc; padding:0px;
}
.img {
	position: absolute;
	left: 0;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out; 

}

/* Caption Common Style */
.caption {
	
	 
		background-color: rgba(13,63,107,0.1);
	position: absolute;
	color: #fff;
	z-index: 100;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
		transition: all 300ms ease-out;
	left: 0;
	border:0px solid red;
}
P{ padding:0px; margin:0px;}
.caption_bg_1{background-color: rgba(0,0,0,0.8);}
.caption_bg {
	background-color: rgba(27,169,134,0.7);
	}

/** Caption 1: Simple **/
.simple-caption {
	height:35px;
	width: 100%;
	display: block;
	bottom: 0px;
	 
	
}

 
/** Simple Caption :hover Behaviour **/
 .box:hover .simple-caption{
	-moz-transform: translateY(0%);
	-o-transform: translateY(0%);
	-webkit-transform: translateY(0%);
	opacity: 1;
	transform: translateY(0%);
	
	bottom:0; left:0;
	text-decoration:underline;
}


/** Simple Caption :hover Behaviour **/
 .box:hover .simple-caption, .box_welcome:hover .simple-caption  {
	-moz-transform: translateY(0%);
	-o-transform: translateY(0%);
	-webkit-transform: translateY(0%);
	opacity: 1;
	transform: translateY(0%);
	height:100%;
	bottom:0; left:0;
}

.marg{ margin-top:5px;margin-bottom:5px;}

.span1{ font-size:18px; border-bottom:1px  dotted #fff; padding-top:5px; padding-bottom:7px; padding-left:8px;}
.span1_color{background-color: rgba(13,63,107,0.8);}
.text_padding{ padding:7px;}

.font_bold{ font-weight:bold;}

.taxt_Color {    
    animation: example 5s infinite;
    }

 
/* Standard syntax */
@keyframes example {
    0%   {color: red;}
    25%  {color: violet;}
    50%  {color: blue;}
    100% {color: green;}
}
 
 
 .Bg_notice{
/* IE10+ */ 
background-image: -ms-linear-gradient(top, #009AB9 0%, #014D60 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #009AB9 0%, #014D60 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #009AB9 0%, #014D60 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #009AB9), color-stop(100, #014D60));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #009AB9 0%, #014D60 100%);

/* W3C Markup */ 
background-image: linear-gradient(to bottom, #009AB9 0%, #014D60 100%);
color:#FFF;

}