/*  DIEGO VALOBRA 2009 */
body{
	margin:0;
	padding:0;
	background:#fff url(bg4.jpg) top center no-repeat;
	font-family:"Myriad Pro",Helvetica,Verdana,Arial;
	font-size:100%;
}
ul,li{
	list-style-type:none;
	margin:0;
	padding:0;
}
img{
	border:none;
}
p{
	margin:0;
	padding:0;
}
h1{
	position:absolute;
	margin:0;
	padding:0;
	text-indent:-999em;
	display:none;
}
h2,h3,h4{
	margin:0;
	padding:0;
}
a{
	color:#8c3e17;
	text-decoration:underline;
	outline:none;
	background:none;
}
a:hover{
	color:#046877;
	text-decoration:none;
	outline:none;
}

#main{
	margin:0 auto;
	width:977px;
	height:auto;
	display:block;
}
#header{
	float:left;
	width:977px;
	height:228px;
	display:block;
	background:url(header.jpg) no-repeat;
}
#flash{
	width:977px; 
	height:228px;
}


/*::::::::::::NAVIGATION:::::::::::::*/
.nav{
	float:left;
	width:977px;
	height:55px;
	background:url(nav.jpg) no-repeat;
	display:block;
	font-size:14px;
	font-family:Comic Sans MS;
}
.nav ul{
	float:left;
	width:977px;
	height:55px;
}
.nav ul li{
	float:left;
	display:block;
	line-height:55px;
	text-align:left;

}
.a a{
	width:53px;
	display:block;
	text-indent:-999em;
}
.a a:hover{
	background:url(nav_h.jpg) no-repeat;
}
.b a{
	width:108px;
	display:block;
	text-indent:-999em;
}
.b a:hover{
	background:url(nav_h.jpg) -53px 0 no-repeat;
}
.chapters{
	margin:0;
	background:url(nav_h.jpg) -53px 0 no-repeat;
	width:108px;

}
.c a{
	width:117px;
	display:block;
	text-indent:-999em;
}
.c a:hover{
	background:url(nav_h.jpg) -161px 0 no-repeat;
}
.benevida{
	margin:0;
	background:url(nav_h.jpg) -161px 0 no-repeat;
	width:117px;

}
.d a{
	width:116px;
	display:block;
	text-indent:-999em;
}
.d a:hover{
	background:url(nav_h.jpg) -278px 0 no-repeat;
}
.press{
	margin:0;
	background:url(nav_h.jpg) -278px 0 no-repeat;
	width:116px;

}
.e a{
	width:107px;
	display:block;
	text-indent:-999em;
}
.e a:hover{
	background:url(nav_h.jpg) -394px 0 no-repeat;
}
.f a{
	width:80px;
	display:block;
	text-indent:-999em;
}
.f a:hover{
	background:url(nav_h.jpg) -501px 0 no-repeat;
}
.g a{
	width:189px;
	display:block;
	text-indent:-999em;
}
.g a:hover{
	background:url(nav_h.jpg) -581px 0 no-repeat;
}
.medical{
	margin:0;
	background:url(nav_h.jpg) -581px 0 no-repeat;
	width:189px;

}
.h a{
	width:84px;
	display:block;
	text-indent:-999em;
}
.h a:hover{
	background:url(nav_h.jpg) -770px 0 no-repeat;
}

.i a{
	width:49px;
	display:block;
	text-indent:-999em;
}
.i a:hover{
	background:url(nav_h.jpg) -854px 0 no-repeat;
}
.l a{
	width:74px;
	display:block;
	text-indent:-999em;
}
.l a:hover{
	background:url(nav_h.jpg) -903px 0 no-repeat;
}
.buy a{
	position:absolute;
	width:131px;
	height:78px;
	background:url(buy.png) no-repeat!important;
	background:url(buy_book.jpg) no-repeat;
	text-indent:-999em;
	margin:7px 0 0 839px!important;
	margin:7px 0 0 845px;
}
.buy a:hover{
	background:url(buy_h.png) no-repeat!important;
	background:url(buy_book_h.jpg) no-repeat;	
}
/*::::::::::::END NAVIGATION:::::::::::::*/
/*::::::::::::START SECOND LEVEL:::::::*/
.sub_menu {
	position:absolute;
	margin-top:0px;
	margin-left:-2px;
	display:block;
	width:245px;
	color:white;
	visibility:hidden;
	z-index:1000;
	text-transform:uppercase;
	font-size:11px;

}
.sub_menu ul{
	float:left;
	display:block;
	width:245px;
	margin:0 0 0 -1px!important;
	margin:0 0 0 -2px;
	padding:0px 0 20px 0;
	background:url(sub.png) center bottom no-repeat!important;
	background:url(sub.gif) center bottom no-repeat;
	/*height:595px;*/
	height:100%;
}
.sub_menu ul li{
	float:left;
	width:230px !important;
	width:220px;
	line-height:21px;
	display:block;
	margin:0 0 0 9px!important;
	margin:0 0 3px 5.7px;
	padding:0 0 6px 0!important;
	padding:0 0 0 0;
	background:url(sub_line.png) bottom left no-repeat!important;
	background:none;
	border-bottom:none!important;
	border-bottom:1px dotted #000;
	text-shadow: 1px 1px 2px #222;


}
.sub_menu ul li.this_first{
	background:url(top_sub.png) center top no-repeat!important;
	background:url(top_sub.png) center top no-repeat;
	height:14px;
	width:234px!important;
	width:232px;
	float:left;
	margin:0 0 0 5px!important;
	margin:0 0 0 3px;
	border-bottom:none;
}
.sub_menu ul li a{
	width:210px!important;
	width:210px;
	float:left;
	text-align:left;
	line-height:16px;
	padding:5px 2px 5px 16px;
	background:url(arrow1.jpg) center left no-repeat;
	color:#fff;
	text-decoration:none;
	text-indent:0;
}
.sub_menu ul li a:hover{
	float:left;
	background:url(arrow.jpg) center left no-repeat;
	color:#fff;
	text-decoration:none;
}
.span_sub{
	position:absolute;
	height:14px;
	width:234px;
	margin:5px 0 0 -217px;
}
	
