/* *** Generated by www.csscreator.com *** */
/* *** modified by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */
/* *** ampliado por david moreno camina 2006 ***/
body {
background: #000000 url(../images/fondoMusica.gif) center repeat-y;
/*background: #e1ddd9 url(../images/bgTotal.png) repeat;*/
font-size: 12px;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#564b47;
padding:0px;
margin:0px;
}
a {color: #666666; text-decoration:none;}
a:visited {color:#ff0000;text-decoration:none;}
a:hover {color: #ff0000;text-decoration:none;}
a:active { color:#ff0000;text-decoration:none;}

h1 {
background: url(../images/fondoMenus.gif);
font-size: 12px;
text-transform:uppercase;
color:#FFFFFF;
padding:5px 15px;
margin:0px }
h1 a { color:#FFCC66;}
h1 a:hover{ color:#FFCC99;}
h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
width: 950px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

/* ----------banner for logo-------------- */
#banner {
text-align: right;
background-color:#000000;
padding: 0px;
margin: 0px; }

#banner img {padding:0px 0px;} 

/* ----------outer und inner----------------- */

#outer{
	/*border-left: solid 200px #A79E65;
	border-right:  solid 200px #B09C1B;*/
} 

#inner{margin:0; width:100%;}

/* --------------left und right navigavtion------------- */
#left {
 width:200px; 
 float:left; 
 position:relative; 
 /*margin-left:-200px; */
 margin-right:1px;
 }
 #right {
 width:200px; 
 float:right; 
 position:relative; 
 /*margin-right:-200px;*/
 margin-left:1px;
 }

/* -----------------Inhalt--------------------- */ 
#content{ 
position: relative;
padding-top:15px;
margin-left:200px;
margin-right:200px;
}
p {
padding: 5px 10px;
margin:0px; }

pre{
border: solid 1px #3C3922;
background-color:#F9F0B2;
font-size: 12px;
padding: 5px 10px;
margin:5px;}
/* ************************************ Noticias ************************* */
#noticia{
border-right: dashed 10px #cccccc;
text-align:right;
font-size: 12px;
padding: 5px 10px; 
font-stretch:narrower; 
letter-spacing:1px;
margin-left:5px;
margin-right:5px;
margin-bottom:5px;}
#noticia a {color:#4B4B4B; text-decoration:none;}
#noticia a:hover {color:#FF0000; text-decoration:none;}
#noticia a:active { color:#4B4B4B;}
#noticia img{
	width:55px;
	height:55px;
	margin-right:5px;
	padding:5px;
	background:url(../images/fondoMM.gif) repeat;
}

#tituloNoticia{
	border-right: solid 10px #333333;
	margin-right:5px;
	padding:5px;
	font-size: 12px;
	font-stretch:narrower;
	font-weight:bold;
	text-align:right;
	letter-spacing:1px;
	color:#333333;
}
.tituloN {
border: solid 1px #3C3922;
background-color:#F9F0B2;
text-align:justify;
font-size: 12px;
padding: 5px 10px;
margin:5px;
}
.dataN {
color:#3a3721;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:900;
font-stretch:narrower;
}
.titulN {
color:#8F221E;
}
.multimediaN {
border: solid 1px #3C3922;
background:#F9F0B2 url(../images/bgMedia.png) bottom no-repeat;
font-size: 12px;
padding: 5px 10px;
margin:5px;
}
/******************************* lista de correo ****************************** */
#listaCorreo{
	background:#cccccf;
	border-left: solid 10px #999999;
	padding: 5px;
	font-size:12px;
	color:#333333;
}
.listaCorreoCasillas{
	margin-top:2px;
	background:#ffffff;
	border: solid 1px #999999;
	width:100px;
	height:20px;
}
.botonListaCorreo {
	background:#E5E5E5;
	border:solid 1px #666666;
	width:100px;
	height:20px;
}

/*  ----------------footer---------------------- */ 
#footer {
	clear:left;
	padding:0px;
	margin:0px;
	text-align: left; 
} 

