.login_wrap {
 font-size:16px;
 font-family: 'Archivo Narrow', sans-serif;
}
.bt_registe-se {

      float:right;
    //  padding:5px ; 
          padding-top:5px ;
      padding-left:10px ;
      padding-right:10px ;                                                                                                          
      display: inline-block;
      text-transform: uppercase; 
      font-size:13px;
      color:#fff;
      outline:0;
}
.bt_registe-se:hover {
      float:right;
            padding-top:5px ;
      padding-left:10px ;
      padding-right:10px ;   
      text-transform: uppercase;
      display: inline-block;
      color:#b3b3b2;
      outline:0;
}

.bt_registe-inicie {
      float:right;
      padding-left:10px ;
      padding-right:10px ;
      padding-top:5px ;
      text-transform: uppercase;                                                                                                                
      display: inline-block;
      color:#fff;   
      font-size:13px;
      outline:0;
      border-right: 1px solid #b3b3b2;     
}
.bt_registe-inicie:hover {
      float:right; 
      padding-left:10px ;
      padding-right:10px ;                                                                                                          
      display: inline-block;
      text-transform: uppercase;      
      color:#b3b3b2;
      outline:0;
}
.log_titulo {
      width: 100%;
      float:left;
      color:#b3b3b2;
      text-transform: uppercase;
      margin-bottom:5px;
      font-size:20px;
      border-bottom: 1px solid #b3b3b2;
}
.tinp_log
{
      width: 100%;
      float:left;
      color:#b3b3b2;
      border: 1px solid #dedede;
      margin-bottom:5px;
      font-size:16px;
      outline:0;
      padding:5px;
}
.tinp_log1
{
      width: 60%;
      float:left;
      color:#b3b3b2;
      border: 1px solid #dedede;
      margin-bottom:5px;
      font-size:16px;
      outline:0;
      padding:5px;
}
.log_sub_titulo {
      width: 100%;
      float:left;
      color:#b3b3b2;
      font-size:1.1em;
      font-weight:bold;
}

.nome_loged {
      width: 50%;
      float:left;
     // padding:5px ; 
      color:#fff;
      font-size:16px;
    //  border: 1px solid #b3b3b2;
      margin-right:1%;
}
.sair_loged {
     
      text-align: center;
      float:RIGHT;
     // padding:5px ; 
      color:#fff;
      font-size:14px;
      text-transform: uppercase;    
      margin-right:1%;
}
.conta_loged {
      float:right;
      text-align: center;
      font-size:14px;
      text-transform: uppercase;
      color:#fff;
}




.bt_log {
    float:left;   
    text-align:center;
    padding:25px;
    padding-top:10px;  
    padding-bottom:10px;                                                                                      
    display: inline-block;
    background: #b3b3b2;
    border:1px solid  #b3b3b2;
    color:#fff;
    outline:0;
    margin-top:10px;
    text-transform: uppercase;
}


.bt_log1 {
    float:left;   
    text-align:center;
    padding:25px;
    padding-top:10px;  
        padding-bottom:10px;                                                                                      
    display: inline-block;
    background: #b3b3b2;
    border:1px solid  #b3b3b2;
    color:#fff;
    outline:0;
    margin-top:10px;
    text-transform: uppercase;
}

.bt_registe-se-ou {
    width:15%;
    float:left;   
    text-align:center;
    padding-top:5px;                                                                                      
    display: inline-block;
    border: 0px solid blue;
    outline:0;
}

/* Full-width input fields */
.login_textbox {

    width: 100%;
    padding: 8px ;
    border: 1px solid #dedede;
    background: #FFF;
    outline:0;
        text-decoration: none;
}
.login_textbox:focus {
    width: 100%;
    padding: 8px ;
    border: 1px solid #000;;
    background: #ffffff;
    outline:0;
    text-decoration: none;
}
.login_textbox:hover {
    width: 100%;
    padding: 8px ;
    border: 1px solid #000;;
    outline:0;
    text-decoration: none;
}
.login_textbox_loc {
    float:left;
    width: 40%;
    padding: 8px ;
    margin-left:30px;
    border: 1px solid #dedede;
    outline:0;
}

.login_textbox_cp4 {
    float:left;
    margin-right:5px;
    width: 150px;
    padding: 8px ;
    border: 1px solid #dedede;
    outline:0;
}
.login_textbox_cp3 {
    float:left;
    width:60px;
    margin-right:15px;
    padding: 8px ;
    border: 1px solid #dedede;
    outline:0;
}

