/*ASSOCTU PORTAL STYLE  BY VB */

* {
  margin: 0;
    padding: 0;
}
img a{border:none;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, fieldset, table, ul {
  /*margin: 1em 0;*/
}

h1, h2, h3{color: #003680;}
h1{
font-size:18px;
/*padding-left:15px;*/
}

h2{
font-size:14px;
/*padding-left:15px;*/
}

h3{
font-size:13px;
padding-left:15px;
}

p{
font-size:11px;
line-height:1.7em;
/*padding-left:13px;*/
padding-right:13px;
}

a:link{
font-size:11px;
text-decoration:none;
} 

a:hover{
font-size:11px;
text-decoration:none;
color:#000;
}

a:visited{
font-size:11px;
text-decoration:none;
color:#334C68;
}

#jumpMenu {
    position:absolute;
    top:-999em;
    left:-999em;
}

#print-logo {display:none;}
#utilities {
    font:12px;
    height:28px;
    margin:0 17px;
    background: url(../images/shadow-top.png) repeat-x 0 100%;
    text-align:right;
    margin:-7px auto;
    min-width: 760px;
    max-width: 1114px;
}

#utilities span {
    float:left;
    background: url(../images/shadow-left-angle.png) no-repeat 0px 24px;
    width:7px;
    height:28px;
}

#utilities ul {
    margin-top:48px;
    background: url(../images/shadow-right-angle.png) no-repeat 100% 100%;
    height:20px;
}

#utilities li {
    display:inline;
    padding:0 8px;
    border-right:2px solid #000;
}

#utilities li.last {
    border:none;
}

#utilities li a:link,
#utilities li a:visited {
    color:#000;
    font-weight:bold;
}

#utilities li a:hover,
#utilities li a:active {
    color:#000;
    font-weight:bold;
    text-decoration:underline;
}
/* SHADOWS */

#shadow-left {
    padding-left:4px;
    background: transparent  url(../images/shadow-left.png) repeat-y 0 0;
    /*margin:0 17px;*/
    margin:0 auto;
    min-width: 760px;
    max-width: 1114px;
    text-align:left;    
}

#shadow-right {
    padding-right:7px;
    background: url(../images/shadow-right.png) repeat-y 100% 0;
}





/*---BEGIN LOGO ASSOCTU---*/

#logo {
    background:transparent url(../images/logo.png) no-repeat scroll 0 0;
    float:left;
    height:75px;
    letter-spacing:-999em;
    margin-left:5px;
    margin-top:-116px;
    text-indent:-999em;
    width:358px;
    position:absolute;
    z-index:100;
}

 #logo a{
    display:block;
    width:133px;
    height:115px;
}

body  {

    font: 88.5% Verdana, Arial, Helvetica, sans-serif;

    background: #C6C0BD;

    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

    padding: 0;

    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

    /*color: #000000;*/

}

 

 #jumpMenu {

    position:absolute;

    top:-999em;

    left:-999em;

}



/*---END LOGO BIOVERSITY---*/





/*.thrColElsHdr #search{

border:solid;

float:right;

width:235px;

height:60px;

background:url(images/search.png)no-repeat top scroll;}*/



.thrColElsHdr #container {
    /*max-width: 80em; */
    background: #FFFFFF;
    background-image: url(../images/left-col.png);
    background-repeat: repeat-y;
    background-position-y: 0.02em;
    margin: 0 auto;
    /*border: 1px solid #000000;*/
    text-align: left;
    padding-bottom:15.3em;
} 

.thrColElsHdr #twitter{
	background-image: url(../images/twitteer.png);
	float:right;
    height:30px;
    letter-spacing:-999em;
    margin-left:70px;
    margin-top:-28px;
    text-indent:-999em;
    width:30px;
    position:absolute;
    z-index:100;}
	
.thrColElsHdr #aim{
background: transparent url(../images/aim.png) no-repeat scroll;
font-weight:bold;
height:59px;
z-index:100;
width:450px;
position:absolute;
margin-bottom:9px;
margin-left:522px;
margin-top:-72px;
text-align:left;
}
.thrColElsHdr #aim p{ 
color:#B63D97;
font-size:17pt;
font-family:Helvetica, sans-serif;
font-style:italic;
font-weight:bold;
margin-bottom:15px;
margin-left:214px;
margin-top:-2.2em;
padding-bottom:1px;
}



