@charset "utf-8";
@import url("sistema.css");
@import url("lightbox.css"); 

* {
	margin:0px auto;
	padding:0px;
	text-align:left;
	background:transparent;
	font-family:Arial, Helvetica, sans-serif;
	border:0px;
	color:#666;
	outline:none;
}
.messages, .error {
	background:transparent !important;
	float:right;
	clear:both;
	margin-bottom:10px;
}
.header .messages.error {
	width:97%;
	text-indent:0px;
	font-size:12px;
	display:block;
	border:1px solid #c55767;
	border:double;
	color:#c55767 !important;
	padding:6px;
	line-height:20px;
}
.header .messages.error a {
	color:#c55767 !important;
}
.header .messages.error ul li{
	color:#c55767;
}
.messages ul, .error ul {
	list-style:none;
	position:relative;

}
select, input, submit, button, textarea, .error input, .error submit {
	border:1px solid #ccc !important;
}
input.form-submit {
	cursor:pointer;
	background-image:url('../images/backButton.jpg');
	background-position:bottom left;
	background-repeat:repeat-x;
	color:#fff;
	font-weight:bold;
	border:0px !important;
	height:20px !important;
	padding:0px !important;
	overflow:hidden !important;
}
input.form-submit:hover {
	background-position:top left;
}
a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#c55767;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
}
a:hover, a:active {
	text-decoration:none;
	color:#8a434e;
}
#skip-nav {
	display:none;
}
#contenido {
	position:relative;
	width:1000px;
	height:100%;
	display:block;
}
body {
	text-align:center;
	background-image:url(../images/fondo.jpg);
	background-position:left top;
	background-repeat:repeat;
}
#cabecera {
	display:block;
	width:1000px;
	height:230px;
	margin-top:10px;
	background-repeat:no-repeat;
	background-position:top center;
	background-image: url(../images/cabecera.png);
	position:relative;
	z-index:6;
}
#header {
	position:relative;
	z-index:6;
}
#header #search {
	position:absolute;
	right:30px;
	top:170px;
	z-index:4;
	width:160px;
	display:block;
}
#header #search div div input#edit-search-block-form-1 {
	float:left;
	width:105px;
	font-size:90%;
	margin-top:0px;
}
#header #search .form-submit {
	font-size:80%;
	float:right;
}
#header #user {
	float:right;
	right:40px;
	position:absolute;
	top:200px;
}
#header #user ul li {
	list-style:none;
	display:inline;
	position:relative;
	z-index:3;
}
ul.tabs {
	margin:0px;
	padding:0px;
	width:auto;
	float:left;
	margin-bottom:15px;
	width:100%;
}
ul.links li,  ul.tabs li {
	list-style:none;
	width:auto;
	float:left;
}
ul.links li a, ul.tabs li a {
	display:inline;
	margin-right:10px;
	color:#c55767;
}
ul.tabs li a:hover {
	color:#8a434e;
}
div div.form-item label {
	clear:both;
}
#main{
	width:1000px;
	background-repeat:repeat;
	background-position:top center;
	background-image: url('../images/fondoMain.png');
}
#contenidoMain{
	width:1000px;
	margin-top:0px;
	display:block;
	position:relative;
	z-index:4;
}
#footer {
	display:block;
	width:1000px;
	height:59px;
	background-repeat:no-repeat;
	background-position:bottom center;
	background-image: url('../images/footer.png');
	position:relative;
	z-index:3;
}
#footer p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#b1b3b4;
	text-align:right;
	padding-right:30px;
	padding-top:15px;
	font-weight:normal;
}

#cabecera h1 a span.titulo {
	position:absolute;
	top:70px;
	left:10px;
	width:300px;
	height:202px;
	z-index:6;
	line-height:85%;
}

