/* CSS administracion de Blogia 2 */
/* R.A. 01.12.2004 */

body {
	font:1.2em helvetica, arial,  sans-serif;
	margin:40px 0 0 0;
	color:#000;
	max-width:1000px;
	min-width:235px;
	margin:0 auto 0 auto;
}

p,ul { font:1em arial, helvetica, sans-serif; }


tt { font-size:1.2em;font-style:normal; }
a:hover { 
	color:#fff;
	background:#00f;
	text-decoration:none;
}

em {
	font-size:0.9em;
}

li {
	line-height:140%;
}


/*div {
border:1px dashed #f99;
}*/

h1 {
color:#449;
font:1.6em georgia,arial,helvetica,sans-serif;
margin:14px 0 24px 0;
font-weight:300;
}

h1 a {
text-decoration:none;
border-bottom:1px solid #ccf;
}


h2 {
color:#44b;
font:1.2em georgia,arial,helvetica,sans-serif;
margin:20px 0 16px 0;
font-weight:bold;
}


h4 {
/*	border-width:1px 0 1px 0;
	border-style:solid;
	border-color:#eee;
	background:#f6f6f6;
	*/
	background: #fff url(fondoh4.gif) no-repeat top left;
	height:29px;
	font-weight:100;
	margin:4px 80px 4px -80px;
	padding:9px 0 4px 80px;
	color:#666;
	font-size:1.0em;	
}


hr {
	border-width:1px 0 0 0;
	border-color:#999;
	border-style:solid;
	width:100%;
	margin:0;
	padding:0;
}




#botones a {
	font:normal arial,helvetica,sans-serif;
	border:0;
	margin:0;
	padding:0;
}




a.boton {
	background: #eee;
	border-width:1px;
	border-style:solid;
	border-color:#fff #ccc #ccc #fff;
	color:#449;
	text-decoration:none;
	padding:0 4px 0 4px;
}
a.boton:hover {
	background:#00f;
	border-color:#00f;
	color:#fff;
}

em.numero {
	color:#999;
	font-size:0.8em;
	font-style:normal;
}



/* contenido */

#contenido {
	font-size:0.7em;
	padding:10px;
	margin:40px;
}


/* mensajes */
/*p.explicacion {
	border:1px dotted #ccc;
	background:#fff url(ico-explicacion.gif) no-repeat top left;
	line-height:180%;
	padding:10px;
	border-width:0 1px 1px 0;
	border-style:solid;
	border-color:#ccc;
}*/

.explicacion{
	/*background:#ffd url(ico-explicacion.gif) no-repeat top left;*/
	background-color:#eee;
	line-height:180%;
	padding:5px 5px 5px 18px;
	width:80%;
	margin:10px auto 10px auto;
	border:1px dotted #ddd;
}
.explicacion li {
	line-height:180%;
}

#mensajes {
	display:block;
	width:100%;
	text-align:center;
	margin-top:20px;
}

#mensajes p {
	line-height:150%;
	padding:10px;
	display:inline;
	font-weight:bold;
}


p.informacion, p.confirmacion {
	background:#ff6;
}

p.error {
	background:#fcc;
}

p.errorfatal {
	background:#f00;
}
p.errorfatal a {color:#fff; }



/* menu superior */
#botones {
	height:28px;
	border-bottom:1px solid #FFBF57;
	background: #fe9 url(degradtit.gif) repeat-x top left;
	font-size:11px;
	margin:0 auto 0 auto;
	padding:0;
	position:absolute;
	top:0px;
	max-width:1000px;
	width:100%;
}

#botones img {
	border:0;
}



#botones a:hover {
	background-color:transparent;
}

#botones ul, #botones li{
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size:1.1em;
	vertical-align:5px;
}
#botones li a, #botones li a:hover, #botones li a:active { 
	display: inline;
	text-decoration: none; 
	margin:2px 7px 2px 8px;
	padding:2px 10px 2px 10px;
	border: none;
	text-align: center;
	background:transparent;
}