.login_textbox:focus {
    width: 100%;
    padding: 8px ;
    border: 1px solid #b3b3b2;
    box-sizing: border-box;
    background: #eef4f6;
    color:#b3b3b2;
    outline:0;
}
.login_l1 {
    float:left;
    width: 96%;  
    margin-left:2%;                                                                                             
    display: inline-block;
    border: 0px solid red;
    outline:0;
}
.login_l2 {
    float:left;
    width: 45%; 
    margin-left:0%;                                                                                              
    display: inline-block;
    border: 0px solid red;
    outline:0;
}
.login_l3 {
    float:left;
    width: 45%; 
    margin-left:5%;                                                                                              
    display: inline-block;
    border: 0px solid red;
    outline:0;
}




.login_textbox_30 {
    width: 100%;
    padding: 8px ;
    margin: 8px 0;                                                                                                 
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
    outline:0;
}

.login_textbox_50 {
    float:left;
    width: 45%;

    padding: 8px ;
    margin: 8px 0;                                                                                                 
    display: inline-block;
    border: 0px solid #ccc;
    box-sizing: border-box;
    outline:0;
   margin-right:2%;
}



/* Set a style for all buttons */
.bt_login {
    background-color: #000;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    font-size:1.3em;
    text-transform: uppercase;
    height:60px;
    cursor: pointer;
    width: 100%;
    outline:0;
        border:1px solid #000;
    -webkit-transition: all 1s ease;
     transition: all 1s ease;  
}
.bt_login:hover {
    background-color: #fff;
    color: #000;
            border:1px solid #000;
    padding: 14px 20px;
    margin: 8px 0;
    font-size:1.6em;
    text-transform: uppercase;
    cursor: pointer;
        height:60px;
    width: 100%;
    outline:0; 
}



.bt_login_label {
    font-size:1em;
    text-transform: uppercase;
    color:#000;
}
button:hover {
    opacity: 0.8;
}
.bt_login_label1 {
    font-size:1em;
    text-transform: uppercase;
    color:#494949;
    border:0px solid red;
    font-weight:normal;
    height:20px;
}

.bt_login_label_50 {
    font-size:1em;
    width:100%;
    text-transform: uppercase;
    color:#494949;
    border:0px solid red;
    font-weight:normal;
    height:20px;
}
 



}


/* Extra styles for the cancel button */
.cancelbtn {
    width: auto;
    padding: 10px 18px;
    background-color: #dedede;
}

/* Center the image and position the close button */
.imgcontainer {
    text-align: center;
    margin: 0px;
    height:80px;
    border:0px solid red;
    background: #000;
    margin-top:0px;
    position: relative;
}
.imgcontainer_reg {
    text-align: center;
    margin: 0px;
    height:60px;
    border-bottom:1px solid #dedede;
    padding-top:15px;
    font-size:1.5em;
    margin-top:0px;
    position: relative;
     background: #000;
    text-transform:uppercase;
    color:#fff;
    

}



.container_login {
    padding: 8px;
        border:0px solid yellow;
}
.container_login1 {
    float:left;
    color:#000;
    width:100%;
    font-size:1em;
}

span.psw {
    float: right;
    padding-top: 8px;
}

.left_50 {
    float: left;
    width:45%;
    margin-left:3%;    
    border:0px solid red;
    font-size:1em;
     text-align:left;    
    color:#000;

}
.left_100{
    float: left;
    width:100%; 
    margin-bottom:5px; 
    border:0px solid red;
    text-align:center;
    font-size:0.8em;
    text-transform: uppercase;
    color:#000;

}
.right_50 {
    float: right;
    width:45%;
    margin-right:3%;    
    border:0px solid blue;
     font-size:1em;   
     text-align:left;
    text-decoration:none;
}
.link1{
    font-size:1em;
    color:#000;
    text-decoration:none;
}



/* The Modal (background) */
.modal {
      display: none; /* Hidden by default */
      position: fixed; /* Stay in place */
      z-index: 1; /* Sit on top */
      left: 0;
      top: 0;
      width: 100vw;
      height: 100%; /* Full height */
      overflow: auto; /* Enable scroll if needed */
      background-color: rgb(0,0,0); /* Fallback color */
      background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
      padding-top: 10px;

}


/* The Modal (background) */
.modal1 {
      display: none; /* Hidden by default */
      position: fixed; /* Stay in place */
      z-index: 1; /* Sit on top */
      left: 0;
      top: 0;
      //   width: 100%; /* Full width */
      width: 100vw;
      height: 100%; /* Full height */
      overflow: hidden; /* Enable scroll if needed */
   
      background-color: rgb(255,255,255); /* Fallback color */
      background-color: rgba(255,255,255,0.9); /* Black w/ opacity */

      padding-top: 10px;
      
}       

