/*--Reset Styles--*/
@charset "utf-8";

/*------------Constant Classes------------*/
.clearIt 
{
    clear: both;
    display: block;
}
/*--| NEW clearIt |--*/
.clearfix:after
{
    content: "";
    display: table;
    clear: both;
}

div.container {
	margin: 0% auto;
	padding: 0% 0%;
	width: 100%;
	max-width: 960px;
	text-align: center;
}
div.container div.sec {
	margin: 0% auto 2% auto;
	padding: 1% 1%;
	width: 98%;
	max-width: 590px;
	text-align: center;
	border: 1px solid #dedede;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow:    0px 0px 4px #dedede;
	-webkit-box-shadow: 0px 0px 4px #dedede;
	box-shadow:         0px 0px 4px #dedede;
}
div.container div.sec:hover {
	opacity: 0.7;
}
div.container div.sec a {
	text-decoration: none;
}
div.container div.sec p {
	display: block;
	margin: 0% auto 1% auto;
	padding: 0% 0%;
	width: 100%;
	font-family: Arial, Helvetica, san-serif;
	font-size: 12px;
}
div.container div.sec img {
	display: block;
	margin: 0% auto;
	padding: 0% 0%;
	width: 100%;
	text-align: center;
}

@media only screen and (max-width: 768px) {
	div.container {
		padding: 4% 4%;
		width: 92%;
	}
	div.container div.sec {
		margin: 0% auto 4% auto;
		padding: 3% 3%;
		width: 94%;
	}
	div.container div.sec p {
		display: block;
		margin: 0% auto 2% auto;
		padding: 0% 0%;
	}
}

@media only screen and (max-width: 600px) {

}

@media only screen and (max-width: 325px) {
	
}
@media only screen and (max-width: 300px) {
	
}
/* saf 3+, chrome 1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    
}
/*-- IE10+ --*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    
}