#botones li a {
border:0;
padding:10px;
font-weight:bold;
font-size:11px;
color:#d30;

}
#botones li a:hover {
padding:10px;
background:transparent url(degradtitact.gif) repeat-x top center;
}
#botones li a.actual {
border:0;
padding:10px;
background:transparent url(degradtitact.gif) repeat-x top center;
color:#d30;
}
#botones li a.actual:hover {
border:0;
padding:10px;
background:transparent url(degradtitact.gif) repeat-x top center;
color:#b30;
}


#botones .masopciones {
display:inline;
position:absolute;
right:4px;
top:7px;
}

#botones .masopciones a:hover {
background-color:#00f;
}

/* fin menu superior */

/* previsualizando */
div#previsualizacion {
	border:1px solid #999;
	padding:10px;
	margin:10px 0 10px 0;
	width:95%;
	font: 1em verdana,arial,georgia,sans-serif;
}

#previsualizacion h1 {
	font-size:1.6em;
	color:#000;
	background:#fff;
	margin:0 0 20px 0;
	padding:0;
	font-weight:bolder;
}


/* formularios */
form#frmvariables {
	background-color:#e3e3e3;
	padding:1px 12px 12px 12px;
	margin-top:20px;
}
legend {
margin-bottom:6px;
font-size:1.1em;
}
fieldset {
padding:5px;
margin:12px 0 20px 0;
border:0;
border:1px solid #999;

/*/*-moz-border-radius: 8px;*/*/
/*background:#eef;*/
}
div.variable {
margin:0;
padding:8px;
min-height:35px;
/*background:#fff url(degradfvar2.gif) repeat-x bottom right;*/
clear:right;
border-bottom:1px solid #fff;
}
div.variableavanzada {
min-height:35px;
margin:2px 0 2px 0;
padding:8px;
/*background:#fff url(degradfvaravanzada3.gif) repeat-x bottom right ;*/
clear:right;
border-bottom:1px solid #fff;
}
div.variableexperto {
min-height:35px;
margin:2px 0 2px 0;
padding:8px;
/*background:#fff url(degradfvarexperto.gif) repeat-x bottom right ;*/
clear:right;
border-bottom:1px solid #fff;
}

fieldset label {
	float:left;
	width:230px;
	margin-top:14px;
	padding-right:20px;
	text-align:right;
}
fieldset label.nodcha {
float:none;
display:inline;
}
div.opcionesavanzadas {
	border:0;
	padding:0;
	margin:0;
}
div.explvar, div.explvarbool {
width:270px;
float:right;
font: 0.9em arial,helvetica,sans-serif;
font-style:italic;
margin:0;
padding:0;
}
div.explvarbool {
/*margin-top:10px;*/
}
input.frmbool {
margin-left:250px;
}
label.frmbool {
float:none;
display:inline;
}
input {
margin:2px 0 5px 0;
vertical-align:top;
}

fieldset input, fieldset select{
	margin:0;
	padding:0;
font-size:1em;
}
fieldset textarea {
padding:3px;
font:1.1em helvetica, arial,  sans-serif;
height:10em;
}
fieldset input[type=checkbox] {
width:1.5em;
height:1.5em;
}
input.url {
	width:45%;
}

div.variableexperto textarea {
	height:17em;
}

option.opccrearnuevo {
	color:#f60;
}

em.erroropcion {
	margin-bottom:8px;
	line-height:180%;
	color:#d00;
	
}

.botonpred {
	font-weight:bold;
}

input[type=submit] {
font-size:1.2em;
padding:3px 7px 3px 7px;
background-color:#ccc;
color:#222;
}

input.botonpred {
padding:3px 14px 3px 14px;
background-color:#fb3;
}

a.cancelar {
	margin-left:12px;
	line-height:2.3em;
	color:#f00;
	font-size:1em;
	padding:2px 4px;
}
a.cancelar:hover {
background:#f00;
color:#fff;
}

.botonesopc {
	margin:0;
}

.botonesopc input {
	margin:0;
	padding:3px;
	height:2em;
}

