/*------------------------------------------
Title:			Riccardo Vernaccini WEBSITE
Author:			Andrea Baroni
URL:			http://www.andrea.baroni.name
Created:		14 June 2006
Modified:		-
------------------------------------------*/

@import url(styles_page_sections.css);


/******* GLOBALI ***************************/

html{
	scrollbar-face-color: #7aabd6;
	scrollbar-highlight-color: #add2f3;
	scrollbar-3dlight-color: #add2f3;
	scrollbar-shadow-color: #59748c;
	scrollbar-darkshadow-color: #59748c;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-track-color: #312414;
}

body {
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	float:left;
	position:relative;
	color: #000000;
	font-size:8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	background:#4b371e;
}

a {	color:#AA1614; text-decoration:none; }

a:hover { color:#AA1614; text-decoration:underline; }

p {	padding:0; margin:0 0 10px 0; text-align:justify; font-size:100%; line-height:14px;}

h1{ width:560px; heigth:57px; margin:0; padding:0; font-size:16pt; text-align:center;}

h2{ margin:4px 0 4px 4px; padding:0; font-size:11pt; font-weight:bold; color: #8a8080; clear:left; font-family:Arial, Helvetica, sans-serif;}

h2.store{ margin:4px 0 4px 0; padding:0; font-size:12pt; font-weight:bold; color: #333; clear:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

h3{ position:relative; margin:0 0 5px 10px; padding:0;	color: #686868;	font-size:9pt;	font-weight:normal; }

hr{ width:95%; height:2px; text-align:center; margin-top:15px !important; margin-bottom:15px !important; margin-top:0px; margin-bottom:10px; border:1px dashed #555555; clear:both; }

img{ border:0; }

ul, ol{ width:auto; margin:5px 0 10px 15px; padding:0;}

ol	{ position:relative; margin: 0 0 0 5px; }

ol li { list-style-position:outside; margin:0 0 5px 0; padding:0px; }

ul li{ list-style:square; list-style-position:inside; margin:0 0 5px 0; padding:0 0 0 10px; }

li ul{ margin: 5px 0 7px 18px;}

li li{ list-style-type:disc; font-size:90%; background:none; list-style-position:inside; padding-left:0px;}

ol{ list-style-position:inside; margin:15px 0 10px 20px; padding:0; }

ol li{ margin: 0 !important; margin:0 0 5px 0; height:18px !important; height:auto; }

li a { font-weight:bold;}

form{ width:96%; margin-top:15px;}

/*-------- CLASSI ---------*/
/*-------------------------*/

.clear_all	{
	clear:both;
}

/*----------- TESTO ------*/
.text_gray {
	color:#555555;
}

.text_lightblue {
	color:#74aad1;
}

.text_lightgray {
	color:#b7c0c7;
}

.text_red{
	color:#AA1614;
}

.text_small{
	font-size:9px;
	color: #000000;
}

.text_medium{
	font-size:11px;
	color: #000000;
}

.text_graysmall{
	color:#555555;
	font-size:9px;
}

.text_verysmall{
	font-size:8px;
	color: #000000;
}


/*----------- LISTE ------*/

.list_chisiamo ul{
	margin-top:20px;
	margin-bottom:20px;
	margin-left:40px;
}

.list_chisiamo li ul{
	margin-top:5px;
	margin-bottom:7px;
}

.list_chisiamo ul li {
	font-size:110%;
}

.list_chisiamo ul li ul li {
	font-size:90%;
}


/*PHOTOS*/
.photo_models ul{
	float:left;
	margin:20px 0 0 40px;
	padding:0;
	display:inline;
}

.photo_models li{
	list-style:none;
	float:left;
	margin:0 20px 0 0;
	padding:0;
	display:inline;
}

.photo_models img{
	border:1px solid #000000;
}


/*----------- TABELLE ------*/
.servizi td
{
	width:150px;
	text-align:center;
}


.servizi td a:hover { text-decoration:none; font-weight:bold; }


/*--------- SCHEDE -------------*/

.scheda_dati{
	width:310px;
	float:left;
	margin:15px 10px 20px 0;
	padding:0;
	color:#666666;
}

.scheda_dati p{
	margin: 0 0 5px 0;
	font-size:11px;
}

.scheda_id{
	position:absolute;
	right:224px;
	top:70px;
	font-size:10px;
	color:#666666;
	border-bottom:1px solid #c4c1b3;
}

.scheda_photo{
	width:200px;
	heigh:258px;
	float:left;
	margin:0;
	padding:0;
}

.scheda_photo img{
	border:1px solid #000000;
	margin:0;
}


.scheda_corso{
	margin-top:10px;	
}

.scheda_corso ul{
	margin-top:5px;
	margin-left:5px;
}

.scheda_corso li{
	background:none;
	list-style-type:disc;
	list-style-position:inside;
	font-size:90%;
}

.scheda_corso h3{
	color:#AA1614;
}

.scheda_corso .durata{
	font-size:9px;
	color:#7d7d7d;
	margin:0 0 0 12px;
}


/*--------- FORMS -------------*/
.form_scouting{
}

.form_scouting table{
	margin-left:20px;
}

.form_scouting table td{
}




/*--------- VARI -------------*/

.pageNav {
	height:20px;
	text-align:center;
	padding:10px 0 0 0;
	margin:0 auto 0;
	min-width:200px;
	width:auto !important;
	width:300px;
	max-width:300px;
	font-size:110%;
	/*border:1px solid #F00;*/
}

.pageNav ul{
	height:30px;
	width:150px;
	margin:0;
	padding:5px;
	list-style:none;
	display:inline;
	/*border:1px solid #F0F;*/
}

.pageNav ul li{
	height:20px;
	width:20px;
	text-align:center;
	display:inline;
	margin:0;
	padding:10px 5px 0 5px;
	background:url(../images/bk_pageNavli.gif) -2px 10px no-repeat;
	/*border:1px solid #00F;*/
}

.pageNav .arrow{
	 display:inline;position:relative;
	 margin:-5px 0 0 0;
}



.box_lessons{
	width:290px;
	border:2px dashed #3a4855;
	background:#d0dadd;
	padding:5px;
	margin-left:6px;
	margin-top:-10px;
	margin-bottom:20px;
}

.box_lessons p{
	width:270px;
}

.data{
	width:92px;
	height:16px;
	margin:15px 0 0 0;
	padding:2px 0 0 8px;
	background:#d0dadd;
	border:2px dotted #3a4855;
	font-size:105%;
	font-weight:bold;
	color:#5e6666;
}

.cover
{
	width:160px;
	height:160px;
	float:left;
	margin: 0 10px 0 18px;
	padding:0;
	position:relative;
	display: inline;
	border:2px solid #333;
}



.tracklist
{
	position:relative;
	margin-left:195px;
}

.orderBox
{
	border:1px solid #888;
	padding:5px;
	margin:0 0 15px 0;
}

.buyinfo
{
	position:relative;
	margin-left:195px;
	margin-top:-22px;
	font-size:100%;
	width:340px;
	color:#333;
}

#playerAtLast, #playerAttracted
{
	position:absolute;
	top:25px;
	left:192px !important;
	left:198px;
}

#playerAttracted{
	top:17px;
}

.buy
{
	position:absolute;
	top:75px;
	right:29px !important;
	right:49px;
}

#lessons p
{
	width:540px;
	padding-bottom:15px;
	font-size:9px;
	color: #333333;
	position:relative;
}

.download
{
	width:140px;
	height:15px;
	font-size:9px;
	font-weight:bold;
	position:absolute;
	right:0px;
	bottom:0px;
}

.link
{
	width:370px;
	height:20px;
	margin:13px 0 0 10px;
	padding:0 0 0 30px;
	font-size:10pt;
	font-weight:bold;
	color: #8a8080;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../graphic/arrow.gif) no-repeat left bottom;
}

.linkdesc
{
	font-size:9px;
	color: #000000;
	width:360px;
	margin:-4px 0 0 38px;
}

.counter
{
	width:200px;
	height:10px;
	position:absolute;
	top:-24px;
	left:130px;
	color:#777788;
	font-size:9px;
}
