/* MANTOVATV - FRONT-END CSS - COMMON */

/* NORMALIZZAZIONE ---------------------------------------------------------- */

/* normalizza margin e padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin: 0; padding: 0; }

/* normalizza font-size per headers */
h1, h2, h3, h4, h5, h6
{ font-size: 100%; }

/* rimuove list-style dalle liste */
ol, ul
{ list-style: none; }

/* normalizza font-style e font-weight */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style: normal; font-weight: normal; }

/* normalizza le tabelle */
table
{ border-collapse: collapse; border-spacing: 0; }

/* rimuove i bordi */
fieldset, img
{ border: 0; }

/* allinea a sinistra il testo */
caption, th
{ text-align: left; }

/* rimuove i segni quote da q */
q:before, q:after
{ content: ''; }

/* rimuove la cornice dotted sui link da firefox */
a:link, a:hover, a:visited, a:visited:hover
{ outline: 0; }


/* LAYOUT ------------------------------------------------------------------- */

html {
	text-align: center;
}

body {
	font-size: 9pt;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	text-align: center;
	background: #74aae7 url("../images/body_back.png") repeat-x top left;
	color: #333333;
}

.clear {
	clear: both;
}

#page {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 952px;
	padding: 15px 0px;
	background-color: #ffffff;
	text-align: left;
}

#header {
	height: 90px;
	margin: 0px 15px;
	background: url("../images/header_back.png") repeat-x top left;
	text-align: right;
	color: #ffffff;
}

#header span {
	display: block;
	background: url("../images/header_backleft.png") no-repeat top left;
}

#header span span {
	display: block;
	height: 90px;
	background: url("../images/header_backright.png") no-repeat top right;
}

#footer {
	text-align: center;
}

.data {
	position: relative;
	float: right;
	margin-right: 10px;
	margin-top: 59px;
	margin-bottom: -59px;
}

.weather_icon {
	position: relative;
	float: right;
	margin-right: 10px;
	margin-top: 52px;
	margin-bottom: -52px;
}

.logo {
	position: relative;
	float: left;
	margin-left: 10px;
	margin-top: 24px;
	margin-bottom: -24px;
}

#main {
	margin: 15px;
}

#column_sx, #column_central, #column_dx {
	position: relative;
	float: left;
}

#column_sx {
	width: 157px;
	padding-top: 15px;
	background: url("../images/sx_top_back.png") repeat-y top right;
}

.column_sx_bottom {
	width: 157px;
	height: 190px;
	background: url("../images/sx_bottom_back.png") no-repeat bottom right;
}

#column_central {
	width: 606px;
	margin-right: 20px;
	background: url("../images/sx_bottom_back.png") no-repeat top right;
	border-top: 1px solid #014189;
	min-height: 700px;
}

.content {
	padding: 10px;
}

#column_dx {
	width: 137px;
}

#column_dx img {
	border-bottom: 1px solid #a7d0ff;
}

.legal_info {
	width: 100%;
	margin: 0px 15px 5px 15px;
	text-align: center;
	font-size: 8pt;
}

#footer {
	height: 40px;
	margin: 0px 15px;
	background: url("../images/footer_back.png") repeat-x top left;
	text-align: center;
	color: #ffffff;
}

#footer span {
	display: block;
	background: url("../images/footer_backleft.png") no-repeat top left;
}

#footer span span {
	display: block;
	height: 38px;
	background: url("../images/footer_backright.png") no-repeat top right;
	padding: 12px 5px 5px 5px;
}


/* NAVIGAZIONE -------------------------------------------------------------- */

div.menuTree a {
    outline: none;
    display: block;
}

div.menuTree {
    width: 156px;
    background: url("../images/menu_ul_back.png") repeat-y 12px top;
    border-right: 1px solid #014189;
}

div.menuTree ul {
    font-size: 100%;
    padding: 0px;
    margin: 0px;
    display:none;
}

