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

/* Layout SIM                                  */

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



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

/* Box Layout page division */

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



@font-face

{

	font-family: Impact;

    src: url('include/Impact.ttf');

}



@font-face

{	font-family: Steelfish;

	src: url('include/steelfish rg.ttf');

}



/* body - complete page depends of monitor */

body

{

	background-color:#000000;

	/* background-image: url(img/theme/night-sky-stars.gif); */

	margin:0;

}



/* Page - Site Page optimized 1024x768 */

#Page1024x768

{

	position:relative;

	width:1024px;

	high:768px;

	margin:auto;

}



/* Internal space */



#Header

{

	background-image:url(img/theme/background_menu.png);

	position:relative;

	width: 1024px;

	height: 256px;

	left: 0px;

	top: 0px;

}

#Center

{

	background-image:url(img/theme/cornici.png);

	background-position: center;

	background-repeat: no-repeat;

	position:relative;

	width: 1024px;

	height: 452px;

	left: 0px;

	top: 0px;

}

#Footer

{

	background-image:url(img/theme/footer.png);

	background-repeat:no-repeat;

	background-position:center;

	position:relative;

	width: 1024px;

	height: 60px;

	left: 0px;

	top: 0px;

}

#Stardate

{

	position:relative;

	width: 164px;

	height: 40px;

	left: 430px;

	top: 0px;

	color:#FFFFFF;

	font-family:Impact; font-size:18px;

	letter-spacing:2px;

	text-align:center;

}



/* Content Box */



#ContentBox

{

	position:absolute;

	width: 845px;

	height: 410px;

	padding-right: 10px;

	padding-top: 10px;

	padding-bottom: 10px;

	padding-left: 10px;

	left: 81px;

	top: 10px;

}

#ContentBox2

{

	background-color:#000000;

	position:absolute;

	width: 841px;

	height: 408px;

	padding-right: 10px;

	padding-top: 10px;

	padding-bottom: 10px;

	padding-left: 10px;

    border-radius: 7px 7px 0px 0px;

 	left: 82px;

	top: 17px;

}



#ScrollBar

{

	background-image:url(img/theme/scorrimento.png);

	background-repeat:no-repeat;

	position:absolute;

	width: 32px;

	height: 115px;

	left: 875px;

	top: 295px;

}

#ScrollUp

{

	position:absolute;

	width: 32px;

	height: 55px;

	left: 875px;

	top: 295px;

}

#ScrollDown

{

	position:absolute;

	width: 32px;

	height: 55px;

	left: 875px;

	top: 353px;

}



#ScrollTitleBar

{

	background-image:url(img/theme/scorrimento.png);

	background-repeat:no-repeat;

	position:absolute;

	width: 32px;

	height: 115px;

	left: -43px;

	top: 295px;

}

#ScrollTitleUp

{

	position:absolute;

	width: 32px;

	height: 55px;

	left: -43px;

	top: 295px;

}

#ScrollTitleDown

{

	position:absolute;

	width: 32px;

	height: 55px;

	left: -43px;

	top: 353px;

}





/*  Active button */



#Home

{
	position: absolute;
	width: 514px;
	height: 236px;
	padding: inherit;
	left: 7px;
	top: 8px;

}

#Home:hover

{

/*	background-image:url(img/theme/home.png);

	background-repeat:no-repeat;*/

}



#TourBlu

{

	background-image:url(img/theme/tour.png);

	background-repeat:no-repeat;

	position:absolute;

	width: 68px;

	height: 14px;

	left: 351px;

	top: 169px;

}

#TourBlu:hover

{

	background-image:url(img/theme/tour_blu.png);

	background-repeat:no-repeat;

}



#CrewBlu

{

	background-image:url(img/theme/equipaggio.png);

	background-repeat:no-repeat;

	background-position: -1px 0;

	position:absolute;

	width: 152px;

	height: 14px;

	left: 281px;

	top: 187px;

}

#CrewBlu:hover

{

	background-image:url(img/theme/equipaggio_blu.png);

	background-repeat:no-repeat;

	background-position: 0 0;

}



