@charset "UTF-8";
/* CSS Document */

/* ________________________________________________________________________________________________________________ ETIQUETES GENERALS */
html,body,div,a,img,object{
 margin:0;
 padding:0;
 border:0;
 font-family: Arial, Helvetica, sans-serif;
}

body{
 background-color:#fff;
}

h1{
 font-size: 25px;
 display: none;
}

h2{
 font-size:16px;
}

ul{
 margin:0;
 padding:0;
 list-style:none;
}

/* For swf objects */
object {
 outline:none;
}

#barra{
 position:fixed !important;  
 position: relative;
 _left: expression(0+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px');
 _top: expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); 
 width: 100%;
 height: 50px;
 z-index: 10;
 background: url(../img/web/bar_bkg.jpg) repeat-x;
}

#barra a{
 display: block;
 height: 50px;
 width: 100%;
 margin: 0 auto;
 z-index: 11;
}

#barra .sunny{width:100%;}
#barra a.sunny:link, #barra a.sunny:visited     {background:url(../img/web/bar_btn.jpg) top center no-repeat;}
#barra a.sunny:active, #barra a.sunny:hover     {background:url(../img/web/bar_btn.jpg) bottom center no-repeat;}

#container1{
 margin: -50px auto 0 auto !important;
 margin: 0px auto 0 auto;
 width:100%;
 height:auto;
 display:table;
 background:#01ADFF url(../img/web/container1_bkg.jpg) top left repeat-x;
}
	#container2{
	 margin:0 auto 0 auto;
	 padding: 1px 15px 0px 15px;
	 width:980px;
	 height:auto;
	}

/* ________________________________________________________________________________________________________________ ETIQUETES HEADER */

#header{
 margin:0px auto 0 auto;
 padding-top: 50px !important;
 padding-top: 0;
 width:100%;
 height:230px !important;
 height: 180px;
 background:url(../img/web/header_bkg.jpg) left repeat-x;
}

#header-up{
 width: 700px !important;
 *width: 385px !important;
 height: 180px;
 margin: 0 auto 0 auto;
 background: url(../img/web/header_menu_bkg.jpg) left no-repeat;
}

	#header-menu ul{
	 margin: -30px auto 0 52%;
     padding: 0;
	 width:450px;
	}
	#header-menu ul li{
	 float:left;
	}
	#header-menu ul li a{
	 display:block;
	 height:30px;
	 overflow:hidden;
	}
	#header-menu ul li .menu-home{width:100px;}
	#header-menu ul li .menu-rep{width:84px;}
	#header-menu ul li .menu-rkg{width:81px;}
	#header-menu ul li .menu-empieza{width:110px;}
	#header-menu ul li .menu-premios{width:75px;}
	#header-menu ul li a.menu-home:link, #header-menu ul li a.menu-home:visited			{background:url(../img/web/header_menu_tutoriales.jpg) top left no-repeat;}
	#header-menu ul li a.menu-home:active, #header-menu ul li a.menu-home:hover			{background:url(../img/web/header_menu_tutoriales.jpg) bottom left no-repeat;}
	#header-menu ul li a.menu-rep:link, #header-menu ul li a.menu-rep:visited			{background:url(../img/web/header_menu_rep.jpg) top left no-repeat;}
	#header-menu ul li a.menu-rep:active, #header-menu ul li a.menu-rep:hover			{background:url(../img/web/header_menu_rep.jpg) bottom left no-repeat;}
	#header-menu ul li a.menu-rkg:link, #header-menu ul li a.menu-rkg:visited			{background:url(../img/web/header_menu_rkg.jpg) top left no-repeat;}
	#header-menu ul li a.menu-rkg:active, #header-menu ul li a.menu-rkg:hover			{background:url(../img/web/header_menu_rkg.jpg) bottom left no-repeat;}
	#header-menu ul li a.menu-empieza:link, #header-menu ul li a.menu-empieza:visited	{background:url(../img/web/header_menu_empieza.jpg) top left no-repeat;}
	#header-menu ul li a.menu-empieza:active, #header-menu ul li a.menu-empieza:hover	{background:url(../img/web/header_menu_empieza.jpg) bottom left no-repeat;}
	#header-menu ul li a.menu-premios:link, #header-menu ul li a.menu-premios:visited	{background:url(../img/web/header_menu_premios.jpg) top left no-repeat;}
	#header-menu ul li a.menu-premios:active, #header-menu ul li a.menu-premios:hover	{background:url(../img/web/header_menu_premios.jpg) bottom left no-repeat;}

	#header-menu ul li div{
	 display:block;
	 height:30px;
	 overflow:hidden;
	}

	#header-menu ul li .menu-home-div{width:100px; background:url(../img/web/header_menu_tutoriales.jpg) bottom left no-repeat;}
	#header-menu ul li .menu-rep-div{width:84px; background:url(../img/web/header_menu_rep.jpg) bottom left no-repeat;}
	#header-menu ul li .menu-rkg-div{width:81px; background:url(../img/web/header_menu_rkg.jpg) bottom left no-repeat;}
	#header-menu ul li .menu-empieza-div{width:110px; background:url(../img/web/header_menu_empieza.jpg) bottom left no-repeat;}
	#header-menu ul li .menu-premios-div{width:75px; background:url(../img/web/header_menu_premios.jpg) bottom left no-repeat;}
	
	
/* ________________________________________________________________________________________________________________ ETIQUETES CONTAINER */

#reg{
 float: left;
 position: absolute;
 width: 300px;
 height: 170px;

}

#banner{
 margin: 15px 0;
 width:980px;
 height:180px;
 background:url(../img/web/banner_bkg.png) center no-repeat;
}
	#banner img{
	 margin: 20px auto auto 35px;
	}

    #banner1{
     width: 450px;
     height: 150px;
     float: right;
    }

	#banner2{
     position: absolute;
     width: 910px;
     height: 140px;
	 margin: 20px auto auto 35px;
	}
	#banne2-noflash{
		
	}

#ver-lecciones{
 position: absolute;
 margin: 120px 0 0 55px;
 background:url(../img/web/btn_ver_lecciones.jpg) top left no-repeat;
}

    #ver-lecciones a{
     height: 30px;
     display: block;
    }

    #ver-lecciones .link-ver{width: 150px;}
	#ver-lecciones a.link-ver:link, #ver-lecciones a.link-ver:visited			{background:url(../img/web/btn_ver_lecciones.jpg) top left no-repeat;}
	#ver-lecciones a.link-ver:active, #ver-lecciones a.link-ver:hover			{background:url(../img/web/btn_ver_lecciones.jpg) bottom left no-repeat;}