/*::::::::::::END SECOND LEVEL:::::::*/




#main_cont{
	float:left;
	width:977px;
	background:url(main_cont.jpg) no-repeat;
}
.top_cont{
	float:left;
	width:977px;
	height:30px;
	display:block;
	background:url(content_top.png) top center  no-repeat;
	margin:10px 0 0 0;
}
.content{
	float:left;
	width:977px;
	background:url(content_center.png) center center repeat-y;
}
.content p{
	padding:0 40px 0 45px;
	display:block;
	line-height:20px;
	font-size:16px;
	color:#444;
}
.content img{
	display:block;
	float:left;
	padding:5px;
	margin:0 5px 0 40px!important;
	margin:0 5px 0 20px;
	background:url(img_bg.png) top left;
}
.content img:hover{
	background:url(img_bg_h.png) top left;
}
/*:::::::::: TITOLI ARTICOLI:::::::::::::::*/
.content h2{
	
	padding:0 0 4px 0!important;
	padding:0 0 5px 0;
	margin:0 0 10px 40px!important;
	margin:0 0 2px 40px;
	width:80%;
	line-height:18px;
	display:block;
	font-size:18px;
	background:url(titolo_line.png) left bottom no-repeat!important;
	background:url(sub_line.jpg) left bottom no-repeat;
}
.content h3{
	height:20px;
	display:block;
	font-size:17px;
	width:100%;
	text-align:center;
}
/*::::::::::FINE TITOLI ARTICOLI:::::::::::::::*/
.bottom_cont{
	float:left;
	width:977px;
	height:30px;
	display:block;
	background:url(content_btm.png) center bottom no-repeat;
}
.clear{
	clear:both;
}


/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin: 20px 0 0 110px; 
	padding:0;
	height:30px;
	border-bottom:1px solid #72909B;	
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
	cursor:pointer;
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(tabs.png) no-repeat -193px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 164px;
	text-align:center;	
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -193px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -193px -62px;		
	cursor:default !important; 
	color:#000 !important;
}
/* width 1 */

ul.tabs a.w1 			{ background-position: -519px 0; width:134px; }

ul.tabs a.w1:hover 	{ background-position: -519px -31px; }

ul.tabs a.w1.current { background-position: -519px -62px; }



/* width 2 */

ul.tabs a.w2 			{ background-position: -366px -0px; width:154px; }

ul.tabs a.w2:hover 	{ background-position: -366px -31px; }

ul.tabs a.w2.current { background-position: -366px -62px; }

/* width 3 */

ul.tabs a.w3 		{ background-position: -193px -0px; width:174px; }

ul.tabs a.w3:hover 	{ background-position: -193px -31px; }

ul.tabs a.w3.current { background-position: -193px -62px; }


/* width 4 */

ul.tabs a.w4 			{ background-position: -0px -0px; width:194px; }

ul.tabs a.w4:hover 	{ background-position: -0px -31px; }

ul.tabs a.w4.current { background-position: -0px -62px; }


#scrollable {

	width:747px;
	overflow:hidden;
	position:relative;	
	float:left;
	border:1px solid #72909B;
	border-top:0;
	margin:0 0 0 110px!important;
	margin:0 0 0 55px;
	height:450px;
	background:url(bg_tabs.jpg);
}

/* container for panes */
#panes {
	height:500px;
	border-width:0 1px 1px 1px;
	position:absolute;
	width:2800px;
	top:0;
	left:0;
}

/* single pane */
#panes div {
	width:747px;
	padding-top:20px;
	text-align:center;
	float:left;
}

ul.tabs {
	width:748px;
}


/***** player style *******/
/* container has a background image */
a.player {
	float:left;
	display:block;
	background:url(player.jpg) center center no-repeat;
	width:500px;
	height:380px;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	margin:10px 0 0 130px!important;
	margin:10px 0 0 65px;
}
.loader{
	float:left;
	margin:0px 0 0 23px;
	padding:0;
	display:none;
	height:380px;
	background:none;
	margin:-10px 0 0 125px!important;
	margin:-10px 0 0 5px;
}
.loader object{
	width:500px;
	float:left;
	height:380px;
	border:4px solid #72909B;
	background:#4c5f66 url(ajax-loader.gif) center center no-repeat ;

}