#logo {
	position:absolute;
	top:-5px;
	left:-10px;
	width:350px;
	height:272px;
	background-repeat:no-repeat;
	background-position:top left;
	background-image: url('../images/logo.png');
	overflow:hidden;
	text-indent:-9999px;
	z-index:8;
}
#logo img{
	margin-top:-42px;
	margin-right:-15px;
}
#menu .menu {
	position:absolute;
	width:185px;
	display:block;
	left:35px;
	top:75px;
}
#menu .menu li {
	overflow:hidden;
	list-style:none;
	text-indent:-9999px;
	display:block;
	width:185px;
	height:35px;
	margin-bottom:10px;
}
.diseno, .musica, .descargas, .foro, .contacto, .curriculum {
	display:block;
	width:185px;
	height:35px;
	margin-bottom:10px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:top left;
}
.diseno {
	background-image:url('../images/disenos.jpg');
}
.musica {
	background-image:url('../images/musica.jpg');
}
.descargas {
	background-image:url('../images/descargas.jpg');
}
.foro {
	background-image:url('../images/foro.jpg');
}
.contacto {
	background-image:url('../images/contacto.jpg');
}
.curriculum {
	background-image:url('../images/curriculum.jpg');
}
.diseno:hover, .musica:hover, .descargas:hover, .foro:hover, .contacto:hover, .curriculum:hover {
	display:block;
	width:185px;
	height:35px;
	margin-bottom:10px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:bottom left;
}
#menu ul.menu li.seleccionado ul.menu {
	position:absolute;
	text-align:right;
	float:right;
	margin-left:192px;
	width:688px;
	height:25px;
	display:block;
	top:-10px;
}
#menu ul.menu li.seleccionado ul.menu li {
	display:block;
	text-indent:0px;
	width:auto;
	float:right;
	position:relative;
	margin-left:10px;
	z-index:999;
}
#menu ul.menu li.seleccionado ul.menu li a {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:22px;
	font-weight:normal;
	font-variant:small-caps;
	color:#d0214f;
}
#menu ul.menu li.seleccionado ul.menu li a:hover {
	color:#8a434e;
}
#menu ul.menu li.seleccionado ul.menu li a.active {
	color:#8a434e;
}
#content {
	position:relative;
	padding-top:45px;
	margin-left:250px;
	width:700px;
	padding-bottom:15px;
	min-height:240px;
}
#content p {
	margin-bottom:15px;
	text-indent:10px;
	text-align:justify;
	word-spacing:1px;
	letter-spacing:1px;
	color:#666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:20px;
}
#content p.leyenda {
	text-indent:0px;
	font-size:12px;
	display:block;
	border:1px solid #c55767;
	border:double;
	color:#c55767;
	padding:6px;
	line-height:20px;
}
#imagenDiseno, #imagenMusica, #imagenDescargas, #imagenForo, #imagenContacto {
	position:absolute;
	display:none;
	top:25px;
	right:25px;
	width:168px;
	height:160px;
	background-position:center center;
	background-repeat:no-repeat;
	z-index:3;
	text-indent:-999px;
}
#imagenDiseno {
	background-image:url('../images/imagenDiseno.jpg');
}
#imagenMusica {
	background-image:url('../images/imagenMusica.jpg');
}
#imagenDescargas {
	background-image:url('../images/imagenDescargas.jpg');
}
#imagenForo {
	background-image:url('../images/imagenForo.jpg');
}
#imagenContacto {
	background-image:url('../images/imagenContacto.jpg');
}