/*** BEGIN BREADCRUMBS ***/

#breadcrumbs {
    margin-top:0px;
    background:#a7c5e6 url(../images/bg.png) repeat-x ;
    border-left:1px solid #FFFFFF;
    border-right:1px solid #FFFFFF;
    height:31px;
    line-height:30px;
}
#breadcrumbs span {
font-size:11px;
margin-left:13px;
color:#000;
}

#breadcrumbs span a{color:#000;}
#breadcrumbs span a:hover{color:#003680;}
/***END BREADCRUMBS***/


/***BEGIN SEARCH BAR STYLE***/

.thrColElsHdr #searchBar {
    float:right;
    margin-top:-2.8em;
    padding-top:0.9em;
    width:202px;
}

.thrColElsHdr #searchBar input[type=text] {
    border:1px solid #FF0000;
	font-weight:bold;
	color:darkblue;
    height:18px;
    width:128px;
}

.thrColElsHdr #searchBar input[type=submit] {
    border:1px solid #FFF;
    color:#FFF;
	height:23px;
	padding-left:2px;
	padding-right:2px;
    background-image: url(../images/menu.png);
	
}

/***END SEARCH BAR STYLE***/


 #visual {
    background:transparent url(../images/top.png) repeat-x scroll 0 0;
	border:1px solid #FFFFFF;
	height:126px;
	padding:0 0 14px;
	
	
}
#visual .aim{margin-top:120px; color:#fff; padding-left:15px; font-size:9px;}
#portfolio {
height:140px; 
margin-left:10px; 
float:right;
margin-top:47px;
}

ul#portfolio li img{

/*margin-left:10px;*/
}

.thrColElsHdr #right-col {
background:#F1F1F1;
border-left:1px solid #d4d0d0;
float:right;
margin-right:0px;
margin-top:107px;
padding:14px 0 2em;
width:13.8em;
}

#right-end{
background:#FFFFFF url(../images/rel1.png) no-repeat scroll 100% 50%;
height:12px;
margin-top:28px;
position:absolute;
width:14em;
}
.thrColElsHdr #right-col h2{
background:transparent url(../images/rel.png) repeat-x scroll 0 0;
color:#fff;
height:30px;
border:1px solid #fff;
border-right:none;
line-height:2.3em;
margin-bottom:3px;
margin-top:-3.01em;
margin-left:-2px;
padding-left:0px;
padding-top:5px;
text-align:center;
width:14em;
}



.thrColElsHdr #right-col-content {
    padding:0 10px;
}



#right-col-content div,
#right-col-content p,
#right-col-content li  {
padding-left:10px;
padding-right:10px;
margin-bottom:1em;
}
#news_box{
/*margin:3.3em 18em 1em -0.01em;*/
margin:3.3em 2em -1.4em -0.01em;

}
#img_index{
background:transparent url(../images/img1.png) no-repeat scroll 0 0;
border:2px solid #486D95;
float:right;
height:280px;
margin-right:8px;
margin-top:-17px;
width:210px;
}
#news_box_int{
font-weight:bold;
border-bottom:3px solid #486D95;
text-transform:uppercase;
}
#news_box_title{
color:#000;
font-weight:bold;
font-size:11px;
padding-bottom:2px;
padding-top:5px;
text-transform:none;
line-height:1.5em;
}
#news_box_text{
text-transform:none;
font-size:11px;
line-height:1.5;
padding-bottom:4px;
padding-top:0px;
}
p.news_box_read{
/*background:url(../images/icona_pdf.png)no-repeat 0em 1px;*/
float:right;
font-size:11px;
/*margin-right:23px;*/
margin-right:-21px;
margin-top:2px;
text-transform:none;
}
#news_box_read1{
background:url("../images/icona_pdf.png") no-repeat scroll -2px 0 transparent;
float:right;
font-size:11px;
height:26px;
margin-right:17px;
margin-top:0;
padding-left:25px;
padding-top:8px;
text-transform:none;
}
#news_box_read a{background:none;}
#img_eventi{
border:2px solid #C6C0BD;
float:left;
margin-right:8px;
padding:4px;
}
#news_sub_cat{
color:#7F7F7F;
font-size:11px;
padding-bottom:19px;
padding-top:9px;
	
	}
