/******** MENSAGEM **********/
#mod {
  left: 50%;
  margin: -150px 0 0 -32%;
  opacity: 0;
  position: absolute;
  top: 0%;
  visibility: hidden;
  width: 65%;
  box-shadow: 0 3px 7px rgba(0,0,0,.25);
  box-sizing: border-box;   
  transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
   text-transform: capitalize;
   -webkit-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.75);
}
.bt_avs
{
color:#fff; 
font-size:1.2em; 
text-transform: capitalize;
background:red;
padding:10px;
border:0px solid blue;
width:50%;
margin:10px;
margin-left:0px;
border-radius:10px;
outline:0;
}

.av_imp1
{
color:#494949; 
font-size:1em; 
background:#fff;
padding:5px;
border:1px solid red;
width:80%;
margin-bottom:2px;
outline:0;
}


.logopequeno
{
    float:left;
    width:50%;  
    height:auto; 
    border:8px solid red;
    outline:0;
    margin-left:25%;
}




.botaodir{
    float:right;
    width:30%;  
    padding:1%;
    margin-bottom:20px;
    color:#fff; 
    border:1px solid red;
    outline:0;
}



.av_imp1:focus
{
color:#494949; 
font-size:1em; 
background:#fff;
padding:5px;
border:1px solid red;
width:80%;
margin-bottom:2px;
outline:0;
box-shadow: 0 0 5px red;
}

.botaofinalizar {
      text-align:center;
      padding:2%;
      height:30px;
      width:50%;
      margin-left:25%;
      font-size:1em;
      border:1px solid #df007e;
      color:#fff;
      background:#df007e;
}
.futils
{
color:#fff; 
font-size:0.8em; 
text-transform: capitalize;'
}
#mod:target {
  opacity: 1;
  top: 50%;
  visibility: visible
}

#mod .headerd, #mod .footerm {
  border-bottom: 0px solid #1ABC9C;
  border-radius: 5px 5px 0 0
}

#mod .footerm {
  border: none;
  border-top: 1px solid #e7e7e7;
  border-radius: 10px
}

#mod h2 {
  margin: 0;
  color: #fff;
  font-size:1.3em;
}

#mod .btn { float: right }

#mod .copy, #mod .headerd, #mod .footerm {
  padding: 10px;
  color: #fff
}

.mod-content {
  background: #670000;
  position: relative;
  z-index: 20;
  text-align:center;
  text-transform: uppercase;
  border-radius:15px;   
  color: #fff
}

#mod .copy { background: #fff; color: #000; }

#mod .overlay {
  background-color: #000;
  background: rgba(0,0,0,.8);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}

.copy a {
  color: #fff;
  text-decoration: none;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 10px;
  background-color: #494949;
}
/******** FIM DE MENSAGEM **********/
.linhacliente_tit {
  font-size:1.2em;
  width:100%;
  line-height:30px;
  margin-right:0%;
  border:0px solid #dedede;
  color:#000;
 text-align:center; 
    text-transform:uppercase;
  margin-bottom:5px;
}
.barra{
  font-size:0.9em;
  width:100%;
  margin-right:1%;
 /* border:1px solid #df007e ;*/
  height:40px; 
  color:#494949;
  margin-bottom:5px;
  /*      background:#fafafa;  */
}
.barrap_dados{
  float:left;
  font-size:0.9em;
  width:55%;
  margin-right:1%;
  border:1px solid #dedede;
  height:250px; 
  color:#494949;
  margin-bottom:5px;
}

input#submit2{
    background:url(../imagens/mp_visa_pt.jpg);
    width:250px;
    height:auto;
}

