/* @override http://test03.bsb8.biz/wdyn.css */

/*****************************************************************************/
/*****************************************************************************/
.kiri1 {width:75%; float:left; border-right:1px solid #CCCCCC;}
.kanan1 {width:24%; float:left; text-align:right;}

.page{
	width: 960px;
	display: block;
	background: url(images/psychodive_06.png) repeat-y;
	/* centrare la pagina orizzontalmente  */
	margin-left: 0px;  /*-(larghezza_totale div 2)*/ 
	left: 11%;
	position: absolute;  
	margin-bottom:5px;
	
}

.left_box{
	visibility: hidden;
}


/*_________header (top)________*/

.header {
	width: 90%;
	height: 271px; /* deve essere almeno pari all'altezza delle immagini di logo da inserire */
	background-image: url(images/logo_psychodive.png); background-repeat:no-repeat;
	padding:3px 10% 0px 0px; text-align:right;
	}

#logoLeft{
	visibility: hidden;
}

#logoRight{
	visibility: hidden;
}

/*_________header (down)________*/
#search_box{
	width: 90%;
	font-family:verdana; font-size:10px; color:#171717;
	margin-right:10%;
	}
#search_box .input {border:1px; font-family:verdana; font-size:11px; color:#f4ececs;}
#search_box .submit {border:0px; background:url(images/search-ketik.jpg) no-repeat; height:22px; width:133px; padding:5px 2px 0px 8px; font-family:verdana; font-size:10px;}

.header_down{
	width: 100%;
	text-align: center;
}

#flag_box{
	width: 550px;
	clear: both;
	float: left;
	/* centrare il box nella pagina */
	position: relative;
 	left: 50%;
 	margin-left: -275px;
	text-align: right;
	padding-bottom: 10px;
}

#main_menu_box{
	width: 799px;
	height: 37px;
	clear: both;
	/* centrare il box nella pagina */
	position: relative;
 	left: 8.5%;
	background-image: url(images/menu_background.jpg);
}

ul.menu-principale-list{
	height: 29px;
	padding-left: 2em;
	display: block;
	background-image: url(images/dolphin_bg.gif);
}

li.main_menu_item{
	clear: right;
	float: left;
	width: auto;
	display: block;
	margin-left: 1px;
	
}

li.main_menu_item a{
	display: block;
	height: 29px;  /*altezza del'immagine di sfondo*/
	line-height: 29px;
	padding-left: 5px;
	padding-right: 5px;
} 

li.main_menu_item a:hover{
	background-image: url(images/dolphin_bg-OVER.gif);
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	color: #000;
}

li.main_menu_item_current{
	clear: right;
	float: left;
	width: auto;
	display: block;
	margin-left: 1px;
	
}

li.main_menu_item_current a, li.main_menu_item_current a:hover{
	display: block;
	height: 27px;  /*altezza dell'immagine di sfondo*/
	line-height: 27px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #6699CC;
	border: 1px solid #66c;
	color: #000;
} 

/* fine del primo livello, inizio del menu secondo livello */
#main_submenu_box{
	width: 550px;
	height: 100%;
	clear: both;
	float: left;
	margin-left: 80px;
	height: 20px;
	background-image: url(images/dolphin_bg-OVER.gif);
	text-align: center; 
}

/*nasconde il titolo della sezione*/
#main_submenu_box li{ 
	visibility: hidden;
}

/*
#sub_menu_list main_menu_head{
	visibility: hidden;
}

/*_________searchbox________*/




/* struttura contenuto home page */
/* struttura di sinistra: path, titolo, paragrafo ed evidenze */

#home_content_box{
	width: 550px;
	clear: both;
	float: left;
	margin-left: 80px;
	
}

/* path */
#path_box {
/*non usato*/
}


/* title: nell'home page non sarà visibile */
#page_title_box{
	visibility: hidden;
	/*
	height: 20px;
	background-color: #fff;
	clear: both;
	float: left;
	width: 94%;
	margin-top: 15px;
	margin-left: 3%;
	margin-right: 3%;  */
}

#page_title_text{
	clear: right;
	float: left;
	width: 100%;
	height: 13px;
	text-indent: 1em;
	background-color: #fff;
	background-image: url(images/slash.gif);
	background-position: left;
	background-repeat: no-repeat;
}

/* paragrafo della home */

