/***** Seleccion Color *****/
		
		::selection {
			color: #fff;
			background: #ec6912;
		}
		
		::-moz-selection {
			color: #fff;
			background: #ec6912;
		}
		
	/***** END Seleccion Color *****/
		
		
	/*= FOOTER
		--------------------------------------------------------*/
		footer {
			color: #777;
			font-size: 12px;
			text-align: center;
			margin-top: 20px;
		}		
		
		table {   
			margin: auto auto;
			border-collapse:separate;
			border:1px solid white;
			border-radius: 10px 10px 10px 10px;
			-moz-border-radius: 10px 10px 10px 10px;
			-webkit-border: 10px 10px 10px 10px;
			-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 8px;
			-moz-box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 8px;
			box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 8px;
		}
		body a{
			color: lime;
		}
		
		body a:active{
			color: cyan;
		}
		
		body a:hover{
			color: yellow;
			text-decoration:underline;
		}
		
		body a:visited{
			color: yellow;
		}
		
		tr:last-child { 
			border:0;
		}
		
		td { 
			border:0px;
			text-align:center;
		}
		
	/*****ANIMATONS*****/
		
		#cajamenu .arrow {
			transition: all 1s;
			-moz-transition: all 1s;
			-webkit-transition: all 1s;
		}
		#menu, #menu nav a {
			transition: all 0.7s;
			-moz-transition: all 0.7s;
			-webkit-transition: all 0.7s;
		}
		#menuOculto, #menuOculto nav a {
			transition: all 0.7s;
			-moz-transition: all 0.7s;
			-webkit-transition: all 0.7s;
		}
		#menu2, #menu2 nav a {
			transition: all 0.9s;
			-moz-transition: all 0.9s;
			-webkit-transition: all 0.9s;
		}
		
	/*****END ANIMATONS*****/
		
		/*****PANEL*****/
		#cerrariniciodesesion{
			display: block;
			cursor: pointer;
			padding-bottom: 5px;
		}
		
		.cuerda{
			position:absolute;
			right: -10px;
			top: 18px;
		}
		
		.cuerda2{
			position:absolute;
			right: -6px;
			top: 417px;
		}
		.m2cuerda{
			position:absolute;
			right: -10px;
			top: 34px;
		}
		
		.m2cuerda2{
			position:absolute;
			right: -6px;
			top: 432px;
		}
		
		.tdlinksblancos a:link, .tdlinksblancos a:visited, .tdlinksblancos a:active, .tdlinksblancos a:hover {COLOR: white; TEXT-DECORATION: none}
		
	/*****--------- MENU ---------*****/
		
		#menu, #menuOculto {
			background: #003399;
			border-right: 3px solid #fff;
			border-bottom: 3px solid #fff;
			width: 300px;
			height: 400px;
			padding: 10px;
			top: -380px;
			position: fixed;
			z-index: 1001;
			color:white;   
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none; 
			
			box-shadow: 1px 0 3px rgba(0,0,0,0.25);
			-moz-box-shadow: 1px 0 3px rgba(0,0,0,0.25);
			-webkit-box-shadow: 1px 0 3px rgba(0,0,0,0.25);
		}
		
		#menu, #menuOculto {
			left: 0; /* Change to right: 0; if you want the panel to display on the right side. */
		}
		
		#menu nav, #menuOculto nav {
			position: absolute;
			text-align: center;
			margin-left:auto;
			margin-right:auto;
			left:0px;
			right:0;
			bottom: 10px;
			cursor:pointer;
		}
		
		#menu nav a, #menuOculto nav a {
			border-top: 1px dotted #c0c0c0;
			font: normal 400 12px/18px 'Open Sans', Helvetica, Arial, sans-serif;
			color: #656565;
			text-decoration: none;
		}
		
		
		#menu nav a:hover, #menuOculto nav a:hover {
			color: red;
			cursor:pointer;
		}
		
	/*****--------- CAJAMENU ---------*****/
		
		#cajamenu:hover, #cajamenu:focus {
			color: red;
			left: 0 !important; /* Change to right: 0 !important; if you want the panel to display on the right side. */
		}
		
		#cajamenu .arrow {
			right: 2px; /* Change to left: 2px; if you want the panel to display on the right side. */
		}
		
		#cajamenu:hover .arrow {
			color: red;
			transform: rotate(-500deg);
			-webkit-transform: rotate(-500deg);
			-moz-transform: rotate(-500deg);
			
		}
		
	/*****--------- CAJAARROW ---------*****/
		
		#cajaarrow {
			width: 0px;
			height: 400px;
			padding: 10px;
			top: -345px;
			position: fixed;
			z-index: 1505;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none; 
		}
		
		#cajaarrow .arrow {   
			height: 60px;
			width: 60px;
			text-align: center;
			display: block;
			position: absolute;
			left: 293px;
			cursor: pointer;
			z-index: 1005;
			bottom: 0px;
		}
		
		#cajaarrow {
			left: 0; /* Change to right: 0; if you want the panel to display on the right side. */
		}
		
		#cajaarrow:hover, #cajaarrow:focus {
			color: #0099FF;
			left: 0 !important; /* Change to right: 0 !important; if you want the panel to display on the right side. */
		}
		
	/*****--------- MENU 2 ---------*****/
		
		#menu2 {
			background: #f9f9f9;
			width: 300px;
			height: 421px;
			padding: 10px;
			top: -403px;
			position: fixed;
			z-index: 1000;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none; 
			
			box-shadow: 1px 0 3px rgba(0,0,0,0.25);
			-moz-box-shadow: 1px 0 3px rgba(0,0,0,0.25);
			-webkit-box-shadow: 1px 0 3px rgba(0,0,0,0.25);
		}
		
		#menu2 {
			left: 0; /* Change to right: 0; if you want the panel to display on the right side. */
		}
		
		#menu2:hover, #menu2:focus {
			left: 0 !important; /* Change to right: 0 !important; if you want the panel to display on the right side. */
		}
		
		#menu2 nav {
			position: absolute;
			text-align: center;
			margin-left:auto;
			margin-right:auto;
			left:0;
			right:0;
			bottom: 10px;
			cursor:pointer;
		}
		
		#menu2 nav a {
			border-top: 1px dotted #c0c0c0;
			font: normal 400 12px/18px 'Open Sans', Helvetica, Arial, sans-serif;
			color: red;
			text-decoration: none;
		}
		
		#menu2 nav a:hover {
			color: red;
			cursor:pointer;
		}
		
	/*****END PANEL*****/
		
		#contenido
		{ 	width: 241px;
			overflow: hidden;
			margin-bottom: 30px;
			background: transparent url(../fondos/transparent.png) repeat;
			border-radius: 0px 0px 15px 15px;
			-moz-border-radius: 0px 0px 15px 15px;
			-webkit-border: 0px 0px 15px 15px;
			-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 8px;
			-moz-box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 8px;
			box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 8px;
			border: 2px solid #000;
			border-top: 8px solid #000;
			padding-top:5px;
			padding-right:5px;
			padding-bottom:5px;
			padding-left:5px;
			text-align:center;} 
			
		#contenedor
		{ 	width: 241px;
			overflow: hidden;
			margin-bottom: 30px;
			background: transparent url(../fondos/transparent.png) repeat;
			border-radius: 0px 0px 15px 15px;
			-moz-border-radius: 0px 0px 15px 15px;
			-webkit-border: 0px 0px 15px 15px;
			-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 8px;
			-moz-box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 8px;
			box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 8px;
			border: 2px solid #000;
			border-top: 8px solid #000;
			padding-top:5px;
			padding-right:5px;
			padding-bottom:5px;
			padding-left:5px;
			text-align:center;} 
		
		#contenidoredondo
		{ 	width: 241px;
			overflow: hidden;
			margin-bottom: 30px;
			background: transparent url(../fondos/transparent.png) repeat;
			border-radius: 15px 15px 15px 15px;
			-moz-border-radius: 15px 15px 15px 15px;
			-webkit-border: 15px 15px 15px 15px;
			-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 8px;
			-moz-box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 8px;
			box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 8px;
			border: 2px solid #000;
			padding-top:5px;
			padding-right:5px;
			padding-bottom:5px;
			padding-left:5px;
			text-align:center;} 
				
		.panel{
			position:fixed;
			width:900px;
			height:auto;
			overflow:hidden;
			-webkit-transition: all 850ms ease;
			-moz-transition:all 850ms ease;
			-o-transition: all 850ms ease;
			transition: all 850ms ease;
			z-index: 2000;
			border-top-left-radius: 0px;
			border-top-right-radius: 0px;
			border-bottom-right-radius: 10px;
			border-bottom-left-radius: 10px;
			margin-left:50%;
			padding: 10px;
			-webkit-animation: display-none-transition 1s;
			animation: display-none-transition 1s;
			display: none;
			opacity: 0;
			
		}
		
		.panel:target{
			min-height:100px;
			margin-left:50%;
			left:-450px;
			padding-top: 35px;
			padding-bottom: 50px;
			display:block;
			opacity: 1;
		}
		
		@-webkit-keyframes display-none-transition {
			0% {
				display: none;
				opacity: 0;
			}
			1% {
				display: block;
			}
			100% {
				opacity: 1;
			}
		}
		
		
		#inicio{
			position:fixed;
			overflow:hidden;
			top: 0px;
			height:50px;
			width:1250px;
			text-align:center; 
			z-index:40;
		}
		
		#inicio2{
			position:fixed;
			overflow:hidden;
			top: 0px;
			height:50px;
			width:1250px;
			text-align:center; 
			z-index:39;
		}
		
		#noticias{
			background-color:black; 
			color:white;
			border:3px solid #FFF;
			top: -35px;
		}
		
		
		.brillo{
			position:relative;
			margin: 0 auto;
			display: block;
			height: 70px;
			width: 240px;	
			text-decoration:none;
			color:#333;
			overflow:hidden;
			margin-bottom:50px;	
		}
		
		.brillo span{
			position:relative;
			display: block;
			background:url(../imagenes/brillo.png) no-repeat;	
			background-position: -100px 0px;
			margin-top:-25px;
			height: 25px;
			width: 240px;	
		}
		
		.brillo:hover span{
			background-position: 305px 0px;
			-webkit-transition-property: all;
			-webkit-transition-duration: 1s;
			transition-property: all;
			transition-duration: 1s;
		}
		
		.brillo2{
			position:relative;
			margin: 0 auto;
			display: block;
			height: 70px;
			width: 240px;	
			text-decoration:none;
			color:#333;
			overflow:hidden;
			margin-bottom:50px;	
		}
		
		.brillo2 span{
			position:relative;
			display: block;
			background:url(../imagenes/brillo.png) no-repeat;	
			background-position: -100px 0px;
			margin-top:-30px;
			height: 25px;
			width: 240px;	
		}
		
		.brillo2:hover span{
			background-position: 305px 0px;
			-webkit-transition-property: all;
			-webkit-transition-duration: 1s;
			transition-property: all;
			transition-duration: 1s;
		}
		
		.columna{
			-webkit-column-count: 3 ;
			-o-column-count: 3 ;
			-moz-column-count: 3 ;
			
			-webkit-column-gap: 20px ;
			-moz-column-gap: 20px ;
			-o-column-gap: 20px ;
			
			-webkit-column-rule: 1px solid #fff ;
			-moz-column-rule: 1px solid #fff ;
			-o-column-rule: 1px solid #fff ;
			
			-webkit-column-width: 100px;
			-moz-column-width: 100px;
			-o-column-width: 100px;
		}
		
  /*  -------------------------------------------- CAJA DE SAGAS - EFECTOS y ESTILOS -------------------------------------------- */
  /*  -------------------------------------------- CAJA DE SAGAS - EFECTOS y ESTILOS -------------------------------------------- */
  /*  -------------------------------------------- CAJA DE SAGAS - EFECTOS y ESTILOS -------------------------------------------- */
  /*  -------------------------------------------- CAJA DE SAGAS - EFECTOS y ESTILOS -------------------------------------------- */
  /*  -------------------------------------------- CAJA DE SAGAS - EFECTOS y ESTILOS -------------------------------------------- */
  
		.sagamov {	
			margin-bottom: 10px;
		}
		
		.sagamov:hover {
					cursor: pointer;
		}
		
		
			
			
			
            .infinite-carousel{
                margin: 0 auto;
            }
            .infinite-carousel .list{
                width:11010px;
				height:600px;
                overflow:visible;
            }
            .infinite-carousel .viewport{
				padding-top: 0px;
				width:690px;
				min-height:200px;
				overflow:hidden;
            }
            .item{
                width:690px;
                min-height:200px;
                text-align: center;
                vertical-align: middle;
                line-height: 200px;
                margin-right:10px;
                float: left;
				padding-bottom: 10px;
                /*display: inline-block;*/
            }
            .pack1{
				background-image: url("https://www.onepiecemangayanime.com/imagenes/fondosagas/pack1.png");
				background-repeat: no-repeat;
				background-position: bottom center;
            }
            .pack2{
				background-image: url("https://www.onepiecemangayanime.com/imagenes/fondosagas/pack1.jpg");
				background-repeat: no-repeat;
				background-size:100% 100%;
            }
            .pack3{
				background-image: url("https://www.onepiecemangayanime.com/imagenes/fondosagas/pack1.jpg");
				background-repeat: no-repeat;
				background-size:100% 100%;
            }
            .pack4{
				background-image: url("https://www.onepiecemangayanime.com/imagenes/fondosagas/pack1.jpg");
				background-repeat: no-repeat;
				background-size:100% 100%;
            }
            .pack5{
				background-image: url("https://www.onepiecemangayanime.com/imagenes/fondosagas/pack1.jpg");
				background-repeat: no-repeat;
				background-size:100% 100%;
            }
            .pack6{
				background-image: url("https://www.onepiecemangayanime.com/imagenes/fondosagas/pack1.jpg");
				background-repeat: no-repeat;
				background-size:100% 100%;
            }
            .pack7{
				background-image: url("https://www.onepiecemangayanime.com/imagenes/fondosagas/pack1.jpg");
				background-repeat: no-repeat;
				background-size:100% 100%;
            }
            .pack8{
				background-image: url("https://www.onepiecemangayanime.com/imagenes/fondosagas/pack1.jpg");
				background-repeat: no-repeat;
				background-size:100% 100%;
            }
            .pack9{
				background-image: url("https://www.onepiecemangayanime.com/imagenes/fondosagas/pack1.jpg");
				background-repeat: no-repeat;
				background-size:100% 100%;
            }
            .pack10{
				background-image: url("https://www.onepiecemangayanime.com/imagenes/fondosagas/pack1.jpg");
				background-repeat: no-repeat;
				background-size:100% 100%;
            }
            .pack11{
				background-image: url("https://www.onepiecemangayanime.com/imagenes/fondosagas/pack1.jpg");
				background-repeat: no-repeat;
				background-size:100% 100%;
            }
            .pack12{
				background-image: url("https://www.onepiecemangayanime.com/imagenes/fondosagas/pack1.jpg");
				background-repeat: no-repeat;
				background-size:100% 100%;
            }
            .pack13{
				background-image: url("https://www.onepiecemangayanime.com/imagenes/fondosagas/pack1.jpg");
				background-repeat: no-repeat;
				background-size:100% 100%;
            }
            .pack14{
				background-image: url("https://www.onepiecemangayanime.com/imagenes/fondosagas/pack1.jpg");
				background-repeat: no-repeat;
				background-size:100% 100%;
            }
            .pack15{
				background-image: url("https://www.onepiecemangayanime.com/imagenes/fondosagas/pack1.jpg");
				background-repeat: no-repeat;
				background-size:100% 100%;
            }
			.margentopdiv{
				margin-top: -400px;
			}
			.limpiatabla{ 
				border:0;
				color:white;
				font-weight:bold;
				text-shadow: 0px;
				box-shadow: 0px  0px  0px  0px;
				-moz-border-radius: 0px 0px 0px 0px;
				border-radius: 0px 0px 0px 0px;
			}
			.sombra{
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
				border-color: black;
				-webkit-box-shadow: 10px 10px 17px -4px rgba(0,0,0,0.67);
				-moz-box-shadow: 10px 10px 17px -4px rgba(0,0,0,0.67);
				box-shadow: 10px 10px 17px -4px rgba(0,0,0,0.67);
			}
		
			
		
		
  /*  -------------------------------------------- FIN CAJA DE SAGAS - EFECTOS y ESTILOS -------------------------------------------- */
  /*  -------------------------------------------- FIN CAJA DE SAGAS - EFECTOS y ESTILOS -------------------------------------------- */
  /*  -------------------------------------------- FIN CAJA DE SAGAS - EFECTOS y ESTILOS -------------------------------------------- */
  /*  -------------------------------------------- FIN CAJA DE SAGAS - EFECTOS y ESTILOS -------------------------------------------- */
  /*  -------------------------------------------- FIN CAJA DE SAGAS - EFECTOS y ESTILOS -------------------------------------------- */
		
		
		.fondotexto{
			background-color: red;
			background-image: none;
			border-bottom-color: red;
			
			border-bottom-left-radius: 10px;
			border-bottom-right-radius: 10px;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			
			border-bottom-style: solid;
			border-bottom-width: 1px;
			border-image-outset: 0 0 0 0;
			border-image-repeat: stretch stretch;
			border-image-slice: 100% 100% 100% 100%;
			border-image-source: none;
			border-image-width: 1 1 1 1;
			border-left-color: red;
			border-left-style: solid;
			border-left-width: 1px;
			border-right-color: red;
			border-right-style: solid;
			border-right-width: 1px;
			border-top-color: red;
			border-top-style: solid;
			border-top-width: 1px;
			box-sizing: border-box;
			color: rgb(0, 153, 255);
			display: inline-block;
			line-height: 14px;
			margin-bottom: 1px;
			padding-bottom: 1px;
			padding-left: 5px;
			padding-right: 5px;
			padding-top: 2px;
			text-align: center;
			text-decoration: none;
			color: #fff;
			text-decoration-line: none;
			vertical-align: middle;
			-moz-border-bottom-colors: none;
			-moz-border-left-colors: none;
			-moz-border-right-colors: none;
			-moz-border-top-colors: none;
			-moz-user-select: none;
			font-weight: bold;
			cursor: pointer;
		}
		
		.fondotextoverde{
			background-image: none;
			border-bottom-color: #00CC00;
			
			border-bottom-left-radius: 10px;
			border-bottom-right-radius: 10px;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			
			border-bottom-style: solid;
			border-bottom-width: 1px;
			border-image-outset: 0 0 0 0;
			border-image-repeat: stretch stretch;
			border-image-slice: 100% 100% 100% 100%;
			border-image-source: none;
			border-image-width: 1 1 1 1;
			border-left-color: #00CC00;
			border-left-style: solid;
			border-left-width: 1px;
			border-right-color: #00CC00;
			border-right-style: solid;
			border-right-width: 1px;
			border-top-color: #00CC00;
			border-top-style: solid;
			border-top-width: 1px;
			box-sizing: border-box;
			color: rgb(0, 153, 255);
			display: inline-block;
			line-height: 14px;
			margin-bottom: 1px;
			padding-bottom: 1px;
			padding-left: 5px;
			padding-right: 5px;
			padding-top: 3px;
			text-align: center;
			text-decoration: none;
			
			background-color: #0D3771;
			color: #fff;
			font-family: sans-serif;
			
			text-decoration-line: none;
			vertical-align: middle;
			-moz-border-bottom-colors: none;
			-moz-border-left-colors: none;
			-moz-border-right-colors: none;
			-moz-border-top-colors: none;
			-moz-user-select: none;
			font-weight: bold;
			cursor: pointer;
		}
		
		.fondotextoverde2{
			background-image: none;
			border-bottom-color: #00CC00;
			
			border-bottom-left-radius: 10px;
			border-bottom-right-radius: 10px;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			
			border-bottom-style: solid;
			border-bottom-width: 1px;
			border-image-outset: 0 0 0 0;
			border-image-repeat: stretch stretch;
			border-image-slice: 100% 100% 100% 100%;
			border-image-source: none;
			border-image-width: 1 1 1 1;
			border-left-color: #00CC00;
			border-left-style: solid;
			border-left-width: 1px;
			border-right-color: #00CC00;
			border-right-style: solid;
			border-right-width: 1px;
			border-top-color: #00CC00;
			border-top-style: solid;
			border-top-width: 1px;
			box-sizing: border-box;
			color: rgb(0, 153, 255);
			display: inline-block;
			line-height: 14px;
			margin-bottom: 1px;
			padding-bottom: 5px;
			padding-left: 5px;
			padding-right: 5px;
			padding-top: 5px;
			text-align: center;
			text-decoration: none;
			
			background-color: #0D3771;
			color: #fff;
			font-family: sans-serif;
			
			text-decoration-line: none;
			vertical-align: middle;
			-moz-border-bottom-colors: none;
			-moz-border-left-colors: none;
			-moz-border-right-colors: none;
			-moz-border-top-colors: none;
			-moz-user-select: none;
			font-weight: bold;
			cursor: pointer;
		}
		
		.mega{
			background-image: none;
			border-bottom-color: #FF1920;
			
			border-bottom-left-radius: 10px;
			border-bottom-right-radius: 10px;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			
			border-bottom-style: solid;
			border-bottom-width: 1px;
			border-image-outset: 0 0 0 0;
			border-image-repeat: stretch stretch;
			border-image-slice: 100% 100% 100% 100%;
			border-image-source: none;
			border-image-width: 1 1 1 1;
			border-left-color: #FF1920;
			border-left-style: solid;
			border-left-width: 1px;
			border-right-color: #FF1920;
			border-right-style: solid;
			border-right-width: 1px;
			border-top-color: #FF1920;
			border-top-style: solid;
			border-top-width: 1px;
			box-sizing: border-box;
			color: rgb(0, 153, 255);
			display: inline-block;
			line-height: 14px;
			margin-bottom: 1px;
			padding-bottom: 3px;
			padding-left: 3px;
			padding-right: 3px;
			padding-top: 3px;
			text-align: center;
			text-decoration: none;
			
			background-color: #FF1920;
			color: #fff;
			font-family: sans-serif;
			
			text-decoration-line: none;
			vertical-align: middle;
			-moz-border-bottom-colors: none;
			-moz-border-left-colors: none;
			-moz-border-right-colors: none;
			-moz-border-top-colors: none;
			-moz-user-select: none;
			font-weight: bold;
		}
		
		.imagencurva{
			border-radius: 0px 0px 0px 0px;
			border: 4px solid white;
		}
		.imagencurvacumple{
			border-radius: 1px 1px 1px 1px;
			border: 1px solid white;
		}
		
		.imagencurva-azul{
			border-radius: 0px 20px 0px 20px;
			-moz-border-radius: 0px 20px 0px 20px;
			-webkit-border-radius: 0px 20px 0px 20px;
			border: 4px inset #00eeff;
		}


			/*botones blanco, naranja, verde, azul y morado*/
			/*
	
				boton-text-all-color
				boton-centro
				boton-azul
				boton-verde
				boton-blanco-text
				boton-blanco
				boton-naranja
				boton-morado
			
			
			
			*/
			/*General*/
				
		.boton-text-all-color {
			display: block;
			font-family: Arial,Helvetica;
			font-size: 25px;
			font-weight: bold;
			line-height: 1.4;
		}
		
		.boton-centro {
			cursor: pointer;
			display: inline-block;
			margin-right: 0.1em;
			overflow: visible;
			padding: 5px 10px;
			position: relative;
			text-align: center;
			text-decoration: none !important;
			border-radius: 4px 4px 4px 4px;
		}
		
	/*Boton Azul*/
	
		.boton-azul {
			background: #377ad0;
			background-image: linear-gradient(bottom, #3779D0 0%, #52A7E8 100%);
			background-image: -o-linear-gradient(bottom, #3779D0 0%, #52A7E8 100%);
			background-image: -moz-linear-gradient(bottom, #3779D0 0%, #52A7E8 100%);
			background-image: -webkit-linear-gradient(bottom, #3779D0 0%, #52A7E8 100%);
			background-image: -ms-linear-gradient(bottom, #3779D0 0%, #52A7E8 100%);
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #3779D0),color-stop(1, #52A7E8));
			background-clip: padding-box!important;
			border-top: 1px solid #4081af!important;
			border-right: 1px solid #2e69a3!important;
			border-bottom: 1px solid #20559a!important;
			border-left: 1px solid #2e69a3!important;
			border-radius: 5px!important;
			box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3!important;
			color: #fff!important;
			font-size: 12px!important;
			font-weight: bold!important;
			line-height: 1!important;
			padding: 5px 10px!important;
			text-align: center!important;
			text-shadow: 0 -1px 1px #3275bc!important;
			
		}
		
		.boton-azul:hover {
			background: #206bcb;
			background-image: linear-gradient(bottom, #206ACB 0%, #3E9DE5 100%);
			background-image: -o-linear-gradient(bottom, #206ACB 0%, #3E9DE5 100%);
			background-image: -moz-linear-gradient(bottom, #206ACB 0%, #3E9DE5 100%);
			background-image: -webkit-linear-gradient(bottom, #206ACB 0%, #3E9DE5 100%);
			background-image: -ms-linear-gradient(bottom, #206ACB 0%, #3E9DE5 100%);
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #206ACB),color-stop(1, #3E9DE5));
			background-clip: padding-box!important;
			border-top: 1px solid #2a73a6!important;
			border-right: 1px solid #165899!important;
			border-bottom: 1px solid #07428f!important;
			border-left: 1px solid #165899!important;
			box-shadow: inset 0 1px 0 0 #62b1e9!important;
			cursor: pointer!important;
			text-shadow: 0 -1px 1px #1d62ab!important;
			color: #FFF!important;
		}
		
		.boton-azul:active {
			background: #3282d3!important;
			background-clip: padding-box!important;
			border: 1px solid #154c8c!important;
			border-bottom: 1px solid #0e408e!important;
			box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 #fff!important;
			text-shadow: 0 -1px 1px #2361a4!important;
			color: #FFF!important;  
		}
		
	/*Boton verde*/
		
		.boton-verde {		
			background: #45b31d;
			background-image: linear-gradient(bottom, #45B31D 0%, #79DA40 100%);
			background-image: -o-linear-gradient(bottom, #45B31D 0%, #79DA40 100%);
			background-image: -moz-linear-gradient(bottom, #45B31D 0%, #79DA40 100%);
			background-image: -webkit-linear-gradient(bottom, #45B31D 0%, #79DA40 100%);
			background-image: -ms-linear-gradient(bottom, #45B31D 0%, #79DA40 100%);
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #45B31D),color-stop(1, #79DA40));
			background-clip: padding-box;
			border-top: 1px solid #59a62a;
			border-right: 1px solid #59a62a;
			border-bottom: 1px solid #438918;
			border-left: 1px solid #59a62a;
			box-shadow: inset 0 1px 0 0 #a3eb72;
			border-radius: 5px;
			border-radius: 5px;
			color: #fff;
			font-size: 12px;
			font-weight: bold;
			line-height: 1;
			padding: 5px 10px;
			text-align: center;
			text-shadow: 0 -1px 1px #6acb3c;
		}
		
		.boton-verde:hover {
			background: #65d43b;
			background-image: linear-gradient(bottom, #5DD037 0%, #89E64F 100%);
			background-image: -o-linear-gradient(bottom, #5DD037 0%, #89E64F 100%);
			background-image: -moz-linear-gradient(bottom, #5DD037 0%, #89E64F 100%);
			background-image: -webkit-linear-gradient(bottom, #5DD037 0%, #89E64F 100%);
			background-image: -ms-linear-gradient(bottom, #5DD037 0%, #89E64F 100%);
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #5DD037),color-stop(1, #89E64F));
			background-clip: padding-box;
			border-top: 1px solid #6caf40;
			border-right: 1px solid #53a32e;
			border-bottom: 1px solid #3e9a20;
			border-left: 1px solid #53a32e;
			cursor: pointer;
			text-shadow: 0 -1px 1px #6acb3c;
			color: #FFF;
		}
		
		.boton-verde:active {
			background: #32d335!important;
			border: 1px solid #0e8e1e!important;
			border-bottom: 1px solid #0e408e!important;
			box-shadow: inset 0 0 6px 3px #1ab928, 0 1px 0 0 #fff!important;
			text-shadow: 0 -1px 1px #26ad2b!important;
			background-clip: padding-box!important;
			color: #FFF!important;  
		}
		
	/*Boton blanco*/
		
		.boton-blanco {
			background: #DDDDDD;
			background-image: linear-gradient(bottom, #DDDDDD 0%, #ffffff 100%);
			background-image: -o-linear-gradient(bottom, #DDDDDD 0%, #ffffff 100%);
			background-image: -moz-linear-gradient(bottom, #DDDDDD 0%, #ffffff 100%);
			background-image: -webkit-linear-gradient(bottom, #DDDDDD 0%, #ffffff 100%);
			background-image: -ms-linear-gradient(bottom, #DDDDDD 0%, #ffffff 100%);
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #DDDDDD),color-stop(1, #ffffff));
			background-clip: padding-box;
			border-top: 1px solid #999999;
			border-right: 1px solid #999999;
			border-bottom: 1px solid #666666;
			border-left: 1px solid #333333;
			border-radius: 5px;
			box-shadow: inset 0 1px 0 0 #fff, 0 1px 2px 0 #fff;
			color: #000!important;
			font-size: 12px;
			font-weight: bold;
			line-height: 1;
			padding: 5px 10px;
			text-align: center;
			text-shadow: 0 -1px 1px #C18436;
		}
		
		.boton-blanco:hover {
			background: #ffffff;
			background-image: linear-gradient(bottom, #DDDDDD 0%, #ffffff 100%);
			background-image: -o-linear-gradient(bottom, #DDDDDD 0%, #ffffff 100%);
			background-image: -moz-linear-gradient(bottom, #DDDDDD 0%, #ffffff 100%);
			background-image: -webkit-linear-gradient(bottom, #DDDDDD 0%, #ffffff 100%);
			background-image: -ms-linear-gradient(bottom, #DDDDDD 0%, #ffffff 100%);
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #DDDDDD),color-stop(1, #ffffff));
			border-top: 1px solid #CCCCE1;
			border-right: 1px solid #CCCCE1;
			border-bottom: 1px solid #666666;
			border-left: 1px solid #333333;
			box-shadow: inset 0 1px 0 0 #fff, 0 0 0 0 #fff;
			cursor: pointer;
		}
		
		.boton-blanco:active {
			background: #CCCCCC!important;
			border: 1px solid #FFFFFF!important;
			box-shadow: inset 0 0 1px 1px #000, 0 1px 0 0 #fff!important;
			background-clip: padding-box!important;
			text-shadow: 0!important;
		}
		
	/*Boton Naranja*/
		
		.boton-naranja {
			background: #CB8C38;
			background-image: linear-gradient(bottom, #E57E11 0%, #FD9424 100%);
			background-image: -o-linear-gradient(bottom, #E57E11 0%, #FD9424 100%);
			background-image: -moz-linear-gradient(bottom, #E57E11 0%, #FD9424 100%);
			background-image: -webkit-linear-gradient(bottom, #E57E11 0%, #FD9424 100%);
			background-image: -ms-linear-gradient(bottom, #E57E11 0%, #FD9424 100%);
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #E57E11),color-stop(1, #FD9424));
			background-clip: padding-box;
			border-top: 1px solid #B07840;
			border-right: 1px solid #B07840;
			border-bottom: 1px solid #9F662E;
			border-left: 1px solid #B07840;
			border-radius: 5px;
			box-shadow: inset 0 1px 0 0 #E4B067;
			color: #fff;
			font-size: 12px;
			font-weight: bold;
			line-height: 1;
			padding: 5px 10px;
			text-align: center;
			text-shadow: 0 -1px 1px #C18436;
		}
		
		.boton-naranja:hover {
			background: #e4e4e4;
			background-image: linear-gradient(bottom, #BA7123 0%, #EB9131 100%);
			background-image: -o-linear-gradient(bottom, #BA7123 0%, #EB9131 100%);
			background-image: -moz-linear-gradient(bottom, #BA7123 0%, #EB9131 100%);
			background-image: -webkit-linear-gradient(bottom, #BA7123 0%, #EB9131 100%);
			background-image: -ms-linear-gradient(bottom, #BA7123 0%, #EB9131 100%);
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #BA7123),color-stop(1, #EB9131));
			border-top: 1px solid #BF8344;
			border-right: 1px solid #BF8345;
			border-bottom: 1px solid #9F6429;
			border-left: 1px solid #BF8345;
			box-shadow: inset 0 1px 0 0 #D7AA6E;
			cursor: pointer;
		}
		
		.boton-naranja:active {
			background: #E28222!important;
			border: 1px solid #954F09!important;
			box-shadow: inset 0 0 6px 3px #DB832C, 0 1px 0 0 #CCC!important;
			background-clip: padding-box!important;
			text-shadow: 0!important;
		}
		
	/*Boton Morado*/
	
		.boton-morado {
			background: #8D34D2;
			background-image: linear-gradient(bottom, #7030A0 0%, #A048E4 100%);
			background-image: -o-linear-gradient(bottom, #7030A0 0%, #A048E4 100%);
			background-image: -moz-linear-gradient(bottom, #7030A0 0%, #A048E4 100%);
			background-image: -webkit-linear-gradient(bottom, #7030A0 0%, #A048E4 100%);
			background-image: -ms-linear-gradient(bottom, #7030A0 0%, #A048E4 100%);
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #7030A0),color-stop(1, #A048E4));
			background-clip: padding-box!important;
			border-top: 1px solid #803DB3!important;
			border-right: 1px solid #6F2BA2!important;
			border-bottom: 1px solid #652398!important;
			border-left: 1px solid #6F2BA2!important;
			border-radius: 5px!important;
			box-shadow: inset 0 1px 0 0 #B671EB, 0 1px 2px 0 #b3b3b3!important;
			color: #fff!important;
			font-size: 12px!important;
			font-weight: bold!important;
			line-height: 1!important;
			padding: 5px 10px!important;
			text-align: center!important;
			text-shadow: 0 -1px 1px #7C2CB9!important;
		}
		
		.boton-morado:hover {
			background: #8120CB;
			background-image: linear-gradient(bottom, #8220CD 0%, #9E3EE8 100%);
			background-image: -o-linear-gradient(bottom, #8220CD 0%, #9E3EE8 100%);
			background-image: -moz-linear-gradient(bottom, #8220CD 0%, #9E3EE8 100%);
			background-image: -webkit-linear-gradient(bottom, #8220CD 0%, #9E3EE8 100%);
			background-image: -ms-linear-gradient(bottom, #8220CD 0%, #9E3EE8 100%);
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #8220CD),color-stop(1, #9E3EE8));
			background-clip: padding-box!important;
			border-top: 1px solid #752AAE!important;
			border-right: 1px solid #63169D!important;
			border-bottom: 1px solid #521084!important;
			border-left: 1px solid #63169D!important;
			box-shadow: inset 0 1px 0 0 #AE62E8!important;
			cursor: pointer!important;
			text-shadow: 0 -1px 1px #6D1DAA!important;
			color: #FFF!important;
		}
		
		.boton-morado:active {
			background: #892ED0!important;
			background-clip: padding-box!important;
			border: 1px solid #5B1690!important;
			border-bottom: 1px solid #560D8E!important;
			box-shadow: inset 0 0 6px 3px #7116B6, 0 1px 0 0 #fff!important;
			text-shadow: 0 -1px 1px #6B22A2!important;
			color: #FFF!important;  
		}
		
		/*
		Tutorial Name: How to Create a Registration and Login System Using PHP and mySQL
		Author: Samuel Dalusung
		*/
		
	/*= GENERAL STYLES
		--------------------------------------------------------*/
		.mlogin {
			font-family: 'Open Sans', sans-serif;
		}
		
		.mregister {
			margin: 10px auto 0;
		}
		
		.error {
			margin: 10px auto 0;
			border: 1px solid #777;
			padding: 3px;
			color: #fff;
			text-align: center;
			width: 270px;
			background: #003399;
		}
		
		.regtext {
			font-size: 13px;
			margin-top: 10px;
			color: #fff;
		}
		
	/*= CONTAINERS
		--------------------------------------------------------*/
		.container {
			padding-left: 10px;
			padding-right: 10px;
			padding-bottom: 0px;
			margin-top: 0px;
			margin-left: -15px;
			font-weight: 400;
			overflow: hidden;
			width: 300px;
			height: auto;
			background: #003399;
		}
		
		#welcome {
			width: 270px;
			padding: 5px;
			background: #fff;
			margin: 160px auto 0;
			-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13);
			-moz-box-shadow: 0 1px 3px rgba(0,0,0,.13);
			box-shadow: 0 1px 3px rgba(0,0,0,.13);
		}
		
		.container h1 {
			color: #fff;
			text-align: center;
			font-size: 30px;
			font-weight: 250;
			border: 1px solid cyan;
			margin-top: 7px;
			font-family: 'Open Sans', sans-serif;
		}
		
		.container label {
			color: #fff;
			font-size: 14px;
		}
		
		#login {
			width: 270px;
			margin: auto;
			padding-bottom: 15px;
		}
		
		.container form .input,.container input[type=text],.container input[type=password],.container input[type=e] {
			background: #fbfbfb;
			font-size: 24px;
			line-height: 1;
			width: 100%;
			padding: 3px;
			margin: 0 6px 5px 0;
			outline: none;
			border: 1px solid #d9d9d9;
		}
		
		.container form .input:focus {
			border: 1px solid #f58220;
			-webkit-box-shadow: 0 0 3px 0 rgba(245,130,32,0.75);
			-moz-box-shadow: 0 0 3px 0 rgba(245,130,32,0.75);
			box-shadow: 0 0 3px 0 rgba(245,130,32,0.75);
		}
		
	/*= BUTTONS
		--------------------------------------------------------*/
		
		.button{
			border: solid 1px #33CCFF;
			background: #3399FF;
				background: -webkit-gradient(linear, left top, left bottom, from(#3399FF), to(#3366FF));
				background: -moz-linear-gradient(top,  #3399FF,  #3366FF);
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#3399FF', endColorstr='#3366FF');
				color: #fff;
			padding: 7px 12px;
			-webkit-border-radius:4px;
			-moz-border-radius:4px;
					border-radius:4px;
			float: right;
			cursor: pointer;
		}
		
		.button:hover{
				background: #33CCFF;
			background: -webkit-gradient(linear, left top, left bottom, from(#00FFFF), to(#33CCFF));
			background: -moz-linear-gradient(top,  #00FFFF,  #33CCFF);
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFF', endColorstr='#33CCFF');
		}
		
		.titulo {
			font-size: 25px;
			color: white;
		}
		
		.titulo2 {
			font-size: 20px;
			color: white;
		}
		
		.titulo3 {
			font-size: 15px;
			color: white;
		}
		
		.naranja {
			color: #FF9933;
		}
		
		.red {
			color: #FF3333;
		}
		
		.green {
			color: #33FF33;
		}
		
		.blue {
			color: #33FFFF;
		}
		
		.yellow {
			color: yellow;
		}
		
		.cajaama{
			border: yellow solid; 
			border-collapse: collapse;
		}
		
		.cajablue{
			border: #0066FF solid;
			margin-bottom: 5px;	
			border-collapse: collapse;
			color: #00CCFF;
		}
		
		
		
				/* Content Boxes */
			.content-box-blue,
			.content-box-gray,
			.content-box-green,
			.content-box-purple,
			.content-box-red,
			.content-box-yellow {
				text-align: center;
				max-width:337px;
				max-height: 100%;
				margin: 5px auto;
				overflow: auto;
				padding: 5px;
				border-radius: 10px;
				
				
			font-weight:normal;
			}
			
			
			.content-box-blue {
			background-color: #33FFFF;
			border: 1px solid #0099CC;
			color: #0099CC;
			}
			
			.content-box-gray {
			background-color: #cccdcc;
			border: 1px solid #a3a3a3;
			color: #a3a3a3;
			}
			
			.content-box-green {
			background-color: #99ff99;
			border: 1px solid #00a900;
			color: #00a900;
			}
			
			.content-box-purple {
			background-color: #c299ff;
			border: 1px solid #7300cc;
			color: #7300cc;
			}
			
			.content-box-red {
			background-color: #FF9999;
			border: 1px solid #CC0000;
			color: #CC0000;
			}
			
			.content-box-yellow {
			background-color: #FFFFCC;
			border: 1px solid #999900;
			color: #999900;
			}
			
			
			
			
			.content-box-yellow3 {
				text-align: center;
				max-width:337px;
				max-height: 100%;
				margin: 5px auto;
				overflow: auto;
				padding: 5px;
				border-radius: 10px;
				
				
			font-weight:normal;
			}
			
			.content-box-yellow3 {
			background-color: #FFFFCC;
			border: 1px solid #999900;
			color: #999900;
			}
			
			.content-box-redserver {
				text-align: center;
				max-width: 300px;
				max-height: 155px;
				margin: 5px auto;
				overflow: hidden;
				padding: 5px;
				border-radius: 10px;
				
				
			font-weight:normal;
			}
			
			.content-box-redserver {
			background-color: #FF9999;
			border: 1px solid #CC0000;
			color: #CC0000;
			}
			@media screen and (min-width: 550px)  { /* pantalla grande */
			
				.content-box-yellow3 {
					max-width:500px;
				}
				
				.content-box-redserver {
					max-width: 400px;
				}
				
			}
			
			
				/* Content Boxes Grandes */
			.content-box-blue2,
			.content-box-gray2,
			.content-box-green2,
			.content-box-purple2,
			.content-box-red2,
			.content-box-yellow2 {
				text-align: center;
				width: 350px;
				max-width:96%;
				min-height: 155px;
				margin: auto;
				overflow: hidden;
				padding: 5px;
				border-radius: 10px;
				
				
			font-weight:normal;
			}
			
			.content-box-blue2 {
			background-color: #33FFFF;
			border: 1px solid #0099CC;
			color: #0099CC;
			}
			
			.content-box-gray2 {
			background-color: #cccdcc;
			border: 1px solid #a3a3a3;
			color: #a3a3a3;
			}
			
			.content-box-green2 {
			background-color: #99ff99;
			border: 1px solid #00a900;
			color: #00a900;
			}
			
			.content-box-purple2 {
			background-color: #c299ff;
			border: 1px solid #7300cc;
			color: #7300cc;
			}
			
			.content-box-red2 {
			background-color: #FF9999;
			border: 1px solid #CC0000;
			color: #CC0000;
			}
			
			.content-box-yellow2 {
			background-color: #FFFFCC;
			border: 1px solid #999900;
			color: #999900;
			}
			
		/* Imagenes de X Rollover */
		
			.btnContinue {
				width: 250px;
				height: 56px;
				display: block;
				font-size: 10px;
				text-decoration: none;
				background-repeat:no-repeat;
				background-image:url(../imagenes/veronlinebuton.png);
			}
			
			.btnContinue_hover {
				width: 250px;
				height: 56px;
				display:block;
				font-size: 10px;
				text-decoration: none;
				background-repeat:no-repeat;
				background-image:url(../imagenes/veronlinebuton.gif);
			}
		
		/* Class variados */
			
			.azula{border-color:blue; background-image:url('../imagenes/fondonegro70a.png')}
			.azulb{border-color:#60bae8; background-image:url('../imagenes/fondoazul70.png'); border-radius: 5px 5px 5px 5px;	-moz-border-radius: 5px 5px 5px 5px; -webkit-border: 5px 5px 5px 5px;}
			.negroa{border-top: 5px solid; border-color: black; background-image:url('../imagenes/fondonegro70a.png'); padding-left: 4px; padding-right: 4px;}
			.negrob{border-color:#60bae8; background-image:url('../imagenes/fondonegro70.png')}
			.nomcapcolor{color: rgb(255, 204, 51)}
			.tblanco{color:white}
			.separadorazul{color: rgb(51, 255, 255); font-weight: bold}
			.margenes{margin-left: 15px; margin-right: 10px;}
			.margenes2{margin-left: 5px; margin-right: 5px;}
			.fondonaranja{background-color:#fa6a00; border-radius: 10px 10px 10px 10px;}
			.fondorojo{background-color:red; border-radius: 10px 10px 10px 10px;}
			.fondoazul{background-color:#0000FF; border-radius: 10px 10px 10px 10px;}
		
		/* Color de los enlaces de las descargas */
		
			A:link {text-decoration:none;color: white;}
			A:visited {text-decoration:none;color:#47475C;}
			A:active {text-decoration:none;color: #ffffff;}
			A:hover {text-decoration:underline;color: cyan;} 
			
			.linkscolor {color: #FFFFFF;}
			.linkscolor:hover {color: yellow;}
			.linkscolor:visited {color: #47475C;}
				
		
			.evento:hover{
				background-color:  rgba(255,255,255,0.4);
				cursor: pointer;
			}
			
		/* Color de los enlaces de las descargas */
		
			A:link {text-decoration:none;color: white;}
			A:visited {text-decoration:none;color:#47475C;}
			A:active {text-decoration:none;color: #ffffff;}
			A:hover {text-decoration:underline;color: cyan;} 
			
			
			.linkscolor {color: #FFFFFF;}
			.linkscolor:hover {color: yellow;}
			.linkscolor:visited {color: #47475C;}
			
		
		/* Color de los enlaces de las descargas */
		
			A:link {text-decoration:none;color: white;}
			A:visited {text-decoration:none;color:#47475C;}
			A:active {text-decoration:none;color: #ffffff;}
			A:hover {text-decoration:underline;color: cyan;} 
			
			
			.linkscolor {color: #FFFFFF;}
			.linkscolor:hover {color: yellow;}
			.linkscolor:visited {color: #47475C;}
			
		/* BOTONES SECCIONES */
		
			.btn-red {
				background: #FF0006;
				background-image: -webkit-linear-gradient(top, #FF0006, #BB0004);
				background-image: -moz-linear-gradient(top, #FF0006, #BB0004);
				background-image: -ms-linear-gradient(top, #FF0006, #BB0004);
				background-image: -o-linear-gradient(top, #FF0006, #BB0004);
				background-image: linear-gradient(to bottom, #FF0006, #BB0004);
				-webkit-border-radius: 10;
				-moz-border-radius: 10;
				border-radius: 10px;
				font-family: "coomic", cursive, sans-serif;
				color: #ffffff;
				font-size: 28px;
				width:297px;
				margin: 0 auto;
				padding-bottom: 3px;
				border: solid #ffffff 2px;
				text-decoration: none;
				z-index: 10;
				min-width:0%; 
				max-width:90%;
				position: relative;
				text-align:center;
			}
				
			.btn-red:hover {
				background: #ffffff;
				background-image: -webkit-linear-gradient(top, #ffffff, #FF0006);
				background-image: -moz-linear-gradient(top, #ffffff, #FF0006);
				background-image: -ms-linear-gradient(top, #ffffff, #FF0006);
				background-image: -o-linear-gradient(top, #ffffff, #FF0006);
				background-image: linear-gradient(to bottom, #ffffff, #FF0006);
				text-decoration: none;
			}
			
			.btn-green {
				background: #00ff60;
				background-image: -webkit-linear-gradient(top, #00ff60, #12bb00);
				background-image: -moz-linear-gradient(top, #00ff60, #12bb00);
				background-image: -ms-linear-gradient(top, #00ff60, #12bb00);
				background-image: -o-linear-gradient(top, #00ff60, #12bb00);
				background-image: linear-gradient(to bottom, #00ff60, #12bb00);
				-webkit-border-radius: 10;
				-moz-border-radius: 10;
				border-radius: 10px;
				font-family: "coomic", cursive, sans-serif;
				color: #ffffff;
				font-size: 28px;
				width:297px;
				margin: 0 auto;
				padding-bottom: 3px;
				border: solid #ffffff 2px;
				text-decoration: none;
				z-index: 10;
				min-width:0%; 
				max-width:90%;
				position: relative;
				text-align:center;
			}
				
			.btn-green:hover {
				background: #ffffff;
				background-image: -webkit-linear-gradient(top, #ffffff, #00ff60);
				background-image: -moz-linear-gradient(top, #ffffff, #00ff60);
				background-image: -ms-linear-gradient(top, #ffffff, #00ff60);
				background-image: -o-linear-gradient(top, #ffffff, #00ff60);
				background-image: linear-gradient(to bottom, #ffffff, #00ff60);
				text-decoration: none;
			}

			.btn3 {
				background: #CCCCCC;
				background-image: -webkit-linear-gradient(top, #CCCCCC, #999999);
				background-image: -moz-linear-gradient(top, #CCCCCC, #999999);
				background-image: -ms-linear-gradient(top, #CCCCCC, #999999);
				background-image: -o-linear-gradient(top, #CCCCCC, #999999);
				background-image: linear-gradient(to bottom, #CCCCCC, #999999);
				-webkit-border-radius: 10;
				-moz-border-radius: 10;
				border-radius: 10px;
				font-family: "coomic", cursive, sans-serif;
				color: #ffffff;
				width:310px;
				margin: 0 auto;
				border: solid #ffffff 2px;
				text-decoration: none;
				z-index: 10;
				min-width:0%; 
				max-width:90%;
				position: relative;
				text-align:center;
				padding-bottom: 10px;
				margin-bottom: 7px;
			}	
			
			div.btn div.content-box-notification-red, 
			div.btn div.content-box-notification-orange, 
			div.btn div.content-box-notification-green,
			div.btn div.content-box-notification-yellow,
			div.btn-red div.content-box-notification-red, 
			div.btn-red div.content-box-notification-orange, 
			div.btn-red div.content-box-notification-green, 
			div.btn-red div.content-box-notification-yellow{
				position:absolute; 
				text-align: center;
				
				padding: 1px 10px 1px 10px; 
				
				margin: 0px;
				overflow: hidden;
				border-radius: 30px 5px;
				z-index: 5;
				right: -10px; 
				top: -10px;  
				font-size:10px;
				text-transform: uppercase;
				font-weight: bold;
				
				-ms-transform: rotate(7deg); /* IE 9 */
				-webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
				transform: rotate(7deg);
				
			}
			
			div.btn div.content-box-notification-red{
				background-color: #fe0000;
				border: 1px solid #CC0000;
				color: white;
			}
			div.btn div.content-box-notification-orange{
				background-color: #fea700;
				border: 1px solid #c28e03;
				color: white;
			}
			div.btn div.content-box-notification-green{
				background-color: #44d603;
				border: 1px solid #16b201;
				color: white;
			}
			div.btn div.content-box-notification-yellow{
				background-color: #f0cc3d;
				border: 1px solid #16b201;
				color: white;
			}
			div.btn-red div.content-box-notification-red{
				background-color: #fe0000;
				border: 1px solid #CC0000;
				color: white;
			}
			div.btn-red div.content-box-notification-orange{
				background-color: #fea700;
				border: 1px solid #c28e03;
				color: white;
			}
			div.btn-red div.content-box-notification-green{
				background-color: #44d603;
				border: 1px solid #16b201;
				color: white;
			}
			div.btn-red div.content-box-notification-yellow{
				background-color: #f0cc3d;
				border: 1px solid #16b201;
				color: white;
			}
		
		/* ----------- Estilo Cajas Botones BTN --------- */
		
			.cajasbotonesbtn{
				padding: 5px;
				display: inline-block;
			}
			.cajasbotonesbtn_padre{
				margin: 0 auto 5px auto;
				text-align:center;
				background: transparent url(../fondos/transparent.png) repeat;
				border-radius: 0px 0px 15px 15px;
				box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 8px;
				border: 2px solid #000;
				border-top: 8px solid #000;
				padding-top: 5px;
				padding-right: 5px;
				padding-bottom: 5px;
				padding-left: 5px;
			}
			.cajasbotonesbtn_padre2{
				margin: 0 auto;
				text-align:center;
				background: transparent url(../fondos/transparent.png) repeat;
				border-radius: 0px 0px 15px 15px;
				box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 8px;
				border: 2px solid #000;
				border-top: 8px solid #000;
				padding-top: 5px;
				padding-right: 5px;
				padding-bottom: 5px;
				padding-left: 5px;
				max-width: 1200px;
			}
			.cajasbotonesbtn_padre3{
				margin: 0 auto;
				text-align:center;
				border: 0px;
				padding-top: 5px;
				padding-right: 5px;
				padding-bottom: 5px;
				padding-left: 5px;
				max-width: 1200px;
			}

		/* ----------- Estructura Flexible --------- */

			.contenidoheader{
				width: initial;	
			}
			.contenidoheader, footer {
				display: block;
				margin: 4px auto;
				padding: 5px;
				min-height: 100px;
				max-width: 1270px;
				border: 0px;
				border-radius: 7pt;
				text-align:center;
			}
			
			@media all and (max-width: 1265px) {
				.contenidoheader, footer {
					min-height: 50px;
				}
			}
			
			@font-face {
				font-family: "PirataT";
				font-style: normal;
				font-weight: normal;
				src: local("?"), url("../registro/avatar/fuentes/Pieces_of_Eight.woff") format("woff"), url("../registro/avatar/fuentes/Pieces_of_Eight.ttf") format("truetype");
			}
			
			h1{
				text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
				font-family: PirataT;
				font-size: 50px;
				margin: 0px;
				color:white; 
			}
			h2{
				text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
				color:white; 
				font-size: 45px; 
				font-family: PirataT;
				margin-top: 10px;
			}
			h3{
				text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
				font-family: PirataT;
				font-size: 30px;
				margin-top: 10px;
			}
			
		/* ----------- Novedades Estilos scroll horizontal --------- */
			
				.floatleft{
					float:left;
					width: 600px;  
					height: 340px;
				}
				.todaslassecciones{
					float:left;
					width: 1200px;  
					height: 340px;
				}
				.clearboth{
					clear: both;
					width: 600px;
					height: 340px;
				}
				
				@media all and (max-width: 1265px) {
					.cajasbotonesbtn_padre3, .cajasbotonesbtn_padre2{
						max-width: 600px;
					}
					
					.todaslassecciones{
						max-width:600px;
					}
					.cajaanimetop2{
						max-width:600px;
						overflow-x:auto; 
					}
					.list-cajaanimetop2 {   
						width:600px;
						overflow-x:auto;   
					}
				}
					.cajaanimetop{
						width:600px;
						height:50px;
						margin: 0 auto;
					}
					
					.list-cajaanimetop {
						margin-bottom: 20px;
						border-bottom: 1px solid white;
						overflow:hidden;    
						width: 600px;   
						float:left;    
					}
					.cajaanimetop2{
						width:1200px;
						height:600px;
						margin: 0 auto;
					}
					
					.list-cajaanimetop2 {
						margin-bottom: 20px;
						border-bottom: 1px solid white;
						overflow:hidden;    
						width: 1200px;   
						float:left;    
					}
					
					.arrowR, 
					.arrowR2, 
					.arrowR3,
					.arrowR4,
					.arrowR5,
					.arrowR6,
					.arrowR7
					{
						background-color: black;
						border-radius:  0 50px 50px 0;
						float:right;
						cursor:pointer;
					}
					
					
					.arrowL, 
					.arrowL2, 
					.arrowL3,
					.arrowL4,
					.arrowL5,
					.arrowL6,
					.arrowL7
					{
						background-color: black;
						border-radius: 50px 0 0 50px;
						float:left;
						cursor:pointer;
					}
					
					.arrowR:hover, 
					.arrowR2:hover, 
					.arrowR3:hover,
					.arrowR4:hover,
					.arrowR5:hover,
					.arrowR6:hover,
					.arrowR7:hover
					{
						background-color: rgba(255,0,0,0.6);
					}
					
					.arrowL:hover, 
					.arrowL2:hover, 
					.arrowL3:hover,
					.arrowL4:hover,
					.arrowL5:hover,
					.arrowL6:hover,
					.arrowL7:hover
					{
						background-color: rgba(255,0,0,0.6);
					}
					
					.item, 
					.item2, 
					.item3, 
					.item4, 
					.item5, 
					.item6,
					.item7
					{
						line-height: inherit;
						width:150px;
						height:260px;
						margin:5px auto;
						float:left;
						position:relative;
						background-color: black;
					}
					.item img, 
					.item2 img, 
					.item3 img, 
					.item4 img, 
					.item5 img, 
					.item6 img, 
					.item7 img
					{
						width:146px;
						height:200px;
						border:1px solid white;
					}
					.item{
						padding-bottom:0;
					}
					
					.mangaimg img
					{
						-webkit-filter: grayscale(100%);
						filter: grayscale(100%);
					}
					
					.item table, 
					.item2 table, 
					.item3 table,
					.item4 table,
					.item5 table,
					.item6 table,
					.item7 table
					{
						cursor:pointer;
						border:0px;
						box-shadow: none;
						margin: 0 0 0 -2px;
						color: yellow;
						font-family: Arial, Helvetica, sans-serif;
					}
					.cajaidiomaband{    
						position: absolute;
						z-index: 30;
						top: 155px;
						right: 2px;
						background-color: rgba(0, 0, 0, 0.8);
						border-radius: 5px 0 0 0px;
						padding: 3px 5px;
					}
					.idiomaband{
						float: right;
					}
					.idiomaband img{
						max-width: 25px;
						max-height: 18px;
					}
					.idiomaband2{
						float: right;
					}
					.idiomaband2 img{
						max-width: 25px;
						max-height: 18px;
					}
					.episodios{
						position: absolute;
						z-index: 30;
						top: 180px;
						right: 2px;
						background-color: rgba(0, 0, 0, 0.8);
						border-radius: 10px 0 0 0;
						padding: 5px;
						max-height: 14px;
						color:white;
						font-family: Arial, Helvetica, sans-serif;
					}
					.episodiosF{
						position: absolute;
						z-index: 30;
						top: 4px;
						right: 4px;
						background-color: rgba(0, 0, 0, 0.8);
						border-radius: 0 0 10px 10px;
						padding: 5.5px;
						max-height: 14px;
						color: white;
						font-family: Arial, Helvetica, sans-serif;
					}
					
					.cajaidiomaband2{    
						position: absolute;
						z-index: 30;
						top: 28px;
						left: 2px;
						background-color: rgba(0, 0, 0, 0.8);
						border-radius: 0 0 5px 0;
						padding: 4px 4px;
					}
					.episodiosM{
						position: absolute;
						z-index: 30;
						top: 4px;
						left: 2px;
						background-color: rgba(0, 0, 0, 0.8);
						border-radius: 0 0 10px 0;
						padding: 5px;
						max-height: 14px;
						color: white;
						font-family: Arial, Helvetica, sans-serif;
					}
					.tableranking{
						border: 1px solid yellow; 
						border-collapse: collapse;
					}
					.tableranking td{
						padding: 8px; 
					}
					
					.tableranking tr:nth-child(odd) {
						background: rgba(0,0,0,0.5);
					}
					
					.tableranking tr:nth-child(even) {
						background: rgba(0,0,0,0.3);
					}