* {
    margin: 0;
    padding: 0;
    /*** box-sizing: border-box; ***/
}
body {
    font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
    background-color: #f5f5f5;
}

a {
   color: #1a73e8;
   text-decoration: none;
   font-weight: 500;
}

header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    background-color: #FFFFF;
    color: white;
}
.logo {
    font-weight: bold;
}
.actions button {
    font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
    background: none;
    border: none;
    color: #0175a6;
    cursor: pointer;
    font-size: 16px;
    padding: 10px;
    font-weight: 600;  
}
.actions button:hover {
   color: #666666;
   transform: scale(1.05);
}

.actions button {
    transition: all 0.3s linear;
}


.search-bar {
    flex-grow: 1;
    margin: 20px 0px 20px 20px;
    padding: 5px;
    font-size: 17px;
    font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
    color: rgba(0, 0, 0, .8980392157);
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    height: 25px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    border-width: 1.5px;   
}

.search-bar:focus {
    background-color: #FFFFFF;
    border-style:solid;
    border-color: #3486fa;
    box-shadow: 0 2px 8px rgba(190, 233, 255, 1);
    outline:0;
}

.button-search-bar {
    float: right;
    padding: 1.5px 10px;
    margin-top: 0px;
    margin-right: 30px;
    background: #ddd;
    font-size: 17px;
    border: none;
    cursor: pointer;
    height:37px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
}
.button-search-bar:hover {
    background: #ccc;
}

.products {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    padding: 20px 20px 10px 20px;
}
.product {
    background: white;
    padding: 15px;    
    text-align: center;
    border-radius: 8px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    font-size:13px;
}
.product img {
    max-width: 100%;
    border-radius: 8px;
    margin-bottom:5px;
}

.products img:hover {
     transform: translate(0,0) rotate(0) skewX(0) skewY(0) scaleX(1.1) scaleY(1.1);
     transition: all 0.2s linear;
}

.bottom-banner img {
    max-width: 100%;
    border-radius: 8px;
    margin-bottom:5px;
}

.bottom-banner img:hover {
     transform: translate(0,0) rotate(0) skewX(0) skewY(0) scaleX(1.1) scaleY(1.1);
     transition: all 0.2s linear;
}

@media (max-width: 1280px) {
    header {
	flex-wrap: wrap;
    }
    .search-bar {
	order: 3;
	width: 100%;
	margin-left: -2px;
	margin-top: 10px;
	margin-bottom:0px;
    }
    .menu {
	flex-direction: column;
	align-items: center;
    }
}

#nav {
  position: relative;
}
#nav ul {
  display: none;
  width: 100%;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
#nav ul li a {
  display: block;
  padding: 1em;
  background: #0175a6;
  color: white;
  text-decoration: none;
  border-right: 1px solid #015173;
  font-size: 0.8em;
  white-space:nowrap;
}
#nav ul li a:hover {
  background: #01638d;
}
#nav ul li:last-of-type a {
  border-right: 0px;
}
#nav ul li ul li a {
  padding-left: 1.5em;
  background: #666666;
}
#nav ul li ul li ul li a {
  padding-left: 3.125em;
}
#nav input.trigger {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
#nav input.trigger:checked ~ ul, #nav input.trigger:checked ~ ul li ul {
  display: block !important;
}
@media (min-width: 80em) {

  #nav input.trigger:checked ~ ul, #nav input.trigger:checked ~ ul li ul {
	/* older flexbox */
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	box-orient: horizontal;
	/* newer flexbox */
	display: flex;
	flex-direction: row;
  }
}
#nav label {
  position: relative;
  display: block;
  min-height: 2em;
  padding: 0.45em;
  font-size: 1.0em;
  margin: 0;
  cursor: pointer;
  background: #0175a6;
  line-height: 2em;
  color: white;
}
#nav label:after {
  position: absolute;
  right: 1em;
  top: 0.2em;
  content: "=";
  font-size: 1.8em;
  color: white;
}
@media (min-width: 80em) {

  #nav ul {
	/* older flexbox */
	display: -ms-flexbox;
	flex-direction: -ms-row;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	box-orient: horizontal;
	/* newer flexbox */
	display: flex;
	flex-direction: row;
  }
  #nav ul li {
	position: relative;
	text-align: center;
	/* older flexbox */
	-ms-flex: 1;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	/* newer flexbox */
	flex: 1;
  }
  #nav ul li ul {
	display: none !important;
	position: absolute;
	top: 2.5em;
	left: 0;
	display: block;
	width: 12.5em;
	z-index: 200;
  }
  #nav ul li ul li {
	text-align: left;
  }
  #nav ul li ul li ul {
	z-index: 300;
	top: 0px;
	left: 12.4em;
  }
  #nav ul li ul li ul li a {
	padding-left: 30px !important;
  }
  #nav ul li:hover > ul {
	display: block !important;
  }
  #nav label {
	display: none;
  }
}