/* ------------------- componentes ------------------------ */
#cn {
	width:90%;
	margin:auto;
	margin-top:10px;
	position:relative;
	padding:15px;
	border:solid 1px #000000;
	}
#fn {
	width:150px;
	position:relative;
	border:solid 1px #00ffff;
	 }
#enviado {
	background:#D7DF99;
	border:solid #665B10 1px;
	margin:5px;
	padding:5px;
	color:#665B10;
	text-align:justify;
	}
/*----------------------seccion noticias ----------------------------*/
#noticia2{
text-align:justify;
font-size: 12px;
padding: 5px 10px; 
font-stretch:narrower; 
letter-spacing:1px;
margin-left:5px;
margin-right:5px;
margin-bottom:5px;}
#noticia2 a {color:#333333; text-decoration:none;}
#noticia2 a:hover {color: #ff0000; text-decoration:none;}
#noticia2 a:active { color:#999999;}
#tituloNoticia2{
border-left: solid 10px  #E0181E;
font-size: 14px;
font-stretch:narrower;
font-weight:bold;
text-align:justify;
letter-spacing:1px;
color:#8F221E;
padding: 5px 10px;
margin-top:5px;
margin-left:5px;
margin-right:5px;}
#tituloNoticia2 a {color:#DB2432; text-decoration:none;}
#tituloNoticia2 a:hover {color:#666666; text-decoration:none;}
.multimediaN2 {
/*border: slid 1px #3C3922;
background:#F9F0B2 url(../images/bggnoti.png) bottom;*/
font-size: 12px;
padding: 5px 10px;
margin:5px;
}
/* formulario de contacto */
.mail_text {
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px dotted #333333;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#0000FF;
	}
.mail_atext {
	width:100%;
	height:250px;
	border:1px dotted #333333;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#0000FF;
	}
.mail_rtext {
	border:1px dotted #333333;
	background:#E9E9E9;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#333333;
	}
.mail_bt {
	border:1px dotted #333333;
	background:#EBEBEB;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#333333;
	}
	
/*ubicación*/
#ubicacion {
	margin:50px;
	padding:20px 10px 20px 60px;
	/*border:1px #333333 dotted;*/
	}
#enviat {
	margin:50px;
	padding:20px 10px 20px 60px;
	border:1px #333333 solid;
	background:#EEEEEE;
	font-size:14px;
	}
/* componentes david moreno camina 2006 */
ul#components,ul#components li{list-style-type:none;margin:0; margin-left:5%; margin-right:5%;padding:0}
ul#components{text-align:justify; background:url(../images/fondoArtistasM.gif) right bottom no-repeat; border:1px solid #666666;}
ul#components li{/*float:left;*/width: 60%;/* height:100px;*/padding: 10px 10px 10px 10px;margin:8px 8px 8px 8px}
li#cm1{background:url(../images/mct.gif) no-repeat; font-size:40px; color:#FF0000; border-left:#666666 thin 5px;}
li#cm2{font-size:20px; color:#FF0000; border-left:#666666 solid 20px;}
li#cm3{color:#666666; border-left:#ff0000 solid 5px;}
li#cm4{color:#ff0000; border-left:#666666 solid 5px;}
li#cm5{color:#666666; border-left:#ff0000 solid 5px;}

/* Descado */
#destacado {
	position:relative;
	margin:10px;
	border-right:#e0181e 1px solid;
	border-bottom:#e0181e 1px solid;
	padding:5px;
}

/* ................. menus ........................ */
#menu8 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#menu8 {
	width: 200px;
	margin-top: 10px;
	}
	
#menu8 li a {
	text-decoration: none;
	height: 24px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	}
	
#menu8 li a:link, #menu8 li a:visited {
	color: #777;
	display: block;
	background: url(../images/menu8.gif);
	padding: 8px 0 0 20px;
	}
	
#menu8 li a:hover {
	color: #257EB7;
	background: url(../images/menu8.gif) 0 -32px;
	padding: 8px 0 0 25px;
	}
	
#menu8 li a:active {
	color: #fff;
	background: url(../images/menu8.gif) 0 -64px;
	padding: 8px 0 0 25px;
	}