/* 
	Copyleft 2006 - Por Libertinus para rebelArte
					libertinus@riseup.net
*/

* {margin:0;padding:0}
html, textarea, input {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em}
body {background-color:#F2B80C; color:#333; font-size:84.2%}
.no {display:none}
* html img {behavior: url(win_png.htc)}
.clear {clear:both; overflow:hidden; height:0}

/*  MAQUETADO */
#general {background-color:#000;color:#ccc;min-height:30em}
#logo {position:absolute; top:2.8em; left:0.2em;z-index:2}
#logo a {display:block;height:1.4em;width:156px;background: url(img/rebelarte.gif) no-repeat}
#logo span {display:none}
#contenido {position:relative;margin-left:11.8em;border-left:1px solid #333;padding: 3em 0;width:53.6em}
#loscontenidos {position:relative;margin: 0 15em 0 11.8em;border-left:1px solid #333;padding: 3em 0;min-height:32em}
* html #loscontenidos {height:300px}

/* bloques ---------- */
#migadepan {
	position:absolute;top:0;
	border-bottom:1px solid #333;
	font-size:0.8em; color:#666;
	width: 99%; padding: 0.1em;
	background-color:inherit
	}
#migadepan a {color:#666; font-weight:bold; background-color:inherit}

/* BLOQUES IZQUIERDA */
.bloques {width:11.7em;list-style-type:none}
#fotos-datos {position:absolute;top:18em;left:0;width:11.0em}
#fotos-datos .bloques {margin-bottom:2em}
#fotos-datos .bloques li {list-style-type:none; text-align:right; font-size:0.85em;padding-right:0.3em}
#fotos-datos .bloques h4 {border-bottom: 1px solid #333;margin-bottom:0.3em;padding: 0.2em;font-size:1em}
#fotos-datos .bloques a {color:#fff; background-color:#000}
#fotos-datos .bloques a:hover {color:#F2B80C; background-color:#000}

/* BLOQUES DERECHA */
.otros h4 {margin:0.5em;border-bottom:1px solid;padding-bottom:0.3em; font-size:1em}
.otros ul {list-style-type:none;font-size:0.8em;margin:0.5em}
.otros li {margin-top:0.4em} 
#recomendados {position:absolute;top:5em;right:0.6em; width:14.5em; background-color:#222;color:inherit}
#recomendados .mas {margin:0.5em;font-size:0.7em}
#palabras {position:absolute;top:15em;right:0.6em; width:14.5em}

/* MENU PRINCIPAL ----------- */
#menu {
	position:absolute;top:4em;left:0;
	background:#000 url(img/fondo_menu.gif) no-repeat right center;
	padding:3.5em 0; color:inherit
	}
#menu h4 {display:none}
#menu li {font-size:0.95em; font-weight:bold;padding-left:1.8em;list-style-type:none}
#menu a {display:block; height:1%;padding:2px 5px;color:#fff;text-decoration:none; background-color:inherit}
#menu a.enon {background-color:#3F3F3F;color:#F2B80C}
#menu a:hover {background-color:#000;color:#F2B80C}

/* PORTFOLIOS Y FOTO -------------- */
#lafoto {text-align:center;padding-top:1em;font-size:0.7em}
#lafoto div {text-align:left}
#lafoto span {width:62em;display:block;text-align:center}
#lafoto img {border: 1px solid #444;margin:0 auto}
#portfolio {background-color:#272727; margin: 1.6em 1em; padding:0.4em; border: 1px solid #333; color:inherit}
#portfolio h4 {margin-bottom:8px}
#portfolio h4 a:visited {text-decoration:none}
#portfolio .spip_logos {
	margin: 0 0.3em 0.3em 0;padding:2px;
	border-right: 1px solid #444;border-bottom: 1px solid #444;
	border-left: 0 none;border-top: 0 none;
	background-color:#000; color:inherit
	}
#portfolio a.enon .spip_logos {border: 2px solid #F2B80C}