hr
{
color:#486D95;
margin-top:34px;
margin-right:-23px;

}


#news_box_internal{
margin:3.5em 0em 1em -0.01em;
}


#right-col-content div.related_information_title, #right-col-content h4{
    /*padding-top:21px;*/
    border-bottom:5px solid #486D95;
    padding-bottom:1px;
    padding-left:5px;
    margin:2.4em 0 1em;
    font-weight:bold;
    font-size:.8em;
}
#right-col-content p.bodytext{
padding-left:4px;
}
#right-col-content a:link,
#right-col-content a:visited {
    color:#486D95;
    font-size:11px;
}
#right-col-content a:hover{color:#000;}
.thrColElsHdr #sidebar1 h3, .thrColElsHdr #sidebar1 p{
    margin-left: 10px; 
    /*margin-right: 10px;*/
}

.thrColElsHdr #mainContent {margin:3.1em 13.5em 0.1em 14.5em;} 

.thrColElsHdr #mainContent h1{color:#003680; padding-bottom:15px;}
.thrColElsHdr #contentElements table{
         border:solid;
		 border-collapse:collapse;
         color:#003680;
}
.thrColElsHdr #contentElements table caption{font-size:11px; text-align:left;}
.thrColElsHdr #contentElements table th{
	background:transparent url(../images/rel.png) repeat-x scroll 0 0;
	text-align:center;
	height:37px;
	color:#fff;
	}
.thrColElsHdr #contentElements table td{
	padding-left:10px;
	background:#F1F1F1;
	color:#003680;
	}
 .thrColElsHdr #contentElements table tr:hover td{background:#DFDFDF;} 
table.vis_prof{border:1px dotted #006;}
td.vis_prof{
	line-height:-3px;
	}
#int_menu{
border-top:1px solid #003680;
line-height:4px;
margin:1em 16.7em -0.3em 13.5em;
}
#nav{margin-top:20px;}
#nav a, #nav a:active, #nav a:visited {
background:#A7C5E6 url(../images/bg.png) repeat-x scroll 0 0;
color:#314A65;
border:1px solid #314A65;
margin-right:1px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:5px 5px;
}
#nav a:hover{
	background:#A7C5E6 url(../images/rel.png) repeat-x scroll 0 0;
	color:#fff;
}
.hiddencontent {
	padding:12px;
	display:none;
	}

/*---BEGIN LIST STYLE  TYPE---*/



.thrColElsHdr #mainContent  ul{ padding-left:30px;}
.thrColElsHdr #mainContent  ul li{
font-size:11px;
line-height:1.5em;
list-style-type:none;
padding-left:31px;
background: url(../images/bullet.png)no-repeat scroll 0.5em .8ex;
list-style-type:none;
}

#mainContent a.sap{
/*background:transparent url(../images/arrow.png)no-repeat;*/
float:right;
margin-right:23px;
margin-top:8px;
font-size:11px;}

.thrColElsHdr #mainContent  ol{

font-size:11px;

line-height:1.5em;

list-style-type:decimal;

padding-left:31px;

}



/*---END LIST STYLE  TYPE---*/



/* Miscellaneous classes for reuse */

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

    float: right;

    margin-left: 8px;

}

.fltlft { /* this class can be used to float an element left in your page */

    float: left;

    margin-right: 8px;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

    clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}

/*POP UP*/

#popup{width:50px;}



#popup div.menu_form_header{

background: #CE1126;

color:#fff;

border:1px solid #F0DADC;

}

#popup div.menu_form_body{

font-size:11px;

line-height:1.1em;

border:1px solid #F0DADC;

font-size:11px;

font-weight:none;