#sel-esq{
 position: absolute;
 margin: 65px 0 0 7px;
}
    #sel-esq a{
     height: 46px;
     display: block;
    }

    #sel-esq .link-esq{width: 28px;}
	#sel-esq a.link-esq:link, #sel-esq a.link-esq:visited			{background:url(../img/web/select_esq.png) top left no-repeat;}
	#sel-esq a.link-esq:active, #sel-esq a.link-esq:hover			{background:url(../img/web/select_esq.png) top right no-repeat;}


#sel-esq-div{
 position: absolute;
 margin: 65px 0 0 7px;
 background:url(../img/web/select_esq.png) top left no-repeat;
 width: 28px;
 height: 46px;
}

#sel-dreta{
 position: absolute;
 margin: 65px 0 0 945px;
}
    #sel-dreta a{
     height: 46px;
     display: block;     
    }        
    
	#sel-dreta .link-dre{width:28px;}
	#sel-dreta a.link-dre:link, #sel-dreta a.link-dre:visited			{background:url(../img/web/select_dreta.png) top left no-repeat;}
	#sel-dreta a.link-dre:active, #sel-dreta a.link-dre:hover			{background:url(../img/web/select_dreta.png) top right no-repeat;}

#sel-dreta-div{
 position: absolute;
 margin: 65px 0 0 945px;
 background:url(../img/web/select_dreta.png) top left no-repeat;
 width: 28px;
 height: 46px;
}