#home_paragraph{
	clear: both;
	float: left;
	background-color: #fff;
	width: 94%;
	margin-top: 15px;
	margin-left: 3%;
	margin-right: 3%;
	background: url(images/baseline.gif) bottom repeat-x;
}
#home_par_box{
	clear: both;
	float: left;
	padding: 1em;
	width: auto;
}

.start_parag_img{
	visibility: hidden;
	/*
	background-image: url(images/go_blue.gif);
	width: 13px;
	height: 13px;
	display: inline;
	float: left;
	margin-right: 5px;*/
}

/* evidenze della home */

.short_content_box{
	clear: both;
	float: left;
	width: 94%;
	margin-top: 15px;
	margin-left: 3%;
	margin-right: 3%;
	margin-bottom: 10px;
}

.short_content_intestazione{
	width: 100%; 
}


.short_content_title{
	width: auto;
	clear: both;
	float: left;
	margin-right: 10px;
}

.short_content_subtitle{
	width: auto;
	clear: both;
	float: left;
	
}

.short_content_date{
	width: auto;
	clear: right;
	float: left;
}

.short_content_body{
	background-color: #fff;
	clear: both;
	float: left;
	width: 100%;
	background-image: url(images/baseline.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

.short_content_img{
	width: 30%;
	clear: both;
	float: left;
	text-align: center;
}

.short_content_text{
	width: 60%;
	clear: right;
	float: left;
}

.short_content_continua{
	width: 100%;
	clear: both;
	text-align: right;
	margin-bottom: 10px;
}


/*************************************************/

/* struttura di sinistra: short event e short news */
#right_box{ /*
	width: 40%;
	clear: right;
	float: left;
	background-image: url(images/bg_body_tbl.gif); */
	visibility: hidden;
}

/*___________________news__________________________*/
#news_box{
	width: 90%;
	clear: right;
	float: left;
	background-color: #fff;
	margin-right: 5%;
	margin-left: 5%;
	margin-top: 15px;
}

.titolo_news_box{
	width: 100%;
	text-align: left;
	text-indent: 5px;
}

.short_news_box{
	width: 90%;
	clear: right;
	float: left;
	display: block;
	margin-right: 5%;
	margin-left: 5%;
	border-bottom: 1px dotted #000;
}
.short_news_img{
	width: 30%;
	clear: both;
	float: left;
}

.short_news_text{
	width: 60%;
	clear: right;
	float: left;
	padding-left: 5px;
}

.short_news_title{
	clear: both;
	float: left;
	width: 100%;
}

.short_news_subtitle{
	width: 100%;
	clear: both;
	float: left;
}

.short_news_date{
	width: auto;
	clear: both;
	float: left;
}


.short_news_continua{
	width: 100%;
	clear: both;
	text-align: right;
	padding-bottom: 5px;
}

/*___________________events__________________________*/

#events_box{
	width: 90%;
	clear: right;
	float: left;
	background-color: #fff;
	margin-right: 5%;
	margin-left: 5%;
	margin-top: 15px;
}

.titolo_events_box{
	width: 100%;
	text-align: left;
	text-indent: 5px;
}

.short_event_title{
	clear: both;
	float: left;
	width: 100%;
}

.short_event_subtitle{
	width: 100%;
	clear: both;
	float: left;
}

.short_event_date{
	width: auto;
	clear: both;
	float: left;
}


.short_events_box{
	width: 90%;
	clear: right;
	float: left;
	display: block;
	margin-right: 5%;
	margin-left: 5%;
	border-bottom: 1px dotted #000;
}
.short_events_img{
	width: 30%;
	clear: both;
	float: left;
}

.short_events_text{
	width: 60%;
	clear: right;
	float: left;
	padding-left: 5px;
}

.short_events_continua{
	width: 100%;
	clear: both;
	text-align: right;
	padding-bottom: 5px;
}


/*____________immagini ANGOLI smussati____________*/

.angle_top_box{
	visibility: hidden;
	/*
	height: 7px;
	width: 100%;
	clear: both;
	float: left;
	*/
}

.angle_top_left{
	visibility: hidden;
	/*
	clear: both;
	float: left;
	width: 7px;
	height: 7px;
	background-image: url(images/angle_sx_top.gif); */
}
.angle_top_right{
	visibility: hidden;
	/*
	clear: right;
	float: right;
	width: 7px;
	height: 7px;
	background-image: url(images/angle_dx_top.gif);*/
}

.angle_bottom_box{
	visibility: hidden;
	/*
	height: 7px;
	width: 100%;
	clear: both;
	float: left;
	background-color: #fff; */
}