.barrap{
  float:right;
  font-size:0.9em;
  width:40%;
  margin-right:1%;
  border:0px solid #dedede;
  height:250px; 
  color:#494949;
  margin-bottom:0px;
}
.barrap1{
  float:right;
  text-decoration:none;
  text-align:justify;
  font-size:0.70em;
  width:40%;
  margin-right:1%;
  border:0px solid red;
  height:250px; 
  color:#000;
  margin-bottom:0px;
}
.barrap_dados_tit{
  float:left;
  font-size:1.3em;
  width:100%;
  border-bottom:1px solid #dedede;
  height:25px; 
  color:#494949;
  margin-bottom:5px;
}
.barrap_dados_tit1{
  float:left;
  font-size:1em;
  text-align:left;
  width:100%;
  border-bottom:0px dotted #dedede;
  color:#494949;
  margin-bottom:15px;
  clear:both;
}
.bold{
font-weight:bold;
  font-size:1em;
color:#df007e;
}
.bold2{
font-weight:bold;
font-size:1.4em;
color:#000000;
}
.iniciarpag{
  float:left;
  font-size:1.3em;
  width:90%;
  border:1px solid #dedede;
  height:25px; 
  color:#494949;
  padding-top:10px;
  padding-bottom:10px;  
  margin:5%;
}
.entrega{
      float:left;
      text-align:center;
      width:24.5%;
      padding-top:10px;
      border-right:2px solid #fff;
      height:30px; 
      color:#fff;
      background:#df007e;
            background:#df007e;
      text-transform: uppercase;
}
.entrega1{
      float:left;
      text-align:center;
      width:24.5%;
      padding-top:10px;
      border-right:2px solid #fff;
      height:30px; 
      color:#494949;
      background:#dedede;
      text-transform: uppercase;
}
.paga{
      float:left;
      text-align:center;
      width:18%;
      padding-top:10px;
      border:1px solid #fff; 
      color:blue;
      background:#fff;
      text-transform: uppercase;
	  margin-right:15px;
}
.paga:hover{
      float:left;
      text-align:center;
      width:18%;
      padding-top:10px;
      border:1px solid #dedede; 
      color:blue;
      background:#fff;
      text-transform: uppercase;
	  margin-right:15px;
}
.ajusta_box{
      max-width:100%;
      height:auto;
}

.contentor_tit{
  font-size:1.4em;
  text-align:right;
  font-weight:bold;
      width:96%;
      padding:1%;
      border-BOTTOM:1px solid #dedede;
      color:#494949;
      text-transform: uppercase;
  }
  .contentor_tit1{
  font-size:1em;
  text-align:center;
  font-weight:bold;
      width:96%;
      padding-bottom:10px;
      border-BOTTOM:0px solid #dedede;
      color:#494949;
      text-transform: uppercase;
  }
  .contentor_tit2{
  font-size:0.8em;
  text-align:center;
        padding-bottom:10px;
  //font-weight:bold;
      width:96%;
      border-BOTTOM:0px solid #dedede;
      color:#df007e;
      text-transform: uppercase;
  }  
  .contentor_tit3{
  font-size:0.8em;
  text-align:center;
        padding-bottom:10px;
  //font-weight:bold;
      width:96%;
      border-BOTTOM:0px solid #dedede;
      color:#df007e;
      text-transform: uppercase;
  }  
  
.contentor{
      text-align:center;
      width:96%;
      padding:1%;
      border:1px solid #dedede;
      color:#494949;
      text-transform: uppercase;
      margin-bottom:10px;
}
.entrega_box1{
      text-align:left;
      width:46%;
      padding:1%;
      font-size:0.8em;
      line-height:1.6em;
      border:1px solid #dedede;
      color:#494949;
      float:left;
      text-transform: uppercase;
      margin:5px;
}
.entrega_box1_tit1{
      text-align:CENTER;
      width:45%;
      margin-bottom:5px;
      //      border:1px solid #dedede;
      font-size:1.2em; 
      
      color:#df007e;
      float:left;
      text-transform: uppercase;
}
.msg_err{
text-decoration: none;
}

.entrega_box1_tit{
      text-align:CENTER;
      width:100%;
      margin-bottom:5px;
      font-size:1em; 
      color:#df007e;
      float:left;
      text-transform: uppercase;
}
.entrega_box1nb{
      text-align:center;
      width:46%;
      padding:1%;
      border:0px solid #dedede;
      padding-top:20px;
      color:#494949;
     float:left;
      text-transform: uppercase;
      margin:5px;
}
.entrega_box1_1_info{
      text-align:left;
      width:96%;
      padding:1%;
      padding-top:0%;
      border-top:0px solid #df007e;
      color:#494949;
      text-align:center;
      float:left;
      text-transform: none;
      margin:5px;
}
.entrega_box1_cor{
      color:#df007e;
       font-weight:bold;
}