#imagenDiseno.seleccionado, #imagenMusica.seleccionado, #imagenDescargas.seleccionado, #imagenForo.seleccionado, #imagenContacto.seleccionado {
	display:block;
	z-index:2;
}
li.seleccionado a {
	background-position:center center;
}
h1.title {
	font-variant:small-caps;
	color:#8a434e;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:160%;
	padding-bottom:20px;
	display:inline-block;
}
div.edit {
	display:none;
}
.separacion {
color:#ccc;	
}
/****************************************** GALERIAS ********************************************/
ul.thumb {
	float: left;
	list-style: none;
	margin: 0;
	padding: 10px;
	width:100%;
	position:relative;
}
ul.thumb li {
	margin: 10px;
	padding: 2px;
	float: left;
	position: relative;
	width: 110px;
	height: 110px;
}
ul.thumb li div.imagen {
	width: 100px;
	height: 100px;
	padding: 4px;
	background: #edccce;
	position: absolute;
	left: 0;
	top: 0;
	clear:both;
	overflow:hidden;
	border:2px solid #c55767;
	background-image:url('../images/sombraThumb.jpg');
	background-repeat:no-repeat;
	background-position:center center;
}
ul.thumb li div.imagen span.imagen {
	overflow:hidden;
	width:100%;
	height:100%;
	display:block;
}
span.title {
	font-size:12px;
	font-weight:bold;
	background-image:url('../images/backPixelBlack.png');
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	text-align:center;
	width:124px;
	padding-top:0px;
	padding-bottom:0px;
	z-index:3;
	overflow:hidden;
	cursor:pointer;
	line-height:inherit;
	display:none;
	height:0px;
}
span.title a {
	color:#fff;
	display:block;
	width:100%;
	height:100%;
	text-align:center;
}
span.title a span {
	color:#e5e5e5;
	font-size:87%;
	text-align:center;
	width:98%;
	display:block;
	border-top:1px solid #fff;
	padding-top:3px;
	margin-top:3px;
}
ul.pager {
	position:absolute;
	width:100%;
	text-align:center;
	z-index:999;
	bottom:-15px;
	left:0px;
}

/*****************************************FIN GALERIAS **********************************************/

/***************************************** USUARIOS ************************************************/

div#usuario {
	width:100%;
	height:1px;
	display:block;
	position:fixed;
	bottom:0px;
	left:0px;
	z-index:999;

}
div#usuario div#contenidoUsuario h3.button {
	padding:0px;
	margin:0px;
	width:130px;
	position:relative;
	margin-left:-8px;
	height:18px;
	padding:5px;
	margin-top:-14px;
	padding-top:8px;
	color:#d0214f;
	font-weight:bold;
	background-image:url('../images/backUserButton.png');
	background-repeat:no-repeat;
	text-indent:-999px;
	overflow:hidden;
	position:fixed;
	display:none;
}
div#usuario div#contenidoUsuario {
	width:100%;
	height:12px;
	display:block;
	position:fixed;
	position:absolute;
	bottom:0px;
	left:0px;
	padding:4px;
	font-size:70%;
	clear:both;
	background-image:url('../images/backUser.png');
	background-position:top center;
	background-repeat:repeat-x;
	color:#fff;
}
div#usuario div#contenidoUsuario #online {
	float:left;
	left:0px;
	top:20px;
	width:auto;
	position:absolute;
	clear:none;
	color:#f7dbdf;
	padding:4px;
}
div#usuario div#contenidoUsuario #online * {
	color:#f7dbdf;
}
div#usuario div#contenidoUsuario #online ul {
	float:left;
}
#login, div#usuario div#contenidoUsuario div#menu ul.menu {
	display:block;
	width:auto;
	position:absolute;
	float:right;
	top:20px;
	right:15px;
	margin-right:0px;
}
div#usuario div#contenidoUsuario div#menu ul.menu {
	margin-top:10px;
}
div#usuario div#contenidoUsuario div#menu ul.menu li, div#usuario div#contenidoUsuario div#menu ul.menu li a, div#usuario div#contenidoUsuario div#menu ul.menu li * {
	padding:0px;
	float:right;
	display:inline;
	text-indent:0px;
	margin-right:5px;
	width:auto;
	overflow:visible;
	color:#f7dbdf;
}
#login * {
	padding-top:0px;
	height:auto;
}
#login h3, #login #user-login-form div div.form-item label, #login #user-login-form div div.form-item input, #login #user-login-form div input, #login #user-login-form div div.form-item {
	float:left !important;
}
#login #user-login-form {
	/*width:404px;*/
}
#login #user-login-form div div.form-item {
	height:20px;
	padding:0px;
	overflow:hidden;
}
#login #user-login-form div div input {
	width:91px !important;
	height:16px !important;
	padding:1px !important;
	background-image:url(../images/backInput.png) !important;
	background-repeat:no-repeat !important;
	background-position:top left !important;
	border:0px !important;
	color:#fff !important;
	font-weight:normal !important;
	float:left !important;
	clear:none !important;
}
#login #user-login-form .form-submit {
	width:49px;
	height:20px;
	position:relative;
	margin-top:10px;
	margin-left:5px;
	background-image:url('../images/backButton2.jpg');
	text-align:center;
	font-weight:normal;
	color:#7c3c46;
	color:#333;
	float:right;
}
#login #user-login-form label {
	color:#f7dbdf;
	margin-left:5px;
	margin-right:2px;
	margin-top:0px;
	font-weight:normal;
}
#login #user-login-form label span {
	color:#fff;
	font-weight:bold;
	font-size:130%;
}
#login #user-login-form div ul li {
	list-style:none;
	margin-top:20px;
	float:right;
}
#login #user-login-form div ul li a {
	color:#fff;
	float:right;
	position:relative;
	margin-top:-8px;
	font-weight:normal;
}
#login #user-login-form div ul li a:hover {
	text-decoration:underline;
}
#musica .cancion {
	clear:both;
	margin-bottom:10px;
}
#musica .cancion a{
	margin-left:5px;
}
#musica .cancion p {
	text-indent:0px;
	padding:0px;
	width:auto;
	display:inline;
}
/********************************************** DESCARGAS ***********************************************************/

