* {margin:0; padding:0 }
html, body{ 	margin:0; padding:0;} 
.clear{ clear:both;}	
/********************* GENERAL PAGE STYLE ********************************/	
* html  ul li{ height:1%;}
form {margin: 0;padding: 0;}	
img { border:0; }
p 	{
	padding:3px 0;
	line-height:normal;
	}
h1, h2, h3, h4 {
	padding:0 0 0 0;
	margin: 0 0;
	font-weight: bold;
	line-height: 100%;
	}
h1	{ 
	font-size: 200%;
	line-height: 100%;
	}
h2   {
	font-size: 175%;
	line-height: 100%;
	}
h3  {
	font-size: 120%;
	}
h4 	{
	font-size: 120%;
	}
a    	{
    color:#4a4a4a; 
	text-decoration: underline;
	outline:0;
	}
a:hover {
    color:#4a4a4a; 
	text-decoration: none;
	}
fieldset {
    margin:5px 0; 
    border:none;
    } 
input,
select {
    border:solid 1px #4a4a4a;
	background:transparent;
    margin-bottom:3px; 
    } 
textarea {
    border:solid 1px #4a4a4a;
	background:transparent;
    }   
object { outline:none; }
	
/************************ FONT FAMILY and STYLE *****************************/

body#ff-default{ font-family: Tahoma, Arial, Verdana, FreeSans, sans-serif;} 
.f-default {font-size: 11px; color:#4a4a4a;}

/*************************** CONSTRUCTION ***************************** */
/********** P A R A M E T R S *************/
#pagewidth {
    width:1000px;
	}
#leftcol {
    width:198px;
    }
#rightcol {
    width:198px;
    }
#maincol {
    margin:0 25px; 
    width:460px;
    }	
   	
/*********** VERTICAL CENTER ***********/
html, body {
	height: 100%;
	background:#FFF url(../images/bg_body.jpg) repeat-x top;
	}
#pageheight {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -152px; /* the bottom margin is the negative value of the footer's height */
	}
#footer, .push {
	height: 152px; 
	}
#footer {
   background:url(../images/footer.jpg) no-repeat center;
   }
/********** HORIZONTAL CENTER ********/
#pagewidth {
    margin:0 auto ;	
	height: 100%;
	}
/************ PAGE CONSTRUCTION *****/	
.wrapper {
    margin:0 47px;	
	}
#top {
	background:url(../images/leftcol_t.jpg) no-repeat 0 0;
    }
#header{
	position:relative;
    height:195px;
	background:url(../images/header.jpg) no-repeat center;
    }
#navbar {
    
    }	
#leftcol {
    float:left;
    display:inline;
	background:url(../images/leftcol_t.jpg) no-repeat 0 0;
	}
#maincol {
    float:left;
    display:inline;
	background:url(../images/maincol_t.jpg) no-repeat 0 0;
	}	
#rightcol {
    float:right;
    display:inline;
	background:url(../images/leftcol_t.jpg) no-repeat 0 0;
	}
#bottom {
    background:url(../images/leftcol_t.jpg) no-repeat 0 0;
    }
#debug {
    }
/************ PAGE ELEMENTS **************/
.logo a {
    position:absolute;
	left:55px;
	top:5px;
	width:271px;
	height:75px;
	z-index:2;
	}
.slogan  {
    position:absolute;
	left:455px;
	top:55px;
	width:390px;
	height:70px;
	z-index:3;
	}
.fotoheader  {
    position:absolute;
	left:409px;
	top:17px;
	width:508px;
	height:132px;
	z-index:2;
	}
.navbar  {
    position:absolute;
	left:415px;
	top:156px;
	width:500px;
	height:20px;
	z-index:2;
	}	
.navbar a {
    font-size:12px;
	color:#494949;
	text-decoration:none;
	}
.navbar a:hover {
    color:#666;
	text-decoration:none;
	}	
.login {
     position:absolute;
	left:60px;
	top:110px;
	width:320px;
	height:70px;
	font-size:11px;
	z-index:2;
	}
.login .moduletable h3{
    color:#494949;
    font-size:11px;
    font-weight:normal;
	position:absolute;
	top:20px;
    }  
.login .moduletable {
    padding:0 !important;
    margin:0 !important;
	background:none;
    }  	
.login fieldset.input {
    position:absolute;
    left:90px;
	width:230px;
    } 
.login .button {
    position:absolute;
    right:0px;
    top:10px;
	font-size:11px;
	font-family:Tahoma;
    } 
.login .inputbox {
    height:12px;
	width:140px;
	font-size:11px;
	font-family:Tahoma;
	margin:0 !important;
    }    	
.login .moduletable ul {
    list-style:none;
    position:absolute;
    top:50px;
    left:0px;
    }
.login .moduletable ul li {
    float:left;
    } 
 .login .moduletable ul li a{
    float:left;
    display:block;
    padding-right:8px;
    color:#4a4a4a;
    text-decoration:none;
    }
 .login .moduletable ul li a:hover{
 	color:#4a4a4a;
    text-decoration:underline;
    }
#leftcol .content ,
#rightcol .content {
    background:url(../images/leftcol_b.jpg) no-repeat 100% 100%;
    }
#maincol .content {
    padding:15px 15px;
    background:url(../images/maincol_b.jpg) no-repeat 100% 100%;
    }	
.footer {
    padding-top:110px;
    margin:0 auto;
    width:880px;
    color:#FFF;
	text-align:left;
	font-size:10px;
	}   	
.footer a {
    text-decoration:none;
    color:#FFF;
    }
