html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}article,aside,figure,footer,header,nav,section,details,summary{display:block}img,object,embed{max-width:100%; height:auto; display:block;}html{overflow-y:scroll}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}th{font-weight:bold;vertical-align:bottom}td{font-weight:normal;vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}.ie7 input[type="checkbox"]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}select,input,textarea{font:99% sans-serif}table{font-size:inherit;font:100%}small{font-size:85%}strong{font-weight:bold}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}pre,code,kbd,samp{font-family:monospace, sans-serif}.clickable,label,input[type=button],input[type=submit],input[type=file],button{cursor:pointer}button,input,select,textarea{margin:0}button{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.ie6 html{filter:expression(document.execCommand("BackgroundImageCache", false, true))}.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/OpenSans-Regular.eot');
  src: local('Open Sans'), local('OpenSans'), url('../fonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Open Sans Bold';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/OpenSans-Bold.eot');
  src: local('Open Sans Bold'), local('OpenSansBold'), url('../fonts/OpenSans-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: normal;
 /* src: url('../fonts/OpenSans-Regular.eot');*/
  src: local('Roboto Condensed'), local('RobotoCondensed'), url('../fonts/RobotoCondensed-Regular.ttf') format('truetype');
}

/* Global
-------------------------------------------------------------------------------*/

body,
html {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

body {
	font-size: 1em;
	font-family: 'Open Sans', sans-serif;
}

strong {
	font-family: 'Open Sans Bold';
	font-weight: normal;
}

body, select, input, textarea {color: #333;}

a { text-decoration: none;}
a:hover {color: #369;}

::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

a:link {-webkit-tap-highlight-color: #fcd700;} 

p {
	line-height: 1.4em;
	margin-bottom: 1em;
	text-align: justify;
}

ul, ol {
	margin-bottom: 1em;
	margin-left: 1.5em;
	text-align: justify;
}

ul {
	list-style-type: disc;
}

ul li,
ol li {
	line-height: 1.4em;
	margin-bottom: 0.4em;
}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

.grid_9,
.grid_8,
.grid_6,
.grid_4,
.grid_3 {
	float: left;
}

.grid_6 {
	width: 49%;
	margin-right: 2%;
}

.grid_8 {
	width: 66%;
	margin-right: 2%;
}

.grid_4 {
	width: 32%;
	margin-right: 2%;
}

.grid_9 {
	width: 75%;
	margin-right: 2%;
}

.grid_3 {
	width: 23%;
	margin-right: 2%;
}

.omega {
	margin-right: 0 !important;
}

.alpha {
	margin-left: 0 !important;
}


/*=Global
------------------------------*/
.wrapper {
	width: 100%;
}

#masthead,
#colophon {
	position: fixed;
	z-index: 10;
	width: 100%;
	left: 0;
	/*background-image: url(../img/bg_tile2.png);*/
	color: #fff;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.6);
			box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.6);
}

#masthead {
	top: 0;
	height: 41px;
}

#colophon {
	bottom: 0;
	height: 30px;
}

#main {
	margin: 41px 0 30px 0;
	background: #fff;
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#ffffff)); 
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #e0e0e0 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0));
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#e0e0e0 100%);
	background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#e0e0e0 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#e0e0e0 100%);
	background: radial-gradient(center, ellipse cover,  #ffffff 0%,#e0e0e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 );
	*/
	font-size: 1em;
	overflow: auto;
}

.site-name {
	float: left;
	display: block;
	height: 25px;
	min-width: 100px;
	margin: 8px;
	margin-left: 30px;
	background: url(../img/logo-sei.png) left center no-repeat;
	text-indent: -999em;
}

.page-title {
	display: block;
	margin: 0 auto;
	line-height: 41px;
	font-size: 32px;
	font-family: 'Roboto Condensed',sans-serif;
	color: #fff;
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
}

.tools {
	float: right;
	margin: 8px;
	margin-right: 12px;
}

.tools .zoom {
	display: block;
	width: 25px;
	height: 25px;
	text-indent: -999em;
	float: left;
	margin-left: 8px;
	background-color: #fff;
	background-clip: padding-box;
	
  -webkit-transition: all 0.3s ease-out; 
     -moz-transition: all 0.3s ease-out; 
       -o-transition: all 0.3s ease-out; 
          transition: all 0.3s ease-out;
}

.tools #zoomout {
	background: url(../img/bt_zoomout.png);
}

.tools #zoomin {
	background: url(../img/bt_zoomin.png);
}