#up-content{
 margin: -5px 0 0 0;
 width:980px;
 height:22px;
 background:url(../img/web/content_up_bkg.png) top center no-repeat;
}
#content{
 padding:0px;
 width:980px;
 height:auto;
 display:table;
 background:url(../img/web/content_bkg.png) top center repeat-y;
}
#down-content{
 width:980px;
 height:22px;
 background:url(../img/web/content_down_bkg.png) top center no-repeat;
}
	/* ________________________________________________________________________________________________________________ ETIQUETES COLUMNA ESQUERRA */
	#left{
	 margin: 0px auto 0px 35px;
	 width:595px;
	 height:auto;
     display: table;
	 background-color:#000000;
    }
		#up-left{
		 margin: 0 0 0 0;
		 width:595px;
		 height:8px;
		 background:url(../img/web/left_up_bkg.jpg) #FFF top center no-repeat;
		}
		#middle-left{
		 margin: auto 0 0 0 !important;
		 margin: -10px 0 0 0;
		 width:595px;
		 height:auto !important;
         height: 1290px;
         min-height: 1280px;
         color: #FFF;
		 background-color:#000;
         text-align: justify;
        }

		#down-left{
		 margin: auto 0 0 0;
		 width:595px;
		 height:8px;
		 background:url(../img/web/left_down_bkg.jpg) #FFF top center no-repeat;
		}

	/* ________________________________________________________________________________________________________________ ETIQUETES COLUMNA DRETA */
	#right{
     top: 459px !important;
     *top: 454px !important;
	 margin: 0 35px 0px 645px;
	 width:300px;
	 height:auto;
     position: absolute;
    }

		#user{
		 width:100%;
		 height:290px;
		}
                #user li p{
                 font-weight: bold;
                 font-size: 14px; 
                 color: #0BAAFF;
                 margin: 0 0 3px 0;
                }

                #user-img-avatar{
                 width: 90px;
                 height: 90px;
                 margin: 4px 9px 0 0;
                }

                #user img{
                 margin-bottom: 9px;
                 float:left;
                }

                .user-img{
                 margin-right: 9px;
                }

                #user li{
                 margin-top: -2px;
                 font-size: 11px;
                 line-height: 14px;
                }

                #user ul li a
                {
                 float:left;
                 margin-bottom: 9px;
	             display:block;
	            }
	            .link-rss{width:300px; height: 60px;}
	            .link-facebook{width:145px; height: 60px; margin-right: 9px;}
	            .link-twitter{width:145px; height: 60px;}
	            .link-mail{width:300px; height: 50px;}
	            a.link-rss:link, a.link-rss:visited			        {background:url(../img/web/link_rss.jpg) top left no-repeat;}
	            a.link-rss:active, a.link-rss:hover		        	{background:url(../img/web/link_rss.jpg) bottom left no-repeat;}
	            a.link-facebook:link, a.link-facebook:visited		{background:url(../img/web/link_facebook.jpg) top left no-repeat;}
	            a.link-facebook:active, a.link-facebook:hover		{background:url(../img/web/link_facebook.jpg) bottom left no-repeat;}
	            a.link-twitter:link, a.link-twitter:visited			{background:url(../img/web/link_twitter.jpg) top left no-repeat;}
	            a.link-twitter:active, a.link-twitter:hover			{background:url(../img/web/link_twitter.jpg) bottom left no-repeat;}
	            a.link-mail:link, a.link-mail:visited	            {background:url(../img/web/link_mail.jpg) top left no-repeat;}
	            a.link-mail:active, a.link-mail:hover	            {background:url(../img/web/link_mail.jpg) bottom left no-repeat;}

		.lec-ultimos{
		 margin: 10px 0;
		 width:100%;
		 height:330px;
		 background:url(../img/web/lec&tut_bkg_ultimos.jpg) center no-repeat;
		}

        .lec-ultimos h2{
         position: absolute;
         margin: 8px 0 0 10px;
        }
 
        .lec-ultimos ul{
         position: absolute;
         margin: 51px 0 0 10px;
         height: 251px;
        }

        .lec-ultimos li{
         height: 31px;
         line-height: 31px;
        }

        .linkVer{
         position: absolute;
         margin: 305px 0 0 10px;
         font-size: 14px;
         font-weight: bold;
        }

       .lec-ultimos a:link {text-decoration: none; color: #000;}
       .lec-ultimos a:visited {text-decoration: none; color: #000;}
       .lec-ultimos a:active {text-decoration: none; color: #000;}
       .lec-ultimos a:hover {text-decoration: underline; color: #000;}
       .linkB {font-weight:bold; color:#FF0000;}
		.lec-list{
		 margin: 10px 0;
		 width:100%;
		 height:330px;
		 background:url(../img/web/lec_bkg_list.jpg) center no-repeat;
		}

        .lec-list ul{
         position: absolute;
         margin: 51px 0 0 10px;
         height: 251px;
        }

        .lec-list li{
         height: 31px;
         line-height: 31px;
        }

       .lec-list a:link {text-decoration: none; color: #000;}
       .lec-list a:visited {text-decoration: none; color: #000;}
       .lec-list a:active {text-decoration: none; color: #000;}
       .lec-list a:hover {text-decoration: underline; color: #000;}

		.tut-list{
		 margin: 10px 0;
		 width:100%;
		 height:330px;
		 background:url(../img/web/tut_bkg_list.jpg) center no-repeat;
		}

        .tut-list ul{
         position: absolute;
         margin: 51px 0 0 10px;
         height: 251px;
        }

        .tut-list li{
         height: 31px;
         line-height: 31px;
        }

       .tut-list a:link {text-decoration: none; color: #000;}
       .tut-list a:visited {text-decoration: none; color: #000;}
       .tut-list a:active {text-decoration: none; color: #000;}
       .tut-list a:hover {text-decoration: underline; color: #000;}
            

		#vid{
		 margin: 10px 0;
		 width:100%;
		 height:130px;
		 background:url(../img/web/vid_bkg.jpg) center no-repeat;
		}
        
        #vid ul{
         position: absolute;
         height: 80px;
         margin-left: 3px;
        }

        #vid li{
         display: inline;
         margin-left: 5px;
        }

        #vid img{
         width: 85px;
         height: 58px;
         margin-top: 47px;
        }    
    
        #vid p{
         margin: auto 0 0 15px;
         font-size: 14px;
         text-align: center;
         width: 260px;
         padding-top: 37px;
        }

        .link-rep:hover{
	        border: 0 #00A7FF;
        }
        .link-rep:link img,
        .link-rep:visited img{
	        border:3px solid #0371A6;
        }
        .link-rep:focus img,
        .link-rep:hover img,
        .link-rep:active img{
	        border:3px solid #00A7FF;
        }


        #vid a.linkVerRep
        {
         position: absolute;
         font-size: 14px;
         font-weight: bold;
         margin: 107px 0 0 10px;
        }

         a.linkVerRep:link {text-decoration: none; color: #000;}
         a.linkVerRep:visited {text-decoration: none; color: #000;}
         a.linkVerRep:active {text-decoration: none; color: #000;}
         a.linkVerRep:hover {text-decoration: underline; color: #000;}

		#flashbanners{
		 margin: 10px 0;
		 width:300px;
		 height:220px;
		}


#up-coverflow{
 width: 900px;
 height: 50px;
 margin: 20px 0 0 40px;
 background:url(../img/web/up_coverflow.jpg) center no-repeat;
 }

#coverflow{
 margin: -5px 0;
 width:980px;
 height:340px;
 background:url(../img/web/coverflow_bkg.png) center no-repeat;
 display: none;
}

/* ________________________________________________________________________________________________________________ ETIQUETES FOOTER */

#footer{
   background-color: #0BAAFF;
   height: 70px;
   padding-top: 40px;
}

#footer-up{
 width: 900px;
 height: 50px;
 margin: 0 auto 0 auto;
 background:url(../img/web/up_coverflow.jpg) #0BAAFF center no-repeat;
}

#footer-menu{
   position: absolute;
   width:100%;
   background: url(../img/web/footer_bkg.jpg) #0BAAFF left repeat-x;
}

#footer-menu ul{
   margin: 0 auto 0 auto;
   padding:0;
   width:823px;
}

	#footer-menu ul li{
	 float:left;
	}
	#footer-menu ul li a{
	 display:block;
	 height:20px;
	 overflow:hidden;
	}
	.menu-footer-home{width:113px;}
	.menu-footer-rep{width:95px;}
	.menu-footer-rkg{width:88px;}
	.menu-footer-empieza{width:125px;}
	.menu-footer-premios{width:90px;}
	.menu-footer-mapa{width:100px;}
	.menu-footer-sunny{width:141px;}
	.menu-footer-legal{width:121px;}
	a.menu-footer-home:link, a.menu-footer-home:visited			{background:url(../img/web/footer_menu_tutoriales.jpg) top left no-repeat;}
	a.menu-footer-home:active, a.menu-footer-home:hover			{background:url(../img/web/footer_menu_tutoriales.jpg) bottom left no-repeat;}
	a.menu-footer-rep:link, a.menu-footer-rep:visited			{background:url(../img/web/footer_menu_rep.jpg) top left no-repeat;}
	a.menu-footer-rep:active, a.menu-footer-rep:hover			{background:url(../img/web/footer_menu_rep.jpg) bottom left no-repeat;}
	a.menu-footer-rkg:link, a.menu-footer-rkg:visited			{background:url(../img/web/footer_menu_rkg.jpg) top left no-repeat;}
	a.menu-footer-rkg:active, a.menu-footer-rkg:hover			{background:url(../img/web/footer_menu_rkg.jpg) bottom left no-repeat;}
	a.menu-footer-empieza:link, a.menu-footer-empieza:visited	{background:url(../img/web/footer_menu_empieza.jpg) top left no-repeat;}
	a.menu-footer-empieza:active, a.menu-footer-empieza:hover	{background:url(../img/web/footer_menu_empieza.jpg) bottom left no-repeat;}
	a.menu-footer-premios:link, a.menu-footer-premios:visited	{background:url(../img/web/footer_menu_premios.jpg) top left no-repeat;}
	a.menu-footer-premios:active, a.menu-footer-premios:hover	{background:url(../img/web/footer_menu_premios.jpg) bottom left no-repeat;}
	a.menu-footer-mapa:link, a.menu-footer-mapa:visited			{background:url(../img/web/footer_menu_mapa.jpg) top left no-repeat;}
	a.menu-footer-mapa:active, a.menu-footer-mapa:hover			{background:url(../img/web/footer_menu_mapa.jpg) bottom left no-repeat;}
	a.menu-footer-sunny:link, a.menu-footer-sunny:visited		{background:url(../img/web/footer_menu_sunny.jpg) top left no-repeat;}
	a.menu-footer-sunny:active, a.menu-footer-sunny:hover		{background:url(../img/web/footer_menu_sunny.jpg) bottom left no-repeat;}
	a.menu-footer-legal:link, a.menu-footer-legal:visited		{background:url(../img/web/footer_menu_legal.jpg) top left no-repeat;}
	a.menu-footer-legal:active, a.menu-footer-legal:hover		{background:url(../img/web/footer_menu_legal.jpg) bottom left no-repeat;}

	#footer-menu ul li div{
	 display:block;
	 height:20px;
	 overflow:hidden;
	}

	.menu-footer-home-div{width:113px; background:url(../img/web/footer_menu_tutoriales.jpg) bottom left no-repeat;}
	.menu-footer-rep-div{width:95px; background:url(../img/web/footer_menu_rep.jpg) bottom left no-repeat;}
	.menu-footer-rkg-div{width:88px; background:url(../img/web/footer_menu_rkg.jpg) bottom left no-repeat;}
	.menu-footer-empieza-div{width:125px; background:url(../img/web/footer_menu_empieza.jpg) bottom left no-repeat;}
	.menu-footer-premios-div{width:90px; background:url(../img/web/footer_menu_premios.jpg) bottom left no-repeat;}
    

/* _________________________________ ERROR 404 y CAMISETA*/



#div-prin{
 margin: 0 10px;
 width: 575px;
 height: 1325px;
}

    #div-prin .tit{
     color: #0BAAFF;
     font-weight: bold;
     font-size: 16px;
    }

    #div-prin a:link {text-decoration: none; color: #0BAAFF; font-weight: bold;}
    #div-prin a:visited {text-decoration: none; color: #0BAAFF; font-weight: bold;}
    #div-prin a:active {text-decoration: none; color: #0BAAFF; font-weight: bold;}
    #div-prin a:hover {text-decoration: underline; color: #0BAAFF; font-weight: bold;}


    #div-prin p{
     margin-top: 10px;
     font-weight: bold;  
     font-size: 13px;
    }


