/* *************************************************** /
/* ****************WWW.KINIRURALART.COM*************** /
/* *************************************************** /
/* *************CSS CREADA PARA SONIDO LEON*********** /
/* ***********************2008************************ /
/* *************************************************** */


body 
{
	font-family:"Trebuchet ms", Arial;
	color:#999;
	text-align:justify;
	font-size:1em;
	margin: 0px;
	padding: 0px;
	height:auto;
	background-color:#000;	

	background-position:top;
	background-image:url(../Imagenes/FondoPaginaBody.jpg);
	background-repeat:repeat-x;*/
	
	scrollbar-base-color: #181c25;
	scrollbar-arrow-color: #666;
	scrollbar-3dlight-color: #333;
	scrollbar-darkshadow-color: #333;
	scrollbar-face-color: #181c25;
	scrollbar-highlight-color: #181c25;
	scrollbar-shadow-color: #181c25;
	scrollbar-track-color: #212631;

}
	a:link { text-decoration:none; color:#ebbc4c; font-weight:bold;}
	a:visited { text-decoration:none; color:#787b82;}
	a:active { text-decoration:none; color:#787b82;}
	a:hover { text-decoration:none; color:#cecece; }

.TablaGaleriaImagenes
{
	width:98%;
	margin:auto;
}
/* --------------------- Imagenes ---------------------------------------- */
/* ----------------------------------------------------------------------- */
img
{
	border:1px solid #666;
}


.SegundaMano
{
	text-align:center;
}

.SegundaMano img
{
	border:0;
	text-align:center;
	margin-top:20px;
}



/* --------------------- MAQUETACION-------------------------------------- */
/* ----------------------------------------------------------------------- */
.Contenedor
{

	width:800px;
	height:800px;
	margin:1em auto auto auto;
	height:auto;
}
.Top
{

	height:66px;
}
.Logo
{
	width:150px;
	height:75px;
	position:absolute;
	background-image:url(../Imagenes/FondoLogo.jpg);
	background-repeat:no-repeat;

}
.Cuerpo
{
	border-top:1px solid #666;
	background-color:#181c25;
	height:30em;
	width:798px;
	border-right:1px solid #666;
	background-image:url(../Imagenes/FondoPagina.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}
.Contenido1 
{
	Padding:10px;
	float:right;
	width:54%;
	height:93%;
	margin:5px;
	Color:#999;
	text-align:justify;
	font-size:11px;
	overflow-y:auto;
	border-left:1px dotted #454d5f;
}
.ZonaIzda1
{
	Padding:10px;
	float:left;
	width:37.5%;
	height:94%;
	margin:5px;
	Color:#999;
	text-align:justify;
	font-size:11px;
	overflow-y:none;
	position:relative;
	background-image:url(../Imagenes/FondoZonaIzda1.jpg);
	background-repeat:no-repeat;
}
#Pie
{
	line-height:20px;
	font-family:"Trebuchet ms", Arial;
	color:#666;
	font-size:0.7em;
	text-align:center;
	clear:both;
}
#Pie a
{
	color:#666;
	text-decoration:none;
		text-align:center;
}
#Pie a:hover
{
	color:#fff;
	text-decoration:none;
		text-align:center;
}
.Firma
{
background-image:url(../Imagenes/Firma.png);
background-position:center;
background-repeat:no-repeat;
margin:auto;
width:100px;
height:62px;:
}
/* --------------------- TEXTO-------------------------------------------- */
/* ----------------------------------------------------------------------- */

h1
{
	font-size:1.4em;
	border-bottom:1px dotted #454d5f;
}
h2
{
	font-size:1.3em;
	color:#6f727a;
}
h2 a:link, a:visited, a:active
{
	font-size:1em;
	color:#b9b9b9;
	text-decoration:none;
}
h2 a:hover
{
	color:#fff;
	text-decoration:none;
}

h3
{
	font-size:1.1em;
	color:#6f727a;
	text-align:center;
	border:1px dotted #ccc;
}
h3:first-line
{
	font-size:1em;
	color:#999;
	text-align:center;
}
h4
{
	font-size:1.1em;
	color:#6f727a;
	text-align:center;

}
.Negrita
{
	font-weight:bold;
	color:#b8b8b8;
}

.NegritaSub
{
	font-weight:bold;
	color:#b8b8b8;
	border:1px solid #666;
	padding: 0.2em;
}


.Negrita a:link { text-decoration:none; color:#ccc; font-weight:bold;}
.Negrita a:visited { text-decoration:none; color:#ccc;}
.Negrita a:active { text-decoration:none; color:#ccc;}
.Negrita a:hover { text-decoration:none; color:#fff; }

.NegritaCentrado
{
	font-weight:bold;
	color:#b8b8b8;
	text-align:center;
}


/* --------------------- ----------------LISTAS--------------------------- */
/* ----------------------------------------------------------------------- */

ul{}
li{
	list-style:square;
}



#Pdf ul {

    list-style-type: none;
	padding-left:0px;
	margin-left:0em;
}
#Pdf ul li{
    background: url(../Imagenes/Pdf2.gif) 0em 0.5em no-repeat;
	color:#ccc;
    list-style-type: none;
	padding-left:25px;
	line-height:2.6em;
	text-align:left;
}

/* --------------------- --------------MENU------------------------------- */
/* ----------------------------------------------------------------------- */

#Menu {
	float: right;
	width:650PX;
	font-size:0.7em;
	top:31px;
	position:relative;
	z-index:10;
	margin-right:1px;

  }
#Menu ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
  }
#Menu li {
	display:inline;
	margin:0;
	padding:0;
  }
#Menu a {
	float:right;
	background:url("../Imagenes/tableftH.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	font-weight:normal;
	border-bottom:1px solid #666;

  }
#Menu a span {
	float:left;
	display:block;
	background:url("../Imagenes/tabrightH.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#666;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#Menu a span {float:none;}
/* End IE5-Mac hack */
#Menu a:hover span {
	color:#FFF;
  }
#Menu a:hover {
	background-position:0% -42px;
  }
#Menu a:hover span {
	background-position:100% -42px;
  }
  
/* ---------------------MENU PERSONALIZADO-------------------------------- */
/* ----------------------------------------------------------------------- */


#Menu #Current {

	width:auto;
	background:#000;
	position:relative;

  }
#Menu #Current ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
  }
