@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; background:#000000 url(../img/bg_web.jpg) center center;
background-attachment: fixed; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px}
	 
*{margin:0; padding:0; text-decoration:none}
a img{ border:none 0}

#continar{width:990px; height:550px; position:absolute; top:50%;
left:50%; margin-top:-275px; margin-left:-495px;}

#logo{ position:absolute; top:auto; left:auto; bottom:30px; right:0; width:105px; height:70px;}
#logo a{width:105px; height:70px; display:block; text-decoration:none;}
#menu {position:absolute; top:462px; left:0;}
#patrocinadors{position:absolute; top:507px; left:0;}
#patrocinadors span{ color:#FFF}


a.bt_pujar{background-image: url(../img/bt_pujat.png); background-repeat:no-repeat; width:187px; height:42px; background-position:top left;
display:block; text-decoration:none; position:absolute; top:100px; left:800px; z-index:999}
a.bt_pujar:hover{background-position:bottom left}
a.bt_pujar span {visibility:hidden}

#concurs{background:url(../img/bg/concurs_bg.png) no-repeat; width:391px; height:372px; position:absolute; top:80px; left:5px; padding:20px 0 0 10px}
#concurs #concurs_text{margin:0px 30px 0 40px;}
#concurs .bt_ampliar { padding:6px 0 0 200px}
#concurs .bt_ampliar .ampliar{color:#FFF;}
#concurs .bt_ampliar .ampliar:hover{color:#000;}

#ultims{background:url(../img/bg/ultims_bg.png) no-repeat; width:556px; height:362px;
position:absolute; top:0px; left:370px; padding:5px 0 0 50px}
#ultims a{ color:#e807ef; font-size:12px; font-weight:bolder}
#ultims a:hover{ text-decoration:none; color:#000}
.petit{ font-size:9px!important; color:#000!important}

/*.videos_lina1{padding:0 60px 0 60px }*/
.videos { width:170px; display:block; float:left}
.videos2 { width:160px; display:block; float:left; margin:0 0 10px 30px;* margin:0 0 0 30px; overflow:hidden; height:140px}
.flames{ float: right}
.flames .flama{ background-image: url(../img/flames.png); background-repeat:no-repeat; background-position:bottom left; width:9px; height:13px; display:inline-block}
.flames .ok{ background-position:top left}
.totsVideos{ color:#FFFFFF!important; font-size:10px!important; font-weight:normal!important; position:absolute!important; top:auto!important; left:50px!important; bottom:20px!important}

#videos_lina1 { width:550px}
.fotoVideo{ width:160px; height:100px; border:none}
.fotoVideo:hover{ border:solid 1px #FFFFFF; width:158px; height:98px}


/*PARTICIPATS */
#participats{ background:url(../img/bg/bg-participats.png) no-repeat bottom right; width:900px; position:absolute; top:90px; left:60px; height:374px}
#comentarisvideos{ float:right; width:300px; margin:0 50px 0 0;*margin:-300px 50px 0 0;}
#comentarisvideos h1{ color:#e807ef; text-decoration:underline; font-size:18px; margin:0 0 20px 0}
#comentarisvideos h2{font-size:12px; margin:0 0 20px 0}

#votacio{ position: absolute;  top:300px; left:550px; width:300px}
#votacio h1{color:#0d5466; font-size:14px; margin:0}

.flamesGrans{}
.flamesGrans .flama{background-image: url(../img/flamesgrans.png); background-repeat:no-repeat; background-position:21px left;*background-position:top left; width:16px; height:21px; display:inline-block; text-decoration:none!important}
.flamesGrans .flama:hover{background-position:bottom left}
.flamesGrans .ok{ background-position: center left}

.punts{ color:#000; font-size:12px; font-weight:bold; margin:0 0 0 10px}
.visites{ color:#7e1b7e; font-size:12px; font-weight:bold; float:right; margin:0 -8px 0 0;*margin:-16px -8px 0 0}


#texte{ background:url(../img/bg/bg_text.png) no-repeat; width:870px; height:378px; position:absolute; top:90px; left:30px; padding:35px 10px 0 25px}


#texte #textcontingut{ width:790px; height:335px; overflow:auto; font-size:12px}
#texte #textcontingut2{ width:790px; height:335px; font-size:12px}

#textcontingut ol, #textcontingut2 ol{ list-style:decimal}
#textcontingut ul, #textcontingut2 ul{ list-style: square}


#textcontingut ol,#textcontingut ul,#textcontingut2 ol,#textcontingut2 ul{ padding:5px 0 5px 25px}
#textcontingut a,#textcontingut2 a{ color:#e807ef}
#textcontingut p, #textcontingut2 p{ margin:2px 0}

label{ display: inline-block; width:106px;}

input{ background:none; margin:3px 0 0 3px; color:#666; border:none; width:150px}
.imput{background:url(../img/bg_botons.png) no-repeat 106px 0; width:260px; height:27px; margin:0 0 1px 0; font-weight:bold}
.inputPetit{ width:100px}
.inputText{}
.imputText{background:url(../img/bg_text.png) no-repeat 106px 0; width:260px; margin:0 0 5px 0;height:100px; vertical-align:top; font-weight:bold}

.bt_enviar{ background: url(../img/bt_pujatNou.png) no-repeat; width:111px; height:35px; cursor:pointer;}

#litPujant{ *float:right; *padding:15px 0 0 0}

#litFormErr{ font-size:12px; font-weight:bolder} 


#paginacio{ position:absolute; top:60px; left:auto; right:60px}

#paginacio a{ display:inline-block; padding:3px; background:#fff; color:#811c81; text-decoration:none;}
#paginacio a:hover{background:#ccc;}
#paginacio a.posicionat{display:inline-block; padding:3px; background:#811c81; color:#fff; text-decoration:none;}
#paginacio a.posicionat:hover{background:#333;}

