@charset "utf-8";
/* CSS Document */

html,
body {
	height: 100%;
	width: 100%;
	font-family: 'Open Sans',Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:1.0em;
	font-weight:400;
	background-color:#666666;
	color:#545454;
	
}
*{text-decoration:none}
.logo-kerala{float:right; width:99px; height:74px; padding-top:20px;}
.bg{background-image:url(../images/bg.png); background-repeat:no-repeat}
.banner{ width:100%; height:585px; margin:0 auto;  background:url(../images/kollam-dtpc-logo.png) no-repeat center; }
.logo-wrap {
    text-align:  center;
    width: 100%; 
    }
.out-line{padding:.6%; text-align:center; background-color:#CEBFA1; border:1px solid #B3A893}	
.out-line:hover{text-align:center; background-color:#753313}	
.logo-head {
	
    color: #fff;
    text-align: center;
    width: 100%;
    padding:5% 0;
    text-transform: normal;
    border-bottom: 0px solid #CCC;
    margin-bottom: 3px;
    font-size: 1.0em;
    font-weight: bold; 
}
.col20{ width:25%; float:left}	
h2{ color:#cc0000;}
h3{ color:#099; font-size:22px}
h4{ color:#F60; font-weight:bold}	
h6{ color:#fff; font-weight:bold; font-size:1em}	
.h-line{border-bottom:1px  dashed #CCC; margin:20px 0;}
.red{background-color:#cc0000; border-right:2px solid #fff; }
.green{background-color:#009900; border-right:2px solid #fff;}
.orange{ background-color:#ff9900; border-right:2px solid #fff;}
.meg{background-color:#C24966; border-right:2px solid #fff;}
.blue{background-color:#0099cc}
.logo-in{ width:339px; float:left;}
.white{color:#fff;}
.white:hover{color:#fff;}
.txtSmall{	font-size:.8em;	color:#369;	 line-height:24px;}
.gal-item {
	margin-bottom: 20px;
	position: relative;
	padding: 0;
	display: block;
	text-align: left; 
}

.in-text {
    padding: 15px;
    font-weight: normal;
}
.in-gry_cont {
    background: #fead0a;
    color: #000;
    font-size: 17px; padding:1%; width:15%; margin-bottom:10px; font-weight:bold;
}
.img {
    text-align: center;
margin: 0 auto;
border: 1px solid rgba(179, 177, 146, 0.6);
padding: 3%;
margin: 2%px 0;
background-color: #fff;
margin-bottom: 20px;
}
.sub-bg{
text-align:  justify;
margin: 0 auto;
border: 1px solid rgba(215, 213, 188, 0.6);
padding: 4%;
background-color: #fff;
margin-bottom: 20px; 
}

.sub-bg-new{
text-align:  justify;
margin: 0 auto;
border: 1px solid rgba(215, 213, 188, 0.6);
padding: 4%;
background-color: #fff;
margin-bottom: 20px; 
min-height:330px

}
.caption{min-height:50px;}
.validity{background-color: #F4EDDC;padding: 5px;border: 1px solid #EAD6A6;text-align: center;color: #685529;margin-top: 25px;}
@media (max-width:768px) {
.logo-wrap { display:none;}
.col20{ width:50%; }

}
@media (min-width:769px) {
	.logo-wrap { display: block;}
	.sub-bg{ min-height:490px}
}
@media (max-width:1200px) {
	.detailslist{	width:100%;	}
	.banner{ width:100%; height:472px; margin:0 auto; text-align: center ; background:url(../images/kollam-dtpc-logo-400.png) no-repeat center; }

	
	}
@media (max-width:1024px) {
.banner{ width:100%; height:321px; margin:0 auto; text-align: center ; background:url(../images/kollam-dtpc-logo-300.png) no-repeat center; }
}
@media (max-width:980px) {
	.logo-head { min-height:54px !important;}
}
@media (max-width:480px) {
.logo-kerala{float:none; margin:0 auto; text-align:center; margin-bottom:20px}
.logo-in{float:none; margin:0 auto;}
	.sub-bg{ min-height:none !important;}
	.col20{ width:100%; }

}