/* ________________________________________________________________________________________________________________ APARTATS  */

/* LINKS IMATGES */

.link:hover{
	border: 0 #00A7FF;
}
.link:link img,
.link:visited img{
	border:4px solid #0371A6;
}
.link:focus img,
.link:hover img,
.link:active img{
	border:4px solid #00A7FF;
}

/* Tit General */

#tit-empieza{
    margin: 0 auto;
    width: 575px;
    height: 30px;
    background: url(../img/web/tit_empieza.jpg) #0191D7 no-repeat;
}

#subtit-apt{
    margin: 5px auto;
    width: 578px;
    height: auto;
    font-size: 13px;
    line-height: 16px;
}

    #subtit-apt a:link {text-decoration: none; color: #0BAAFF; font-weight: bold;}
    #subtit-apt a:visited {text-decoration: none; color: #0BAAFF; font-weight: bold;}
    #subtit-apt a:active {text-decoration: none; color: #0BAAFF; font-weight: bold;}
    #subtit-apt a:hover {text-decoration: underline; color: #0BAAFF; font-weight: bold;}

/* "HOME TUTOR" */

#subtit-tutor{
    margin: 5px auto;
    width: 578px;
    height: auto;
    border-bottom: 1px solid #0BAAFF;
    font-size: 13px;
}


/* HOME */

#tit-home{
    margin: 0 auto;
    width: 575px;
    height: 30px;
    background: url(../img/web/tit_tutoriales.jpg) #0191D7 no-repeat;
}

#feisbook-home{
 margin: 20px auto 35px 10px;
 width: 550px;
 height: 90px;
}

.descripcio{
    margin: 12px 0 5px 10px;
    height: 228px;
    width: 572px;
    border-bottom: 1px dashed #0BAAFF;
}

    .descripcio h2{
     margin: 0 0 -10px 0;
    }

    .descripcio h2 a{
     font-size: 14px;
     font-weight: bold;
     line-height: 16px;     
    }

    .descripcio a:link {text-decoration: none; color: #0BAAFF;}
    .descripcio a:visited {text-decoration: none; color: #0BAAFF;}
    .descripcio a:active {text-decoration: none; color: #0BAAFF;}
    .descripcio a:hover {text-decoration: underline; color: #0BAAFF;}


    .descripcio h4{
        font-size: 12px;    
    }

    .descripcio img{
     float: left;
     margin: 10px 10px 0 0;
     width: 240px;
     height: 160px;
    }

    .descripcio p{
     font-weight: normal;
     margin-top: 10px;
     font-size: 13px;
     line-height: 14px;
    }

    .descripcio a.ver-mas:link {text-decoration: none; color: #0BAAFF;}
    .descripcio a.ver-mas:visited {text-decoration: none; color: #0BAAFF;}
    .descripcio a.ver-mas:active {text-decoration: none; color: #0BAAFF;}
    .descripcio a.ver-mas:hover {text-decoration: underline; color: #0BAAFF;}

/* REPLICAS y REPLICAS DE (sense lliçó)*/

#tit-replicas{
    margin: 0 auto;
    width: 575px;
    height: 30px;
    background: url(../img/web/tit_replicas.jpg) #0191D7 no-repeat;
}

#subtit-replicas{
    margin: 5px auto;
    width: 578px;
    height: 60px;
    border-bottom: 1px solid #0BAAFF;
    font-size: 13px;
}

#img-sunny-rep{
    width: 575px;
    height: 140px;
    margin: 10px 0 10px 10px;
    background: url(../img/web/replica_img.jpg) #0191D7 no-repeat;
}

.desc-replica{
    margin: 10px auto 5px auto;
    height: 250px;
    width: 535px;
    border-bottom: 1px dashed #0BAAFF;
    list-style: none;
}
    .desc-replica h2{
        color: #0BAAFF;
        font-size: 16px;
        font-weight: bold;
        line-height: 16px;     
    }

     .desc-replica h4{
      font-size: 14px;    
     }

    .desc-replica a:link {text-decoration: none; color: #FFF;}
    .desc-replica a:visited {text-decoration: none; color: #FFF;}
    .desc-replica a:active {text-decoration: none; color: #FFF;}
    .desc-replica a:hover {text-decoration: underline; color: #FFF;}

    .desc-replica-one{
     position: absolute;
     float: left;
     }

    .desc-replica-one img{
     border: 4px solid #0BAAFF;
     width: 240px;
     height: 160px;
    }

    .desc-replica-two{
     position: absolute;
     margin-left: 285px;
    }

    .desc-replica-two img{
     border: 4px solid #0BAAFF;
     width: 240px;
     height: 160px;
    }

    .desc-replica .ver-mas{
     position: absolute;
     margin: 205px 0 0 490px;
     line-height: 16px;     
    }

    .desc-replica .ver-mas:link {text-decoration: none; color: #0BAAFF;}
    .desc-replica .ver-mas:visited {text-decoration: none; color: #0BAAFF;}
    .desc-replica .ver-mas:active {text-decoration: none; color: #0BAAFF;}
    .desc-replica .ver-mas:hover {text-decoration: underline; color: #0BAAFF;}

/* RANKING */

#tit-ranking{
    margin: 0 auto;
    width: 575px;
    height: 30px;
    background: url(../img/web/tit_ranking.jpg) #0191D7 no-repeat;
}

#tit-ranking p{

    font-weight: bold;
}

    #tit-ranking a:link {text-decoration: none; color: #FFF;}
    #tit-ranking a:visited {text-decoration: none; color: #FFF;}
    #tit-ranking a:active {text-decoration: none; color: #0BAAFF;}
    #tit-ranking a:hover {text-decoration: underline; color: #0BAAFF;}



#subtit-ranking{
    margin: 5px auto;
    width: 578px;
    height: auto;
    border-bottom: 1px solid #0BAAFF;
    font-size: 13px;
}
	#btns-rkg {
	    margin: 0 10px 0 0;
		padding:0;
		width: auto;
		height: auto;
		float:right;
	}
		#btns-rkg li{
			list-style:none;
			margin-right: 5px;
			float:left;
			display:block;
		}
		#btns-rkg li span.btn-profe-div {
			display: block;
			height: 30px;
			width: 90px;
			background:url(../img/web/ranking_tutores.jpg) bottom left no-repeat;
		}
		#btns-rkg li span.btn-lec-div {
			display: block;
			height: 30px;
			width: 90px;
			background:url(../img/web/ranking_lecciones.jpg) bottom left no-repeat;
		}
		#btns-rkg li span.btn-pre-div {
			display: block;
			height: 30px;
			width: 90px;
			background:url(../img/web/ranking_premios.jpg) bottom left no-repeat;
		}
		
		#btns-rkg li a.btn-profe-link:link, #btns-rkg li a.btn-profe-link:visited {
			display: block;
			height: 30px;
			width: 90px;
			overflow:hidden;
			background:url(../img/web/ranking_tutores.jpg) top left no-repeat;
		}
		#btns-rkg li a.btn-profe-link:active, #btns-rkg li a.btn-profe-link:hover {
			background:url(../img/web/ranking_tutores.jpg) bottom left no-repeat;
		}
		
		#btns-rkg li a.btn-lec-link:link, #btns-rkg li a.btn-lec-link:visited {
			display: block;
			height: 30px;
			width: 90px;
			overflow:hidden;
			background:url(../img/web/ranking_lecciones.jpg) top left no-repeat;
		}
		#btns-rkg li a.btn-lec-link:active, #btns-rkg li a.btn-lec-link:hover {
			background:url(../img/web/ranking_lecciones.jpg) bottom left no-repeat;
		}
		
		#btns-rkg li a.btn-pre-link:link, #btns-rkg li a.btn-pre-link:visited {
			display: block;
			height: 30px;
			width: 90px;
			overflow:hidden;
			background:url(../img/web/ranking_premios.jpg) top left no-repeat;
		}
		#btns-rkg li a.btn-pre-link:active, #btns-rkg li a.btn-pre-link:hover {
			background:url(../img/web/ranking_premios.jpg) bottom left no-repeat;
		}

