/* DATEI: pedro-celli.css */

div.background {
    background-color: 		rgb(55%,66%,75%);
    color: 			#fff;
    background-image: 		url(./res/pchp_back.jpg);
    background-attachment: 	fixed;
    background-repeat: 		no-repeat;
	top:			0px;
	left:			0px;
	/*width:		888px;
	height:			666px;*/
	width:			100%;
	height:			100%;
	padding-left:		0px;
	padding-top:		0px;
	z-index:		2;
	position:		fixed;
    font-family: 		Verdana, Arial, Helvetica, sans-serif;
}

div.content {
	/*background-color:		#222;*/
    	background-image: 	url(./res/pchp_title.png);
    	background-attachment: 	relative;
    	background-repeat: 	no-repeat;
	/*image position h - v*/
	background-position:	14px 6px;
	top:			12px;
	left:			250px;
	width:			auto;
	max-width: 		640px;
	height:			100%;
	padding-left:		0px;
	padding-top:		120px;
	/*padding-bottom:		444px;*/
	z-index:		6;
	position:		absolute;
    	font-family: 		Verdana, Arial, Helvetica, sans-serif;
}

div.econtent {
    	background-image: 	url(./res/pchp_title_eng.png);
    	background-attachment: 	relative;
    	background-repeat: 	no-repeat;
	background-position:	14px 6px;
	top:			12px;
	left:			250px;
	width:			auto;
	max-width: 		640px;
	height:			100%;
	padding-left:		0px;
	padding-top:		120px;
	z-index:		6;
	position:		absolute;
    	font-family: 		Verdana, Arial, Helvetica, sans-serif;
}

div.fcontent {
    	background-image: 	url(./res/pchp_title_fr.png);
    	background-attachment: 	relative;
    	background-repeat: 	no-repeat;
	background-position:	14px 6px;
	top:			12px;
	left:			250px;
	width:			auto;
	min-width: 		512px;
	max-width: 		640px;
	height:			100%;
	padding-left:		0px;
	padding-top:		120px;
	z-index:		6;
	position:		absolute;
    	font-family: 		Verdana, Arial, Helvetica, sans-serif;
}

div.trans {
	/*background-color:		#222;*/
    	background: 		transparent;
    	background-image:	url(./res/alpha_black30.png);
	border-width:		0px; 
	padding:		20px; 
}

div.navbar {
	/*background-color:	#222;*/
	/*background-color: 	transparent;
    	background-image: 	url(./res/pchp_dark_nav.png);
    	background-attachment: 	relative;
    	background-repeat: 	no-repeat;*/
        width:			180px; 
	height:			265px; 
	top:			132px; 
	left:			58px;
	z-index:		8; 
	/*position:		absolute; (scrolls with content)*/
	position:		fixed;
        font-size: 		12px;
        font-weight:		bold;
        text-transform:		uppercase;
    	font-family: 		Verdana, Arial, Helvetica, sans-serif;
}

a.menuon { 
	display:		block; 
    	background: 		transparent;
    	background-image:	url(./res/alpha_black30.png);
	margin-bottom:		2px; 
	text-align:		right;
        border-style:		none; 
	border-width:		0px; 
	padding-right:		4px; 
	padding-bottom:		1px; 
	padding-top:		1px; 
	text-decoration:	none;
	color:			#ccccff; 

}


a.menu { 
	display:		block; 
    	background: 		transparent;
    	background-image:	url(./res/alpha_white10.png);
	margin-bottom:		2px; 
	text-align:		right;
        border-style:		none; 
	border-width:		0px; 
	padding-right:		4px; 
	padding-bottom:		1px; 
	padding-top:		1px; 
	text-decoration:	none;
	color:			#444; 

}
 
a.menuon:hover { 
	color:			#ccccff; 
    	/*background-image:	url(./res/alpha_white30.png);*/
}

a.menu:hover { 
	color:			#111; 
    	background-image:	url(./res/alpha_white30.png);
}

a.menuon:active { 
	color:			#faa; 
    	background-image:	url(./res/alpha_black50.png);
}

a.menu:active { 
	color:			#faa; 
    	background-image:	url(./res/alpha_black50.png);
}

/*universal classes for various elements*/
.blue50 {
	background: 		transparent;
    	background-image: 	url(./res/alpha_blue.png);
}

.white30 {
	background: 		transparent;
    	background-image: 	url(./res/alpha_white30.png);
}

.black30 {
	background: 		transparent;
    	background-image: 	url(./res/alpha_black30.png);
}

span.h01 { 
    font-size: 			13px;
    font-weight:		bold;
    word-spacing:		1px;
    letter-spacing:		1px;
    color: 			#ccccff;
    /*background-color:		#222;
    margin:2px;
    padding:2px;*/
    text-transform:		uppercase;
  }

span.hRED { 
    font-size: 			13px;
    font-weight:		bold;
    word-spacing:		1px;
    letter-spacing:		1px;
    color: 			#FF0000;
    text-transform:		uppercase;
  }

p.t01 {
    color: 			#dddddd;
    font-family: 		Verdana, Arial, Helvetica, sans-serif;
    font-size: 			11px;
  }

a {
    color: 			#DDFF19;
    /*text-transform:uppercase;*/
    font-weight: 		bold;
    font-style: 		italic;
  }

span.tsubh {
    color: 			#333;
    font-weight: 		bold;
    font-style: 		italic;
    font-size: 			9px;
  }

span.tsub {
    color: 			#333;
    /*font-weight: bold;*/
    font-style: 		italic;
    font-size: 			9px;
  }

span.tbrec {
	display:		block; 
    	color: 			#333;
    	/*font-weight: bold;*/
    	font-style: 		italic;
    	text-align:		right;
	text-transform:		none;
    	font-size:		9px;
  }

/* TABLES */

table.tcredits {
    width:501px; 
    min-width:500px;
    border: 0px; 
    padding: 2px; 
    spacing: 2px;
    background-color:		transparent; 
}

td.lcredits {
    color:			#bbb;
    background-color:		transparent; 
    text-align:			right; 
    vertical-align:		top;
    font-family:		Verdana, Arial, Helvetica, sans-serif; 
    font-size:			11px;
}

td.rcredits {
    color:			#444;
    background-color:		transparent; 
    text-align:			left; 
    vertical-align:		top;
    font-family:		Verdana, Arial, Helvetica, sans-serif; 
    font-size:			11px;
    font-weight:bold; 
}

table {
    table-layout:		auto;
    width:			100%;
    font-size:			10px;
  }

th.tdownl {
    padding:4px;
    background:		transparent; 
    background-image: 	url(./res/alpha_white40.png);
    font-weight: bold;
    font-style : italic;
    vertical-align:top;
    color:			#222;
  }

td.tdownl {
    padding:4px;
    background: 		transparent;
    background-image: 	url(./res/alpha_white20.png);
    vertical-align:top;
    color:			#444;
  }

td.topak {
    padding:			0px;
    background:			transparent;
    vertical-align:		top;
  }

td.topak2 {
    padding-left:		0px;
    padding-top:		4px;
    padding-bottom:		4px;
    background:			transparent;
    vertical-align:		top;
  }

/* OTHER */

img.img01 {
    padding-left:		0px;
    padding-right:		11px;
    padding-top:		2px;
    padding-bottom::		12px;
    vertical-align:		top;
    /*background-color:#5555ff;*/
  }

hr {
    /*color:#666;*/
    background-color:		#556;
    margin-top:			15px; 
    height:			2px;
    width:			100%;
    border-style:		none;
  }

/* 
*/