/*
	Joomla templates developed by 
	http://www.marask.com - all rights reserved

*/

*{ padding:0; margin:0; }*

body { 
text-align: center; 
background: #cccccc; 
margin: 0px auto;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 13px;
}

#container {
width: 800px;
height: 100%;
margin: 0px auto;
border-left: 1px solid #000000;
background: url('/media/cmd_images/container_bg.jpg') repeat-y;
}
  
#header {
width: 799px;
height: 167px;
margin: 0px auto;
background: #000000;
/* background: url('/media/cmd_images/header_800x167.jpg') no-repeat; */
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}

#topmenu {
width: 800px;
height: 23px;
background: #000000;
margin: 0px;
padding: 5px 0px;
} 

#topmenu a {
font-size: 12px;
padding: 0px 8px;
color: #ffffff;
text-decoration: none;
}

/* #topmenu a:hover {
color: #FF6600;
font-weight: normal;
text-decoration: none;
} */

#l_sidebar {
float:left;
width: 159px;
height: 100%;
background: url('/media/cmd_images/bg_gradient.jpg') repeat-x;
color: #FFFFFF;
text-align: left;
padding-top: 10px;
}

#l_sidebar a {
color: #000000;
font-family: "Trebuchet MS", Arial, Sans-Serif; 
text-decoration: none;
font-size: 11px;
padding-left: 5px;
}

#l_sidebar a:hover {
font-weight: bold;
font-size: 14px;
color: #ffffff;
}

.menu {
padding-left: 3px;
font-family: "Trebuchet MS", Arial, Sans-Serif;
}

#maincontent 
{
float:right;
height: 100%;
margin: 0px;
padding: 0px;
/* border-left: 1px solid #000000; */
border-right: 1px solid #000000;
width: 637px;
background: #fffef6;
text-align: justify;
}

#maincontent h1 {
font-size: 16px;
color: #FF6600;
margin: 5px 0px 5px 0px;
}

#maincontent h2 {
color: #FF6600;
margin: 5px 0px 5px 0px;
}

#maincontent h3 {
color: #FF6600;
margin: 3px 0px 3px 0px;
}

#maincontent h4 {
color: #FF6600;
margin: 3px 0px 3px 0px;
}

#maincontent p {
font-size: 12px;
font-family: "Trebuchet MS", Arial, sans-serif;
}

#maincontent a {
color: #FF6600;
}

#maincontent a:visited {
color: #FF6600;
}

#innertable {
width: 600px;
padding-left: 15px;
font-size: 13px;
text-align: justify;
}  

#innertable h1 {
margin-bottom: 10px;
}

#innertable ul, li {
list-style: none;
text-align: justify;
}

#footer {
width: 800px;
margin: 0px auto;
text-align: center;
font-size: 11px;
background: #000000;
color: #FFFFFF;
clear: both;
}

#footer a {
color: #FF6600;
text-decoration: none;
}

#footer a:hover {
color: #FF0000;
text-decoration: none;
}

.standardtable {
width: 80%;
margin: 0px auto;
border: 1px solid #000000;
}

.tablecolor {
border: 1px dotted #000000;
}

.tablecolor:hover {
background: #FF6600;
color: #FFFFFF;
}

.tablecontent {
font-size: 12px;
text-align: justify;
}

.pdf_link {
margin-top: 3px;
text-align: right;
text-decoration: none;
}

.pdf_link:hover {
margin-top: 3px;
text-align: right;
text-decoration: underline;
}

.pdf_link:visited {
margin-top: 3px;
text-align: right;
text-decoration: none;
}

.menutitle {
font-size: 14px;
font-weight: bold;
display: block;
color: #ffffff;
padding: 4px 0 4px 5px;
margin: 0 0 1px 0;
border-bottom: 1px dotted #eee;
text-decoration: none;
} 

.testomappa {
 margin-left: 5px;
 text-decoration: none;
 color: #000000;
}
 
 .testomappa:hover {
 margin-left: 5px;
 text-decoration: none;
 color: #ff6600;
}

.mappatitle {
 margin-left: 5px;
 text-decoration: none;
 color: #000000;
 font-weight: bold;
 }
 
 .calendario {
width: 100%;
padding: 0px 5px 0px 5px;
border: 1px solid #333333;
}

.topbox 
{
border: 1px solid #f0a65f;
background: #000000;
}  

.topbox:hover {
border: 1px solid #f0a65f;
background: #f0a65f;
color: #ffffff;
}  

.missiologo {
text-align: right;
clear: both;
border-right: 1px solid #000000;
}
  #popup-container
{
 position:fixed;
 top:0px;
 left:0px; 
 z-index:1;
 width:100%;
 height:100%;
display:none;
   
}

#popup
{

text-align:left;
width:600px;
height:450px;
margin:200px auto; 
  }
#popup a
{
 font-size: large;
 color: Yellow;
}

#popup a:hover
{
text-decoration:underline;
}