div.menuTree ul li {
    list-style: none;
    padding: 0px;
    margin: 0px;
    white-space: normal;
    line-height: 20px;
}

div.menuTree ul ul li {
    padding-left: 10px;
}

div.menuTree ul ul ul {
    margin-bottom: -6px;
}

div.menuTree ul ul ul li {
    padding: 3px 3px;
    line-height: 15px;
}

div.menuTree .firstcurrent, div.menuTree .firstcurrent:hover {
    margin-top: 5px;
    background: url("../images/menu_1_common.png") no-repeat left top;
    text-align: right;
}

div.menuTree .firstcurrent a {
    padding-right: 5px;
    text-decoration: none;
    color: #aad2ff;
    cursor: default;
}

div.menuTree .firstitem {
    margin-top: 5px;
    background: url("../images/menu_1_common.png") no-repeat left top;
}

div.menuTree .firstitem:hover, div.menuTree ul li.expanded {
    background: url("../images/menu_1_hover.png") no-repeat left top;
}

div.menuTree .firstitem a {
    padding-left: 5px;
    text-decoration: none;
    color: #d9eaff;
}

div.menuTree .firstitem a:hover, div.menuTree ul li.expanded a {
    color: #ffffff;
}

div.menuTree .seconditem {
    margin-top: 5px;
    background: url("../images/menu_2_common.png") no-repeat 7px top;
}

div.menuTree .seconditem:hover, div.menuTree ul ul li.expanded {
    background: url("../images/menu_2_hover.png") no-repeat 7px top;
}

div.menuTree .thirditem {
	border-bottom: 1px solid #ffffff;
}

div.menuTree .thirditem:hover {
	border-bottom: 1px solid #ffffff;
	background: url("../images/menu_3_hover.png") repeat-y 2px top;
}

div.menuTree .thirditem a {
    color: #0021ef !important;
}

div.menuTree .thirditem a:hover {
    color: #006cf2 !important;
}

div.menuTree ul li.parent a, div.menuTree ul ul li.parent a {
    background: url("../images/menu_arrow_collapsed.png") right top no-repeat;
    color: #d9eaff;
}

div.menuTree ul li.parent a:hover, div.menuTree ul ul li.parent a:hover {
    background: url("../images/menu_arrow_collapsed_hover.png") right top no-repeat;
    color: #ffffff;
}

div.menuTree ul li.expanded a, div.menuTree ul ul li.expanded a {
    background: url("../images/menu_arrow_expanded_hover.png") right top no-repeat;
    color: #ffffff;
}

div.menuTree ul li.expanded a:hover, div.menuTree ul ul li.expanded a:hover {
    background: url("../images/menu_arrow_expanded.png") right top no-repeat;
    color: #d9eaff;
}

div.menuTree ul li.child a {
    background-image: none !important;
}
		
/* CONTENUTI HOMEPAGE ------------------------------------------------------- */

.videohome_box {
	position: relative;
	float: right;
	width: 294px;
}

a.myPlayer {
	display:block;
	width: 230px;
	height:208px; 
	text-align:center;
	margin: 0px;
	border:1px solid #999;
}

/* play button */
a.myPlayer img {
	margin-top:70px;
	border:0px;
}

/* when container is hovered we alter the border color */
a.myPlayer:hover {
	border:1px solid #000;
}









/* the overlayed element */
.overlay {
	
	/* initially overlay is hidden */
	display: none;
	
	/* growing background image */
	background-image: url("../images/white.png");
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width: 730px;
	min-height: 610px;
	
	/* some padding to layout nested elements nicely  */
	padding: 35px;

	/* a little styling */	
	font-size:11px;
	text-align: center;
}

/* default close button positioned on upper right corner */
.overlay .close {
	background-image: url("../images/close.png");
	position: absolute; right:5px; top:5px;
	cursor: pointer;
	height: 35px;
	width: 35px;
}

#player {
	margin: auto;
	width: 720px;
	height: 600px;
	display: block;
}