#rkg-xbox {
	margin: 10px;
	padding:0;
}
	#rkg-xbox li {
		list-style:none;
		font-size:14px;
	}
	#rkg-xbox li h3 {
		font-size:16px;
		color:#0BAAFF;
	}
	
	#rkg-xbox li.rkg-xbox-list {
		margin-bottom: 15px;
		border-bottom: 1px dashed #0BAAFF;
	}
	#rkg-xbox li.noborder {
		border:none;
	}
		#rkg-xbox li ul {
			margin:0;
			padding:0;
		}
		#rkg-xbox li.rkg-xbox-list table td.prin {
			overflow:hidden;
			width: 400px;
		}
		#rkg-xbox li.rkg-xbox-list table th.secon {
			width:100px;
			text-align:center;
		}
		#rkg-xbox li.rkg-xbox-list table td.secon {
			text-align:center;
			height: 50px;
			overflow:hidden;
		}
			#rkg-xbox li.rkg-xbox-list table td.prin a {
				margin:0;
				padding:0;
				width: 400px;
				height: 20px;
				vertical-align:top;
				display: inline-block;
				overflow:hidden;
			}
			#rkg-xbox li.rkg-xbox-list table td a.link-xbox-rep {
				font-size:14px;
				color: #0BAAFF;
			}
			#rkg-xbox li.rkg-xbox-list table td a.link-xbox-vid{
				font-size:12px;
				color:#FFFFFF;
			}

.rank-profe{

    margin: 20px 0 5px 10px;
    height: 105px;
    width: 572px;
    border-bottom: 1px dashed #0BAAFF;
}

    .rank-profe #tit{
      margin: 0 0 -10px 0;
     }

    .rank-profe #tit a{
     font-size: 16px;
     font-weight: bold;
     line-height: 16px;     
    }

    .rank-profe a:link {text-decoration: none; color: #0BAAFF;}
    .rank-profe a:visited {text-decoration: none; color: #0BAAFF;}
    .rank-profe a:active {text-decoration: none; color: #0BAAFF;}
    .rank-profe a:hover {text-decoration: underline; color: #0BAAFF;}

    .rank-profe #frase{
      font-size: 12px;
      margin-top: 10px;
      line-height: 14px;
     }

    .rank-profe img{
     float: left;
     margin: 0 20px 0 0;
     width: 90px;
     height: 90px;
    }

#expl-empieza{
 margin: 0 auto;
 height: auto;
 width: 575px;
 text-align: justify;
}

    #expl-empieza li{
     font-size: 12px;
     line-height: 18px;
    }

    #resp-mail{
     margin-top: 5px;
     font-size: 12px;
     line-height: 18px;
     color: #ff9c00;
     font-weight: bold;
	 font-size:14px;
    }

    #expl-empieza a:link {text-decoration: none; color: #0BAAFF; font-weight: bold;}
    #expl-empieza a:visited {text-decoration: none; color: #0BAAFF; font-weight: bold;}
    #expl-empieza a:active {text-decoration: none; color: #0BAAFF; font-weight: bold;}
    #expl-empieza a:hover {text-decoration: underline; color: #0BAAFF; font-weight: bold;}

    .expl-tits{
     font-weight: bold;
     color: #0191D7;
     font-size: 16px;
     margin-bottom: -2px;
    }
    
    #empieza-first{
     height: 190px;
     background: url(../img/web/empieza_01.jpg) center no-repeat;
     margin: 10px auto 10px auto;
    }


    #empieza-second{
     height: 140px;
     background: url(../img/web/empieza_02.jpg) center no-repeat;
     margin: 15px auto 18px auto;
    }
	
	#empieza-third{
     height: 140px;
     background: url(../img/web/empieza_03.jpg) center no-repeat;
     margin: 15px auto 18px auto;
    }

    #empieza-video{
     margin: 5px auto 15px 7px;
     width: 560px;
     height: 400px;
    }

    #empieza-video img{
     border: none;
    }

    #form{
     padding-top: 15px;
     border-top: 2px solid #0BAAFF;
    }

    #form-cont-info input{
     width:233px;
     border: 1px solid #009AFE;
     height: 30px;
     background-color: #FFF;
     color: black;
     font-size: 14px;
     margin: 5px 10px 0 0;
     }

    #form-cont-info textarea{
     width:410px;
     border: 1px solid #009AFE;
     height: 120px;
     background-color: #FFF;
     color: black;
     font-size: 14px;
     margin: 5px 10px 0 0;
    }

    #form-cont-info label{
     position: absolute;
    }

    #form-cont-info .btnSubmit-enviar{
     margin-top: 10px;
     width:121px; 
     height:30px; 
     text-decoration: none;
     border: 0;
     background: url(../img/web/btn_enviar.jpg) top no-repeat;
    }