.entrega_box1_tit{
    color:#494949;
    font-weight:bold;
    font-size:1.4em;       
}
.entrega_box1:hover{
      text-align:left;
      width:46%;
      padding:1%;
      border:1px solid #df007e;
      background:#fafafa;
      color:#df007e;
     float:left;
      text-transform: uppercase;
      margin:5px;
}
.entrega_box1_1{
      text-align:left;
      width:48%;
      padding:0%;
      border:0px solid #dedede;
      color:#494949;
     float:left;
      text-transform: uppercase;
      margin:5px;
}
.entrega_box1_l{
    text-align:center;
    width:40%;
    padding:1%;
    color:#494949;
      border:0px solid #494949;    
    float:left;
    margin:5px;
}
 
.entrega_box1_r{
    text-align:center;
    width:40%;
    padding:1%;
    color:#494949;
      border:0px solid #494949;    
    float:right;
    margin:5px;
}


.entrega_box1_l_sel{
    text-align:center;
    width:40%;
    padding:1%;
    color:#494949;
    background:#fafafa;
    border:1px solid #dedede;   
    float:left;
    margin:5px;
}
 
.entrega_box1_r_sel{
    text-align:center;
    width:40%;
    padding:1%;
    color:#494949;
    background:#fafafa;
    border:1px solid #dedede;   
    float:right;
    margin:5px;
}

.framepahamento {
  font-size:0.9em;
  text-align:right;
  font-weight:bold;
  width:100%;
  line-height:22px;
  margin-right:1%;
  border-top:1px solid  red;
  color:#494949;
  margin-bottom:5px;
}





.linhacliente {
  font-size:0.9em;
  text-align:right;
  font-weight:bold;
  width:100%;
  line-height:22px;
  margin-right:1%;
  border-top:0px solid #dedede;
  height:45px; 
  color:#494949;
  text-align:center;

  margin-bottom:5px;
}
.btn_checkout {
  font-size:1em;
  float:right;
  text-align:center;
  padding:10px;
  width:30%;
  line-height:22px;
  margin:5px;
  border:0px solid #000;
  color:#fff;
  background:#fff url(../imagens/seta.png) right no-repeat;;
}
.btn_checkoutn {
  font-size:1em;
  float:right;
  text-align:center;
  padding:10px;
  width:30%;
  line-height:22px;
  margin:5px;
  border:0px solid #000;
  color:#fff;
  background:#df007e url(../imagens/btn1n.png) right no-repeat;;
}
.linhabtnx {
  font-size:0.9em;
  text-align:right;
  font-weight:bold;
  width:100%;
  line-height:22px;
  margin-right:1%;
  border-top:0px solid #dedede;
  height:50px; 
  color:#494949;
  margin-bottom:5px;
}
.btn_checkout:hover {
  font-size:1.3em;
  float:right;
  text-align:center;
  padding:10px;
  width:30%;
  line-height:22px;
  margin:5px;
  color:#fff;
  background:#fff url(../imagens/seta.png) right no-repeat;;
}
.linhaencomenda {
  font-size:1em;
  width:100%;
  line-height:22px;
    font-weight:700;
  border:1px solid #A0A0A0;
  background:url(../imagens/topline.png) ;
  height:35px; 
  color:#494949;
   text-transform: uppercase;
}
.linhaencomenda_det {
  font-size:1em;
  width:100%;
  
  border:1px solid #A0A0A0;
  border-top:0px solid  #A0A0A0;
  height:60px; 
  color:#494949;
}
.linhaencomenda_tot {
  font-size:1.4em;   
  font-weight:700;
  width:100%;
  border:1px solid #A0A0A0;
  border-top:0px solid  #A0A0A0;
  background:url(../imagens/footline.png) ;
  height:50px; 
  color:#df007e;
   text-transform: uppercase;
}
.linhaencomenda_tot_s {
  font-size:1em;   
  font-weight:700;
  width:100%;
  border:1px solid #A0A0A0;
  border-top:0px solid  #A0A0A0;
  background:#fafafa;
  height:35px; 
  color:#df007e;
   text-transform: uppercase;
}
/* INICIO DE CABECALHO*/

