@import url("header.css");

body
{
	background: #EFF3FF url(/images/general/fondo.png) repeat-x;
	font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0;
	padding: 0;
	text-align:center;
}
a
{
	color: #004189;
	text-decoration:none;
}
a:hover
{
	color: #004189;
	text-decoration:underline;
}
fieldset
{
	border:#B5CFE3 solid 1px;
	margin-top:20px;
}
h1,h2,h3,h4,h5,h6
{
	margin: 2% 0 0.5% 0;
}
h2
{
	font-size: 18px;
}
input:focus.input-box , textarea:focus.input-box
{
	background:#FFFFFF;
}
label 
{
	width: 6em;
	text-align: left;
	margin: 0 auto;
	clear: both;
}
legend
{
	font-weight:bold;
	font-size:14px;
	color: #8AA4BE;
	padding: 3px 10px;
}
#basearticulo h2
{
	border-bottom: 1px solid #DEDBCF;
}
#contenido_arriba
{
	background: url(/images/general/contenido_alto.png ) no-repeat;
	height:5px;
}
#contenido_abajo
{
	background: url(/images/general/contenido_bajo.png) no-repeat;
	color:#4D6980;
	padding-top:6px;
	height:34px;
}
#contenido_abajo a
{
	color:#4D6980;
}
#formComentario
{
	float:left; margin:10px;
}
#informacion_autor
{
	background: url("/images/general/caja-autor.png") no-repeat;
	color: #555555;
	font-size: 11px;
	width: 726px;
	height: 66px;
}
#informacion_autor .avatar
{
	float: left;
	margin: 7px;
}
#informacion_autor .avatar img
{
	border: #999999 solid 1px;
}
#informacion_autor .info-tres
{
	float: left;
	margin: -18px 0 0 440px;
}
#informacion_autor .info-dos
{
	float: left;
	margin: -18px 0 0 245px;
}
#informacion_autor .info-tres-inf
{
	float: left;
	margin: -32px 0 0 440px;
	width: 212px;
}
#informacion_autor .info-dos-inf
{
	float: left;
	margin: -32px 0 0 245px;
}
#informacion_autor .superior
{
	border-bottom: #D9DDDE solid 1px;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0 3px 10px;
	margin: 0 8px 0 15px;
}
#informacion_autor .inferior
{
	clear: none !important;
	padding: 3px 0 0 10px;
	margin: 0 8px 0 15px;
}
#info_navegadora
{
	font-weight:normal;
}
#lateral_blog
{
	font-size:11px;
	float:left;
	width:238px;
	margin-left:4px;
	text-align:center;
}
#lateral
{
	background-color:#F9FBFD;
	float:right;
	width:263px;
	margin-right:4px;
	text-align:center;
}
#nube
{
	text-align: justify;
}
#nuevoTuto
{
	background-image: url(/images/icons/nuevo.gif);
	background-position: 0px 2px;
	background-repeat: no-repeat;
}
#principal
{
	float:left;
	width:475px;
	margin-left:4px;
	padding-left:15px;
	padding-right:15px;
	text-align:left;
}
#principal, .contenedor_blog
{
	background-color:#FFFFFF;
}
#tagline
{
	margin-bottom: 0px;
}
#titulo_tag
{
	margin: 0 0 5px 0 !important;
	padding: 0 !important;
	font-size: 20px !important;
	font-weight: bold;
}
.anterior
{
	margin-left:25px;
}
.anterior a, .ultimo a
{
	color:#FFF;
}
.arti_link
{
	text-decoration:underline;
}
.barraCategorias
{
	font-weight:normal;
	font-size:11px;
	text-align:center;
}
.barraCategorias a
{
	padding: 0 6px;
}
.caja
{
	line-height:25px;
	margin-top:5px;
	padding-left:10px;
	text-align:left;
}
.caja ul
{
	margin:0 auto;
	padding:0;
	list-style:none;
}
.caja ul li
{
	margin:0 auto;
	padding:0;
	display:block;
}
.cajaFlotanteIzquierda, .cajaFlotanteDerecha
{
	margin: 0px auto;
	width:230px;
}
.cajaFlotanteDerecha, .cajaFlotanteIzquierda, .info_tuto
{
	background-color:#F9FBFD;
}
.cajaFlotanteIzquierda
{
	float:left;
}
.cajaFlotanteDerecha
{
	float:right;
}
.cat_titulo
{
	color:#888888;
	font-size: smaller;
}
.comentario
{
	border-bottom:#B5CFE3 solid 1px;
	padding:10px;
}
.comentario_reciente
{
	background-color: #EFF3FF;
}
.comicCenter, .comicDown, .comicUp
{
	width:740px;
}
.comicCenter
{
	background-image:url(/images/comic/comic_center.png);
	text-align:center;
	padding:0 0 5px 0;
}
.comicDown
{
	background-image:url(/images/comic/comic_down.png);
	height:31px;
}
.comicUp
{
	background-image:url(/images/comic/comic_up.png);
	height:36px;
	text-align:right;
}
.contenedor
{
	padding:20px;
	padding-top:0px;
	text-align:left;
}
.contenedor_blog
{
	float:right;
	width:500px;
	margin-right:4px;
	padding-left:15px;
	padding-right:15px;
	text-align:left;
}
.contenido, #contenido_arriba, #contenido_abajo
{
	margin: 0px auto;
	width:780px;
}
.contenido
{
	background: url(/images/general/contenido_ancho.png) repeat-y;
	padding-top:10px;
	padding-bottom:40px;
}
.contenido_blog
{
	background: url(/images/general/contenido_ancho_blog.png) repeat-y;
}