/* LECCIONES */

#tit-lecciones{
    margin: 0 auto;
    width: 575px;
    height: 30px;
    background: url(../img/web/tit_lecciones.jpg) #0191D7 no-repeat;
}

/* LECCIÓN i REPLICA (Descripció d'una lliçó o replica).*/

    /* Nomes REPLICA */

#tit-replica{
    margin: 0 auto;
    width: 575px;
    height: 30px;
    background: url(../img/web/tit_replica.jpg) #0191D7 no-repeat;
}

    .comparte{
        margin-left: 90px;
        font-size: 12px;    
        color: #0BAAFF;
        display: inline;
    }


/* Botons de comentar, replicar y votar*/
#actions-replica{
 margin:10px 0 0 10px;
 height:40px;
 width: 575px;
}
	#actions-replica a{
	 display:block;	
     height:30px;
     float: left;
     list-style: none;
	}

	#actions-replica .menu-com{width:120px; margin-top: 10px;}
	#actions-replica .menu-vota{width:120px;}
	#actions-replica a.menu-com:link, #actions-replica a.menu-com:visited			    {background:url(../img/web/btn_comenta.jpg) top left no-repeat;}
	#actions-replica a.menu-com:active, #actions-replica a.menu-com:hover		    	{background:url(../img/web/btn_comenta.jpg) bottom left no-repeat;}
	#actions-replica .menu-vota:link, #actions-replica .menu-vota:visited			    {background:url(../img/web/btn_vota.jpg) top left no-repeat;}
    #actions-replica .menu-vota:active, #actions-replica .menu-vota:hover		    	{background:url(../img/web/btn_vota.jpg) bottom left no-repeat;}

    #actions-replica .menu-vota {
     margin-top: 10px;
     height:30px; 
     text-decoration: none;
     border: 0;
     float: right;
     background:url(../img/web/btn_vota.jpg) top no-repeat;
    }

    	#actions-replica .menu-vota a:hover  	{background:url(../img/web/btn_vota.jpg) bottom no-repeat;}

    /* Nomes LLIÇÓ */

#tit-last-lect{
    margin: 0 auto;
    width: 575px;
    height: 30px;
    background: url(../img/web/tit_ultimaleccion.jpg) #0191D7 no-repeat;
}

#tit-leccion{
    margin: 0 auto;
    width: 575px;
    height: 30px;
    background: url(../img/web/tit_leccion.jpg) #0191D7 no-repeat;
}

    /* "Compartit" */

.lesson{
    margin: 15px 0 5px 10px;
    height: auto;
    width: 575px;
}

    .lesson h2{
        color: #FFF;
        margin: 0 0 -5px 0;
        font-size: 16px;
        font-weight: bold;
        line-height: 16px;     
    }

    .lesson img{
        margin: 10px 10px 0 0;
        float: left;
        border: 4px solid #0BAAFF;
    }

    #texto{
     padding-bottom: 10px;
     font-size: 12px;
     line-height: 18px;
     margin: 5px 0 0 0;
    }

    /* Lesson Subtit*/
    .subtit{
     font-size: 12px;    
     color: #0BAAFF;
     display: inline;
    }

    /* Lesson */
    .blue-small{
     font-size: 10px;    
     color: #0BAAFF;
    }
 
   #youtube{
    margin: 5px auto 15px 7px;
    width: 560px;
    height: 400px;
    background-color: #000;
   }

   #youtube img{
    border: none;
   }

   #info{
    margin: 10px auto;
    font-size: 14px;
    height: 30px;
    width: 575px;
    background: url(../img/web/paginador_bkg.png) #000 center no-repeat;
   }

       #comptador{
        position: absolute;
        margin-top: 5px;
        margin-left: 10px;
       }

       .subrallat{
         text-decoration: underline;
       }

       #logos{
        position: absolute;
        margin-top: 5px;
        margin-left: 390px;
        float: right;
       }

       #logos ul{
         display: inline;       
         margin-left: 30px;    
       }


/* Botons de comentar, replicar y votar*/
#actions{
 margin:10px 0 0 10px;
 height:40px;
 width: 575px;
}
	#actions a{
	 display:block;	
     height:30px;
     float: left;
     list-style: none;
	}

	#actions .menu-com{width:120px; margin-top: 10px;}
	#actions .menu-replme{width:120px; margin-left: 107px; margin-top: 10px;}
	#actions .menu-vota{width:120px; margin-left: 107px;}
	#actions a.menu-com:link, #actions a.menu-com:visited			    {background:url(../img/web/btn_comenta.jpg) top left no-repeat;}
	#actions a.menu-com:active, #actions a.menu-com:hover		    	{background:url(../img/web/btn_comenta.jpg) bottom left no-repeat;}
	#actions a.menu-replme:link, #actions a.menu-replme:visited			{background:url(../img/web/btn_replicame.jpg) top left no-repeat;}
	#actions a.menu-replme:active, #actions a.menu-replme:hover			{background:url(../img/web/btn_replicame.jpg) bottom left no-repeat;}
	#actions .menu-vota:link, #actions .menu-vota:visited			    {background:url(../img/web/btn_vota.jpg) top left no-repeat;}
    #actions .menu-vota:active, #actions .menu-vota:hover		    	{background:url(../img/web/btn_vota.jpg) bottom left no-repeat;}

    #actions .menu-vota {
     margin-top: 10px;
     height:30px; 
     text-decoration: none;
     border: 0;
     float: left;
     background:url(../img/web/btn_vota.jpg) top no-repeat;
    }

    	#actions .menu-vota a:hover  	{background:url(../img/web/btn_vota.jpg) bottom no-repeat;}

    #respVot{
        width: 575px;
        height: 30px;
        color: #ff9c00;
	    font-size: 12px;
        font-weight: bold;
        text-align: center;
        margin: 10px auto;
        background: url(../img/web/paginador_bkg.png) #000 center no-repeat;
    }    

    #respVot p{
        padding-top: 5px;
    }


