.Tessa-Shows{position: relative; background: none repeat scroll 0px center transparent;overflow: hidden; color:#FFF;max-height:25em;min-height:25em;}
.T-descr, .T-pags{position: absolute;}
.Tessa-Shows > b, .Tessa-Shows >  i,.Tessa-Shows >  u,.Tessa-Shows >  a,.Tessa-Shows >  p, .Tessa-Shows > span {vertical-align: baseline;}
/*content*/
.T-content{height: 100%;overflow: hidden;position: relative;}
/*itens*/
.T-items{display: block;width: 100%;height: 100%; margin:0 auto;}
.T-items ul.UL-Itens { list-style: outside none none;width: 100%;height: 100%;display: block;
margin: 0px auto;}
.T-items ul.UL-Itens > li {display:none;width: 100%; height:auto;}
.T-items ul.UL-Itens > li.selected {display:inline-block;}
.T-items ul.UL-Itens > li > img { vertical-align: top; width:100%;}
.T-items ul.UL-Itens > li.T-effect_e {}
.T-items ul.UL-Itens > li.T-effect_o {}
/*pagination*/
.T-pags {/*top: 0em;*/bottom: 1.8em;left: 0em;right: 0em; height:auto;}
/*pagination-display*/
.T-pags-d{display: inline-block; position: absolute;width: 100%;height: 100%;}
/*pagination-pos*/
.T-pags-pos{text-align: center;vertical-align: bottom; display: block;}
/*ul pagination*/
.T-pags-pos-ul {display: inline-block;}
.T-pags-pos-ul > li {float: left;}
/* item <a> pagination */
.T-pags-pos-ul > li a {width: 1em;height: 1em;background-color:#fff;z-index: 10000;display: block;position: relative;text-decoration: none; border-radius:50%; margin-left:10%;}
.T-pags-pos-ul > li a:hover {background-color:#036;}
.T-pags-pos-ul > li a.selected {background-color:#033;}
/*descript wapper*/
.T-descr {top: 0px;bottom: 0px;left: 0px;right: 0px; font-size:75%;}
.T-descr-pos {text-align: center;  height: auto;   display:block;  width: 100%; vertical-align: top;  margin-top: 10%;   padding: 2%;}
.T-descr-pos p{color:#fff; text-shadow: 0px 4px 4px #000; text-transform:uppercase; line-height: 100%; font-size:110%; font-weight:bold;}
.T-descr-pos p.pl1{font-family:'Lato';font-size:160%;color:#ffffff;letter-spacing:0px;}
.T-descr-pos p.pl2{font-family:'Lato';font-size:380%;color:#ffffff;letter-spacing:0px;}

/*  botoões de proximo e anterios*/
.Tessa-Shows .anterior{font-size:70%;min-height:4.1875em;min-width:3.1875em;max-width:3.1875em !important;background: url(http://www.classimops.com.br/imgs/pag/btn-anterior.png) no-repeat top center ; position:absolute; left:0em; top:40%; text-indent:-999999px;-webkit-border-radius: 0 0.3em 0.3em 0 ; -moz-border-radius:  0 0.3em 0.3em 0; border-radius:  0 0.3em 0.3em 0; background-size:100%; z-index:3;background-color:rgba(0, 0, 0, 0.40);}
.Tessa-Shows .anterior:hover{background-color:rgba(0, 0, 0, 0.75); background-position: center center; cursor:pointer;}
.Tessa-Shows .proximo{font-size:70%; min-height:4.1875em;min-width:3.1875em;max-width:3.1875em !important;background: url(http://www.classimops.com.br/imgs/pag/btn-proximo.png) no-repeat top center ; position:absolute; right:0em; top:40%; text-indent:-999999px;-webkit-border-radius: 0.3em 0 0 0.3em ; -moz-border-radius: 0.3em 0 0 0.3em; border-radius:  0.3em 0 0 0.3em; background-size:100%; z-index:4;background-color:rgba(0, 0, 0, 0.40);}
.Tessa-Shows .proximo:hover{ background-color:rgba(0, 0, 0, 0.75); background-position: center center; cursor:pointer;}

.Tessa-Shows .anterior-m2{left:0.5em;border-radius:0.3em;}
.Tessa-Shows .proximo-m2{ right:0.5em;border-radius:0.3em;}
/* posições do texto*/
/* EM BAIXO LADO ESQUERDO*/
.T-pt-descr-1{top: auto;left: 1em; bottom:1em; right:auto;}
.T-pt-descr-1 .T-descr-pos{margin-top: 0; padding:2.5%;}

.T-pt-descr-2{top: auto;left: auto; bottom:1em; right:1em;;}
.T-pt-descr-2 .T-descr-pos{margin-top: 0; padding:2.5%;}

.T-pt-descr-3{top: 1em;left: 1em; bottom:auto; right:auto;}
.T-pt-descr-3 .T-descr-pos{margin-top: 0; padding:2.5%;}

.T-pt-descr-4{top: 1em;left: auto; bottom:auto; right:1em;}
.T-pt-descr-4 .T-descr-pos{margin-top: 0; padding:2.5%;}

.T-pt-descr-5 .T-descr-pos{margin: 0; padding:0.8em; width:100%; height:100%;}
.T-pt-descr-5{display:block;max-width:35% !important;top: 0em;left: 65%; bottom:0em; right:0em;}


.T-items ul.UL-Itens li .plL1 {display:block; min-width:65% !important; max-width:65% !important;left:0em; bottom:0em; right:35%;}
.T-items ul.UL-Itens li .plL1 > img { vertical-align: top; width:100%;}

.T-items ul.UL-Itens li .plL1 > img.im1{	position: relative;	display: block;	padding: 0.5em; margin:0 auto}
.T-items ul.UL-Itens li .plL1 > img.im2{	position: relative;	display: block;	padding: 0.5em;	width:75%; margin:0 auto}
.T-items ul.UL-Itens li .plL1 > img.im3{	position: relative;	display: block;	padding: 0.5em;	width:80%; margin:0 auto}
.T-items ul.UL-Itens li .plL1 > img.im4{	position: relative;	display: block;	padding: 0.5em;	width:95%; margin:0 auto}

.T-bk1{background-color: rgba(36, 36, 36, 0.58);}
.T-bk2{background-color: #185968;}
.T-bk3{background-color: #10756A;}
.T-bk4{background-color: rgba(129, 9, 9, 0.68);}
.T-bk5{background-color: rgba(27, 111, 129, 0.54);}
.T-bk6{background-color: rgba(36, 36, 36, 0.58);}
.T-bk7{background-color: rgba(36, 36, 36, 0.58);}
.T-bk8{background-color: rgba(36, 36, 36, 0.58);}
.T-bk9{background-color: rgba(36, 36, 36, 0.58);}
.T-bk10{background-color: #fff transparent;}


/*OBS  - AO ALTERAR A ALTURA DO VISUALIZADOR ABAIXO
 ATERAR TBM A ALTURA DAS IMAGENS NO MEDIAS QUERY */
.Tessa-Shows{max-height:100%;min-height:100%;}
.T-items ul.UL-Itens {height: 100%;}
.T-items ul.UL-Itens > li {height:100%;}
@media only screen and (max-width: 768px) {
.T-items ul.UL-Itens li .plL1 > img.im1,
.T-items ul.UL-Itens li .plL1 > img.im2,
.T-items ul.UL-Itens li .plL1 > img.im3,
.T-items ul.UL-Itens li .plL1 > img.im4,
.T-items ul.UL-Itens li .plL1 > img,
.T-items ul.UL-Itens li > img {
vertical-align: top; width: auto; min-height:20em; max-height: 100%; display: block; padding:0;
}
.Tessa-Shows{max-height:20em;min-height:20em;}
.T-items ul.UL-Itens {height: 20em;}
.T-items ul.UL-Itens > li {height:20em;}


}
@media only screen and (min-width: 700px) and (max-width: 960px) {
.T-items ul.UL-Itens li .plL1 > img.m1, .T-items ul.UL-Itens li .plL1 > img, .T-items ul.UL-Itens li > img {width: 100% !important; height: auto !important; padding:0;}
}


@media only screen and (max-width: 960px) {
.T-items ul.UL-Itens li .plL1 {min-width:100% !important; max-width:100% !important;right:auto;}
.T-pt-descr-5{min-width:100% !important; max-width:100% !important; top:auto; left: auto; bottom:0;}
.T-pt-descr-5 .T-descr-pos{display:inline-block;}.T-pt-descr-5 .T-descr-pos *{font-size:50%;}
}

@media only screen and (min-width: 990px) {
	/* aqui vc pode trabalhar a posição dos elementos de texto*/
}