#descargas .archivo {
	clear:both;
	margin-bottom:10px;
	position:relative;
	display:block;
	height:72px;
	width:680px;
}
#descargas .archivo .background {
	clear:both;
	position:absolute;
	display:block;
	height:72px;
	width:680px;
	top:0px;
	left:0px;
	background-image:url('../images/backDescargas.jpg');
	background-repeat:no-repeat;
	background-position:left top;
}
#descargas .archivo span.titulo {
	font-size:110%;
	margin-bottom:3px;
	position:relative;
	display:block;
}
#descargas .archivo span.descripcion {
	text-indent:0px;
	font-size:100%;
	height:auto;
	padding:0px;
	line-height:normal;
	margin-bottom:3px;
	font-weight:normal;
	display:block;
}
#descargas .archivo img {
	position:absolute;
	top:10px;
	left:10px;
	clear:none;
	float:left;
}

#descargas .archivo a {
	padding:10px;
	width:608px;
	height:52px;
	position:relative;
	padding-left:62px;
	display:block;
	line-height:normal;
}

/************************************************** ETIQUETAS ***************************************************************/

#etiquetas {
	display:block;
	width:700px;
	padding:15px;
	clear:both;
	padding-bottom:0px;
	position:relative;
	margin-top:30px;
	margin-bottom:0px;
	padding-bottom:20px;
	z-index:2;
	text-align:center;
}
.etiqueta1 {
  font-size : 0.8em;
}
.etiqueta2 {
  font-size : 0.9em;
}
.etiqueta3 {
  font-size : 1em;
}
.etiqueta4 {
  font-size : 1.1em;
}
.etiqueta5 {
  font-size : 1.2em;
}
.etiqueta6 {
  font-size : 1.3em;
}
.etiqueta7 {
  font-size : 1.4em;
}
.etiqueta8 {
  font-size : 1.5em;
}
.etiqueta9 {
  font-size : 1.6em;
}
.etiqueta10 {
  font-size : 1.7em;
}

/************************************************** VIDEOS ***************************************************************/

#video {
	float:left;
	clear:both;
}

.form-text.required, .resizable-textarea{
	width:100%;
}
textarea#edit-message, input#edit-name, input#edit-mail, input#edit-subject, div.form-item input {
	color:#666;
	font-size:98%;
	padding:1px;
	width:98%;
	margin-left:0px;
}
div.form-item input.form-checkbox, div.form-item input.form-submit, div.form-item input.form-radio {
	width:auto;
}
div.form-item input.form-submit {
	color:#fff;
	font-size:84%;
	margin-top:5px;
}
form#contact-mail-page {
	position:relative;
	left:0px;
	text-align:left;
}
form#contact-mail-page p.right{
	display:block;
	width:208px;
	position:relative;
	left:0px;
	text-align:left;
	padding:4px;
	float:left;
	clear:both;
	text-indent:0px;
}
form#contact-mail-page p {
	clear:both;
	text-indent:0px;
}

/************************************************* FOROS ***************************************************************/

