@charset "utf-8";
@import url('reset.css');
/* CSS Document */

hr{
	width: 60%;
	color: #FFFFFF;
	margin: 10px auto;
	border: 1px dotted #FFFFFF;
	}

body{
background: #030303;
color: #FFFFFF;
font-size: 16px;
font-family:  Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.4em;
}

#wrap{
background: #383838 url(images/pers_bck.gif) repeat-y left;
width: 960px;
margin: 0 auto;
padding: 40px 0 0 3px;
position: relative;
}


h1, h2{
text-align: center;
}
h1{
font-size: 36px;
margin: 18px auto;
}

h2{
font-size: 24px;
margin: 18px 0 16px 0;
}

/*--------------top menu --------------------*/
ul#menu{
width: 310px;
margin: 30px auto;
display: block;
}

ul#menu li{
float: left;
padding: 0 4px 0 4px;
border-right: solid 1px #FFFFFF;
height: 17px;
}

ul#menu li.language{
margin-left: 4px;
border-right: 0;
border-left: solid 1px #FFFFFF;
}

ul#menu img.flag{
margin: 0 8px 0 8px;	
	}

/*----------------link---------*/
a{

/*color: #996633;*/
color: #F98A1B;
text-decoration: underline;

}
a:hover{
color: #B75C07;
}
a:visited{
/*color: #996633;*/
color: #B75C07;
}


div.clear{
clear: both;
}

/*-------------*/
table#filmografia{
border-collapse: separate;
border-spacing: 2px;
font-size: 12px;

}

table#filmografia tr{
background: #4F4F4F;
}
table#filmografia tr.even{
background: #333333;

}
table#filmografia tr td{
padding: 0.3em 0.5em 0.2em 0.5em;
}



/*--------------div#bio-------*/

div#bio div.wrap{
	width: 750px;
	margin: 20px auto;
}

div#bio p{
float: left;
width: 330px;
margin: 0 17px 0 35px;
}

div#bio ul{
float: left;
width: 140px;

}

div#bio ul li{
margin: 3px 0 0 0;
}

div#bio address{
width: 200px;
float: left;
margin-left: 20px;
font-style: normal;
}

/*----------------div#esperienze, div#foto-------------*/
div#esperienze{
float: left;
margin: 0 10px 20px 10px;
width: 490px;
}

div#esperienze p{
margin: 14px auto;
}

div#foto{
float: right;
margin: 0 50px;
}




div#foto ul{
display:block;
width: 320px;
}

div#foto ul li{
float: left;
margin: 2px;
}

div#foto ul li img{
padding: 1px;
}
/*div#foto ul li a{
	border: 1px solid #F98A1B;
	display: block;
}
div#foto ul li a:hover{
	border: 1px solid #B75C07;
}
/*-----------video-------------*/

div#video div#show{
float: left;
width: 500px;
height: 400px;
margin: 0px 20px 20px 20px;
}

div#video div#show p{
margin: 50px 0;
}

div#video ul{
font-size: 14px;
float: left;
margin: 0 10px;
width: 180px;
}

div#video ul li{
margin: 3px 0 0 0;	
	}

/*-------ultimo div----------*/

div#footer{
background: #4F4F4F;
margin: 20px auto 0 auto;
}

div#footer p{
font-size: 12px;
padding: 6px 4px;
}