.angle_bottom_left{
	visibility: hidden;
	/*
	clear: both;
	float: left;
	width: 7px;
	height: 7px;
	background-image: url(images/angle_sx_down.gif);*/
}
.angle_bottom_right{
	visibility: hidden;
	/*
	clear: right;
	float: right;
	width: 7px;
	height: 7px;
	background-image: url(images/angle_dx_down.gif); */
}


/*_________footer________*/

#footer {
	background: url(images/psychodive_08.png) #91c1d6;
	text-align: center;
	clear: both;
	float: left;
	width: 100%;
	height: 25px;
	padding-top: 10px;
}


/*_________login_home________*/

#login_home{
	clear: right;
	float: left;
	background-image: url(images/bg_body_tbl.gif); 
	padding: 5%;
	width: 90%;
}

#login_box{
	background-color: #fff;
	width: 100%;
	clear: right;
	float: left;
}

#login_form{
	clear: both;
	float: left;
	margin-top: 5px;
	width: auto;
}


/********** USERNAME *****************/
#form_login_username{
	margin-bottom: 5px;
	float: left;
	padding-right: 5px;
	width: auto;
}

#form_login_username input{
	color: #000;  
	border: 1px solid #000;
}

#form_login_username label{
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 5px;
	text-indent: 1em;
	font-size: 9px;
	color: #000066;
	font-family: Verdana, Arial, Helvetica, sans-serif

}



/*********** PASSWORD ****************/

#form_login_pw {
	clear: both;
	float: left;
	margin-bottom: 5px;
	display: inline;
	width: auto;	
}

#form_login_pw input{
	color: #000;  
	border: 1px solid #000;
	margin-right: 5px;
}

#form_login_pw label{
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 5px;
	text-indent: 1em;
	font-size: 9px;
	color: #000066;
	font-family: Verdana, Arial, Helvetica, sans-serif

}

/************SUBMIT****************/

#form_login_submit{
	clear: right;
	float: right;
	margin-bottom: 5px;
	padding-right: 5px;
	width: auto;
}

#form_login_submit input{
	color: #000;  
	border: 1px solid #000;
}

#form_remember_pw{
	clear: both;
	float: left;
	width: 100%;
	text-align: right;
	
}

#logged{
	clear: both;
	float: left;
	width: 100%;
}



/*****************************************************************************/
/*****************************************************************************/
/*****************************************************************************/


BODY {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	background-image: url(images/psychodive_01.gif);
	background-repeat: repeat-x;
	background-color: #91c1d6;
}

A:link {
COLOR: #000035;
TEXT-DECORATION: none
}

A:visited {
COLOR: #1A1A1A;
TEXT-DECORATION: none
}

A:hover {
COLOR: #5A85F5;
TEXT-DECORATION: none
}

.titolopagina {
FONT-WEIGHT: bold;
FONT-SIZE: 11px;
COLOR: #29439a;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.titoloparag {
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
COLOR: #222222;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.testoparag {
FONT-SIZE: 11px;
COLOR: #222222;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
TEXT-ALIGN: justify;
}

