@media (min-width: 220px) and (max-width: 150000px) {
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

.spimg {
    width: 80%;
    display: block;
    background-color: #f5f5f5;
    padding: 5px 5px 0px 5px;
    border: 1px solid #d9d9d9;
}

.spimg img {
    border: 1px solid #d9d9d9;
    width: 100%;
}
body {
margin: auto;
max-width: 1500px;
min-width: 1300px;
background-color: lavender;
}

#content {width: 100%;
overflow: hidden;
min-height: 600px;
display: inline;
float: left;
margin: 0px 0% 0% 0%;
word-wrap: break-word;
}

.tdtb {width: 80%;
float: left;
margin: 0 auto;
box-shadow: 0px 0.5px 10px rgba(205, 205 , 205, 0.8);
}

.espaco_exemplo {width: 50%;
margin: 20px 0% 0% 0%;	
display: block;
background-color: khaki;
border: 1px solid saddlebrown;
padding: 15px;
}

.lbtbl , .ddtbl {width: 100%;
float: left;
margin: 0 auto;
height: 43px;
background-color: #b1b1b1;
}

.ddtbl {
height: auto;
min-height: 43px;
background-color: #fcfcfc;	
}

.lbt1 , .lbt2 , .lbt3 , .lnc1 , .lnc2 , .lnc3 , .lnc4 , .lnc5 , .lnc6 , .lnc7 , .lbt4 , .lbt5 , .lbt6 , .lbt7 {width: 15%;
float: left;
margin: 0 auto;
height: 43px;
color: white;
line-height: 340%;
font-family: 'Raleway';
font-size: 13px;
}

.lbt1 , .lnc1 , .lnc6 , .lnc4 , .lbt4 , .lbt6 {
padding-left: 15px;	
}

.lnc4 , .lbt4 {
width: 20%;	
}

.lnc5 , .lbt5 {
width: 70%;	
}

.lnc6 , .lbt6 {
width: 30%;	
}

.lnc7 , .lbt7 {
width: 60%;	
}


.lbt2 , .lnc2 {width: 75%;
}

.lbt3 , .lnc3 {
width: 10%;	
}

.lnc1 , .lnc2 , .lnc3 , .lnc4 , .lnc5 , .lnc6 , .lnc7 {
color: #343434;
}

.lncp {width: 100%;
float: left;
margin: 0 auto;
height: 43px;
background-color: #fcfcfc;	
border-bottom: 1px solid #f0f0f0;	
}

.alnpost {width: 100%;
float: left;
margin: 0 auto;
font-family: 'Source Sans Pro';
color: #676869;	
}

.principal {font-size: 25px;
font-family: 'Patua One';
color: #454647;	
font-weight: bold;
}

.endpt {
font-weight: bold;
color: dodgerblue;	
}

.prm {
font-weight: bold;
color: orangered;	
font-size: 21px;	
}

.lkir , .lkir2 {
color: blue;
text-decoration: underline;
}

.lkir2 {
color: darkorange;	
}

.codigo_exemplo {width: 100%;
float: left;
margin: 0 auto;
font-size: 13px;	
}

.tdlg {width: 100%;
float: left;
margin: 0 auto;
height: 40px;
}

.lgm {padding: 0px 15px 0px 15px;
border: none;
border: 1px solid #d9d9d9;
background-color: #f0f0f0;
float: left;
margin: 0 auto;
font-family: 'Raleway';
font-weight: bold;
font-size: 15px;
height: 40px;
cursor: pointer;
outline: none;
}
}