/* PETRA LUCCHINI PORTFOLIO ONLINE STYLE ---------------------------------------------------------------- */

/* NORMALIZZAZIONE ------------------------------------------------------------------- */

/* normalizza margin e padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin: 0; padding: 0; }

/* normalizza font-size per headers */
h1, h2, h3, h4, h5, h6
{ font-size: 100%; }

/* rimuove list-style dalle liste */
ol, ul
{ list-style: none; }

/* normalizza font-style e font-weight */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style: normal; font-weight: normal; }

/* normalizza le tabelle */
table
{ border-collapse: collapse; border-spacing: 0; }

/* rimuove i bordi */
fieldset, img
{ border: 0; }

/* allinea a sinistra il testo */
caption, th
{ text-align: left; }

/* rimuove i segni quote da q */
q:before, q:after
{ content: ''; }



/* LAYOUT ---------------------------------------------------------------------------- */

html {
	text-align: center;
	background-color: #f6f6f6;
	background-image: url(images_layout/html_back.png); 
	background-repeat: repeat-x;  
	background-position: center top;
	border-top: 5px solid #5d5d5d;
	border-bottom: 5px solid #5d5d5d;
}

body {
	position: relative;
	width: 950px;
	min-height: 500px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 9pt;
	color: #47384a; 
	font-family: Tahoma, Helvetica, sans-serif;
	line-height: 19px;
}

td {
	font-size: 11pt;
	color: #47384a; 
	font-family: Tahoma, Helvetica, sans-serif;
	line-height: 19px;
}

#page {
	position: relative;
	width: 818px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-image: url(images_layout/page_back.png); 
	background-repeat: no-repeat;  
	background-position: center top;
}

#header {
	position: relative;
	top: 11px;
	width: 800px;
	height: 91px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images_layout/header_back.png); 
	background-repeat: no-repeat;  
	background-position: bottom;
}

.contacts {
	position: relative;
	float: right;
	margin-top: -22px;
	margin-right: 9px;
	padding: 0px 10px 0px 50px;
	color: #0b6a79;
}

.curriculum {
	position: relative;
	float: right;
	margin-top: -30px;
	margin-right: 9px;
	padding: 0px 10px 0px 50px;
	color: #0b6a79;
}

.contacts a:link, .curriculum a:link, .contacts a:visited, .curriculum a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #0b6a79;
}

.contacts a:hover, .curriculum a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #23a1b5;
}

#main {
	position: relative;
	width: 818px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-image: url(images_layout/main_back.png); 
	background-repeat: repeat-y;  
	background-position: center top;
	clear: both;
}

#content {
	position: relative;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 10px 0px 1px 0px;
	background-image: url(images_layout/content_back.png); 
	background-repeat: no-repeat;  
	background-position: top;
}

h1 {
	padding: 1px 6px;
	text-align: left;
	color: #23a1b5;
	font-size: 11pt;
	font-variant: small-caps;
	margin: 0px 0px 10px 120px;
}

#content_left {
	position: absolute;
	float: left;
	width: 475px;
	top: 40px;
	left: 10px;
	text-align: left;
	border: 1px solid #f0a400;
	margin-bottom: -10px;
	clear: both;
}

#content_right {
	position: relative;
	width: 295px;
	left: 495px;
	top: -1px;
	text-align: left;
	border: 1px solid #f0a400;
	clear: both;
}

h2 {
	padding: 1px 6px;
	color: #ffffff;
	font-size: 10pt;
	font-variant: small-caps;
}

.h2web {
	background-image: url(images_layout/h2_back_web.png); 
	background-repeat: no-repeat;  
	background-position: left top;
}

.h2graphic {
	background-image: url(images_layout/h2_back_graphic.png); 
	background-repeat: no-repeat;  
	background-position: left top;
}

.portfolio {
	margin: 10px;
}

.portfolio li {
	font-size: 8pt;
	line-height: 10pt;
	clear: both;
}

.portfolio_graphic {
	margin: 10px;
}

.portfolio_graphic li {
	font-size: 8pt;
	line-height: 10pt;
	clear: both;
}

h3 {
	font-weight: bold;
	line-height: 14px;
	padding: 1px 0px 2px 4px;
	color: #ffffff;
	background-image: url(images_layout/h3_back.png); 
	background-repeat: no-repeat;  
	background-position: left top;
	margin-bottom: 5px;
}

.portfolio img {
	float: left;
	border: 5px solid #f7d07d;
	margin-bottom: 20px;
}

.portfolio_graphic img {
	border: 5px solid #f7d07d;
	margin-bottom: 20px;
	margin-top: -15px;
}

.portfolio img:hover {
	float: left;
	border: 5px solid #f0a400;
	margin-bottom: 20px;
}

.portfolio_graphic img:hover {
	border: 5px solid #f0a400;
	margin-bottom: 20px;
	margin-top: -15px;
}

.portfolio_text {
	width: 185px;
	float: right;
	left: 255;
	margin-bottom: 10px;
}

h4 {
	text-align: center;
	font-weight: normal;
	margin-top: -16px;
	color: #0a6372;
	background-color: #e2e8e9;
	padding: 2px;
	margin-bottom: 5px;
}

.portfolio_graphic h4 {
	text-align: center;
	font-weight: normal;
	margin-top: 0px;
	color: #0a6372;
	background-color: #e2e8e9;
	padding: 2px;
	margin-bottom: 20px;
}

.portfolio_text span {
	display: block;
	color: #66a2ab;
	font-variant: small-caps;
}

h5{
	text-align: center;
	font-weight: normal;
	background-image: url(images_layout/h2_back_graphic.png); 
	background-repeat: no-repeat;  
	background-position: right top;
	padding: 2px;
	position: relative;
	top: 163px;
}

h5:hover {
	background-position: left top;
}

h5 a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #ec6f00;
}

h5 a:hover {
	color: #ffffff;
}

h5 a:visited {
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #ec6f00;
}

h5 a:visited:hover {
	color: #ffffff;
}

#footer {
	width: 818px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 18px 0px 10px 0px;
	background-image: url(images_layout/footer_back.png); 
	background-repeat: no-repeat;  
	background-position: center top;
	color: #0b6e7d;
	font-size: 8pt;
	clear: both;
}