@media screen and (max-width: 1280px) {
/*** Ajuste resposivo - barra de busca ***/
  .button-search-bar {display: none;}

  .actions button {font-size:13.5px;padding:5px;margin-left:5px;}
  
  .actions {width:480px;}
  header {padding: 5px 5px;}
  
/*** Ajuste resposivo - stepwizard carrinho está no carrinho.asp ***/
}



/*** menu inferior ***/

.bottom-menu {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 10px;
    padding: 10px;
}
.bottom-menu-item {
    background: #f5f5f5;
    padding: 10px;
    text-align: center;
    border-radius: 8px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    font-size:13px;
}

/*** botoes ***/

.button-add-cart {
  /*** #0bb3ec ***/
  background: #1a73e8;
  -moz-border-radius: 6;
  border-radius: 6px;
  box-shadow: 0 0 0 0 #fff;
  /*** -webkit-box-shadow: 0px 1px 3px #334dd4; ***/
  -moz-box-shadow: 0px 1px 3px #334dd4;
  font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
  font-weight:600;
  border: 1px;
  color: #ffffff;
  font-size: 16px;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
  height: 32px;
  border-color: transparent;
  cursor: pointer; 
  transition: background 300ms ease-in-out;
  align-items: center;
  justify-content: center;  
}

.button-add-cart i {
  font-style: normal;
  font-size: 20px;
  font-weight:700;
}

.button-add-cart:hover {
  /*** #0091ca ***/
  background: #1557b0;
  text-decoration: none;
  transition: background 300ms ease-in-out;
}

.button-ok {
  background: #1a73e8;
  -moz-border-radius: 6;
  border-radius: 6px;
  box-shadow: 0 0 0 0 #fff;
  /*** -webkit-box-shadow: 0px 1px 3px #334dd4; ***/
  -moz-box-shadow: 0px 1px 3px #334dd4;
  font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
  font-weight:600;
  border: 1px;
  color: #ffffff;
  font-size: 14px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  height: 25px;
  border-color: transparent;
  cursor: pointer; 
  width:40px;
  vertical-align: bottom;
}

.button-ok i {
  font-weight:200;
  font-style: normal;
  font-size: 16px;
}

.button-ok:hover {
  background: #1557b0;
  text-decoration: none;
}

/*** janela produto ***/

.div-janela-produtos{
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 10px;
  padding: 10px 10px;
  margin: 5px 5px 0px 5px;  
}

.div-janela-produtos-descricao{
  background: #fff;
  padding-bottom: 0px;
  border-bottom: 1px solid #e5e5e6;
  margin-bottom: 5px;  
}

.div-janela-produtos-foto{
  background: #fff;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e5e5e6;
  margin-bottom: 5px;  
}

.div-janela-produtos-preco{
  background: #fff;
  padding-bottom: 5px 5px 0px 5px;
  /*** border-bottom: 1px solid #e5e5e6;***/
}

.div-janela-produtos-qtd{
  padding: 0px 0px 5px 5px;
  
}

