/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col-cot {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col-cot-f {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
.col-cot:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
.col-cot-f:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 640px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
	

}

.header { padding:1em 0; }
.col { background: rgba(255, 255, 255, 0.1); padding:1em 0; text-align:center;}
.col-cot { background: rgba(0, 0, 0, 0.6); padding:1em 0; text-align:center;}
.col-cot-f { background: rgba(0, 0, 0, 0.6); padding:1em 0; text-align:center;}
/*  GRID OF TWO   ============================================================================= */


.span_2_of_2 {
	width: 100%;
}

.span_90{
	width: 96.66%;
	height: 300px;
}

.span_100{
	width: 96.66%;
	
}

.span_1_of_2 {
	width: 66.13%;
	
}

.span_1_of_2-f {
	width: 66.13%;
	
}

.span_1_of_2-2 {
	width: 32.26%;
	
}

.span_1_of_2-2-f {
	width: 32.26%;
	
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 640px) {
	.span_2_of_2 {
		width: 100%; 
	}
	
	.span_1_of_2 {
		width: 100%; 
	}
	
	.span_1_of_2-2 {
	width: 100%;
	
}

.span_2-cot {
	width: 100%;
}

.span_90{
	width: 100%;
}


}


@media only screen and (max-width: 480px) {
.span_1_of_2-f {
		width: 100%; 
	}
	
	.span_1_of_2-2-f {
	width: 100%;
	
}
}

/*  GRID OF THREE   ============================================================================= */

	
.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 66.13%; 
}

.span_1_of_3 {
	width: 32.26%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
}




.span_2-cot {
	width: 47.5%;
}


h1 {
font-size: 14px;
font-weight: 400;
color: #d49a32;
border-bottom: 1px solid #333;
line-height: 2;
 text-transform: uppercase;
}

h2 {
font-size: 12px;
font-weight: 400;
color: #d49a32;

 text-transform: uppercase;
letter-spacing: 1.5px;
}

.noidung-home {
text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}

.noidung-home-black {
text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	margin-left: 15px;
	margin-right: 15px;
	background: #000;
}


p {
line-height: 160%;
text-align: justify;
font-size: 9pt;
font-weight: normal;
font-family: 'Aria', Tahoma;
color: #c0c0c0;
}

img.hinh-auto-home {
width: 95%;

height: auto;
padding: 4px;
border: 7px solid #fbfbfb;
}

img.hinh-auto-room {
width: 97%;

height: auto;
padding: 4px;
border: 7px solid #fbfbfb;
}

img.hinh-auto-default {
max-width: 100%;
height: auto;

}

img.johnny-img-auto {
max-width: 100%;
height: auto;
border: 0;
}

.price {
color: red;
font-size: 14pt;
font-weight: 300;
font-family: 'Oswald', Arial;
}

p.johnny-text-center {
text-align: center;
}