/* General page properties
 * Applied directly to all matching tags in the page
 */
html {
}


body {	
	background: url(../img/body_bg1a.gif) repeat-y top center #F4DB5B;
	font-family: Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

td {
	font-family: Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}
img {
	border: none;
	margin: 0px;
	padding: 0px;
	
}

.espai_menu_primer{padding-right:247px;}
.espai_menu_segon{padding-right:100px;}

/* General link style
 */
a, a:visited {
	font-family: Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
/*	font-size: 12px;*/
	text-decoration: none;
	color: #ffbf00;
}
a:active, a:hover {
	
}

/* Shortcut classes
 */
.clear {
	clear: both;
}

/* Page wrapper
 * Wraps all of the elements in the page (not including the footer)
 */

.page-content {
}

.page-wrapper {
	background: url(../img/content_bg_normal_estrellas2.jpg) no-repeat top center;	
	width: 997px;
	height: 1125px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	text-align: left;
	border-right:1px solid #000000;
	border-left:1px solid #000000;
}


.boto_envia {
	background-image: url(../img/btn_enviar.gif);
	color: #ffffff;
	font-weight: bold;
	width: 49px;
	height: 22px;
	display: block;
	text-align: center;
	margin: 0px 0px 0px 65px;
	line-height: 175%;
}

.missatge{
	background-color: transparent;
	background-image: url(../img/bocadillo.gif);
	background-repeat: no-repeat;
	background-position: 0pt 4px;
	height: 15px;
	margin: 0px;
	padding: 0px;
}


/*h1 {
                position: absolute;
			    width:210px;
                margin: 80px 0px 0px 340px;
                padding: 0px;
                border:1px solid green;
}
*/
.fixat{
                margin:0px;
}

h1 {position: absolute;width:210px;
                margin: 80px 0px 0px 335px;
                padding: 0px;
              }

h1 a, h1 a:visited, h1 a:active, h1 a:hover{
	display:block;

}


h1 a span {
	font-size:80px;
	height: 200px;
	border: 1px solid green;
	visibility: hidden;
}


h2 {
	font-size: 18px;
	font-weight: bold;
	color: #E42184;
	margin-bottom: 4px;
	padding: 0px;
	/*height: 37px;*/
}
h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	color: #ffffff;
}
/* Proves Joan > proves Joan > proves Joan
*/


form {
	padding: 0px;
	margin: 0px;
}

.destacat { 
	color: #FFFFFF;
	font-weight:bold;
}

p{
	margin: 0px 0px 20px 0px;
	padding:0;
}

.video-page-left-wrapper{
	float:left;
	width:418px;
	padding: 20px 0px 0px 0px;
	border:0px solid yellow;
}

.video-page-right-wrapper{
	float:left;
	width:276px;
	padding: 20px 0px 0px 0px;
	border:0px solid yellow;
}

.video-page-left-scroll{
	height:340px;
	overflow-x:hidden;
	overflow-y:auto;
	border-left:2px solid #404040;
	padding:0px 10px;
}