/* Mostra de repliques*/

#mini-replicas{
 margin: 10px auto;
 height: 108px;
 width: 575px;
 background:url(../img/web/tutor_replicas_bkg.jpg) no-repeat;
}

#mini-replicas img{
 width: 85px;
 height: 58px;
}

    #mini-replicas ul{
     padding-top: 37px;
     list-style: none;
    }

    #mini-replicas ul li{
     display: inline;
     margin: 0 15px 0 -8px;
    }

    #mini-replicas .mini-rep-ver-mas{
     position: absolute;
     margin: -24px 0 0 512px;
    }

        #mini-replicas .mini-rep-ver-mas:link {text-decoration: none; color: #0BAAFF;}
        #mini-replicas .mini-rep-ver-mas:visited {text-decoration: none; color: #0BAAFF;}
        #mini-replicas .mini-rep-ver-mas:active {text-decoration: none; color: #0BAAFF;}
        #mini-replicas .mini-rep-ver-mas:hover {text-decoration: underline; color: #0BAAFF;}


#feisbook{
 margin: 10px auto 25px 10px;
 width: 550px;
 height: 90px;
}

.comentaris{
 width: 575px;
 margin: 15px auto;
 font-size: 12px;
 border-bottom: 1px dashed #0BAAFF;
}

    .comentaris h2{
      font-size: 15px;
      margin: 0;
    }

    .dijo{
     margin-left: 5px;
     font-size: 15px;
    }
    
    .data{
     font-size: 13px;
     margin: -5px 0 10px 0;
    }

/* Dejar comentario */

#form-comentari{
 width: 575px;
 margin: 10px auto;
}

    #tit-comentari{
      background:url(../img/web/tit_deja_comentario.jpg) top no-repeat;
      width: 149px;
      height: 19px;
      margin-bottom: 5px;
    }

    #form-comentari ul{
     margin: 0;
     list-style: none;
    }

    #form-comentari input{
      margin-top: 10px;
      border: 1px solid #0BAAFF;
      height: 18px;
      width: 233px;
     }

    #form-comentari textarea{
      margin-top: 10px;
      border: 1px solid #0BAAFF;
      height: 88px;
      width: 573px;
    }

    #form-comentari label{
     font-size: 13px;
     margin-left: 10px;
    }

    #form-comentari .btnSubmit-comentari{
     margin-top: 10px;
     width: 140px; 
     height: 30px; 
     text-decoration: none;
     border: 0;
     background:url(../img/web/btn_publicar.jpg) top no-repeat;
    }

    	#form-comentari .btnSubmit-comentari:hover  	{background:url(../img/web/btn_publicar.jpg) bottom no-repeat;}


    #errorForm{
        color: #ff9c00;
	    font-size: 14px;
        display: none;
        font-weight: bold;
        margin: -24px 0 0 155px;
    }

    #errorFormMail{
        color: #ff9c00;
	    font-size: 14px;
        display: none;
        font-weight: bold;
        margin: -24px 0 0 155px;
    }    


/* Llistat de Replicas de profesor o lliçó */

#tit-replica-de{
    margin: 0 auto;
    width: 575px;
    height: 30px;
    background: url(../img/web/tit_replicasde.jpg) #0191D7 no-repeat;
}


#info-replicas{
margin: 5px auto;
font-size: 14px;
height: 30px;
width: 575px;
border-bottom: 1px dashed #0BAAFF;
}

    #info-replicas p{
     position: absolute;
    }

    #info-replicas h2{
     margin: 5px 5px 0 0;
     display: inline;
    }

    .blue{
     font-size: 13px;    
     color: #0BAAFF;
    }

.desc-replica-de{
    margin: 0 auto 5px auto;
    height: 200px;
    width: 535px;
    list-style: none;
}

     .desc-replica-de h4{
      font-size: 14px;    
     }

    .desc-replica-de-one{
     margin-top: 10px;
     float: left;
     }

    .desc-replica-de-one img{
     border: 4px solid #0BAAFF;
     height: 160px;
     width: 240px;
    }

    .desc-replica-de-two{
     margin-top: 10px;
     float: right;
    }

    .desc-replica-de-two img{
     border: 4px solid #0BAAFF;
     height: 160px;
     width: 240px;
    }

/* SUBE TU REPLICA */

#tit-sube-replica{
    margin: 0 auto;
    width: 575px;
    height: 30px;
    background: url(../img/web/tit_subereplica.jpg) #0191D7 no-repeat;
}

#sube-replica{
 margin: 0 auto;
 height: 1294px;
 width: 575px;
 text-align: left;
}

    #sube-replica li{
     margin-top: 10px;
     font-size: 14px;
     line-height: 18px;
     text-align: left;
    }

    .paso{
     color: #0BAAFF;
     border-bottom: 1px dashed #0BAAFF;
     font-size: 18px !important;
     font-weight: bold;
     height: 25px;
    }

    #form-upload .btnSubmit-enviar{
     margin-top: 10px;
     width:121px; 
     height:30px; 
     text-decoration: none;
     border: 0;
     background: url(../img/web/btn_enviar.jpg) top no-repeat;
    }

    #form-upload label{
     position: absolute;
     font-weight: bold;
     margin-top: 6px;
    }

    #form-upload .input_textbox
    {
     width:425px;
     border: 2px solid #009AFE;
     height: 30px;
     background-color: #000100;
     color: white;
     font-size: 16px;
     margin: -2px 10px 0 0;
    }

    #form-upload-info .btnSubmit-enviar{
     margin-top: 40px;
     width:121px; 
     height:30px; 
     text-decoration: none;
     border: 0;
     background: url(../img/web/btn_enviar.jpg) top no-repeat;
    }

    #form-upload-info label{
     position: absolute;
     margin-left: 450px;
     font-weight: bold;
     margin-top: 6px;
    }

    #form-upload-info .input_textbox
    {
     width:425px;
     border: 2px solid #009AFE;
     height: 30px;
     background-color: #000100;
     color: white;
     font-size: 16px;
     margin: 10px 10px 0 0;
    }

