@import url('../../css/public.css');
@import url('../../css/product.css');

body { background-color:#f0f0f0; font-family:Pandandish2, Tahoma, Geneva, sans-serif }
a { color:#ffa000 }
a:hover { color:#ff9800 }
/* page aize */
.container {max-width: 980px;}
.page-header { background:#212121; color:#fff; border-bottom:10px solid #ffe57f }
.page-header h1 { background:#212121; line-height:140px; height:140px }
.page-footer { background:#3C7BEE; color:#fff; border-top:10px solid #6B9BF3 }

.button { background-color:#ffab00}
.button:hover { background-color:#ffc400 }
.button:focus { background-color:#000 }

.box > .head { background-color:#ffc400; color:#000; border-bottom:4px solid #ffe57f; padding:0 1em; line-height:2em }

.page-nav .nav-menu { color:#000; background-color:#ffc400; padding:8px; line-height:2.4em }
.nav-menu li { border-left:1px solid rgba(255,255,255,.4) }

.menu li:hover { background-color:#ffab00 }

.bx-vertical-menu, .bx-vertical-menu .head { background-color:#ffc400; color:#000 }
.bx-vertical-menu .head { border-bottom:1px solid rgba(0,0,0,.2) }
.bx-vertical-menu .body { padding:0 0 8px }

.card {box-shadow: 0 0px 0px 0 rgba(0,0,0,.14),0 0px 0px 0px rgba(0,0,0,.2),0 0px 0px 0 rgba(0,0,0,.12)}
.cell.large-4col{ border:1px solid rgba(126,126,126,.4)}
.cell.large-4col:hover { background-color:#D0D0D0 }

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="time"], input[type="date"], input[type="datetime-local"], input[type="tel"], input[type="number"], input[type="search"], textarea {
background-image: linear-gradient(#ffc400,#ffc400),linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3))}

form.search input{ border:1px solid rgba(126,126,126,.4)}
.btn-floating { border-radius: 0 ;height: 36px;}

.container {margin: 0 auto; max-width: 1200px; width: 100%; }