.field-text{
	width:166px;
	background-color: #404040;
	border: 1px solid #4D4D4D;
	color: #C1C1C1;
	font-family: Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.camps div{
	clear: both;
	margin: 0px 0px 8px 0px;
}

.etiqueta{
	float:left;
	width:50px;
	text-align:left;
	margin-right:14px;
	font-size: 12px;
	line-height:100%;
	color:#CCCCCC;
}

.camps div input{
	margin-bottom:0px;
}

.camps img{
	margin-bottom:8px;
}

.comentari p{
	padding: 4px 6px;
	color: #66CCCC;
	border-bottom: 2px solid #454545;
	border-right: 2px solid #454545;
	border-left: 1px solid #454545;
}

.video-flash{
	margin: 0px 0px 15px 0px;
}

.usuari {
	color: #99FF00;
}

.num_com {
	color: #CCCCCC;
	padding-right:8px;
}

.data {
	color: #CCCCCC;
	font-size:11px;
	display:inline;
	padding-left:10px;
}

.fleft{
	float:left;
}

.separa-link{
	border-left: 1px solid #404040;
	float:left;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 10px;
}

.head-block{
	height:280px;
}
.main-block{
	margin:0px;
	height:660px;
	border:0px solid yellow;
}

.main-banner-wrapper{
	padding: 30px 0px 0px 131px;
	height:90px;
}

.right-banner-wrapper{
	padding: 8px 4px 0px 0px;
	float: right;
}

.right-banner-content{
	height: 600px;
	width: 132px;
}

.main-box-wrapper{
	margin:0px 0px 0px 60px;
	height:457px;
}

.main-box-wrapper-jocs{
	margin:-2px 0px 0px 29px;
	height:459px;
}

.main-box-wrapper-home{
	margin:-3px 0px 0px 29px;
	height:460px;
}

.main-box-content{
	padding:36px 0px 0px 26px;
}


/* Footer block
 */
.footer-block {
/*	background: url(../img/footer_bg.gif) no-repeat top left;*/
	height: 89px;
	color: #ffffff;
	padding-top: 90px;
	margin-left: 2px;
}


/* Footer block > A
 * The general style, applied to all links inside the footer block
 */
.footer-block a, .footer-block a:visited {
	text-decoration: none;
	color: #ffbf00;
}
.footer-block a:active, .footer-block a:hover {
	text-decoration: none;
	color: #ffffff;
}

/* Footer block > menu
 * This style is applied to the list of menu items in the footer block (UL > LI)
 */
.footer-block ul {
	list-style: none;
	height: 82px;
	margin: 0px auto;
	padding: 0px;
}
.footer-block ul li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.footer-block ul li.ccrtvi {
	width: 129px;
}
.footer-block ul li.tv3 {
	width: 185px;
	padding-left: 170px;
}
.footer-block ul li.info {
	padding-left: 108px;
	text-align: left;
}

/* Footer Block > Copyright + Info links
 */
.footer-block ul li.info .copyright {
	text-align: left;
	margin: 18px 0px 5px 2px;
	width: 400px;
}
.footer-block ul li.info .infolinks {
	color: #ffbf00;
	width: 400px;
}
.footer-block ul li.info .infolinks a {
	margin: 0px 3px;
}


.karaoke_titol{
	text-align: center;
	padding-top: 30px;
	margin-right: 30px;
	font-size: 18px;
	font-weight: bold;
	color: #E42184;
}

.karaoke_subtitle{
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	text-align: center;
	padding: 5px 0px 15px 0px;
	margin-right: 30px;
}

.karaoke-wrapper{
	width: 700px;
	/*height: 600px;*/
}

.karaoke-left-scroll{
	height:300px;
	width: 690px;
	overflow-x:hidden;
	overflow-y:auto;
	padding-top: 10px;
	margin: auto;
}



.karaoke-wrapper h2{
	font-size: 15px;
	color: #FFF;
	display: inline ;
	padding-left: 230px;
}

.karaoke-wrapper h3{
	font-size: 15px;
	color: #64CECA;
	display: inline ;
}

.video-page-left-wrapper h3{
	font-size: 15px;
	color: #64CECA;
	display: inline ;
}

.karaoke-wrapper ul{
	font-size: 12px;
	margin: auto;
	padding: 0px 0px 25px 0px;
	color: #999999;
	padding-left: 230px;
}

.karaoke-wrapper li{
	list-style: none ;
	font-size: 12px;
	margin: auto;
	padding-top: 5px;
	color: #999999;
}
.proxim_titol{
	text-align: center;
	padding-top: 30px;
	font-size: 18px;
	font-weight: bold;
	color: #E42184;
}

.proxim_subtitle{
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	text-align: center;
	padding: 5px 0px 20px 0px;
	margin:0px
}


.proxim_wapper{
	width: 696px;
	}

.proxim_left_scroll{
	height:280px;
	overflow-x:hidden;
	overflow-y:auto;
}

.proxim_parodia{
	float: left;
	padding: 7px 0px 0px 0px;
	width: 200px;

}

.proxim_cancons{
	border-left: solid 1px #333;
	border-right: solid 1px #333;
	float: left;
	padding: 9px 15px 0px 15px;
	width: 200px;	
}



.proxim_vocabulari{
	float: right;
	padding-right: 20px;
	width: 200px;
}

.proxim_separador{
	background: #333333;
	float: left;
	width: 1px;
	height: 240px;
}

.proxim_title_p{
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 2px 0px 0px 0px;	
	color: #ffffff;
}

.proxim_title_c{
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding-top: 0px;
	padding-left: 10px;	
	color: #ffffff;
}

.proxim_subtitle_p{
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding-top: 5px;
	padding-left: 1px;
	padding-right: 7px;
	color: #999999;
}

.proxim_subtitle_c{
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding-top: 2px;
	padding-left: 25px;
	color: #999999;
}

.proxim_subtitle_c li {
	list-style: none ;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding-top: 5px;
	color: #999999;
}

.proxim_title_v{
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding-top: 9px;
	padding-left: 0px;	
	color: #ffffff;
}


.main-scroll-wrapper {
	width: 696px;
	height: 346px;
	overflow-x:hidden;
	overflow-y:auto;
	position: relative;
}

.main-simple-wrapper {
	width: 696px;
	padding: 20px 0px 0px 0px;
}

.main-simple-content{
	padding:0px 25px 0px 0px;
}

.contacte-ok-content {
	background: transparent url(../img/ok.gif) no-repeat 145px 110px; 
	padding: 130px 25px 40px 280px;
}


.contacte-ok-content h3 {
	color: #66CCCC;
	font-size:16px;
	font-weight:bold;
	margin:5px 0px 10px;
	padding:0px;
}


.destacat {
	color:#FFFFFF;
	font-weight:bold;
}

.contacte-ko-content {
	background: transparent url(../img/ko.gif) no-repeat 35px 110px; 
	padding: 120px 25px 40px 190px;
}

.contacte-ko-content h3 {
	color: #66CCCC;
	font-size:16px;
	font-weight:bold;
	margin:5px 0px 10px;
	padding:0px;
}

.torna {
	color:#FF7F00;
	font-family:Arial,Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:12px;
}

/*
MENU
*/
.top-menu-button-wrapper{
	/*float: right;*/
	padding: 0px 115px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 30px;
}
.top-menu-button-wrapper ul {
	list-style: none;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 0px;
}
.top-menu-button-wrapper ul li {
	list-style: none;
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
/*
Content Pages
*/
.presentador{   
	color:#64ceca;
	font-size:16px; 
	height: 24px;
	font-weight:bold;
}                                                      
.subtitol_p{
	color:#99ff00;
	font-size:14px;
	height: 24px;
		border:0;
	padding:0px;
	margin:0px;
}
.subtitol2_p{
	color:#FFFFFF;
	font-size:12px;
	height: 24px;
	border:0;
	padding:0px;
	margin:0px;
}

.sitemap div {
	padding:0px 0px 0px 155px;
}
.sitemap ul{
	margin:0px 0px 0px 0px;
	padding:10px;
}

.sitemap ul li{
	margin:0px 0px 0px 0px;
	padding:10px;
}


.taula_ranquing{
	width:500px;
	margin-bottom:25px;
}

.ranquing{
	color:#64ceca;
	font-size:16px;
	font-weight:bold;
	padding-bottom: 3px;
	margin: 0px;
}

.taula_points{
	width:250px;
	color:#99FF00;
}

#iconmenu{
	margin:6px 0px 0px 56px;
	border:0px solid pink;
}