body { bbackground: #fff3e6; background: url("dir/img/papir3.jpg") repeat scroll 0 0 transparent; background-size:cover; background-size: 100% 100%; align:center; text-align:center; align:center; font-size:1.2em; margin:0px; color:#800000; font-family: Arial, Helvetica, sans-serif; }
a { color: black; text-decoration:none }
.userdiv { height: 22px; top: 38px;	right:30px;	background: white; position: absolute; border-radius: 10px; padding: 6px; }
.menudiv { color: yellow;  align:center; height: 60px; }
.maindiv { align:center; text-align:center; background: white; padding:0px; color: black }
.linkdiv { background: white; margin:auto; border-radius:5px; padding:5px; text-align:center }
.linkpic { padding:0 }
.message { padding:10px; background:yellow; color:black; border-radius:5px; font-weight:bold }
.imgright { float:right }
.imgleft { float:left }
.control { background: #ff9 }
.article { background:white; padding:10px }
.article img { padding:10px }
.modul { border-radius: 12px; background: rgba(40,40,40,0.6); padding: 6px; width:1260px; margin:auto }
.tabla { margin:auto }
table.tabla td { background:#fff7e6; color:#660000; align:center; font-size:1.2em; text-align:center }
input,select,textarea { background:#ffffcc; align:center; text-align:center; padding-left:2px; padding-right:2px; font-size:0.9em; }
.shopimage { width:230px;height:230px;opacity:0.8; transition-duration:0.3s; }
.shopimage:hover { width:266px;height:260px;opacity:1 }
.shopimage-gray { width:230px;height:230px;opacity:0.8; transition-duration:0.3s; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%);filter: grayscale(100%); }
.shopimage-gray:hover { width:266px;height:260px;opacity:1;  -webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-o-filter: grayscale(0%);-ms-filter: grayscale(0%);filter: grayscale(0%); }
.shopbtn { font-weight:bold; background:#ffbf80; font-size:1.2em; }
#dlg { background:#eeaa66; border: 3px solid; border-radius: 6px; border-color:#400; position: fixed; overflow:auto; bottom: 8%; left:20%; width:60%; color:#400; padding: 6px; z-index:1000 }
#support { background:#fff5cc; border: 3px solid; border-radius: 6px; border-color:#400; position: fixed; overflow:auto; top: 8%; right:2%; width:40%; color:#600; padding: 12px; z-index:1000 }
#upper1 { background:#ffbf80; font-weight:bold; position:fixed; top:0%; width:100%; height:24px; color:#400; padding:6px; z-index:1000;  font-family: Garamond, serif }
#footer { background:#ffe4cc; font-weight:bold; width:100%; height:24px; color:#400; padding:6px; z-index:1000; font-family: Garamond, serif }
.uppertext { font-weight:bold; color:#400; padding-left:8px; font-size:1.1em; font-family: Garamond, serif }
#maincontent { margin:auto; background:#fff8f2; color:black; width:1200px; padding:20px; font-family-old: Garamond, serif; font-family: Arial, Helvetica, sans-serif; }
.grayscale {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%);filter: grayscale(100%); }
.modal { display:none; position:fixed; z-index:2000; padding-top:10vh; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); }
.modal-content { background-color:#999966; margin:auto; padding:10px; width:1200px; overflow:auto; }
button { background:#ffffcc; box-shadow: 5px 8px #bbb; cursor:pointer; border-radius:0px; font-size:1em; padding:5px; color:#800000; transition-duration:0.4s; opacity:0.8 }
button:hover {  background:#ffbf80; box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19); opacity:1 }
button.profi { font-weight:bold; border:none; box-shadow:none; cursor:pointer; background:none; border-radius:0; font-size:1.2em; color:black; transition-duration:0.4s; opacity:0.8 }
button.profi:hover { color:#cc7a00; opacity:1 }
button.profi:focus { color:#cc7a00; opacity:1; border: 0px solid white; }
button.profi-selected { opacity:1; color:#cc7a00; text-decoration:underline; }
.button1 { box-shadow: 5px 8px #bbb; background-old:#ffbf80;background:#ffffcc;width:340px;height:60px }
.button1:hover { background:#ff9933 }

.cat_normal { color:black; background: url("dir/img/bg4.jpg") repeat scroll 0 0 transparent; background-size:cover; box-shadow: 5px 8px #bbb; text-align:center; cursor:pointer; transition-duration:0.5s; padding:6px; opacity:0.8 }
.cat_normal:hover { box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24), 0 8px 25px 0 rgba(0,0,0,0.19); opacity:1 }
.cat_selected { color:white; background: url("dir/img/bg5.jpg") repeat scroll 0 0 transparent; box-shadow: 5px 8px #bbb; text-align:center; cursor:pointer; transition-duration:0.5s; padding:6px; opacity:0.8 }
.cat_selected:hover { box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24), 0 8px 25px 0 rgba(0,0,0,0.19); opacity:1 }

.old_cat_normal { background:#ffffcc; box-shadow: 5px 8px #bbb; text-align:center; cursor:pointer; border-radius:10px; border: 1px outset #994d00; transition-duration:0.5s; padding:6px; }
.old_cat_normal:hover { background:#ffff80; box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24), 0 8px 25px 0 rgba(0,0,0,0.19); opacity:1 }
.old_cat_selected { text-align:center; color:#4d3319; cursor:pointer; border-radius:10px; border: 2px outset #604020; transition-duration:0.5s; padding:6px; }
.old_cat_selected:hover { background:#ffb31a; box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24), 0 8px 25px 0 rgba(0,0,0,0.19); opacity:1 }