.colprev {
	width:18px;
	height:18px;
	border-width:2px;
	border-style:solid;
	border-color:#fff #999 #999 #fff;
}

/* opciones */


.campoerror input {
	background:#fcc;
}
.campoerror {
	border-left:3px solid #f00;
}

#opcescribir {
	padding:4px;
	margin-top:10px;
	border:0;
	background:#e3e3e3;
}

#opcescribir img {
	border-width:1px;
	border-style:solid;
	border-color:#eef;
}

#opcescribir img:hover {
	border-width:1px;
	border-style:solid;
	border-color:#fff #999 #999 #fff;
	margin:0;
}
#opcescribir img.noboton, #opcescribir img.noboton:hover {
	border:0;
}

#articulos {
	margin:0;
}
#articulos h2 {
	font-size:1.2em;
	margin:14px 4px 10px 0;
}
#articulos h2 a { color:#444;text-decoration:underline;}
#articulos h2 a:hover { color:#fff;text-decoration:none; }

#articulos .articulo, #articulos .comentario {
	margin:20px 4px 20px 0;
	border-width:1px 1px 2px 1px;
	border-style:solid;
	border-color:#ddd;
	background-color:#fff;
}

#articulos .articulo img.leftenm { margin: 2px 10px 10px 0; float:left; border:1px solid #000; } 
#articulos .articulo img.rightenm { margin: 2px 0 10px 10px; float:right; border:1px solid #000; } 
#articulos .articulo img.centerenm { display:block; margin: 0 auto 10px auto; text-align: center; border:1px solid #000; } 
#articulos .articulo img.left { margin: 2px 10px 10px 0; float:left; } 
#articulos .articulo img.right { margin: 2px 0 10px 10px; float:right;} 
#articulos .articulo img.center { display:block; margin: 0 auto 10px auto; text-align: center; } 

#articulos #adicional {
	margin-bottom:4px;
}

#articulos .infoadicional {
	padding:4px;
	border-top:1px solid #eee;
	color:#666;
	margin-top:8px;
	background:#f7f7f7;
}

#articulos .articuloacciones {
	background:#eee;
	padding:4px;
	background:#eef url(degradfvar.gif) repeat-x top center;
}

#articulos .articuloacciones span.Publicado { float:right; color:#090; }
#articulos .articuloacciones span.Borrador { float:right; color:#c30; }


/* sombras sin gif visto en http://labs.silverorange.com/archives/2004/january/shadowboxing */
/* R.A. visto en blogsmedia.com */

.shadowbox {
	background:#fff url(shadow.gif) no-repeat bottom right;
	position: relative;
	top: 2px;
	left: 2px;
	float:right;
	padding:0;
	border:0;
	margin-left:10px;
}

div#adicional {
	width:200px;
	border:1px solid #ddd;
	background:#fff;
	padding:10px;
	position: relative;
	top: -3px;
	left: -5px;
}

#adicional li {
	line-height:150%;
}

#adicional ul li {
	/*list-style:none;*/
	color:#666;
}

#adicional li.activado {
	font-weight:bold;
	font-size:1.1em;
}
.subadicional {
	/*border-left:3px solid #ddd;*/
	margin:8px 0 8px 0;
	padding:0 0 5px 5px;
	/*background: transparent url(fondosubadicional.gif) repeat-y top left;*/
}


/*#articulos .articulo h2 {
	display:inline;
}*/

#articulos ul {
	margin:0;
	padding-left:14px;
}

#articulos .textoarticulo, #articulos .textocomentario {
	padding:4px 4px 10px 4px;
}



/* segunda columna admin */

#restoadmin {
	width:80px;
	float:right;
	padding:0;
}


/* comentarios */
.infocomentario {
	background:#eee;
}

/* tablas */
table {
	width:100%;
	margin:15px 0 15px 0;
padding:0;
}

table td, table th {
	border:0;
	padding:7px;
	margin:0;
	vertical-align:top;
}
table th {
	height:30px;
border:0;
}


