img {
    max-width: 100%;
    height: auto;
}

.tpl-full-img{
margin:0 0 30px 0;
padding:0;
}

.tpl-img-left{
margin:4px 30px 30px 0;
padding:0;
float:left;
cursor:pointer;
max-width:500px;
text-align:center;
}

.tpl-img-right{
margin:4px 0 30px 30px;
padding:0;
float:right;
cursor:pointer;
max-width:500px;
text-align:center;
}

.tpl-img-right-float{
margin:4px 0 0 0;
padding:0;
float:right;
cursor:pointer;
max-width:500px;
}

.tpl-text strong{
font-size:19px;
font-weight:400;
}

.tpl-text-title strong{
font-size:19px;
font-weight:400;
}

.tpl-text-title{
margin:0 0 30px 0;
padding:0;
text-align: left;
}

.tpl-text{
text-align: justify;
font-size:16px;
color:#333;
line-height: 130%;
letter-spacing: 1px;
margin:0 0 40px 0;
padding:0;
float: none;
width: auto;
overflow: hidden;
}

.bans {
position:relative;
border:solid 0px #fff;
float:left;
margin:0 5px 20px 6px;
padding:0;
width:244px;
height:244px;
overflow:hidden;
}

.bans img{
vertical-align: middle;
}

.bans-text{
position:absolute;
bottom:0;
padding:20px;
width:204px;
text-align:center;
font-size:13px;
font-weight:300;
color:#fff;
background: rgb(0,0,0);
background: rgba(0,0,0, 0.5);
max-height:204px;
line-height: 130%;
}

/* /// test tbl //// */

.tbl-div{
overflow-x:auto;
}

table.gridtable {
	border-width: 1px;
	border-color: #c4c4c4;
	border-collapse: collapse;
	width:100%;
}
table.gridtable th {
	border-width: 1px;
	padding: 16px 8px 16px 8px;
	border-style: solid;
	/*border-color: #666666;
	background-color: #dedede;*/

	border-color: #c4c4c4;
	background-color: #fff;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #c4c4c4;
	background-color: #fff;
	width:4px;
	height:20px;

	font-family: 'verdana',arial,sans-serif;
	font-size:12px;
	font-weight:300;
	color:#333;
}

table.gridtable td{
    outline: none;
}

.tbl-btn, .tbl-btn-space{
float:left;
margin:0 0 0 3px;
cursor:pointer;
}

.tbl-btn-space{
margin:0 0 0 20px;
}

#bulls-con{
float:left;
border:solid 0px #999;
margin:-5px 0 0 0px;
}

.bull-con{
float:left;
}

.bull{
cursor:pointer;
width:50px;
margin:0;
}


#pic-con{
border:solid 0px #333;
min-width:200px;
}

.pic{
border:solid 0px #000;
margin:2px;
padding:8px;
background-color:#999;
float:left;
cursor:pointer;
}

.tube {
margin:0 0 30px 0;
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}

.tube iframe, .tube object, .tube embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}


/* MEDIA SCREEN */


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

.tpl-img-left, .tpl-img-right{
width:40%;
}

.bans {
width:233px;
height:233px;
}

.bans-text{
width:193px;
}

}

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


}

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

.tpl-img-left, .tpl-img-right{
width: 100%;
margin:0 auto;
margin-bottom:30px;
float:none;
}

.bans {
width:244px;
height:244px;
margin:0 auto;
margin-bottom:20px;
float:none;
}

.bans-text{
width:204px;
}

}