@font-face {
	font-family: Aller_Lt;
	src: url('fonts/Aller_Lt.ttf');
}


@font-face {
	font-family: calibri;
	src: url('fonts/calibri.ttf');
}
@font-face {
	font-family: medium;
	src: url('fonts/PetitaMedium.ttf');
}


* {
padding:0;
margin:0; 
line-height:1.4em; 
border:none;
color:#444444;
}

body{
font-family:Arial, Helvetica, sans-serif;
font-size:0.77em;
background-color:#EAE7E2;

}

/*CONTENEDOR PRINCIPAL*/ 

#page {
    width:78.5em; /*960px*/ 
    margin:0 auto 0 auto;
    padding:0 7px 0 0;
    background-color:#fff; 
    background-image:url(images/page_border_right.png);
    background-position:top right;
    background-repeat:repeat-y;
    height:1%;
    }
#page:after {height: 0;content: ".";visibility: hidden;display: block;clear: both;}

#subpage {
	background-image:url(images/page_border_left.png);
	background-position:left top;
	background-repeat:repeat-y;
	display:block;
	height:auto;
	padding:0 0 1.75em 7px;
	overflow: hidden;    
	width: 77.9em;
}

/* header */ 

#header {
	background-color:#EEEEEE;
	margin-bottom: 30px;
}

#bottom_left {
    width:0.5em;  
    height:14px;
    margin:0;
    padding:0;float:left;
    background-image:url(images/page_border_bottom_left.png);
    background-position:top right;
    background-repeat:no-repeat;
    }
#bottom_center
{
    width:77.6em;  
    height:14px;
    float:left;
    background-image:url(images/page_border_bottom.png);
    background-position:top left;
    background-repeat:repeat-x;
}
#bottom_right{
    width:0.6em; 
    height:14px;
    float:left; 
    margin:0;
    padding:0;
    background-image:url(images/page_border_bottom_right.png);
    background-position:top left;
    background-repeat:no-repeat;
    }
#bottom {
    width:78.8em; /*960px*/ 
    margin:0 auto 1.65em auto;
    padding:0 0 0 0;
    height:14px;
    background-color:#EAE7E2;
     overflow:hidden;
     
}

#title {
/*	float: left;*/
	padding-top: 42px;
	padding-left: 10px;
}
#title h1 {
	color: #0077d4;
}

#lang {
	float:right;
	margin-top: 8px;
	margin-right: 8px;
}
#lang a {
	background-image:none;
	border:medium none;
	text-decoration: none;
}
#lang a:hover {
	text-decoration:underline;
}
#lang .selected {
	font-weight:bold;
}

#content {
	font-size: 1.3em;	
	margin-left: 300px;
	padding-bottom: 40px;
}

#content h1 {
font-family: medium;
}

#content ul {
	background: url(images/background_nivell.png) repeat-x;
	width: 600px;
}

#content ul li{

	line-height:3em;
	margin-left: 13px;
	list-style:none;
	font-size:20px;
	font-weight:bold;
	font-family: calibri;
	color: #003780;
}

#content ul li.child {
	padding-left: 15px;
}


#content ul li a{
	color:inherit;
	font-size:inherit;
	text-decoration: none;
	cursor:pointer;
}

#content ul li span.ects{
	color:inherit;
	font-family:inherit;
	font-size:18px;
	font-weight:normal;
}


/* modul a distancia */

#content ul li ul {
    background: none;
	width: 580;
	margin-top: -5px;
	margin-bottom: 0px;
	
}

#content ul li ul a{
	line-height: 1.1em;
	font-weight: normal;
	margin-bottom: 0px;
	font-size: 0.8em;
	padding-left: 25px;
	text-decoration: none;
	font-family: Aller_Lt;
	font-style:italic;	
}

#content ul li ul a span.ects{
	color:inherit;
	font-family:inherit;
	font-size: 0.78em;
	font-weight:normal;
}


#content ul li ul a:hover{
	text-decoration: underline;
}



/* resta links */

#content ul li i a{
	padding-left: 10px;
	text-decoration: none;
	font-size: 0.8em;	
	font-weight:normal;
	font-family: Aller_Lt;
}
#content ul li i a:hover{
	text-decoration: underline;
}

#sidebar {
	float: left;
	margin-left: 8px;
	margin-right: 45px;
	width: 25%;	
}

#header #subtitle {
	float: right;
	margin-right: 85px;
	margin-top: 30px;
}
#header #subtitle a {
	text-decoration: none;
	font-family:"Times New Roman", Times, serif;

	font-size:larger;
}
#header #subtitle a:hover {
	border-bottom: #000000 solid 1px;
	
}

.logo {
    max-width: 320px;
}