.carro_linha
{
background: #fafafa;
    float:right;
    width:100%;
    height:75px;
    border-bottom:2px solid #fff;
}
.carro_linha_foto
{
    float:left;
    width:75px;
    height:75px;
    border-right:0px solid #dedede;
}
.ajusta_foto_carro
{
    float:left;
    width:70px;
    margin-left:2px;
    max-height:74px;        
    height:auto;
}
.carro_linha_desc
{
    float:left;   
    padding-top:5px;    
    width:140px;
    height:75px;    
    font-size:1em;        
    border-right:1px solid #dedede;
}      
.carro_linha_desc_gr
{
    float:left;   
    padding-top:0px;    
    width:64%;
    height:75px; 
    text-align:left;   
    font-size:1em;  
font-family: 'Archivo Narrow', sans-serif;          
    border:0px solid red;
}      
.carro_linha_desc_gr_line
{
    float:left;     
    width:100%; 
    margin-top:10px;
    text-align:right;   
  //  font-family: 'Oswald', sans-serif;    
}  
.carro_linha_desc_gr_size
{
    float:left;     
    width:45%; 
    text-align:left;   
    font-size:1em;   
    border:0px solid red;
}  
.carro_linha_desc_gr_tot
{
    float:right;     
    width:45%; 
    text-align:right;   
    font-size:1.6em; 
    color:#494948;
    font-weight:bold; 
    border:0px solid red;
} 
.carro_linha_size
{
    padding-top:20px;
    float:left;
    width:35px;
    height:55px;   
    font-size:0.9em;    
    border:0px solid blue;
}
.carro_linha_total
{               
     padding-top:25px;
    float:left;
    width:50px;
    height:75px;     
        font-size:1.1em;    
    border-left:0px solid #dedede;
}
.carro_linha_op
{
    float:left;
    width:40px; 
    text-align:center; 
    padding-top:35px;      
    height:75px;
    border:0px solid red;
}   
.carro_todas_linhas
{
  
    float:right;
    width:100%;
    max-height:380px;
    border:0px solid #fff;  
    overflow-x:hidden; 
    overflow-y:auto;       
}
.carro_linha_totais
{     
font-family: 'Archivo Narrow', sans-serif;   
    float:right;
    width:100%;
    height:35px;
    border-top:1px solid #494949;
    font-size:1.2em;
    color:#013a56;
  //  font-family: 'Oswald', sans-serif;
}

.carro_linha_totais_desc
{        
    float:left;
    width:40%;
    height:35px;
    border:0px solid red;
    font-size:1.3em;
  //  font-family: 'Oswald', sans-serif;
}
.carro_linha_totais_qt
{        
    float:left;
    width:18%;
    height:35px;
    border:0px solid red;
    font-size:1.3em;
  //  font-family: 'Oswald', sans-serif;
}


.carro_linha_totais_tot
{        
    float:left;
    width:35%;
    height:35px;
    border:0px solid red;
    font-size:1.3em;
  //  font-family: 'Oswald', sans-serif;
    background: #fff;
}
.carro_linha_totais_pagar
{        
    float:left;
    width:100%;
    height:50px;
    padding-top:10px; 
    border:0px solid #fff;
    text-align:center;
    color:#fff;
    background: #000;
    text-transform: uppercase;
    font-size:1.5em;
font-family: 'Archivo Narrow', sans-serif;  
}



/* Modal Content/Box */
.modal-content {
    background-color: #fff;
    margin:25px auto;
    width: 320px;  
    border:1px solid #000;
    border-radius:0px;
}
.modal-content_registo {
    background-color: #fff;
    margin:25px auto;
    width: 60%; /* Could be more or less, depending on screen size */    
    border:1px solid #494949;
    border-radius:3px;
}
.car_tit
{
    position:relative;
    top:0px;
    left:0px;
    border:0px solid #fff;
    padding-top:10px;
    text-transform: uppercase;
    height:50px;
    font-family: 'Archivo Narrow', sans-serif;  
    background: #000 ;
    font-size:1.6em;
    color:#fff;

}

.modal-carrinho {
    background-color:#fff;
    margin: 20px auto; 
    border:1px solid #fff;
    width:350px;
    	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,1);
box-shadow: 0px 0px 10px 1px rgba(0,0,0,1);
}

/* The Close Button (x) */
.close {
    position: absolute;
    right: 25px;
    top: 0;
    color: #000;
    font-size: 35px;
    font-weight: bold;
}
.close_modal {
    float:right;
    width:35px;
    height:35px;
    margin-top:5px;
    border:0px solid red;
    color: #000;
    background:url(../icons/cruz22.png) no-repeat ;
}