.badge-promocao {
    border-radius: 32px;
    color: #eee;
    align-items: center;
    background: linear-gradient(266.06deg,#e22828 3.22%,#f28000 38.77%,#e22828 96.78%);
    color: #FFFFFF;
    display: inline-flex;
    font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;   
    font-size: 10px;
    padding: 0 8px;
}

.badge-novidade {
    border-radius: 32px;
    color: #eee;
    align-items: center;
    background: linear-gradient(266.06deg,#003555 3.22%,#838789 38.77%,#003555 96.78%);
    color: #FFFFFF;
    display: inline-flex;
    font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;   
    font-size: 10px;
    padding: 0 8px;
}

.link-telefone:link {
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 14px;
	color: #666666;
	text-decoration: none;
}

.link-telefone:visited {
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 14px;
	color: #666666;
	text-decoration: none;
}

.link-telefone:active{
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 14px;
	color: #666666;
	text-decoration: none;
}

.link-telefone:hover{
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 14px;
	color: #666666;
	text-decoration: none;
}

/*** carrinho ***/

.step-wizard {
    background-color:#f5f5f5;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.step-wizard-list{
    background: #fff;
    box-shadow: 0 15px 25px rgba(0,0,0,0.1);
    color: #333;
    list-style-type: none;
    border-radius: 10px;
    display: flex;
    padding: 10px 10px;
    position: relative;
    margin-top: 5px;
    z-index: 10;
}

.step-wizard-item{
    padding: 0 20px;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive:1;
    flex-grow: 1;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
    min-width: 170px;
    position: relative;
}
.step-wizard-item + .step-wizard-item:after{
    content: "";
    position: absolute;
    left: 0;
    top: 19px;
    background: #0175a6;
    width: 100%;
    height: 2px;
    transform: translateX(-50%);
    z-index: -10;
}
.progress-count{
    height: 40px;
    width:40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 600;
    margin: 0 auto;
    position: relative;
    z-index:10;
    color: transparent;
}
.progress-count:after{
    content: "";
    height: 40px;
    width: 40px;
    background: #0175a6;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: -10;
}
.progress-count:before{
    content: "";
    height: 10px;
    width: 20px;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -60%) rotate(-45deg);
    transform-origin: center center;
}
.progress-label{
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
}
.current-item .progress-count:before,
.current-item ~ .step-wizard-item .progress-count:before{
    display: none;
}
.current-item ~ .step-wizard-item .progress-count:after{
    height:10px;
    width:10px;
}
.current-item ~ .step-wizard-item .progress-label{
    opacity: 0.5;
}
.current-item .progress-count:after{
    background: #fff;
    border: 2px solid #0175a6;
}
.current-item .progress-count{
    color: #0175a6;
}

.cart-input-total {
    color:#000000; 
    font-family:'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
    font-size: 16px;
    font-weight: bold;
    background-color: #F5F5F5;
    border: 0px solid #CCCCCC;
    text-align: right;

}

.cart-removeitem-button{
  display:block;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  border: 1px solid #000000;  
  color: #000000;
  cursor: pointer;
}

.cart-removeitem-button:hover {
  color: #3483fa;
  border: 1px solid #3483fa;  
  text-decoration: none;
}

.div-lista-carrinho{
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 10px;
  padding: 10px 10px;
  margin: 5px 5px 0px 5px;  
  position: relative;
  width: 99%;
  height: 300px;
  overflow: auto;         
}

.div-lista-formapagto{
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 10px;
  padding: 10px 10px;
  margin: 5px 5px 0px 5px;  
  position: relative;
  width: 60%;
  height: 400px;
  overflow: auto;
}

.div-lista-formaentrega{
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 10px;
  padding: 10px 10px;
  margin: 5px 5px 0px 5px;  
  position: relative;
  width: 60%;
  height: 200px;
  overflow: auto;
}


.div-cadcliente{
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 10px;
  padding: 10px 10px;
  margin: 5px 5px 0px 5px;  
  position: relative;
  align: center;
  width: 80%;
  height: auto;
  overflow: auto;
}

/*** login ***/
.table-pedidoexistente
{
	background-color: #EFEFEF;
	color: #000000;
	font: 16px 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	border-radius:6px;
	margin: 0px;
	border-width: 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid;
	border-color: rgb(123, 220, 254);
	-moz-border-radius: 0px 0px 0px 0px;	
}


/*** index - login page ***/

        .login-card {
            background: white;
            padding: 40px;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            width: 100%;
            max-width: 400px;
            margin: 20px;
        }

        .login-header {
            text-align: center;
            margin-bottom: 10px;
        }

        .login-header h1 {
            color: #1a73e8;
            font-size: 24px;
            margin-bottom: 8px;
            font-weight: 600;
        }

        .login-header p {
            color: #5f6368;
            font-size: 16px;
            font-weight: 400;
        }

        .form-group {
            position: relative;
            margin-bottom: 24px;
        }

        .form-group input {
            width: 100%;
            padding: 12px;
            border: 1px solid #dadce0;
            border-radius: 4px;
            font-size: 16px;
            transition: border-color 0.2s;
            font-weight: 400;
            font-family:'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
        }

        .form-group input:focus {
            border-color: #1a73e8;
            outline: none;
        }

        .form-group label {
            position: absolute;
            left: 12px;
            top: 50%;
            transform: translateY(-50%);
            color: #5f6368;
            transition: all 0.2s;
            pointer-events: none;
            background: white;
            padding: 0 4px;
            font-weight: 400;
        }

        .form-group input:focus + label,
        .form-group input:not(:placeholder-shown) + label {
            top: 0;
            font-size: 12px;
            color: #1a73e8;
        }

        .remember-forgot {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 24px;
        }

        .remember-me {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #5f6368;
            font-weight: 400;
        }

        .forgot-password {
            color: #1a73e8;
            text-decoration: none;
            font-weight: 500;
        }


        .login-button {
            position: relative;
            width: 100%;
            padding: 12px;
            background-color: #1a73e8;
            color: white;
            border: none;
            border-radius: 4px;
            font-family:'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: background-color 0.2s;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }

        .login-button:hover {
            background-color: #1557b0;
        }

        .login-button:disabled {
            background-color: #89b4e8;
            cursor: not-allowed;
        }

        .button-spinner {
            width: 20px;
            height: 20px;
            border: 2px solid rgba(255, 255, 255, 0.3);
            border-radius: 50%;
            border-top-color: white;
            animation: spin 1s linear infinite;
            display: none;
        }

        .login-button.loading .button-spinner {
            display: inline-block;
        }

        .login-button.loading .button-text {
            visibility: hidden;
            opacity: 0;
            position: absolute;
        }

        @keyframes spin {
            to {
                transform: rotate(360deg);
            }
        }

        .create-account {
            text-align: center;
            margin-top: 24px;
            font-weight: 400;
        }

        .create-account a {
            color: #1a73e8;
            text-decoration: none;
            font-weight: 500;
        }

	.animated {
		-webkit-animation-duration: 2s;
		animation-duration: 2s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both
	}

	@-webkit-keyframes fadeInDown {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(0, -20px, 0);
			transform: translate3d(0, -20px, 0)
		}

		to {
			opacity: 1;
			-webkit-transform: none;
			transform: none
		}
	}

	@keyframes fadeInDown {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(0, -20px, 0);
			transform: translate3d(0, -20px, 0)
		}

		to {
			opacity: 1;
			-webkit-transform: none;
			transform: none
		}
	}

	.fadeInDown {
		-webkit-animation-name: fadeInDown;
		animation-name: fadeInDown
	}

	@media (max-width: 480px) {
	    .login-card {
		margin: 16px;
		padding: 24px;
	    }
	}