table th.titulo, table td.titulo {
	width:20%;
}
table th.orden, table td.orden {
	width:15%;
	text-align:center;
background-color:#eee;
}
table th.desc, table td.desc {
	width:40%;
background-color:#f6f6f6;
}
table th.acciones, table td.acciones {
	width:25%;
	text-align:center;
background-color:#eee;
}
table tr.altern1 {
	background:#fff;
}
table tr.altern2 {
	background:#fff;
}
table#listadoarticulos tr:hover {
	background:#ffc;
}
table tr.trcabecera:hover {
	background:transparent;
}



/*imagenes ordenar*/
.orden img { border:1px solid #ccc;margin:1px; }
.orden img:hover { border:1px solid #00d; }
.orden a:hover {background:none;}



/* menu opciones */
div#menuopciones {
	margin:0;
	border-bottom:1px solid #99f;
	padding:7px 0 7px 0;
	background:#eef url(degradfvar2.gif) repeat-x top center;
	position:absolute;
	top:29px;
	left:0px;
	width:100%;
	clear:both;
}

ul.menuopciones, .menuopciones li{
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size:0.9em;
}
.menuopciones li a, .menuopciones li a:hover, .menuopciones li a:active { 
	display: inline;
	text-decoration: none;
	margin:2px 0 0 20px;
	padding:2px 16px 2px 16px;
	border: 1px solid #ccc;
	text-align: center;
	background:transparent;
}
.menuopciones li a:hover {
	border-width:1px;
	border-style:solid;
	border-color:#fff #aaa #aaa #fff;
	color:#000;
}
.menuopciones li.activo a {
	border:1px solid #eee;
	color:#d00;
}

#menuopciones a.masopciones {
	font-size:0.7em;
	margin-left:30px;
}

p.masopciones {
	font-size:0.7em;
	display:inline;
	margin:14px 0 0 12px;
	float:left;
}

p.textopromo {display:block !important;border:1px solid #999; margin:5px 30px 30px 30px;padding:3px 6px;background-color:#fff;color:#666;font-size:1.1em;}
p.textopromo a:hover { background-color:#00f !important;}

/* pie */
#pie {	
	margin:15px 0 0 0;
	font:0.8em arial,helvetica,sans-serif;
	clear:both;
	padding-top:30px;
	border:0;
}

#mapa {
	width:100%;
	background:#feb;
	height:160px;
	padding-bottom:15px;
}
#mapa ul {
	font-size:0.8em;
	float:left;
}
#mapa li {

	line-height:170%;
	list-style: none;

}


p.clear {
	clear:both;
}

.nomostrar {
	display:none;
}



#menubotones ul {
	display: none;
}
#menubotones li:hover ul {
	display: block;
	position: absolute;
	margin: 0 auto 0 auto;
	padding: 0;
	list-style: none;
	z-index: 90;
	left:300px;
	background: transparent url(fondotittrans.png) repeat center center;
	border:1px solid #ccc;
}
#menubotones li { margin:0; padding:0; border:0}

#menubotones ul a {
	text-transform: none;display: block;text-align:left;
	color: #00d;
	border:0;
	margin:0;
	padding:5px 16px 5px 16px;
	font-weight:normal;
}
#menubotones ul a:hover {
	text-transform: none;display: block;text-align:left;
	color: #00d;
	border:0;
	background: #eef url(degradfvar2.gif) repeat-x bottom center;
	margin:0;
	padding:5px 16px 5px 16px;
}

table#listadoarticulos {
	width:70%;
	margin-top:0;
}
table#listadoarticulos th {
	/*background: #eef url(degradfvar2.gif) repeat-x bottom center;*/
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table#listadoarticulos td,table#listadoarticulos tr {
	padding:4px;
	margin:0;
	height:100%;
	border:0;
	border-bottom:1px solid #ccc;
}
table#listadoarticulos td small, table#listadoarticulos td small a {
	color:#666;
}
table#listadoarticulos td small a:hover {
	background-color:#999;
	color:#fff;
}
table#listadoarticulos th.colfecha { width:120px; }
table#listadoarticulos th.colacciones { width:15%; }
table#listadoarticulos td.colacciones { text-align:center; }