background:#FFFFDE;
padding-top:0;
padding-bottom:0;
}

#popup div.menu_form_body a {
font-family:"Helvetica",Verdana,Arial,sans-serif;
font-weight:normal;
font-size:11px;
color:#CE1126;

}

#popup div.menu_form_body a:hover{color:#000;}

/*--end POPUP---*/


/*MENU MAIN*/
#css_menu_13{
	margin-top:-80px;
	float:right;
	/*padding-bottom:20px;*/
	background-color:transparent;
	}
#css_menu_13 ul{
	list-style:none;
	overflow:hidden;
	height:95px;
	margin-top:-15px;
	padding:0px 20px 0 20px;
	border-bottom:1px solid white;
	}
#css_menu_13 li{
	display:inline;
	}
#css_menu_13 li a{
	display:block;
	float:left;
	width:70px;
	height:50px;
	margin:60px 2px 0 2px;
	border-top:1px solid white;
	border-right:1px solid white;
	border-left:1px solid white;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	color:white;
	}
#css_menu_13 li a span{
	display:block;
	margin-top:5px;
	padding:5px;
	}
#css_menu_13 li a b{
	display:block;
	font-family:"Arial Narrow";
	font-size:15px;
    margin-top:26px;
	
	}
#css_menu_13 li a:hover{
	height:110px;
	margin-top:0;
	}
#css_menu_13 li a.item1{

	background: #ff0000 url(../images/menu.png) repeat-x;
	}
#css_menu_13 li a.item2{
	background: #ff0000 url(../images/menu.png) repeat-x;
	}
#css_menu_13 li a.item3{
	background: #ff0000 url(../images/menu.png) repeat-x;
	}
#css_menu_13 li a.item4{
	background: #ff0000 url(../images/menu.png) repeat-x;
	}
#css_menu_13 li a.item5{
	background: #ff0000 url(../images/menu.png) repeat-x;
	}
#css_menu_13 li a.item1 span{
	background: #ff0000 url(../images/menu.png) repeat-x;
	}
#css_menu_13 li a.item2 span{
	background: #ff0000 url(../images/menu.png) repeat-x;
	}
#css_menu_13 li a.item3 span{
	background: #ff0000 url(../images/menu.png) repeat-x;
	}
#css_menu_13 li a.item4 span{
	background: #ff0000 url(../images/menu.png) repeat-x;
	}
#css_menu_13 li a.item5 span{
	background: #ff0000 url(../images/menu.png) repeat-x;
	}


	
	/* ---------------------- */
/* NAV BAR 				  */
#bar{
margin-left:709px;
margin-top:-37px;
}
#navbar{
	background:url(../images/bg.png) repeat-x scroll;
	height:29px;
	line-height:29px;
	float:right;
	margin-top:-31px;
	margin-right:248px;
}
	#navbar ul, #navbar li, 
	#navbar form,
	#navbar button {
		border:0; margin:0; padding:0; list-style:none;
	}
	#navbar li a{
		margin:0 6px;
		text-decoration:none;
		font-size:12px;
		font-weight:bold;
	}
	#login_menu{
		background:transparent url(../images/fieldset1.png) no-repeat scroll;
		border:solid 1px #666666;
		width:349px;
		padding:10px;
		color:#FFFFFF;
		position:absolute;
		font-weight:bold;
		font-size:12px;
		line-height:18px;
	}
	#login_menu li{
		padding-bottom:6px;
		text-align:right;
	}
	#new-user-col{
		padding-right:10px;
		border-right:1px #DEDEDE solid;
		height:120px;
		width:100px;
		float:left;
		line-height:12px;
	}
	#signup-user-col{
		padding-left:20px;
		height:120px;
		width:200px;
		float:left;
		line-height:12px;
		text-align:right;
	}
	#login_menu label{font-size:11px; font-weight:normal;}
	#login_menu input{font-size:11px; color:#333333; margin-left:10px;}
	
	#login_menu button{
		line-height:24px;
		float:right;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
		text-align:center; 
		cursor:pointer;
	}

	.red-button{
		background:url(../images/login.png) no-repeat;
		/*display:block;*/
		color:#FFFFFF;
		font-size:11px;
		text-decoration:none;
		width:81px;
		height:26px;
		line-height:24px;
		text-align:center;
	}
	.red-button a:link{color:#fff;}
	.spacer{clear:both; height:1px;}
	/**/
/*** menu bar styles by Valentina***/
#secMenu li#section-title{border-bottom:1px solid #fff;}

#secMenu li#section-title, #secMenu li#section-title a  {
padding-top:10px;
background:transparent url(../images/bread2.png) repeat scroll 0 0;
color:#fff;
}