/*** PAGINADOR ***/
    .container-pagination {
      width: 100%;
      max-width: 800px;
      padding: 0.2rem;
    }
    
    .pagination {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 0.5rem;
      gap: 0.4rem;
    }
    
    .pagination button {
      font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
      border: none;
      background: none;
      cursor: pointer;
      height: 34px;
      width: 34px;
      border-radius: 6px;
      font-size: 13px;
      font-weight: 500;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: all 0.2s ease;
      color: #6b7280;
    }
    
    .pagination button.active {
      background-color: #1a73e8;
      color: white;
      font-weight: 600;
      cursor: not-allowed;
    }
    
    .pagination button:hover:not(.active):not(.disabled) {
      background-color: #e5e7eb;
      color: #1f2937;
    }
    
    .pagination button.disabled {
      opacity: 0.5;
      cursor: not-allowed;
    }
    
    .pagination .dots {
      padding: 0 6px;
      color: #6b7280;
    }
    
    .pagination .icon-button i {
      font-size: 12px;
    }
    
    @media (max-width: 640px) {
      .pagination {
        gap: 0.25rem;
      }
      
      .pagination button {
        height: 32px;
        width: 32px;
        font-size: 12px;
      }
      
      .pagination .page-number:not(.active) {
        display: none;
      }
      
      .pagination .page-number.active,
      .pagination button:first-child,
      .pagination button:nth-child(2),
      .pagination button:nth-last-child(2),
      .pagination button:last-child,
      .pagination .dots {
        display: flex;
      }
    }

/*** FIM PAGINADOR ***/


/*** BOX DE ALERTA NO INDEX ***/
    .aviso-box {
      background-color: #fff9c4;
      border-left: 5px solid #ffd600;
      border-radius: 4px;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
      padding: 16px;
      width: 100%;
      max-width: 600px;
      display: flex;
      align-items: center;
      transition: all 0.3s ease;
    }
    
    .aviso-icon {
      margin-right: 12px;
      min-width: 24px;
    }
    
    .aviso-icon svg {
      width: 24px;
      height: 24px;
      fill: #ff9800;
    }
    
    .aviso-texto {
      font-size: 14px;
      color: #333;
      font-weight: 600;
      text-align: justify;
    }
    
    /* Responsividade */
    @media (max-width: 480px) {
      .aviso-box {
        padding: 12px;
      }
      
      .aviso-texto {
        font-size: 12px;
      }
    }

/*** FIM BOX ***/

/*** -------------------------------------------------------------------------------------------------------- ***/
/*** oldies ***/

.fieldset {
	font-family:'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size:12px;
	border: 1px solid #000000;
	margin:0px 0px 0px 0px;

}
.fieldset legend {
	font-family:'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size:10px;
	font-weight:bolder;
	color:#000000;
}

