body{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#clientes table{
	width:50%
}
#clientes td{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding:2px;
	width:33% !important;
}

#clientes td input{
	width:100%
}
#clientes td select{
	width:100%
}
#clientes td {
	width:100%
}
#proveedor table{
	width:50%
}
#proveedor td{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding:5px;
	border:#630 solid 1px
}

#proveedor td input{
	width:90%
}
#proveedor td input[type="button"]{
	background:#633; 
	color:#FFF; 
	width:100%; 
	height:30px;
}
#proveedor td input[type="submit"]{
	background:#633; 
	color:#FFF; 
	width:100%; 
	height:30px;
}

#proveedor td select{
	width:90%
}
.volver{
	background:#633; 
	color:#FFF; 
	width:150px; 
	height:30px;
	padding:10px
}
#volvertabla td{
	border:none;
	text-align:center;
}
#ordenpedido table{
width:60%;
border:none;
}
#ordenpedido td{
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding:5px;
	border:#630 solid 0px
}
#ordenpedido td input{
	width:100%
}
#ordenpedido td select{
	width:100%
}
#ordenpedido td textarea{
	width:100%
}
#servicios {
    background: rgba(0,0,0,0.7);
    width: 300px;
    transition: all 0.5s;
    position: relative;
}
#ser {
    background: #000066;
    color: #FFFFFF;
    position: absolute;
    padding: 5px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    margin-left: 277px;
    margin-top: 9px;
}

nav {
    position: fixed;
    left: -290px;
    z-index: 10;
    top: 15vh;
}
  .servclas {
    list-style: none;
	height:250px;
	margin-left:0px;
	padding-left:0px
}
#servicios li {
    display: block;
    list-style-type: disc;
    padding-left:10px;
	padding:10px
}
#servicios li a{
	text-decoration:none;
	color:#FFF;

}
#ordenpedido td input[type="button"]{
	background:#633; 
	color:#FFF; 
	width:100%; 
	height:30px;
}
#ordenpedido td input[type="submit"]{
	background:#633; 
	color:#FFF; 
	width:100%; 
	height:30px;
}
.menuboton td{
	-webkit-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
-webkit-box-shadow: 1px 1px 5px 1px #000000;
box-shadow: 1px 1px 5px 1px #000000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a8747f+0,8f0222+56,6d0019+100 */
background: #a8747f; /* Old browsers */
background: -moz-linear-gradient(top, #a8747f 0%, #8f0222 56%, #6d0019 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #a8747f 0%,#8f0222 56%,#6d0019 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a8747f 0%,#8f0222 56%,#6d0019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8747f', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
color:#FFF;

}
.menuboton td:hover{
	-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
-webkit-box-shadow: 0px 0px 0px 0px #000000;
box-shadow: 0px 0px 0px 0px #000000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a8747f+0,8f0222+56,6d0019+100 */
background: #a8747f; /* Old browsers */
background: -moz-linear-gradient(top, #a8747f 0%, #8f0222 56%, #6d0019 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #a8747f 0%,#8f0222 56%,#6d0019 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a8747f 0%,#8f0222 56%,#6d0019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8747f', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
color:#FFF
}
.menuboton a{
	text-decoration:none;
	color:#FFF
}