@charset "utf-8";
/* CSS Document */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box; }
.box12, .box12-all > div {padding:3px 12px; box-sizing: border-box; margin:0; float:left;  margin:2px .5%; position:relative; overflow:auto; }
.onme12:hover, .onme12-all > div:hover { opacity:.5; cursor:pointer;}
.box12 p, .box12 h1, .box12 h2 {margin:0 auto; padding:.5%;}

.whitebox, .whitebox-all > div { background:#FCFCFC; border:#DEDEDE 1px solid;}
.greybox, .greybox-all > div { background: #CCC; border:#999 1px solid;}
.bluebox, .bluebox-all > div { background: #1467E4; color:#FFF; border:#FFF 2px solid; box-shadow:0 0 5px #333;}
.fancy, .fancy-all > div { border-width:2px; box-shadow:#333 0 0 4px #333; border-radius:8px; font-weight:bold;}

.divider {border-bottom:1px solid #87A9F8; font-size:14px; color:#666; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:6px 0;}
.toggle h2:after {content:" ►";}
.toggle h2:hover {cursor:pointer; color:#666;}
.toggle h2:hover:after { content:" ▼";}

.especial:after { content:url(/indiconew/img/especial.png); position:absolute; top:0; right:0; z-index:200;}

.bordit { border: 1px solid #999;}
.radit { border-radius: 6px;}
.padit *, .padit {padding:8px;}
.boldit *, .boldit {font-weight:bold;}

.heavygrey {font-weight:bold; color:#666;}
.centered {text-align:center;}
.center-box {margin:0 auto !important; float:none !important;}
.first {clear:left;}
.last {clear:right; float:right;}

.nopad {padding:0;}

.col-00, .col-00-all > div {width: 100%; margin:0 !important;} 
.col-12, .col-12-all > div {width: 99%;} 
.col-10 {width: 82.3%;}
.col-9 {width: 74%;}
.col-8 {width: 65.6%;}
.col-7 {width: 57.3%;} 
.col-6, .col-6-all > div {width: 49%;} 
.col-5, .col-5-all > div {width: 40.6%;} 
.col-4, .col-4-all > div {width: 32.3%;} 
.col-3, .col-3-all div {width: 24%;} 
.col-2, .col-2-all div {width: 15%;} 
.col-1, .col-1-all div {width: 7.3%;} 

.scale, .scale-all div {max-width:100%; height:auto; margin:0 auto; display:block}
.scale80, .scale80-all div {max-width:80%; height:auto; margin:0 auto; display:block}
.scale60, .scale60-all div {max-width:60%; height:auto; margin:0 auto; display:block}
.scale40, .scale40-all div {max-width:40%; height:auto; margin:0 auto; display:block}

.fixh-30 {min-height:30px;}
.fixh-40 {min-height:40px;}
.fixh-60 {min-height:60px;}
.fixh-80 {min-height:83px;}
.fixh-100 {min-height:100px;}
.fixh-120 {min-height:120px;}
.fixh-200 {min-height:200px;}
.fixh-300 {min-height:300px;}

.spacedown {margin-bottom:12px;}
.spaceup {margin-top:12px;}

@media (max-width:900px) {
	.col-2, .col-2-all div {width: 32.3%}
	}

@media (max-width:740px) {
	.nobox {display:none;}
	.col-2, .col-2-all div, .col-3, .col-3-all div {width: 49%;}
	.col-4, .col-5, .col-4-all div, .col-5-all div {width: 49%;}
	.col-9, .col-8, .col-7 {width:99%} 
	}

@media (max-width:680px) {
	.col-1, .col-1-all div, .col-2, .col-2-all div, .col-3, .col-4, .col-3-all div, .col-4-all div {width: 49%;}
}

@media (max-width:540px) {
	.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10, .col-2-all div, .col-3-all div, .col-4-all div, .col-5-all div, .col-6-all div, .col-7-all div, .col-8-all div, .col-9-all div {width: 99%}
	.spacedown {margin-bottom:2px;}
	.spaceup {margin-top:2px;}
	}