.footer a:hover {
    text-decoration:underline;
    color:#FFF;
    }
	
/**************************  LEFTCOL and RIGHTCL MODULES  **************************************/
/************ MODULES XHTML **************/
.moduletable h3,
.moduletable_text h3 {
   padding-bottom:5px;
   }
.moduletable_img h3 { 
   display:none;
   }    
.moduletable ,
.moduletable_text,
.moduletable_img {
   padding:15px 15px; 
   background:url(../images/leftcol_b.jpg) no-repeat 100% 100%;
   }
.moduletable_img {
   text-align:center;
   background:none;
    }    
.moduletable_img img{
   margin:5px;
   } 
#leftcol .moduletable h3,
#leftcol .moduletable_text h3,
#leftcol .moduletable_menu h3,
#leftcol .moduletable_img h3,
#rightcol .moduletable h3,
#rightcol .moduletable_text h3,
#rightcol .moduletable_menu h3 ,
#rightcol .moduletable_img h3{
    padding-bottom:5px;
    }
#leftcol .moduletable_menu h3,
#rightcol .moduletable_menu h3{   
    
    } 
#leftcol .moduletable_img h3,	
#rightcol .moduletable_img h3{
    display:none; 
	}	
#leftcol .moduletable,
#leftcol .moduletable_text,
#leftcol .moduletable_menu,
#leftcol .moduletable_img ,
#rightcol .moduletable ,
#rightcol .moduletable_text,
#rightcol .moduletable_menu ,
#rightcol .moduletable_img {
    padding:15px 15px;  
    background:none;
    }
#leftcol .moduletable_menu,
#rightcol .moduletable_menu {
    
    }
#leftcol .moduletable_img ,	
#rightcol .moduletable_img {
    background:none; 
	}		
/*** MENU VERTICAL - mod. XHTML  *********************/
#leftcol .moduletable_menu ul ,
#rightcol .moduletable_menu ul {
    list-style:none;	
	}
#leftcol .moduletable_menu ul li,
#rightcol .moduletable_menu ul li{
    border-bottom:solid 2px #c3f464;
	}
#leftcol .moduletable_menu ul li a,
#rightcol .moduletable_menu ul li a {
    display:block;
    padding:4px 0;
	padding-left:10px;
    font-size:12px;
	color:#494949;
	text-decoration:none;
    } 	
#leftcol .moduletable_menu ul li a:hover,
#rightcol .moduletable_menu ul li a:hover{
    color:#4a4a4a;
	text-decoration:none;
	font-weight:bold;
    } 
#leftcol .moduletable_menu ul li.active a,
#rightcol .moduletable_menu ul li.active a{
    color:#4a4a4a;
	text-decoration:none;
	font-weight:bold;
	} 
#leftcol .moduletable_menu ul li ul,
#rightcol .moduletable_menu ul li ul{
    list-style:none;
	}
#leftcol .moduletable_menu ul li ul li,
#rightcol .moduletable_menu ul li ul li{
    border:none;
	}
#leftcol .moduletable_menu ul li ul li a,
#rightcol .moduletable_menu ul li ul li a{	
	padding-left:20px;
    font-size:11px;
	color:#494949 !important;
	text-decoration:none;
	font-weight:normal !important;
    } 	
	
#leftcol .moduletable_menu ul li ul li a:hover,
#rightcol .moduletable_menu ul li ul li a:hover{
    color:#4a4a4a !important;
	text-decoration:none;
	font-weight:bold !important;
    } 	
#leftcol .moduletable_menu ul li  ul li.active a,
#rightcol .moduletable_menu ul li ul li.active a{
     color:#4a4a4a !important;
	text-decoration:none;
	font-weight:bold !important;
	}  	

/************************** SPECIAL  - MODULES  **************************************/	
/* sonda */
div.module .poll_title {
     color:#ed1c24;
    }
td.poll_title {
    padding-bottom:5px;
    font-weight:bold;     
	}  		
table.pollstableborder
	{
    margin:10px  0px !important;
	}
.pollstableborder input
	{
    margin-right:5px;
	border:none !important;
	background:none !important;
	}
td.sectiontableentry1, td.sectiontableentry2 {
   height:20px;
    }  	
div.poll {
    padding:0;
    text-align:center;
	}  		








/************************** MAINCOL - CONTENT  - MODULES  ***************************/
#maincol .content ul {
    padding-left:15px;
	}
.button {
    border:solid 1px #4a4a4a;
	background:transparent;
    margin-bottom:3px; 
    font-size:12px;
	font-family:Tahoma;
	cursor:pointer;
	outline:0;
	} 
.foto img {
    float:left;
    margin-right:10px;
    }  	






/***************************** JOOMAL ELEMENTS **************************************/
.componentheading {
	font-size: 120%;
	font-weight:bold;
	}
.contentheading {
	font-size: 120%;
	font-weight:bold;
	}

td.buttonheading, 
.contentpaneopen td.buttonheading {
	padding: 0px 3px 0;
	}
td.column_separator {
	padding-left: 15px;
	}
td.componentheading {
	padding-bottom: 15px;
	}
.sectiontableheader {
  	font-weight: bold;
  	padding: 4px;
  	line-height: 20px;
}





/* autor - data */
.small,
.createdate ,
.modifydate ,
div.mosimage_caption {
	font-size: 95%;
}   
.small {
    margin-top:5px;
    float:right;
	}
ul span.small {
    float:none;
	 } 
/* Tooltips */
.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #ccc;
	padding: 5px;
	max-width: 200px;
	z-index:10;
	}
.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
	}
.tool-text {
	font-size: 100%;
	margin: 0;
	}