#Menu #Current li {
	display:inline;
	margin:0;
	padding:0;
  }
#Menu #Current a {
	float:right;
	background:url("../Imagenes/tableftH.gif") no-repeat left top;
	margin:0;

	padding:0 0 0 4px;
	text-decoration:none;
	font-weight:normal;
	border-bottom:1px solid #181c25;
	background-position:0% -42px;
  }
#Menu #Current a span {
	float:left;
	display:block;
	background:url("../Imagenes/tabrightH.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#ebbc4c;
	background-position:100% -42px;
  }

#Menu #Current a:hover {

	background-position:0% -42px;
  }
#Menu  #Current a:hover span {
	background-position:100% -42px;
  }

/* -------------------------------------------------------------------------- */

/* -- Opacidad cuando se quiera adjudicar opacidad a un vinculo, el vinculo - */ 
/* --------------------es al que se le pone class="opacity" ----------------- */

a.opacity img {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5; 
	opacity: 0.5;
	-khtml-opacity: 0.5;}


a.opacity:hover img {
	filter:alpha(opacity=100); 
	-moz-opacity: 1.0; 
	opacity: 1.0;
	-khtml-opacity: 1.0; }

/* ---------------------------------VIDEOS-------------------------------- */
/* ----------------------------------------------------------------------- */

.VideoIzquierda
{
	Border:1px solid #666;
	float:left;
	margin-right:7px;
	margin-bottom:2px;
	white-space:nowrap;
}
.VideoDerecha
{
	Border:1px solid #666;
	float:right;
	margin-left:7px;
	margin-bottom:2px;
	white-space:nowrap;
}

/* ------------------------------FORMULARIOS------------------------------ */
/* ----------------------------------------------------------------------- */

textarea 
{
	width:100%;
	border:1px solid #51555e;
	font-family:"trebuchet ms", arial;
	font-size:1em;
	color:#cecece;
	background-color:#2b303c;
	margin-bottom:10px;
}
input 
{
	width:100%;
	border:1px solid #51555e;
	font-family:"trebuchet ms", arial;
	font-size:1em;
	color:#cecece;
	background-color:#2b303c;
	margin-bottom:10px;
}
.Boton 
{
	width:10em;
	border:1px solid #51555e;
	text-align:center;
	margin-top:0.5em;
	font-family:"trebuchet ms", arial;
	font-size:1em;
	color:#999;
	background-image:url(../Imagenes/FondoBoton.jpg);
	background-repeat:repeat;
}

form
{	
	width:70%;
	margin:auto;
}

.TxtFormulario
{
	font-family:"trebuchet ms", arial;
	font-size:1em;	
	clear:right;
	text-align::right;
	color:#999;
}


/* --------------------- FORMATO DEL TEXTO INCLUDE ----------------------- */
/* ----------------------------------------------------------------------- */

.FechaEvento
{
	font-style:italic;
	padding-top:5px;
}
.TituloEvento
{
	font-weight:bold;
}
.CuerpoNoticia

{
	text-align:justify;

}
.SeparacionEvento
{
	border-bottom:1px dotted #666;
	padding:5px;
	margin:auto;
	width:50%;
}