.close:hover,
.close:focus {
    color: red;
    cursor: pointer;
}

/* Add Zoom Animation */
.animate {
    -webkit-animation: animatezoom 0.8s;
    animation: animatezoom 0.8s
}

@-webkit-keyframes animatezoom {
    
    from {-webkit-transform: scale(2)} 
    to {-webkit-transform: scale(1)}
}
    
@keyframes animatezoom {
    from {transform: scale(2)} 
    to {transform: scale(1)}
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 480px) {
.modal-content_registo {
    background-color: #fff;
    margin-left:3%;
    width: 90%; /* Could be more or less, depending on screen size */    
    border:1px solid #b3b3b2;
    border-radius:0px;
}
.nome_loged {
    width: 80%;
    float:left;
    color:#fff;
    font-size:16px;
    border: 1px solid red;
    margin-right:1%;
}
    span.psw {
       display: block;
       float: none;
    }
    .cancelbtn {
       width: 100%;
    }
 .right_50 {
    float: right;
    width:94%;
    margin-right:3%;    
    border:0px solid blue;
     font-size:1em;   
     text-align:left;
    text-decoration:none;
}   
 .left_50 {
    float: right;
    width:94%;
    margin-right:3%;    
    border:0px solid blue;
     font-size:1em;   
     text-align:left;
    text-decoration:none;
}   
.modal-content {
    background-color: #fff;    
    float:right;    
    margin-right:12%;
    border:1px solid #b3b3b3;
    width:80%; /* Could be more or less, depending on screen size */


    /*
    -webkit-box-shadow: -1px 6px 26px 10px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 6px 26px 10px rgba(0,0,0,0.75);
    box-shadow: -1px 6px 26px 10px rgba(0,0,0,0.75);
    */
}    

.carro_todas_linhas
{
  
    float:right;
    width:100%;
    max-height:300px;
    border:0px solid #fff;  
    overflow-x:hidden; 
    overflow-y:auto;       
}
.bt_registe-inicie {
      width: 49%;
      float:right;
      padding:5px ; 
      padding-left:10px ;
      padding-right:10px ;                                                                                                          
      display: inline-block;
      border: 1px solid #b3b3b2;
      background: #b3b3b2;
      color:#fff;
      outline:0;
}
.bt_registe-inicie:hover {
      width: 49%;
      float:right;
      padding:5px ; 
      padding-left:10px ;
      padding-right:10px ;                                                                                                          
      display: inline-block;
      border: 1px solid #b3b3b2;
      background: #fff;
      color:#b3b3b2;
      outline:0;
}

.bt_registe-se {
      width: 49%;
      float:left;
      padding:5px ; 
      padding-left:10px ;
      padding-right:10px ;                                                                                                          
      display: inline-block;
      border: 1px solid #000;
    //  background: #b3b3b2;
      color:#fff;
      outline:0;
}
.bt_registe-se:hover {
      width: 49%;
      float:left;
      padding:5px ; 
      padding-left:10px ;
      padding-right:10px ;                                                                                                          
      display: inline-block;
      border: 1px solid #b3b3b2;
      background: #fff;
      color:#b3b3b2;
      outline:0;
}

.ajusta_foto_carro
{
    float:left;
    width:70px;
    margin-left:2px;
    max-height:74px;
    height:auto;
}
.carro_linha_desc
{
    float:left;
    padding-top:5px;
    width:90px;
    height:75px;
    font-size:0.8em;    
    border-right:1px solid #dedede;
}
.carro_linha_size
{
    padding-top:20px;
    float:left;
    width:30px;
    height:55px;
    font-size:0.9em;
    border:0px solid blue;
}
.carro_linha_total
{
     padding-top:25px;
    float:left;
    width:50px;
    height:75px;
        font-size:1.1em;
    border-left:1px solid #dedede;
}
.carro_linha_op
{
    float:left;
    width:26px;
    text-align:center;
    height:75px;
    border-left:1px solid #dedede;
}
    
.modal-carrinho {
    background-color: #fff;
    float:right;
    margin-right:10%;
    border:1px solid #b3b3b3;
    width:85%; /* Could be more or less, depending on screen size */
    overflow:hidden;

    /*
        -webkit-box-shadow: -1px 6px 26px 10px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 6px 26px 10px rgba(0,0,0,0.75);
    box-shadow: -1px 6px 26px 10px rgba(0,0,0,0.75);   
    */

    
}

}