/* Form Login */

    #form-login label{
     position: absolute;
     margin-left: 6px;
     font-weight: bold;
     margin-top: 6px;
    }

    #form-login .input_textbox
    {
     width:200px;
     border: 2px solid #009AFE;
     height: 30px;
     background-color: #000100;
     color: white;
     font-size: 16px;
     margin: -2px 10px 0 0;
    }

    #form-login .btnSubmit-enviar{
     width:121px; 
     height:30px; 
     text-decoration: none;
     border: 0;
     margin-bottom: 7px;
     background: url(../img/web/btn_enviar.jpg) top no-repeat;
    }

    #logError{
        color: #ff9c00;
	    font-size: 14px;
        display: block;
        font-weight: bold;
        margin: -24px 0 0 150px;
    }


/* Contacta */

#tit-contacta{
    margin: 0 auto;
    width: 575px;
    height: 30px;
    background: url(../img/web/..) #0191D7 no-repeat;
}

#contacta{
 margin: 0 auto;
 padding: 5px 0 0 0;
 height: 1294px;
 width: 570px;
 text-align: left;
 font-size: 14px;
 line-height:150%;
}

    #contacta a:link {text-decoration: none; color: #0BAAFF; font-weight: bold;}
    #contacta a:visited {text-decoration: none; color: #0BAAFF; font-weight: bold;}
    #contacta a:active {text-decoration: none; color: #0BAAFF; font-weight: bold;}
    #contacta a:hover {text-decoration: underline; color: #0BAAFF; font-weight: bold;}

    #contacta li{
     margin-top: 10px;
     font-size: 14px;
     line-height: 18px;
     text-align: left;
    }

    .btnSubmit-enviar{
     margin-top: 10px;
     width:121px; 
     height:30px; 
     text-decoration: none;
     border: 0;
     background: url(../img/web/btn_enviar.jpg) top no-repeat;
    }

    #form-cont label{
     position: absolute;
     font-weight: bold;
     margin-top: 6px;
    }

    #form-cont .input_textbox
    {
     width:425px;
     border: 2px solid #009AFE;
     height: 30px;
     background-color: #000100;
     color: white;
     font-size: 16px;
     margin: -2px 10px 0 0;
    }

    #form-pet .btnSubmit-enviar{
     width:121px; 
     height:30px;
     text-decoration: none;
     border: 0;
     background: url(../img/web/btn_enviar.jpg) top no-repeat;
    }

    #form-pet label{
     position: absolute;
    }

    .input_text
    {
     width:400px;
     border: 2px solid #009AFE;
     height: 30px;
     background-color: #000100;
     color: white;
     font-size: 16px;
     margin: 0 10px 0 0;
    }

    .input_area
    {
     width:410px;
     border: 2px solid #009AFE;
     height: 120px;
     background-color: #000100;
     color: white;
     font-size: 16px;
     margin: 0 10px 0 0;
    }

    .text{
     margin-bottom: 15px;    
    }
	.marc-error {
		color: #ff9c00;
	}

        .text a:link {text-decoration: none; color: #0BAAFF; font-weight: bold;}
        .text a:visited {text-decoration: none; color: #0BAAFF; font-weight: bold;}
        .text a:active {text-decoration: none; color: #0BAAFF; font-weight: bold;}
        .text a:hover {text-decoration: underline; color: #0BAAFF; font-weight: bold;}
		
	.opac {
		position:absolute;
		margin-left: -5px;
		width:580px;
		opacity: .50;
	    -moz-opacity: .50;
	    filter:alpha(opacity=50);
		background-color:#000000;
		z-index: 2	
	}
	#close_upload_video {
		margin-top: 140px;
		height:410px;
	}
	#close_info_video {
		margin-top: 0px;
		height: 300px;
	}
	#close_send_mail {
		margin-top: 0px;
		height: 100px;
	}
	
	

/*       EXAMINAR CON ESTILO */

.file
{
  height: 30px;
}

.file_input_textbox
{
 position: absolute; 
 width:425px;
 border: 2px solid #009AFE;
 height: 30px;
 background-color: #000100;
 color: white;
 font-size: 16px;
 margin: -2px 10px 0 0;
}

.file_input_div
{
  position: absolute; 
  width: 121px; 
  height: 30px; 
  overflow: hidden;
  margin: 0 0 0 450px;
}

.file_input_hidden
{
  position: absolute; 
  font-size: 23px; 
  right: 0px; 
  top: 0px; 
  opacity: 0; 
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
/*  -khtml-opacity: 0; */
/*  -moz-opacity: 0;*/
}

.file_input_button
{
	position: absolute; 
    background:url("../img/web/btn_examinar.jpg") no-repeat scroll 100% 50% transparent;
	width: 121px; 
    height: 30px;
    top: 0px;
    border: none;
}


/* PREMIOS */
#tit-premios{
    margin: 0 auto;
    width: 575px;
    height: 30px;
    background: url(../img/web/tit_premios.jpg) #0191D7 no-repeat;
}

#lista-win {
	padding: 10px 10px 10px 10px;
	height:1283px;
	display:table;
}
	#lista-win p {
		font-size:13px;
	}
		#lista-win p a:link 	{text-decoration: none; color: #0BAAFF;}
		#lista-win p a:visited {text-decoration: none; color: #0BAAFF;}
		#lista-win p a:active 	{text-decoration: none; color: #0BAAFF;}
		#lista-win p a:hover 	{text-decoration: underline; color: #0BAAFF;}
		
	#lista-win h2 {
		color:#009AFE;
	}
	#lista-win hr {
		height:0px;/*solo queremos borde*/
		text-align:left;
		border-top:0px;/*quita el grosor extra de Opera y FFox*/
		border-bottom:#009AFE dashed 1px;
	}



/* ______________________________________________________________________________________________ PAGINADOR _____________*/

    #paginador{
        font-size: 12px;
        text-align: center;
        height: 30px;
        width: 575px;
        margin: 10px auto 0px;
        background: url(../img/web/paginador_bkg.png) #000 center no-repeat;
        list-style: none;     
        font-weight: bold;  
        color: white; 
        padding-top: 10px;
    }

        #paginador a
        {
         font-weight: bold;
        }

        #paginador a:link {text-decoration: none; color: #FFF;}
        #paginador a:visited {text-decoration: none; color: #FFF;}
        #paginador a:active {text-decoration: none; color: #0BAAFF;}
        #paginador a:hover {text-decoration: underline; color: #0BAAFF;}

        #pag-actual{
         color: #0BAAFF;
        }

        .btn-inactiu{
         color: #656565;
        }