.tcol1{
    float:left;
    font-size:0.8em;
    text-align:center;
    height:30px;     
    width:20%;
    border:0px solid red;

}
.tcol2{
     float:left;
    font-size:0.8em;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    height:30px;
    width:35%;
    color:#494949;

}

.tcol3{
    font-size:0.8em;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    height:30px;
    float:left;
    width:10%;

    color:#494949;

}
.tcol4{
    font-size:0.8em;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    height:30px;
    float:left;
    width:8%;

    color:#494949;

}
.tcol5{
    font-size:0.8em;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    height:30px;
    float:left;
    width:10%;
    color:#494949;

}
.tcol6{   
    float:left;
    font-size:0.8em;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    height:30px;
    width:10%;
    color:#494949;

}
.tcol7{
    font-size:0.8em;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    height:30px;
    float:left;
    width:5%;
    color:#494949;
}
/* FIM DE CABECALHO*/

.ccol1{
    float:left;
    font-size:0.8em;
    text-align:center;
    height:50px;     
    width:20%;
    border:0px solid red;

}
.ccol2{
     float:left;
    font-size:0.8em;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    height:50px;
    width:35%;
    color:#494949;

}

.ccol3{
    font-size:0.8em;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    height:50px;
    float:left;
    width:10%;

    color:#494949;

}
.ccol4{
    font-size:0.8em;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    height:50px;
    float:left;
    width:8%;
    color:#494949;

}
.ccol5{
    font-size:0.8em;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    height:50px;
    float:left;
    width:10%;

    color:#494949;

}
.ccol6{   
    float:left;
    font-size:0.8em;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    height:50px;
    width:10%;
    color:#494949;

}
.ccol7{
    font-size:0.8em;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    height:50px;
    float:left;
    width:5%;
    color:#494949;
}