.tools .zoom:hover {
	opacity: 0.8;
}

.copyright {
	line-height: 30px;
	font-size: 0.8em;
	text-align: center;
	display: block;
}


.entry-content {
	padding: 30px;
	max-width: 1280px;
	margin: 0 auto;
}

.entry-content h3 {
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1.4em;
	margin-bottom: 1em;
	margin-top: 2em;
}


.int_wrapper {
	background: #f0f0f0;
	border: 1px solid #eee;
	padding: 1em;
	margin: 0 auto;
	margin-bottom: 1em;
}

.int_wrapper .grid_12 > img {
	display: block;
	margin: 0 auto;
	margin-bottom: 1em;
}

.caption {
	background: #f2f2f2;
	padding: 0.5em;
	font-style: italic;
	margin: 0;
	font-size: 0.9em;
}

.clearfloat {
	clear: both;
	display: block;
	height: 0px;
	line-height: 1px;
}

.aligncenter {
	display: block;
	margin: 0 auto;
	text-align: center;
	float: none;
}

.mid {
	width: 70%;
}

.tiny {
	width: 50%;
}

.epi p {
	text-align: center;
	margin-top: 0.5em;
}

.notice {
	padding: 0.5em;
	margin: 0.5em 0;
	border-width: 2px;
	border-style: solid;
}

.notice h3 {
	margin-top: 0;
}

.example {
	margin: 0.5em auto;
	margin-top: calc(0.5em + 32px);
	border: 2px solid #3c3;
	padding: 0.5em;
	position: relative;
}

.example:before {
	content: "Esempio";
	margin-top: -32px;
	position: absolute;
	font-size: 1.2em;
	font-weight: bold;
	color: #3c3;
	line-height: 30px;
}

.fractset {
	line-height: 60px;
	text-align: center;
}

.fractset i {
	font-style: normal;
	display: inline-block;
	line-height: 60px;
	vertical-align: top;
	margin-right: 0.3em;
}

.fract {
	display: inline-block;
	line-height: 30px;
	margin-right: 0.3em;
}

.fract strong {
	border-bottom: 1px solid #000;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}

.fract b {
}

.fract strong,
.fract b {
	padding: 0 0.2em;
	display: block;
	font-weight: normal;
	text-align: center;
}

#main table {
	width: 100%;
	margin-bottom: 1em;
}

#main table table {
	margin: 0;
}

#main table th {
	color: #fff;
	padding: 2px;
}

#main table td {
	padding: 2px;
	text-align: center;
	background: #fff;
}

#main table.data td {
	text-align: left;
	border: 1px solid #ddd;
	padding: 6px;
}

#main table.valign td {
	vertical-align: middle;
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 12px; height: 100%; background: red; }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack {	background: #eee; position: relative; }
.jspDrag { position: relative; top: 0; left: 0; cursor: pointer; }

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }
* html .jspCorner { margin: 0 -3px 0 0; }


a,
.entry-content h3,
.hi {
color: #e50069;
}

#masthead,
#colophon,
.jspDrag,
#main table th,
#main table.data td[scope=row] {
	background-color: #e50069;
}

.notice {
	border-color: #e50069;
}

#main table.data td[scope=row] {
	color: #fff;
}

@media print {


}



@media screen and (max-width: 600px) {
	.page-title {
		font-size: 24px;
	}
}


@media screen and (max-width: 480px) {
	.page-title {
		font-size: 16px;
	}
	
	.grid_6,
	.grid_4,
	.grid_8 {
		float: none;
		width: 100%;
	}
		
}