/** INICIO - ESTRUTURA **/
* {
    margin: 0;
    padding: 0
}

body, form {
    width: 100%;
    height: 100%;
    font-weight: 300;
}

html {
    width: 100%;
    height: 100%;
}

#outer {
    width: 890px;
    margin: auto;
    min-height: 100%;
    margin-top: -30px; /*footer height - this drags the outer 106 up through the top of the monitor */
    text-align: left;
    padding-bottom: 40px;
}

 
 
#header {
    border-top: 30px solid #fff; /* soak up negative margin and allows header to start at top of page*/
}

#main {
    padding: 10px 0px 10px 0px;
    text-align: center;
    
}

#footer { /* footer now sits at bottom of window*/
    background: #CDD9E8;
    text-align: center;
    width: 100%;
    height: 40px;
    color: #f4f4f4;
    font-size: .8em;
    line-height: 40px;
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin-bottom: 0px;
    overflow: hidden
}

/*Opera Fix*/
body:before { /* thanks to Maleika (Kohoutec)*/
    content: "";
    height: 100%;
    float: left;
    width: 0;
    margin-top: -32767px; /* thank you Erik J - negate effect of float*/
}

/* IMPORTANT

You also need to include this conditional style in the <head> of your HTML file to feed this style to IE 6 and lower and 8 and higher.

<!--[if (lte IE 6)|(gte IE 8)]>
   <style type="text/css">
   #outer {height:100%;display:table;}
   </style>
   <![endif]-->

*/

/** FIM - ESTRUTURA **/


/** INICIO - TITULO **/
.titulo {
    font-family: Verdana;
    font-size: 14px;
    color: #FCDB00;
    font-weight: bold;
    text-align: left;
    padding-left: 5px;
}

.secretaria {
    font-family: Verdana;
    font-size: 12px;
    color: #FCDB00;
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
}

.texto {
    font-family: Verdana;
    font-size: 9px;
    color: #FCDB00;
    font-weight: normal;
    text-align: right;
    padding-right: 5px;
}

.lb1 {
    height: 10px;
}

.lb2 {
    height: 20px;
}
/** FIM - TITULO **/

/** INICIO - INTRODUCAO **/

.p1 {
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #441681;
    text-align: justify;
    text-indent: 35px;
    padding-left: 15px;
    padding-right: 15px;
}

.p2 {
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    text-decoration: underline;
    color: #008ac7;
    text-align: justify;
    text-indent: 35px;
    padding-left: 15px;
    padding-right: 15px;
}
/** FIM - INTRODUCAO **/

.txtbranco {
    color: #000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
}

.label {
    font-family: Verdana;
    font-size: 8pt;
}

.td1 {
    text-align: right;
    width: 135px;
}

.td2 {
    width: 5px;
}

.td3 {
    width: 600px;
}

.td4 {
    text-align: right;
    width: 170px;
}

.td5 {
    width: 565px;
}

.tr1 {
    height: 2px;
}

.responsive {
    width: 100%;
}
 
.responsive_rigth {
    position: absolute;
    right: 0px;
    z-index: 10;
}

.atendimento-img {
    float: left;
    height: auto;
     
}

    .atendimento-img.img-1 {
        z-index: 33;
        position: absolute;
    }

    .atendimento-img.img-2 {
        width: 100%;
        position: relative;
    }