.link-pequeno:link {
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
.link-pequeno:visited {
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
.link-pequeno:hover {
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 10px;
	color: #FF0000;
}
.link-pequeno:active {
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

.link-cinza:link {
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 14px;
	color: #666666;
	text-decoration: none;
}
.link-cinza:visited {
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 14px;
	color: #666666;
	text-decoration: none;
}
.link-cinza:hover {
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 14px;
	color: #1a73e8;
}
.link-cinza:active {
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 14px;
	color: #666666;
	text-decoration: none;
}

.select-styled {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-padding-end: 20px;
    -moz-padding-end: 20px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    width:200px;
    background-color: #FFFFF; /* fallback color if gradients are not supported */
    background-image: url(../images/setaselect.png), -webkit-linear-gradient(top, #E5E5E5, #F4F4F4); /* For Chrome and Safari */
    background-image: url(../images/setaselect.png), -moz-linear-gradient(top, #E5E5E5, #F4F4F4); /* For old Fx (3.6 to 15) */
    background-image: url(../images/setaselect.png), -ms-linear-gradient(top, #E5E5E5, #F4F4F4); /* For pre-releases of IE 10*/
    background-image: url(../images/setaselect.png), -o-linear-gradient(top, #E5E5E5, #F4F4F4); /* For old Opera (11.1 to 12.0) */ 
    background-image: url(../images/setaselect.png), linear-gradient(to bottom, #E5E5E5, #F4F4F4); /* Standard syntax; must be last */
    background-position: center right;
    background-repeat: no-repeat;
    border: 1px solid #AAA;
    border-radius: 2px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    color: #555;
    font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
    font-size: 14px;
    margin: 0;
    overflow: hidden;
    padding-top: 2px;
    padding-bottom: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select::-ms-expand {
    display: none; /* hide default arrow in IE10 */
}


/*** login ***/
.table-login
{
	background-color: #EFEFEF;
	color: #000000;
	font: 16px 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	margin: 0px;
	border-width: 1px;
	padding: 1px 1px 1px 1px;
	border-style: dashed dashed dashed dashed;
	border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;
	-moz-border-radius: 0px 0px 0px 0px;	
}

/******/
.table-opcoesgerais
{
	background-image: url(../images/fundo-titulo-caixa2.jpg);
	background-repeat: repeat-x;	
	background-position: bottom;
	background-color: #0059BB;
	font: 10px 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	margin: 0px;
	border-width: 0px;
	padding: 1px 1px 1px 1px;
	border-style: dashed dashed dashed dashed;
	border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;
	-moz-border-radius: 0px 0px 0px 0px;	}
.table-opcoesgerais td
{	
	background-image: url(../images/vropcoesgerais2.gif);
	background-repeat: no-repeat;
	background-position:top left;	
	border-width: 1px;
	border-style: none none none none;
	font: 10px 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	color: #FFFFFF;
	padding: 1px 1px 1px 20px;
}
.table-opcoesgerais a:link {
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.table-opcoesgerais a:visited {
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.table-opcoesgerais a:hover {
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0059BB;
}
.table-opcoesgerais a:active {
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0059BB;
	text-decoration: none;
}

/******/
.table-blue-gradiente
{
	background-image: url(../images/fundo-titulo-caixa1.jpg);
	background-repeat: repeat-x;	
	background-position: bottom;
	background-color: #438FCF;
	font: 10px 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	margin: 0px;
	border-width: 1px;
	padding: 1px 1px 1px 1px;
	border-style: dotted dotted dotted dotted;
	border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;
	-moz-border-radius: 0px 0px 0px 0px;	
}
.table-blue-gradiente td{
	background-color: #448FD0;
	background-image: url(../images/vrmenublue.gif);
	background-repeat: no-repeat;
	background-position:top left;	
	border-width: 0px;
	padding: 0px 0px 0px 2px;
	border-style: dashed dashed dashed none;
	font: 10px 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	color: #FFFFFF;
}
.table-blue-gradiente a:link {
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.table-blue-gradiente a:visited {
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.table-blue-gradiente a:hover {
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFF00;
}
.table-blue-gradiente a:active {
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFF00;
	text-decoration: none;
}

/******/
.input-text
{
  COLOR:#000000; FONT-FAMILY: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif; FONT-SIZE: 16px;font-weight:400;
  background-color: #FFFFFF; 
  border: 1px solid #CCCCCC;
}

.input-text:focus {
    border-style:solid;
    border-color: #3486fa;
    box-shadow: 0 2px 8px rgba(190, 233, 255, 1);
    outline:0;
}

.input-text:placeholder {
    font: 0.7rem 'Satoshi-Medium','Proxima Nova','Roboto';
    font-style: italic;
}

.input-text-peq
{
  COLOR:#000000; FONT-FAMILY: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif; FONT-SIZE: 14px;font-weight: 400;
  background-color: #FFFFFF; 
  border: 1px solid #CCCCCC;
}

.input-text-peq:focus {
    border-style:solid;
    border-color: #3486fa;
    /* box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0);*/
    box-shadow: 0 2px 8px rgba(190, 233, 255, 1);
    outline:0;
}

.input-text-peq::placeholder {
    font: 0.7rem 'Satoshi-Medium','Proxima Nova','Roboto';
    font-style: italic;
}

.input-text-amarelo {
    color: rgba(0, 0, 0, .8980392157);
    font-size: 14px;
    margin: 0;
    font-family: inherit;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    height: 30px;
    padding: 10px 10px 10px 10px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    border-width: 1.5px;
}

.input-text-amarelo:focus {
    background-color: #FFFF66;
    border-style:solid;
    border-color: #3486fa;
    box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0);
    outline:0;
}

.input-login
{
	COLOR:#000000; FONT-FAMILY: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif; FONT-SIZE: 20px;font-weight: bold;
	background-color: #FFFFFF; 
	border: 1px solid #CCCCCC;
}

.input-select
{
	COLOR:#000000; FONT-FAMILY: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif; FONT-SIZE: 12px;font-weight: bold;
	background-color: #FFFFFF; 
	border: 1px solid #CCCCCC;
	background: #fff url(../images/input-topfade.gif) repeat-x top; border-style: none solid solid; vertical-align: middle; border: 1px solid #aaa; padding: 3px; color: #555; margin: 0;
}

.button-grande
{
	COLOR:#000000; FONT-FAMILY: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif; FONT-SIZE: 18px;font-weight: bold;
}

.button-normal
{
	COLOR:#000000; FONT-FAMILY: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif; FONT-SIZE: 14px;font-weight: bold;
}

.button-azul {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
  font-weight:bold;
  border: solid #1f628d 2px;
  color: #ffffff;
  font-size: 16px;
  padding: 5px 15px 5px 15px;
  text-decoration: none;
}

.button-azul:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.button-azul-peq {
  background: #0175a6;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
  font-weight:bold;
  border: solid #1f628d 2px;
  color: #ffffff;
  font-size: 12px;
  padding: 5px 15px 5px 15px;
  text-decoration: none;
}

.button-azul-peq:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

/******/
#conteudo {
	padding: 5px;
	margin: 0px 0px 10px 0px;
	min-height: 200px;
}


/*** caixas ***/
.caixa1 {
	border:1px solid #0059BB;
	background-image: url(../images/fundo1-caixa1.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	min-height: 200px;
	margin-bottom: 10px;
}
.caixa1 h2 {
	font-size: 1em;
	color: #0059BB;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 20px 0px;
}
.caixa1 h1 {
	padding: 12px 0px 18px 15px;
	margin: -1px 0px 0px 0px;
	font-size: 1.1em;
	background-image: url(../images/fundo-titulo-caixa1.jpg);
	background-repeat: repeat-x;
	color: #ffffff;
	position: relative;
}
.caixa1 p {
	margin: auto;
	margin-bottom: 20px;
}
.caixa1 .megaimg {
	float: none;
	margin: 20px 0px 20px 0px;
}

.caixa1 h1 .titulo-cantoesq, .caixa1 h1 .titulo-cantodir {
	position: absolute;
	width: 8px;
	height: 46px;
	display: block;
	top: 0px;
	background-repeat: no-repeat;
}
.caixa1 h1 .titulo-cantoesq {
	background-image: url(../images/cantoesq-titulo-caixa1.jpg);
	left: -1px;
}
.caixa1 h1 .titulo-cantodir {
	background-image: url(../images/cantodir-titulo-caixa1.jpg);
	right: -1px;
}
.caixa1 .caixa-cont {

	padding: 5px 5px 5px 5px;
}
.menulateral a:link {
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.menulateral a:visited {
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 11px;
	color: #0059BB;
	text-decoration: none;
}
.menulateral a:hover {
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 11px;
	color: #0059BB;
}
.menulateral a:active {
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 11px;
	color: #0059BB;
	text-decoration: none;
}
.menulateralbold a:link {
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.menulateralbold a:visited {
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0059BB;
	text-decoration: none;
}
.menulateralbold a:hover {
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0059BB;
}
.menulateralbold a:active {
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0059BB;
	text-decoration: none;
}
.menubottom a:link {
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 14px;
	color: #0175a6;
	font-weight: bold;
	text-decoration: none;
}
.menubottom a:visited {
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 14px;
	color: #0175a6;
	font-weight: bold;
	text-decoration: none;
}
.menubottom a:hover {
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 14px;
	color: #666666;
	font-weight: bold;
}
.menubottom a:active {
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 14px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}

/*** janela gen rica ***/
.janela_generica_fader {
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height: 300%;
background-color: #000;
z-index: 1001;
-moz-opacity: 0.8;
opacity: 0.80;
filter: alpha(opacity=80);
-khtml-opacity: 0.7;
}

.janela_generica {
display:none;
background:#FFFFFF;
position:absolute;
top:50%;
left:50%;
margin-left:-470px;
margin-top:-350px;
padding: 0px 0px 0px 0px;
width:1000px;
height:670px;
border:4px solid #d0d0d0;
z-index:100000
}

/*** janela produtos ***/
.janela_produto_fader {
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height: 100%;
background-color: #000000;
z-index: 10010;
-moz-opacity: 0.8;
opacity: 0.80;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); 
filter: alpha(opacity=80);
-khtml-opacity: 0.8;
}

.janela_produto {
display:none;
background:#FFFFFF;
position:absolute;
top:50%;
left:50%;
margin-left:-470px;
margin-top:-350px;
padding: 0px 0px 0px 0px;
width:1000px;
height:670px;
border:4px solid #d0d0d0;
z-index:100000
}

/*** janela detalhe produtos ***/
.table-janela-produtos-fechar
{
	background-color: #FFFFFF;
	color: #000000;
	font: 12px 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	margin: 0px;
	border-width: 1px;
	padding: 1px 1px 1px 1px;
	border-style: dashed dashed dashed dashed;
	border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;
	-moz-border-radius: 0px 0px 0px 0px;	
}

.table-janela-produtos-nome
{
	background-color: #FFFFFF;
	color: #000000;
	font: 12px 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	margin: 0px;
	border-width: 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;
	-moz-border-radius: 0px 0px 0px 0px;	
}

.table-janela-produtos-preco
{
	background-color: #FFFFFF;
	color: #000000;
	font: 12px 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	margin: 0px;
	border-width: 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;
	-moz-border-radius: 0px 0px 0px 0px;	
}

/*** lista de produtos ***/
.table-lista-produtos
{
	background-color: #FFFFFF;
	color: #000000;
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 12px;
	margin: 0px;
	border-width: 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;
	-moz-border-radius: 0px 0px 0px 0px;	
}

/*** lista de produtos ***/ 
.table-lista-produtos label
{
	font-family: 'Satoshi-Bold','Proxima Nova','Roboto', sans-serif;
	color:#333333;
	font-size: 11px;
}

.table-lista-produtos tr:hover{
	background-color: #EFEFEF;
	border-style: groove;
}

/*** lista de produtos - modo matricial ***/
.table-lista-produtos-matricial
{
	background-color: #FFFFFF;
	color: #000000;
	font: 12px 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	margin: 1px;
	border-width: 1px;
	padding: 1px 1px 1px 1px;
	border-style: dotted dotted dotted dotted;
	border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;
	-moz-border-radius: 0px 0px 0px 0px;	
}

.table-lista-produtos-matricial th{
	background-color: #EFEFEF;
}

.table-lista-produtos-matricial td{
	border-width: 1px;
	padding: 1px 1px 5px 10px;
	border-style: none none dotted none;
	border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;
}

/*** paginador lista de produtos ***/
.table-lista-produtos-paginador
{
	background-color: #FFFFFF;
	color: #000000;
	font: 16px 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	margin: 10px 20px 10px 20px;
	border-width: 1px;
	padding: 1px 1px 1px 1px;
	border-style: none solid solid none;	
	border-color: #0059BB #0059BB #0059BB #0059BB;
	-moz-border-radius: 0px 0px 0px 0px;	
}
.table-lista-produtos-paginador a:link {
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}
.table-lista-produtos-paginador a:visited {
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}
.table-lista-produtos-paginador a:hover {
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #3483fa;
}
.table-lista-produtos-paginador a:active {
	font-family: 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #3483fa;
	text-decoration: none;
}

/*** destaques inclusive da pagina de abertura ***/
.table-box-destaques
{
	background-repeat: repeat-x;		
	background-color: #FFFFFF;
	font: 14px 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	margin: 0px;
	border-width: 1px;
	padding: 1px 1px 1px 1px;
	border-style: none;
	border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;
	-moz-border-radius: 0px 0px 0px 0px;	}
.table-box-destaques td
{	
	border-width: 0px;
	border-style: none none none none;
	font: 14px 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	color: #333333;
	padding: 1px 1px 1px 10px;
}


/*** MEUS PEDIDOS ***/
.table-meuspedidos-destaques
{
	background-color: #f5f5f5;
	color: #000000;
	font: 12px 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	border-radius:6px;
	margin: 0px;
	border-width: 1px;
	padding: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #cccccc;
}

.table-meuspedidos-destaques td
{
	border-style: none none none none;
	padding: 0px 0px 0px 0px;
	
}

.table-meuspedidos-detalhes
{
	background-color: #FFFFFF;
	color: #000000;
	font: 12px 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	margin: 0px;
	border-width: 1px;
	padding: 1px 1px 1px 1px;
	border-style: none solid solid solid;
	border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;
	-moz-border-radius: 0px 0px 0px 0px;	
}

.table-meuspedidos-detalhes td
{
	border-style: none none solid none;
	border-width: 1px 1px 1px 1px;
	border-color: #efefef;
	padding: 10px 0px 10px 10px;
}

.table-meuspedidos-detalhes a
{
       color:#0175a6;
       text-decoration:none;
}
    
.table-meuspedidos-detalhes a:hover{
	color:#000000;"
}
.table-meuspedidos-detalhes a:active{
	color:#000000;"
}
.table-meuspedidos-detalhes a:visited{
	color:#000000;"
}

/*** lista carrinho de compras ***/

.table-lista-carrinho
{
	width:100%;
	font: 12px 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	margin: 0px;
	border-width: 1px;
	border-radius:6px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;
	-moz-border-radius: 0px 0px 0px 0px;	}
.table-lista-carrinho td
{	
	border-width: 1px;
	border-style: none none none none;
	font: 12.5px 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	color: #333333;
	padding: 1px 1px 1px 10px;
}

/*** lista carrinho de compras ***/

.table-lista-formapagto
{
	width:95%;
	font: 14px 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	margin: 0px;
	border-width: 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;
	border-radius: 5px 5px 5px 5px;	
}
	
.table-lista-formapagto td
{	
	border-width: 1px;
	border-style: none none none none;
	font: 14px 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	color: #333333;
	padding: 1px 1px 1px 10px;
}

.table-lista-formapagto tr:hover
{	
	background: #f0faff;
	
}

.table-lista-formaentrega
{
	width:95%;
	font: 14px 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	margin: 0px;
	border-width: 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;
	border-radius: 5px 5px 5px 5px;	
}
	
.table-lista-formaentrega td
{	
	border-width: 1px;
	border-style: none none none none;
	font: 14px 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	color: #333333;
	padding: 1px 1px 1px 10px;
}

.table-lista-formaentrega tr:hover
{	
	background: #f0faff;
	
}


.table-lista-pedido-com-foto
{
	font: 12px 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	margin: 0px;
	border-width: 1px;
	padding: 0px 0px 0px 0px;
	border-style: none dashed dashed none;
	border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;
	-moz-border-radius: 0px 0px 0px 0px;	}
.table-lista-pedido-com-foto td
{	
	border-width: 1px;
	border-style: dashed none none dashed;
	border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;
	font: 12px 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	color: #333333;
	padding: 10px 0px 10px 0px;
}
/*** rodape das paginas ***/
.div-bottom
{
        font: 12px 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
        color: #000000;
	background-color: #f9f9f9;
        position: relative;
        height: 130px;
        margin: 0px 20px 20px 20px;
	border-width: 1px;
	padding: 0px 0px 0px 0px;
	border-style: solid solid solid solid;
	border-color: #d3d3d3;
	-moz-border-radius: 8px 8px 8px 8px;
	 border-radius: 8px;

}

.table-pedidosucesso
{
	background-color: #F0FEE9;
	color: #000000;
	font: 14px 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
	margin: 0px;
	border-width: 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #A2FB76 #A2FB76 #A2FB76 #A2FB76;
	-moz-border-radius: 0px 0px 0px 0px;	
}

.tabelaavisos {
	background-color:#FFFFD9;
	font:bold 12px/16px Tahoma, Open Sans,Arial, Helvetica, sans-serif;
	width:350px;
	width:600px;
	_width:500px;
	color:#666666;
	padding:2px 0pt 2px 8px;
	border:solid 1px #FF0000;
}

::-webkit-input-placeholder {
   color: #AFAFAF;
   font: 16px 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
   font-style: italic;
}

:-moz-placeholder {
   color: #AFAFAF;
   font: 16px 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
   font-style: italic;
}

::-moz-placeholder {
   color: #AFAFAF;
   font: 16px 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
   font-style: italic;
}

:-ms-input-placeholder {  
   color: #AFAFAF;
   font: 16px 'Satoshi-Medium','Proxima Nova','Roboto', sans-serif;
   font-style: italic;
}