#DataBlu

{

	background-image:url(img/theme/dati.png);

	background-repeat:no-repeat;

	background-position: 0 0;

	position:absolute;

	width: 165px;

	height: 14px;

	padding:inherit;

	left: 285px;

	top: 206px;

}

#DataBlu:hover

{

	background-image:url(img/theme/dati_blu.png);

	background-repeat:no-repeat;

	background-position: -1px 0;

}



#TourRed

{
	background-image: url(img/theme/tour.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 68px;
	height: 14px;
	left: 595px;
	top: 67px;

}

#TourRed:hover

{

	background-image:url(img/theme/tour_red.png);

	background-repeat:no-repeat;

}



#CrewRed

{
	background-image: url(img/theme/equipaggio.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 152px;
	height: 14px;
	left: 585px;
	top: 49px;

}

#CrewRed:hover

{

	background-image:url(img/theme/equipaggio_red.png);

	background-repeat:no-repeat;

}





#DataRed

{
	background-image: url(img/theme/dati.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 165px;
	height: 14px;
	padding: inherit;
	left: 575px;
	top: 31px;

}

#DataRed:hover

{

	background-image:url(img/theme/dati_red.png);

	background-repeat:no-repeat;

}



#DataBase

{
	position: absolute;
	width: 123px;
	height: 13px;
	padding: inherit;
	left: 714px;
	top: 180px;

}

#DataBase:hover

{

	background-image:url(img/theme/button_db.png);

	background-repeat:no-repeat;

}



#Log

{
	position: absolute;
	width: 58px;
	height: 13px;
	padding: inherit;
	left: 611px;
	top: 180px;

}

#Log:hover

{

	background-image:url(img/theme/button_log.png);

	background-repeat:no-repeat;

}



#Timeline

{
	position: absolute;
	width: 103px;
	height: 13px;
	padding: inherit;
	left: 881px;
	top: 180px;

}

#Timeline:hover

{

	background-image:url(img/theme/button_time.png);

	background-repeat:no-repeat;

}



/* Page title */



#Title

{

	position:absolute;

	width: 400px;

	height: 26px;

	padding:inherit;

	font-family:Impact;

	font-size:24px;

	color:#f5cd47;

	left: 38px;

	top: -25px;

}





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

/* Box Table style definition */

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



/* Dichiarazione Stili tabella Ufficiali Sezione Comando */



table.crew

{

	width:770px;

	margin-left:50px;

	margin-top:20px;

	table-layout: fixed;

	border:medium

	vertical-align: middle;

	font-family: Impact;

	font-size: 18px;

	text-align:left;

	color:#FFFFFF;

	background: none;
	text-decoration: none;

}

table.crew a:link, table.crew a:visited, table.crew a:active
{
color:#FFFFFF;
text-decoration: none;
}

table.crew a:hover
{
color:#FFFFFF;
text-decoration: underline;
}



table.crew th

{

	width: 114px;

	border: none;

	vertical-align: middle;

	padding: 3px 3px 3px 3px;

}



table.crew td

{

	border: none;

	vertical-align: middle;

	padding: 3px 3px 3px 3px;

}



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

/* Scrolling DIV definition */

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



/* CV Scrolling */



#ScrollExt

{

	position:absolute;

	width: 845px;

	height: 410px;

	padding-right: 10px;

	padding-top: 0px;

	padding-bottom: 10px;

	padding-left: 10px;

	left: 2px;

	top: 15px;

	overflow:hidden;

}



#ScrollInt

{

	position:absolute;

	width: 845px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 10px;

	left: 0px;

	top: 0px;

	overflow:hidden;

}

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

/* Crew DIV definition */

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

.crew_barralong

{

	height:25px;

	width:900px;

	float:left;

}

.crew_barraleft

{

	height:25px;

	width:23px;

	float:left;

}

.crew_barralongright

{

	height:25px;

	width:left;

	float:center;

}

.crew_tipodato

{

	height:25px;

	width:220px;

	float:left;

	position:relative;

	font-family:Impact;

	font-size:18px;

	letter-spacing:1px;

	padding:2px;

	color:#f5cd47;

}



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

/* Curricula DIV definition */

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



.cv_ext

{

	position:relative;

	width: 846px;

	height: auto;

}

.cv_row0

{

	height:25px;

	width:580px;

	float:left;

}

.cv_barrashort

{

	height:25px;

	width:250px;

	float:left;

}

.cv_barramedium

{

	height:25px;

	width:250px;

	float:left;

}

.cv_barralong

{

	height:25px;

	width:575px;

	float:left;

}

.cv_barraleft

{

	height:25px;

	width:23px;

	float:left;

}

.cv_barrashortright

{

	height:25px;

	width:46px;

	float:left;

}

.cv_barralongcont

{

	height:auto;

	width:580px;

}

.cv_barralongright

{

	height:25px;

	width:auto;

	float:left;

}

.cvtipodato

{

	height:25px;

	width:165px;

	float:left;

	position:relative;

	font-family:Impact;

	font-size:18px;

	letter-spacing:1px;

	padding:2px;

	color:#f5cd47;

}

.cvdato

{

	height:25px;

	width:319px;

	float:left;

	position:relative;

	font-family:Impact;

	font-size:18px;

	padding-top:2px;

	color:#FFFFFF;

	text-align:left;

	padding-left:8px;

}

.cvdatolong

{

	height:auto;

	width:570px;

	font-family:Impact;

	font-size:18px;

	padding-top:2px;

	color:#FFFFFF;

	text-align:left;

	padding-left:8px;

}

.posrelative

{

	position:relative;

}

.cvpadding

{

	padding-bottom:16px;

}

.cvpaddinglow

{

	padding-bottom:10px;

}

.curriculumext

{	height:auto;

	width:805px;

	position:relative;

	float:right;

}

.curriculum

{	height:auto;

	width:805px;

	font-family:Arial;

	font-size:16px;

	padding:10px;

	padding-right:30px;

	color:#ffffff;

	position:relative;

	float:right;

	text-align:justify;

}

.showcurriculum

{

	height:auto;

	width:805px;

	font-family:Impact;

	font-size:12px;

	letter-spacing:2px;

	padding:10px;

	padding-right:30px;

	color:#ffffff;

	position:relative;

	float:right;

	text-align:justify;

}

.hidecurriculum

{

	height:auto;

	width:805px;

	font-family:Impact;

	font-size:12px;

	letter-spacing:2px;

	padding:10px;

	padding-right:30px;

	color:#ffffff;

	position:relative;

	float:right;

	text-align:justify;

}

.anno

{

	color:#f5cd47;

}



#CvTabellaExt

{

	position:relative;

	width: 846px;

	height: auto;

}

#CvPhoto

{

	float:left;

	position:relative;

	width: 219px;

	height: 260px;

	padding-left:5px;

	padding-top:5px;

}

#CvTabella_I

{

	float:right;

	position:relative;

	padding-top:5px;

	width: 580px;

	height: 260px;

}



#CvTabella_II

{

	float:right;

	position:relative;

	padding-top:5px;

	width: auto;

	height: 260px;

}



#CvBarra_0

{

	height:23px;

	width:580px;

	float:left;

}

#CvBarra_1

{

	height:23px;

	width:202px;

	float:left;

}

#CvBarra_2

{

	height:23px;

	width:155px;

	float:left;

}

#CvBarra_3

{

	height:23px;

	width:23px;

	float:left;

}

#CvBarra_TXT

{

	height:23px;

	width:auto;

	float:left;

	font-family:Impact;

	font-size:18px;

	letter-spacing:1px;

	padding-top:2px;

	color:#f5cd47;

}

#CVBarra_4

{

	height:23px;

	float:right;

}

#CvDato

{

	height:23px;

	width:auto;

	float:left;

	font-family:Impact;

	font-size:18px;

	padding-top:2px;

	color:#FFFFFF;

	text-align:left;

	padding-left:20px;

}



#CVInfoPVT

{

	float:left;

	position:relative;

	width: 219px;

	height: 260px;

	padding-left:5px;

	padding-top:5px;

}



#CV_tabellaIII

{

	float:right;

	position:relative;

	padding-top:5px;

	width: 580px;

	height: 260px;

}



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

/* Logs declariation */

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



#bigcoverlogs

{

	position:relative;

	float:left;

	left:0px;

	top:0px;

	height:410px;

	width:300px;

	margin-top:18px;

	margin-left:5px;

}



#CoverFrame

{

	float:left;

	position:absolute;

	width: 218px;

	height: 224px;

	left:0px;

	top:0px;

}

#CoverSlide

{

	float:left;

	position:absolute;

	width: 227px;

	height: 310px;

	left:16px;

	top:70px;

}

#CoverPhoto

{

	float:left;

	position:absolute;

	width: 282px;    /*-17 rispetto quello sopra*/

	height: 373px;    /* - 10 rispetto quello sopra */

	left:0px;

	top:0px;

}

.coverpadding

{

	padding-top:375px;

	padding-left:10px;

}



.apribox{}

.apribox:hover{cursor:pointer;}

.chiudibox{font:Arial; font-size:18px; color:#FFCC00; position:absolute; right:2%; top:0%; cursor:pointer;}



.overlaybox{

	background:#1a1a1a;

    position:fixed;

    top:0px;

    bottom:0px;

    left:0px;

    right:0px;

    z-index:100;

	cursor:pointer;

/*Trasperenza cross browser*/

opacity: .7; filter: alpha(opacity=70); 

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

}



#box{ width:600px; height:292px; background-color:#000000; display:none; z-index:+300; position:absolute; left:30%; top:20%; -moz-border-radius: 15px;  -webkit-border-radius: 15px;

border-radius: 15px; padding:20px; background-image:url(diariorev.jpg); background-position:center; background-repeat:no-repeat; }



hr {

    -moz-border-bottom-colors: none;

    -moz-border-image: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    border-color: #CCCCCC;

    border-right: 0 solid #CCCCCC;

    border-style: solid;

    border-width: 1px 0 0; 

	width:60%}



/* List of Current Log */



.listlogs

{

	position:relative;
	height:420px;
	width:250px;
	font-family:Impact;
	font-size:14px;
	padding-top:5px;
	padding-left:5px;
	color:#FFFFFF;
	text-align:left;

}

.logspadding

{

	padding-left:10px;

}

.logslowpadding

{

	padding-left:10px;

	padding-top:250px;

}

.logscloselistSX

{

	padding-left:35px;

}

.logscloselistTOP

{

	padding-top:03px;

}

.fleft

{

	float:left;

}

.fright

{

	float:right;

}



/* List Log Scrolling */



#ScrollListExt

{

	position:absolute;

	width:250px;

	height:155px;

	padding-right: 0px;

	padding-top: 0px;

	padding-bottom: 10px;

	padding-left: 5px;

	left: 0px;

	top: 241px;

	overflow:hidden;

}



#ScrollListInt

{

	position:absolute;

	width: 250px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	left: 0px;

	top: auto;

	overflow:hidden;

}





/* Log Scrolling */



#ScrollLogExt

{

	position:absolute;

	width: 573px;

	height: 410px;

	padding-right: 10px;

	padding-top: 0px;

	padding-bottom: 10px;

	padding-left: 10px;

	left: 267px;

	top: 15px;

	overflow:hidden;

}



#ScrollLogInt

{

	position:absolute;

	width: 575px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 10px;

	left: 0px;

	top: auto;

	overflow:hidden;

	font-family:Arial;

	font-size:14px;

	color:#FFFFFF;

	text-align:justify;

	background-color:#000000;

}











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

/* Text declariation */

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



.Stile1 {

	font-size: 18px;

	font-weight: bold;

	color: #F5CD47;

}

.Stile2 {

	color: #F5CD47;

	font-weight: bold;

}

.Stile3 {

	color: #f5cd47;

	font-weight: bold;

}