/* estilos contenido -------------------------------- */
.content .principal {padding:0 1em}
.content .descripcion {padding: 1em 0 0 0}
a {color:#F2B80C;text-decoration:none; background-color:inherit}
.content p a:visited {color:#BE9109;background-color:inherit}
a:hover {color:#fff;text-decoration:none; background-color:inherit}
.spip_out {border-bottom: 1px solid #444}
.content .texto {font-size:0.8em;padding:0 1em}
.content p {padding-bottom:1em}
h2 {
	position:relative;
	background-color:inherit;color:#FFF;
	border-bottom: 1px solid #F2B80C;
	font-weight:normal; 
	letter-spacing:-1px;
	padding: 0 0 0.15em 0
	}
small {font-size:0.8em}
ul.spip {margin: 0 0 1em 2em}
h3.spip {margin: 0 0 .6em 0}
#documentos {border: 1px dotted #ccc;margin: 1em;padding:.5em}
#documentos li {margin: 0;list-style-type:none}
#documentos br {display:none}
p.otraweb {font-weight:bold;margin: 2em;border-left: 3px solid #F2B80C;padding: 0 0 0 0.5em !important}
h4 {font-size:1em; font-weight:normal}
h4 .spip_logos {float:right;border-right: 1px solid #444;padding:3px;border-bottom: 2px solid #444;border-left: 0 none;border-top: 0 none}
ul.spip, ol.spip {margin: 0 0 1em 3em}
ul.spip li, ol.spip li {margin: 0 0 .8em 0}
blockquote.spip {border: 1px dotted #333;padding: 1em 1em 0 1em;margin: 1em }
object {padding: 1em 0 2em 3em;display:block}

/* archivo */
dl {padding:1em}
dt {padding:0.8em 0 0.3em 0}
dd {padding:0.2em 0.8em}

/* LISTANDO ARTICULOS -------------------*/
#loscontenidos .spip_logos  {float:right;border-right: 1px solid #444;padding:3px;border-bottom: 2px solid #444;border-top: 0 none;border-left: 0 none}
* html .listado li {height:1%}
.listado li {margin:2em; list-style-type:none;border: 1px solid #333;padding: 1em}
.listado .titre {font-size:1.2em}
.listado li p {margin-top: 0.6em}
/*  Habillage des forums -------- */

.forum-repondre, .forum-decompte {
	clear: both;
	margin: 2.5em 1em 0 1em;
	padding-top: 0.2em;
	border-top: 1px solid #F2B80C;
	font-size: 0.85em;
	font-weight: bold; 
	}

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; list-style-type:none}
.forum-fil { margin-top: 1.5em; }
.forum-fil ul { display: block; margin: 0 0 0 1.5em; padding: 0;list-style-type:none}
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; }
.forum-chapo small {}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; font-size: 0.8em}
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right}

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #333; margin: 0 0 1em 0; padding: 0}
ul ul .forum-message { border: 1px solid #333}
ul ul ul .forum-message { border: 1px solid #333}
ul ul ul ul .forum-message { border: 1px solid #333}
ul ul ul ul ul .forum-message { border: 1px solid #333}
ul ul ul ul ul ul .forum-message { border: 1px solid #333}

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: 0; border-bottom: 1px solid #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; }
ul ul ul ul .forum-chapo {  border-bottom: 1px solid #E0E0E0}

/* PIE DE PAGINA ---------------------------------- */
#pie {background: url(img/fondo_pie.gif) repeat-x top; font-size:0.8em}
#pie .separacion {padding:2.6em 0 2em 0}
#pie .bloques {float:left; width:38%} 
#pie .bloques h4 {color:#FFF; font-weight:bold; letter-spacing:-1px;padding: 0 0.5em 0.15em 0.5em; font-size:1.4em;text-shadow: 1px 1px 2px #000}
#pie .bloques ul {list-style-type:none;padding: .2em 1em 0 1em}
#pie .meta {text-align:center;; width:23%}
#pie .meta h3 {color:#FFF; font-weight:normal; letter-spacing:-1px;padding: 0 1em 0.15em 0em; font-size:1.8em}
#pie .meta ul li {padding:  0 1.8em 0.15em 0.05em;margin-bottom: 0.8em}
#pie .bloques a {font-weight:bold;color:#333}
#pie .bloques a.ra {font-weight:normal;color:#fff;text-shadow: 1px 1px 2px #000}
#pie .bloques a:hover {color:#000}
#pie .bloques a.ra:hover {background-color:#000;color:#fff;padding:1px 4px}

/* plugin cambio de esqueletos */
#plugin_switcher {position:absolute; top:0;right:9.6em;width:11.8em; text-align:center}
#plugin_switcher select {font-size:0.8em; border: 0 none; background-color:#CCC;color:#333}

/* FORMULARIOS */
.formulaire_spip ul {list-style-type:none}
.formulaire_spip li {margin-bottom:.5em}
.formulaire_spip fieldset {border: 1px solid #666;padding:1em}
.formulaire_spip legend {color:#ccc}
.formulaire_spip input:focus,
.formulaire_spip textarea:focus {background-color:#fff; color:#000}
textarea, input {border: 0 none; background-color:#CCC;color:#333}
.boutons {text-align:right}
.boutons input {cursor:pointer; background-color:#F2B80C; color:#000}
.boutons input:active {background-color:#fff; color:#000}
.formulaire_recherche {position:absolute; top:0;right:0.6em; font-size:0.8em; z-index:4;padding: 0.1em}
.formulaire_recherche div {display:inline}
.formulaire_recherche input {font-size:1em}
.formulaire_recherche .text {width:11.8em}
.formulaire_recherche .submit {font-size:.7em;position:relative;bottom:.1em}
.formulaire_forum fieldset {margin-bottom:1em}
.formulaire_forum .spip_barre {background-color:#F2B80C;width:33em;border-bottom:1px solid #777}
.formulaire_forum .spip_barre img {border:0 none}
.formulaire_forum .barre {background-color:#F2B80C;font-size:90%;width:30em;color:#000}
.formulaire_forum textarea {width:34em;height:8em;padding:.1em;margin:0}
* html .formulaire_forum textarea {position:relative;left:-27px}
.formulaire_forum .previsu {background-color:#222;border-color:#EFEFEF}
.formulaire_ecrire_auteur label {display:block}
.formulaire_ecrire_auteur {margin:2em}
.erreur_message {color:red;display:block;font-size:.8em}

/* --- AVISO ---- */
.aviso {
	position:absolute;top:25em;left:0em;
	text-align:center; width:11.6em
	}
.aviso a {
	padding:.4em;width:8em;display:block;
	background: #F2B80C url(img/fondo_pie.gif) repeat-x ;
	font-weight:bold; color:#000;margin:0 auto
	}