.testonavigatore {
FONT-WEIGHT: normal;
FONT-SIZE: 9px;
COLOR: #ffffff;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.testologin {
FONT-WEIGHT: normal;
FONT-SIZE: 9px;
COLOR: #000066;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.testoerror {
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
COLOR: #ff0000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}


INPUT {
BORDER-RIGHT: #cccccc 1px solid;
BORDER-TOP: #cccccc 1px solid;
FONT-SIZE: 10px;
BORDER-LEFT: #cccccc 1px solid;
COLOR: #3e3e3e;
BORDER-BOTTOM: #cccccc 1px solid;
FONT-FAMILY: Arial, Helvetica, sans-serif
;
font-weight: lighter
} 

TEXTAREA {
BORDER-RIGHT: #808080 1px solid;
BORDER-TOP: #808080 1px solid;
FONT-SIZE: 12px;
BORDER-LEFT: #808080 1px solid;
COLOR: #3e3e3e;
BORDER-BOTTOM: #808080 1px solid;
FONT-FAMILY: Arial, Helvetica, sans-serif
}

.linksezioni {
FONT-WEIGHT: bold;
FONT-SIZE: 11px;
COLOR: #ffffff;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.linksezioniSELECTED { /* colore e stile del link della pagina corrente*/
	font-weight: bold;
	font-style: italic;
	font-size: 11px;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.linkpagine {
FONT-SIZE: 9px;
PADDING-TOP: 2px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.linkfissi {
FONT-WEIGHT: normal;
FONT-SIZE: 11px;
cursor: auto;
COLOR: #59A9E3;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.linkdownload {
FONT-WEIGHT: normal;
FONT-SIZE: 11px;
COLOR: #535353;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.testorosso {
FONT-WEIGHT: normal;
FONT-SIZE: 11px;
COLOR: #ff0000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.link_lingue { FONT-WEIGHT: normal;
FONT-SIZE: 11px;
COLOR: #535353;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.didascalie {
FONT-SIZE: 9px;
COLOR: black;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
font-style: italic
}

.testomessaggio {
FONT-SIZE: 10px;
COLOR: #FFFFFF;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
font-style: italic
}

.form {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding-top: 1pt;
padding-right: 1pt;
padding-bottom: 1pt;
padding-left: 1pt;
border: #666666;
border-style: solid;
border-top-width: 1pt;
border-right-width: 1pt;
border-bottom-width: 1pt;
border-left-width: 1pt
}


/*********************** PAGINE INTERNE **************************/

/*____________ left box pagine interne  _________________*/
/* composto dal menu  laterale più il form di login */

#pagine_left_box{
	visibility: hidden;
}

#menu_left_box{
	visibility: hidden;
}
/* ora verrà visualizzata come menu principale in alto */
ul.menu_left_list{
	visibility: hidden;
	list-style: none;
	padding: 0;
	height: 29px;
	padding-left: 2em;
	display: block;
	background-image: url(images/dolphin_bg.gif);
}


/*testa*/

/* voci primo livello (titolo sezioni) si chiamano menu_left_head */
.menu_left_head {
	display: block;
	clear: right;
	float: left;
	width: auto;
	margin-left: 1px;
}

.menu_left_head a {
	display: block;
	height: 29px;  /*altezza del'immagine di sfondo*/
	line-height: 29px;
	padding-left: 5px;
	padding-right: 5px;
} 

.menu_left_head a:hover{
	background-image: url(images/dolphin_bg-OVER.gif);
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	color: #000;
}*/
/*******************************/

/*___________Login pagina interne___________*/
#login_pagine_interne{
	/*
	width: 100%;
	clear: right;
	float: left; 
	padding: 5%;
	width: 90%;
	margin-top: 100px;*/
	visibility: hidden;
}

/*____________ content box pagine interne  _________________*/
#pagine_content_box{
	width: 800px;
	clear: both;
	float: left;
	margin-left: 80px;
}

#pagine_path_box {
	height: 18px;
	float: left;
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
	/*background-image: url(images/path_background.jpg);*/
	margin-top: 10px;
}
#pagine_path_box a{
	color: #fff;
}

#pagine_path_text{
	clear: right;
	float: left;
	width: auto;
	padding-top: 2px;
	text-indent: 5px;
}

#path_text{
	clear: right;
	float: left;
	width: auto;
	margin-top: 4px;
	text-indent: 5px;
}


/* title */
#pagine_page_title_box{
	height: 20px;
	background-color: #fff;
	clear: both;
	float: left;
	width: 94%;
	margin-top: 15px;
	margin-left: 3%;
	margin-right: 3%;
}


#pagine_page_title_text{
	clear: right;
	float: left;
	width: 100%;
	height: 13px;
	text-indent: 1em;
	background-color: #fff;
	background-image: url(images/arrow.gif);
	background-position: left;
	background-repeat: no-repeat;
}

/***********************/

.pagine_box{
	clear: both;
	float: left;
	width: 94%;
	margin-top: 15px;
	margin-left: 3%;
	margin-right: 3%;
}

.pagine_intestazione{
	width: 100%;
	clear: both;
	float: left;
}

.pagine_title{
	clear: both;
	float: left;
	width: auto;
}

.pagine_subtitle{
	clear: both;
	float: left;
	width: auto;
}

.pagine_par_box{
	background-color: #fff;
	width: 100%;
	clear: both;
	float: left;
	background-image: url(images/baseline.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	margin-bottom: 20px;
}

.pagine_par_text{
	clear: both;
	float: left;
	width: 100%;
}

.pagine_img{
	clear: both;
	float: left;
	width: auto;
}

.pagine_link_fissi{
	width: 90%;
	margin-left: 5%;
	margin-top: 15px;
	text-align: right;
	padding-right: 1em;
}

.pagine_download{
	width: 90%;
	margin-left: 5%;
	text-align: right;
	padding-right: 1em;
	margin-top: 15px;
	margin-bottom: 5px;
}

/*____________ right box pagine interne  _________________*/

#pagine_right_box{
	visibility: hidden;
}