@media (max-width:1366px){
	.wrap{
		width:90%;
	}

}	
@media (max-width:1280px){
	.wrap{
		width:90%;
	}

}
@media (max-width:1024px){
	.wrap{
		width:90%;
	}
}
@media (max-width:800px){
	.wrap{
		width:90%;
	}
.btn_checkout {
  font-size:1em;
  float:right;
  text-align:center;
  padding:10px;
  width:50%;
  line-height:22px;
  margin:5px;
  border:0px solid #000;
  color:#fff;
  background:#fff url(../imagens/seta.png) right no-repeat;;  
}
.btn_checkout:hover {
  font-size:1.3em;
  float:right;
  text-align:center;
  padding:10px;
  width:50%;
  line-height:22px;
  margin:5px;
  border:0px solid #000;
  color:#fff;
    background:#fff url(../imagens/seta.png) right no-repeat;;

}


}	
@media (max-width:768px){

.btn_checkout {
  font-size:1em;
  float:right;
  text-align:center;
  padding:10px;
  width:100%;
  line-height:22px;
  margin:5px;
  border:0px solid #000;
  color:#fff;
  background:#fff url(../imagens/seta.png) right no-repeat;;
}
.btn_checkout:hover {
  font-size:1.3em;
  float:right;
  text-align:center;
  padding:10px;
  width:100%;
  line-height:22px;
  margin:5px;
  border:0px solid #000;
  color:#fff;
  background:#fff url(../imagens/seta.png) right no-repeat;;
}


}
@media (max-width:640px){
.btn_checkout {
  font-size:1em;
  float:right;
  text-align:center;
  padding:10px;
  width:100%;
  line-height:22px;
  margin:5px;
  border:0px solid #000;
  color:#fff;
  background: #df007e;
    background:#fff url(../imagens/seta.png) right no-repeat;;
}
.btn_checkout:hover {
  font-size:1.3em;
  float:right;
  text-align:center;
  padding:10px;
  width:100%;
  line-height:22px;
  margin:5px;
  border:0px solid #000;
  color:#fff;
  background: #494949;
  background:#fff url(../imagens/seta.png) right no-repeat;;  
}

.entrega_box1{
      text-align:left;
      width:96%;
      padding:1%;
      border:1px solid #dedede;
      color:#494949;
     float:left;
      text-transform: uppercase;
      margin:5px;
}
.entrega_box1:hover{
      text-align:left;
      width:96%;
      padding:1%;
      border:1px solid #494949;
      background:#fafafa;
      color:#df007e;
     float:left;
      text-transform: uppercase;
      margin:5px;
}
.entrega{
      float:left;
      text-align:center;
      width:24.5%;
      padding-top:10px;
      border-right:2px solid #fff;
      height:30px; 
      color:#fff;
      background:#df007e;
      text-transform: uppercase;
}
.entrega1{
      float:left;
      text-align:center;
      width:24.5%;
      padding-top:10px;
      border-right:2px solid #fff;
      height:30px; 
      color:#494949;
      background:#dedede;
      text-transform: uppercase;
}

}
@media (max-width:480px){
 .entrega_box1_tit1{
      text-align:CENTER;
      width:100%;
      margin-bottom:0px;
      font-size:1em; 
      color:#df007e;
      float:left;
      text-transform: uppercase;
}
.barrap1{
  float:right;
  text-decoration:none;
  text-align:justify;
  font-size:0.70em;
  width:100%;
  margin-right:1%;
  border:0px solid red;
  height:250px; 
  color:#000;
  margin-bottom:0px;
}
.barrap_dados{
  float:left;
  font-size:0.9em;
  width:100%;
  margin-right:1%;
  border:1px solid #dedede;
  height:250px; 
  color:#494949;
  margin-bottom:5px;
}

.botaodir{
    float:right;
    width:80%;  
    padding:1%;
    margin-bottom:20px;
    color:#fff; 
    border:1px solid red;
    outline:0;
    margin-left:25%;
}
.entrega_box1_1{
      text-align:left;
      width:96%;
      padding:0%;
      border:0px solid #dedede;
      color:#494949;
     float:left;
      text-transform: uppercase;
      margin:5px;
}
.entrega{
      float:left;
      text-align:center;
      width:100%;
      padding-top:10px;
      border-bottom:1px solid #fff;
      height:30px; 
      color:#fff;
      background:#df007e;
      text-transform: uppercase;
}
.entrega1{
      float:left;
      text-align:center;
      width:100%;
      padding-top:10px;
      border-bottom:1px solid #fff;
      height:30px; 
      color:#494949;
      background:#dedede;
      text-transform: uppercase;
}
.entrega_box1_tit{
      text-align:left;
      width:100%;
      margin-bottom:5px;
      border:0px solid #dedede;
      font-size:1em; 
      color:#494949;
      float:left;
      text-transform: uppercase;
}
.btn_checkout {
  font-size:1em;
  float:left;
  text-align:center;
  padding:10px;
  width:94%;
  line-height:22px;
  margin-left:0%;
  border:0px solid #df007e;
  color:#fff;
  text-transform: uppercase;
    background:#df007e url(../imagens/seta.png) right no-repeat;;
}
.btn_checkout:hover {
  font-size:1.2em;
  float:left;
  text-align:center;
  padding:10px;
  width:94%;
  line-height:22px;
  margin-left:0%;
  border:0px solid #df007e;
  color:#fff;
  text-transform: uppercase;
  background:#fff url(../imagens/seta.png) right no-repeat;;
      
}
.tcol5{
    font-size:0.8em;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    height:30px;
    float:left;
    width:0%;
    OVERFLOW:HIDDEN;
    color:#494949;

}
.ccol5{
    font-size:0.8em;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    height:50px;
    float:left;
    width:0%;
    COLOR:#FFF;
    OVERFLOW:HIDDEN;
    color:#494949;

}
.ccol6{   
    float:left;
    font-size:0.8em;
    text-align:RIGHT;
    padding-top:5px;
    padding-bottom:5px;
    height:50px;
    width:20%;
    color:#494949;

}


}
@media (max-width:320px){
.btn_checkout {
  font-size:1em;
  float:right;
  text-align:center;
  padding:10px;
  width:100%;
  line-height:22px;
  margin:5px;
  border:0px solid #000;
  color:#fff;
  background:#fff url(../imagens/seta.png) right no-repeat;;
}
.btn_checkout:hover {
  font-size:1.3em;
  float:right;
  text-align:center;
  padding:10px;
  width:100%;
  line-height:22px;
  margin:5px;
  border:0px solid #000;
  color:#fff;
  background:#fff url(../imagens/seta.png) right no-repeat;;
}


}