#secMenu{
margin: 0.em auto;
float:left;
}
.login{
	/*margin: 2em 4em 2em -20em;
	font-size:11px;
	float:right;*/
	float:right;
font-size:11px;
margin:1em 4em 2em -16.5em;
width:136px;

}

/*** Menu styles***/

#menuCurr, #menuAct, #menuCurr , #menuAct {
border-bottom:1px solid #486D95;
background:transparent url(../images/rel.png) repeat scroll 0 0;
color: #fff;
height:25px;
line-height:1.7em;
}

#menuCurr, #menuAct, #menuCurr a, #menuAct a{
color: #fff;
font-size:13px;
height:25px;
line-height:1.7em;
}
#menuAct{color:#334C68; font-weight:bold;}
#menuAct a:hover{color:#000;font-size:13px;}
#noActiveMenu{
background:transparent url(../images/bg.png) repeat scroll 0 0;
color: #334C68; 
height:25px;
line-height:1.7em;
}

#noActiveMenu:hover{
    border-bottom:1px solid #486D95;
    font-color:#334C68;
    background:#eaeef1;
    }
#noActiveMenu a:link, #noActiveMenu a:visited{color:#334C68; font-size:13px;}
#noActiveMenu a:hover{color:#000; font-size:13px;}
#subMenuCurr{
height:25px;
line-height:1.7em;
font-weight:bold;
color:#334C68;
background:#eaeef1 url(../images/arrow.png) no-repeat 5.5ex;
border-bottom:1px solid #486D95;
font-size:14px;
padding-left:50px;

}
#subMenuCurr a {color:#334C68; font-size:12px;}
#subMenuCurr:hover {
font-size:12px;
background:#eaeef1 url(../images/arrow.png) no-repeat 5.5ex;
color:#334C68;
border-bottom:1px solid #486D95;
}
#subMenuAct, #subNoActiveMenu{  

    border-bottom:1px solid #486D95;
    color:#000;
    background:#eaeef1 url(../images/arrow.png) no-repeat 5.5ex;
    font-size:13px;
    padding-left: 50px;
}

#subNoActiveMenu a:link, #subNoActiveMenu a:visited{color:#334C68; font-size:13px;}



/*THIRD LEVEL OF THE MENU*/

#subbMenuCurr {
font-weight:bold;
background:#eaeef1 url(../images/arrow.png) no-repeat 8.5ex;
border-bottom:1px solid #486D95;
font-size:13px;
padding-left:70px;
}

#subbMenuCurr:hover{
background:#eaeef1 url(../images/arrow.png) no-repeat 8.5ex;
font-size:13px;
color:#334C68;
border-bottom:1px solid #486D95;
}


#subbNoActiveMenu{  
    border-bottom:1px solid #486D95;
    color:#334C68;
    background:#eaeef1 url(../images/arrow.png) no-repeat 8.5ex;
    font-size:13px;
    padding-left: 70px;
  
}

#subbNoActiveMenu a:link, #subbNoActiveMenu a:visited{color:#334C68; font-size:13px;}



ul.menu,

.menu ul,

.menu ul li a{

    background-color: #fff;

    color: #369;

}

.menu a{

    text-decoration: none;

}


div#copyright p{
font-size:0.75em;
line-height:1.5;
margin:1em 0;
text-align:center;
}
div#copyright  a:link, div#copyright  a:visited {color:#486D95; font-size:11px;}
div#copyright  a:hover {color:#000;}

dd.csc-textpic-caption{font-size:7pt}