/**********************************************************/
/************************* FORUM  *************************/
/**********************************************************/

.topic_content_box{
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
	clear: both;
	float: left;
	background-color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
}

.topic_intestazione{
	width: 100%;
	clear: both;
	float: left;
}

.topic_title{
	color: #000;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: auto;
	clear: both;
	float: left;
	margin-left: 5px;
}

.topic_title_autore{
	color: #069;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	width: auto;
	clear: right;
	float: left;
	margin-left: 5px;
}

.topic_data{
	width: auto;
	clear: both;
	float: right;
	color: #069;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	margin-right: 5px;
	
}

.topic_title_box{
	width: 90%;
	margin-right: 5%;
	display: block;
	border-bottom: dotted 1px #069;
	clear: both;
	float: right;
	font-size: 12px;
	color: #069;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.topic_text_box{
	clear: both;
	float: left;
	width: 100%;
	padding: 1em;
	font-size: 11px;
	color: #222;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify; 
}


/********************************/
/* form di inserimento nuova risposta o thread */

#forum_form_box{
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
	clear: both;
	float: left;
	background-color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
}

#forum_form{
	width: 100%;
	clear: both;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
}

#forum_form label{
	display: block;
	width: 80px;
	float: left;
	text-indent: 1em;
	font-size: 9px;
	color: #000066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#forum_form input{
	color: #000;  
	border: 1px solid #000;
}

#form_forum_submit{
	width: 50%;
	clear: both;
	float: left;
	text-align: right;
	margin-top: 10px;
}


/**********************************************************/
/************************* RICERCA  ***********************/
/**********************************************************/

#ricerca_content_box{
	width: 550px;
	clear: both;
	float: left;
	margin-left: 80px;
	color: #666666;
	font-size: 11px;
}

#box_risultato{
	clear: both;
	float: left;
	width: 98%;
	margin: 2%;
}

.titolo_risultato{
	clear: both;
	float: left;
	width: auto;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	margin-top: 5px;
}

.testo_risultato{
	clear: both;
	float: left;
	width: auto;
	font-size: 9px;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	margin: 5px;
}


/*********** tabella form contatti ***************/

#pagine_content_box form {
display: inline-table;
padding-top: 5%;
margin-left: 20px;
margin-right: 20px;
}

/***************************************************/
/************************GALLERY*************************/
/***************************************************/

.photo_container{
/*
	clear: right;
	float: left;
	width: 150px;
	text-align: center;
	margin-left: 25px;
	margin-top: 10px;
	*/
	 text-align: center;
	 margin-left: 25px;
	 margin-top: 10px;
	 padding:0px;
	 float:left;
	 display:inline;
	 width:150px;
	 height: auto !important;
	 min-height: 170px;
}

.photo_top_box{
	background-image: url(images/photo_top.jpg);
	height: 16px;
	width: 100%;
	clear: both;
	float: left;
	padding-top: 4px;
}

.photo_bottom_box{
	background-image: url(images/photo_bottom.jpg); 
	height: 20px;
	width: 100%;
	clear: both;
	float: left; 
}


.photo_preview_box{
	clear: both;
	float: left;
	width: 100%;
	background-image: url(images/photo_body.jpg);
	background-repeat: repeat-y;
}


.photo_img{
	clear: both;
	width: 100%;
	text-align: center;
	padding-top: 5px;
}

.photo_img dd{
	 margin: 0px;
   	padding: 0px;
}

.photo_img dl{
	 margin: 0px;
  	 padding: 0px;
	 border: 0px;
}

.photo_title{
	width: 90%;
	clear: both;
	float: left;
	margin-left: 5%;
}

.photo_description{
	width: 90%;
	clear: both;
	float: left;
	font-size: 9px;
	color: #666666;
	margin-left: 5%;
	
}

.titolofoto{
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #fff;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}


#short_content_general{
	clear: both;
	float: left;
}

#gallery_par_box{
	background-color: #fff;
	width: 100%;
	clear: both;
	float: left;
	background-image: url(images/baseline.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	margin-bottom: 20px;
}