#forum ul.links li {
	display:block;
	clear:both;
	width:100%;
}
#forum div ul.links.forum-links span {
	position:relative;
	display:block;
	width:auto;
	float:left;
}
#forum div ul.links.forum-links {
	display:block;
	margin-bottom:10px;
	position:relative;
	float:left;
	clear:both;
}
div ul.forum-links li {
	list-style:none;
}
#forum #forum-statistics {
	display:block;
	position:relative;
	margin-top:10px;
}
#forum table {
	display:block;
	width:100%;
	clear:both;
	border:0px;
	padding:0px;
	border-collapse:collapse;
}
#forum table tr th {
	background-image:url('../images/backUser.png');
	background-repeat:repeat-x;
	background-position:bottom left;
	padding:6px;
	color:#fff;
	border:0px;
}
#forum table tr th a {
	color:#fff;
}
#forum table tr td {
	padding:6px;
	width:20%;
	background-color:#fff;
}
td.last-reply {
	width:100%;
}
#forum table tr td.icon, #forum table tr td.forum-icon {
	width:5%;
}
div.legend-group dl dt{
	width:auto;
	float:left;
	clear:both;
	height:30px;
}

div.forum-folder-legend, div.forum-topic-legend {
	position:relative;
	margin-top:20px;
}
div.legend-group dl dd {
	display:block;
	height:34px;
	left:4px;
	top:6px;
	padding-left:10px;
	position:relative;
	font-size:90%;
}

div.forum-folder-legend dl dt{
	width:auto;
	float:left;
	clear:both;
	height:40px;
}

div.forum-folder-legend dl dd {
	display:block;
	height:44px;
	left:4px;
	top:22px;
	padding-left:10px;
	position:relative;
	font-size:90%;
}
a.active img {
	position:relative;
	margin-left:4px;
	bottom:-2px;
}

#user-profile-form div {
	width:100%;
}
#user-profile-form div fieldset, div#content form#block-admin-display-form div table {
	margin-left:0px;
	width:100%;
	float:left;
	clear:both;
}
div#curriculum h3 {
	margin-bottom:10px;
}
div#curriculum ul {
	margin-bottom:10px;
}
div#curriculum ul li {
	list-style:none;
	margin:0px auto;
	padding:0px;
	margin-left:5px;
}
div#curriculum ul li p {
	text-indent:0px;
	margin:0px auto;
	padding:0px;
	padding-bottom:5px;
}
div#curriculum ul li p span {
	font-weight:bold;
}

#site-map ul.menu li a {
	background:none;
}
#site-map ul.menu li, #site-map ul.menu li a {
	padding:0px;
	height:auto;
	width:auto;
	margin:0px auto;
	display:inline;
}
#site-map a:hover {
	text-decoration:underline;
}
#site-map ul.menu li {
	padding:4px;
	margin-left:20px;
	display:block;
}

#footer p a {
	color:#b1b3b4;
}

#footer p a:hover {
	color:#b1b3b4;
	text-decoration:underline;
}

#site-map a em {
	font-style:normal;
}

#site-map a em {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#c55767;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	font-style:normal;
}
#site-map a:hover em {
	text-decoration:underline;
	color:#8a434e !important;
}

/*************** CRITICAS ****************************************************************/

.critica {
	display:block;
	width:100%;
	margin-bottom:10px;
	position:relative;
	clear:both;
}
.critica .title a {
	font-size:96%;
}
.critica .created {
	position:absolute;
	right:0px;
	top:0px;
	font-size:80%;
}

.critica .body p {
	font-size:90% !important;
}

.critica #imagen {
	float:right;
	margin:10px;
	margin-right:0px;
}
.critica #imagen a {
	border:2px solid;
	float:left;
	padding:1px;
}
.critica p {
	font-size:90% !important;
	line-height:normal;
}

.critica p.autor {
	float:right;
	font-size:90% !important;
	text-align:right !important;
	font-style:italic;
	display:block;
	width:100%;
	clear:both;
	position:relative;
	right:0px;
}

a.volver {
	display:block;
	float:right;
	position:relative;
}

.imgRight {
	float:right;
	margin:10px;
	margin-right:0px;
	margin-top:0px;
}

.imgLeft {
	float:left;
	margin:10px;
	margin-left:0px;
}