/* boton RSS */
a.botonrss {
	background:#f90;
	border-style: solid;
	border-color: rgb(255, 204, 204) rgb(153, 0, 0) rgb(153, 0, 0) rgb(255, 204, 204);
	border-width: 1px;
	padding: 1px 3px 1px 3px;
	background: rgb(255, 102, 51) none repeat scroll 0%;
	color: rgb(255, 255, 255); -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;
	text-decoration: none;
	font-size: x-small;
	font-weight: bold;
	color:#fff;
}



/* bookmarklet */
a.bookmarklet {
	border-width:1px;
	border-style:solid;
	border-color: #fff #999 #999 #fff;
	background: #ccc url(ico-bookmarklet.gif) no-repeat center left;
	padding:2px 6px 2px 22px;
	text-decoration:none;
	color:#000;
}
a.bookmarklet:hover {
	background: #ccc url(ico-bookmarklet.gif) no-repeat center left;
	color:#000;
}


/* ayuda */
span.ayuda {
	color:#060;
	border-bottom: 1px dashed #060;
}


/* flickr */
div#imagenesflickr {
	width:100%;
	overflow:auto;
}
div#imagenesflickr img {
	width:60px;
	height:60px;
}
div#imagenesflickr img,div#imagenesflickr a img {
	background:#fff;
	padding:.35em .35em;
	margin:0 .6em;
	border:1px solid #e0e09e
}
div#imagenesflickr a:hover img {
	border:1px solid #00f;
	background-color:#fff;
}
div#imagenesflickr a:hover {
	background-color:#fff;
}


/* imagenes de los articulos */
img.leftenm { margin: 2px 10px 10px 0; float:left; border:1px solid #000; } 
img.rightenm { margin: 2px 0 10px 10px; float:right; border:1px solid #000; } 
img.centerenm { display:block; margin: 0 auto 10px auto; text-align: center; border:1px solid #000; } 
img.left { margin: 2px 10px 10px 0; float:left; } 
img.right { margin: 2px 0 10px 10px; float:right; } 
img.center { display:block; margin: 0 auto 10px auto; text-align: center; } 


/* Ajax */
span.cargando {
	background:#ff0;
	padding:4px;
	margin:2px;
	height:1.3em;
	display:block;
}



/* modificar html */

iframe#preview {
width:99%;
height:20em;
}

textarea#code {
width:99%;
height:20em;
font-size:1.1em;
font-family:Monotype;
}





/* temas */

.acciones_temas, .acciones_enlaces {
float:right;
padding:4px 7px 4px 7px;
line-height:2.3em;
margin:6px 0;
}

.acciones_temas input {
font-size:0.9em;
padding:1px;
}

.acciones_temas input[type=submit] {
background-color:#fb3;
font-size:0.8em;
padding:2px 4px;
}

.acciones_enlaces a {
padding:3px 8px;
background-color:#fb3;
text-decoration:none;
color:#333;
border-width:2px;
border-style:solid;
border-color:#ddd #999 #999 #ddd;
margin:3px 8px;
}

table.temasyenlaces {
clear:both;
margin:0;
border:1px solid #ccc;
}

table.temasyenlaces th {
padding:6px;
}
table.temasyenlaces th.orden, table.temasyenlaces td.orden {
	width:80px;
	text-align:center;
}
table.temasyenlaces th.titulo, table.temasyenlaces td.titulo {
	width:auto;
}
table.temasyenlaces th.desc, table.temasyenlaces td.desc {
	width:auto;
}
table.temasyenlaces th.acciones, table.temasyenlaces td.acciones {
	width:110px;
	text-align:center;
}


table.temasyenlaces td.titulo {
font-size:1.5em;
}

table.temasyenlaces span.eliminardesactivado {
color:#666;
border-bottom:1px dotted #666;
}