.contenido_header
{
	background: url(/images/general/contenido_ancho_header.png) repeat-y;
}
.contenido_home
{
	background: url(/images/general/contenido_ancho_home.png) repeat-y;
}
.ctags
{
	float:left;
	width:99%;
	text-align:center;
}
.ctags li
{
	width: 32%;
	float:left;
}
.datos_bloque
{
	color:#666666;
	padding-top:10px;
	padding-bottom:0px;
	margin-bottom:0px;
	margin-left:20px;
}
.descComic
{
	border-bottom: #E6E6E6 solid 1px;
	padding-bottom:5px;
}
.espacio
{
	padding-top:25px;
	padding-bottom:25px;
}
.imagen_curso
{
	float: left;
	padding: 0 5px 0 3px;
}
.infoComic
{
	color:#004189;
	line-height:12px;
	margin:0px;
	margin-left:20px;
	margin-top:3px;
	text-align:left;	
}
.infoTutos
{
	color: #4D6980;
	font-weight:normal;
}
.infoTutos a
{
	color: #4D6980;
	font-weight:normal;
}
.info_tuto
{
	font-size:11px;
	width:200px;
	text-align:center;
	float:right;
	margin:5px;
	padding:5px;
	clear:both;
}
.input-box
{
	color:#000;
	background:#F7F7F7;
	border:#999999 solid 1px;
	margin-bottom: 10px;
	clear: both;
	width: 352px;
}
.japon
{
	font-family: Arial, Helvetica, sans-serif;
}
.listaTutos
{
	background:url(/images/icons/dot.gif) repeat-y 48.5%;
	list-style:none;
	margin:0 auto;
	padding-left:0;
	float:left;
	width:100%;
}
.listaTutos li
{
	background-image: url(/images/icons/hoja.gif);
	background-position: 0px 2px;
	background-repeat: no-repeat;
	width: 48%;
	float:left;
	margin:0 auto;
	padding-left:10px;
	padding-bottom:5px;
}
.listaCompleta
{
	background:none;
	float:none;
}
.listaCompleta li
{
	width: 100%;
	float: none;
	margin-bottom:20px;
}
.navegadora
{
	background: transparent url(/images/icons/flecha.png) no-repeat left;
	border-bottom: #E6E6E6 solid 1px;
	border-top: #E6E6E6 solid 1px;
	color:#999999;
	font-family:"Trebuchet MS", Trebuchet, Arial;
	font-size:11px;
	font-weight:bold;
	margin-top:5px;
	padding-left:10px;
	text-align:left;
}
.notaFormulario
{
	background-color:#F9FBFD;
	font-size: 11px;
	float:right;
	width:300px;
	margin:0px 10px;
	padding:5px;
}
.notaFormulario h4
{
	color:#333333;
	text-align:center;
	border-bottom:#333333 solid 1px;
	margin-top:0px;
}
.notaFormulario p
{
	color:#666666;
}
.numeroComic
{
	float:right;
	text-align:right;
}
.pie
{
	clear: both;
}
.separador
{
	border:#B5CFE3 solid 1px;
	margin: 15px 0 15px 0;
}
.siguiente
{
	margin-left:281px;
}
.sinMargenes
{
	margin:0 auto;
	padding:0;
}
.submit-button
{
	color: #000;
	background: #D6E7F7;
	border: 1px #DEE7EF outset;
	clear: both;
}
.subtitulo
{
	color:#4D6980;
	font-weight:bold;
}
/* Niveles de tags */
.tag1
{
	font-size: 12px;
}
.tag2
{
	font-size: 14px;
}
.tag3
{
	font-size: 18px;
}
.tag4
{
	font-size: 26px;
}
.tags, .tag4
{
	background-color:#EFEFEF;
	color:#004189;
	padding-left: 2px;
	padding-right: 2px;
}
.tags:hover, .tag4:hover
{
	background-color:#004189;
	color:#FFF;
	text-decoration:none;
}
.titComic
{
	padding-bottom:0px;
	margin-bottom:0px;
}
.titulo
{
	color:#004189;
	font-size:20px;
	font-weight:normal;
}
.titulo a:hover
{
	text-decoration:none;
}
.titulo a:hover, .arti_link:hover
{
	color:#4D6980;
}
.tituloCaja
{
	background:#809CB8 url(/images/general/caja.png) repeat-x;
	color:#FFF;
	margin:0px;
	margin-bottom:5px;
	padding-left:7px;
	text-align:left;
}
.tituloCaja a
{
	color:#FFF;
	font-weight:bold;
}
.tituloComic
{
	float:right;
	text-align:left;
	width:60%;
}
.ultimo
{
	margin-left:283px;
}

/*FER LUNATIC HACK SIR!*/
.normal tbody tr td .codigo
{
	width:530px;
}


/* BEGIN Autocomplete */
.ui-autocomplete-results {
	padding: 0px;
	border: 1px solid #999;
	background-color: #fff;
	overflow: hidden;
	z-index: 99999;
}

.ui-autocomplete-results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ui-autocomplete-results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	color: #666;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}
/*
.ui-autocomplete-loading {
	background: white url('indicator.gif') right center no-repeat;
}*/

.ui-autocomplete-odd {
	background-color: #fff;
}

.ui-autocomplete-over {
	background-color: #E6EFF0;
}
/* END Autocomplete*/