/* index css */

div#content{ display:inline; float:left; width:700px; padding-bottom:25px; min-height:550px; height:auto !important; height:550px; }

div#main h3{ float:left; width:210px; height:27px; background:url(../images/container/content_h1-bg.gif) right bottom no-repeat; font-size:1.5em; font-weight:normal; text-align:left; color:#dddddd; vertical-align:top; }

div#main h3 span{ display:none; }

div#main p{ float:left; width:676px; margin-bottom:10px; padding:8px 12px; line-height:1.5; font-size:1.1em; text-align:justify; background:#302e42; }

div#main img{ display:inline; float:left; margin:18px 10px 18px 0; padding:1px; border:5px solid #3a384b; }

div#main p#spoletium{ text-align:center; }

div#main p#spoletium:first-letter{ font-size:110%; font-weight:bold; padding-bottom:2px; color:#f9be00; }

div#main p#spoletium strong{ font-size:1.7em; font-weight:normal; color:#ffffff; }

div#main p#spoletium em{ font-style:normal; font-weight:bold; color:#f9be00; }

div#values{ float:left; clear:both; margin-top:10px; }

div#values h2{ display:block; width:690px; padding:1px 0 2px 10px; border-style:solid; border-width:3px 0; border-color:#302e42; font-size:1.5em; font-weight:normal; text-align:left; }

div.valuebox{ display:inline; float:left; width:226px; height:274px; margin-right:12px; }

div.valuebox h3{ float:left; height:27px; margin-top:5px; padding:0 2.1em 1px 12px; background:url(../images/container/content_h1-bg.gif) right bottom no-repeat; font-size:1.3em; font-weight:normal; text-align:left; vertical-align:top; }

div.valuebox ul{ float:left; clear:both; width:224px; background:#302e42; list-style:none; }

div.valuebox li{ float:left; width:224px; height:15px; text-align:left; }

/*div.valuebox li a:link, div.valuebox li a:visited{ }

div.valuebox li a:focus, div.valuebox li a:hover, div.valuebox li a:active{ }*/


/* MooFlow css */

.mf{ visibility: hidden; z-index:1; color:#fff; font-size:14px; }

.mf * {	outline:none; border:none; padding:0; margin:0; user-select:none; }

.mf div.loader{
	position:absolute;
	text-align:center;
	z-index:10000;
	margin:0 auto;
	top:45%;
	width:100%;
	background:url(../images/classes/spinner_big.gif) center center no-repeat;
	padding:50px 0;
}

.mf div.caption { position:absolute; text-align:center; z-index:98; margin:1em auto; bottom:50px; width:100%; }

.mf div.mfNav{
	position:absolute;
	z-index:99;
	margin:0 auto;
	text-align:center;
	width:100%;
	bottom:20px;
	font-size:1px;
	line-height:1px;
	width:100%;
}

.mf div.autoPlayCon{ float:left; width:10%; padding-left:3%; height:24px; }

.mf a.play, .mf a.stop{ width:27px; height:24px; float:left; cursor:pointer; }

.mf a.play{ background:url(../images/mooflow/play.gif) no-repeat; }

.mf a.stop{ background:url(../images/mooflow/stop.gif) no-repeat; }

.mf div.sliderCon{ margin-top:5px; float:left; width:74%; }

.mf a.sliderNext{ background:url(../images/mooflow/left.gif) no-repeat; }

.mf a.sliderPrev{ 	background:url(../images/mooflow/right.gif) no-repeat; }

.mf a.sliderNext, a.sliderPrev{ text-decoration:none; width:25px; height:16px; cursor:pointer; float:left; }

.mf div.resizeCon{ float:right; width:10%; padding-right:3%; height:24px; }

.mf a.resize{ width:34px; height:24px; float:right; cursor:pointer; background:url(../images/mooflow/resize.gif) no-repeat; }

.mf div.slider{ background:url(../images/mooflow/middle.gif) repeat-x; height:16px; position:relative; text-align:left; float:left; }

.mf div.knob{ height:16px; background:url(../images/mooflow/middle-slider.gif) repeat-x right center; }

.mf div.knobleft{ background:url(../images/mooflow/left-slider.gif) repeat-x center; width:8px; height:16px; }