@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(menu.css);
*{
    font-family: 'Open Sans', sans-serif;
}
img{
    max-width: 100%;
}
.login{
	background-color:#000;
}

.box-login{
    width: 400px;
	  height: 300px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -160px;
    border-radius: 3px;
    border: 1px solid #000;
    text-align: center;
}
.box-login img{
    max-width: 240px;
    display: block;
    margin: 30px auto 30px auto;
}
.box-login form input{
    width: 240px;
    height: 30px;
    border: 1px solid #999;
    border-radius: 3px;
    margin: 0 auto 10px auto;
    display: block;
    text-align: center;
    background: #fafafa;
}
.box-login form input[type="submit"],.box-login form input[type="button"]{
    background: #000;
    border: 0;
    color: white;
}
.erro{
    text-align: center;
    font-style: italic;
    color: tomato;
}

.logo{
    padding: 10px;
}
.logo img{
    height: 60px;
}

.visitaLoja{
    margin-right: 10px;
}
.minhaConta{
    background: none;
    border: none;
}
.dirTopo{
    padding-top: 12px;
	float:right;
}
.menuPrincipal.navbar-link{
    background: #000!important;
    border: none;
    box-shadow: none;
	width:100%;
}
.menuPrincipal.navbar-link .nav.navbar-nav > li > a{
    color: #fff;
}
.menuPrincipal.navbar-link .nav.navbar-nav > li > a:hover{
    background: #f1f1f1;
}
.menuPrincipal.navbar-link .nav.navbar-nav > li > a:focus{
    background: #f1f1f1!important;
}
.buscaInterna{
    width: 100%;
}
.buscaInterna input[type="search"]{
    width: 70%;
    height: 40px;
}
.buscaInterna button{
    height: 40px;
}

/* SMALL */
.sm-primary{color: #a86b19;}
.sm-success{color: #5cb85c;}
.sm-info{color: #5bc0de;}
.sm-warning{color: #f0ad4e;}
.sm-danger{color: #d9534f;}
.sm-gray-light{color: #777;}

#canvas-holder{
    width:100%;
}
.box-info{
    background: #efefef;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 1px 2px 0 #aaa;
}
.box-info p.value{
    font-size: 20pt;
    color: #a86b19;
    padding: 40px 20px 0;
    margin-bottom: 10px;
}
.box-info p.title{
    color: #9b9b9b;
    padding-bottom: 40px;
    margin: 0;
}
.oculta{
    display: none!important;
}
#menu ul{
	list-style:none;
}
#menu ul li{
	margin-bottom:10px;
	padding:10px;
	border-bottom:1px solid #ccc;
}

.wrapper {
        margin: 10px auto;
        padding: 5px 10px;
        max-width: 600px;
        min-width: 300px;
        width: 90%;
    }
    .form-row {
        padding: 10px;
    }
    label {
        margin: 3px 0;
    }
    .form-row input {
        width: 220px;
        padding: 3px 1px;
    }
    .date-time input[type="date"] {
        width: 130px;
    }
    .date-time input[type="time"] {
        width: 85px;
    }

    .conteudo{
      margin-bottom:50px;
  }
  .conteudo h1{
      text-align:center;
      background-color:#000;
      color:#fff;
      text-shadow:1px 2px 3px #404042;
      text-transform:uppercase;
      padding: 35px 0px 25px 0;
  }
  .conteudo > .container > p{
      margin:20px 0;
  }
  .titulo{
      text-align:center;
      color:red;
    font-size: 24px;
  }

 form {
  /* width:700px; */
  margin:auto;
}
 form input{
    outline: none;
    width: 100%;
    border: 1px solid #9fa1a4;
    border-radius: 4px;
    height: 34px;
}
 form label{
    width:100%;
    margin:15px 0;
}

 form label .tres{
    width:30%;
    margin-left:2%
}
 form select{
    width: 100%;
    border-radius: 4px;
    height: 34px;
    border: 1px solid #9fa1a4;
}
 form .radio input[type="radio"]{
    width:auto;
    height:auto;
}
 form .radio label{
    width:auto;
    margin: 2px;
}
 form .radio p{
    margin-bottom:0;
    margin-top:30px;
}
 form .checkbox input[type="checkbox"]{
    width:auto;
    height:auto;
}
 form .checkbox label{
    width:auto;
    margin: 2px;
}
 form .checkbox p{
    margin-bottom:0;
    margin-top:30px;
}
 form textarea{
    width:100%;
    outline:none;
}
 form .botao{
    text-align:center;
}
 form .botao input{
    background-color:#040505;
    width:auto;
    color: white;
    font-size: 16px;
    border: none;
    margin: 0;
    border-radius: .25rem;
    height: auto;
    padding: 9px 25px 4px 25px;
    text-transform:uppercase;
    cursor:pointer;
    letter-spacing: 1px;
}
 form .upload input{
    border: none;
    margin-bottom: 20px;
    width: auto;
}

input {
  padding-left: 5px !important;
}

@media screen and (max-width: 767px){
    table{
        width: 100%!important;
    }
    table td{
        padding: 10px 0!important;
    }
}
