@charset "utf-8";
/*Hoja de Estilos para el sitio Y&J Organización de Eventos*/
body{
	font-family:Arial, Helvetica, sans-serif;
	size:12px;
	background-image:url(../imagenes/bkg_yjevent.jpg);
	background-repeat:inherit;
}
td,th {
	font-family:Arial, Helvetica, sans-serif;
	size:12px;
	background-color:#FFF;
}

h1{
	font-size:130%;
	font-weight:bold;
	padding:2px;
	}
.titulo{
	font-size:120%;
	font-weight:bold;
	padding:3px;
	}

.menu-sup{
	font-family:Georgia, "Times New Roman";
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	vertical-align:middle;
	text-align:center;
	background-image:url(../imagenes/deg1enc.png);
	background-repeat:repeat-x;
	text-decoration:none;
}
.menu-sup a:link, .menu-sup a:visited{
	font-family:Georgia, "Times New Roman";
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	text-align:center;
	background-repeat:repeat-x;
	text-decoration:none;
}
.menu-sup:hover{
	font-family:Georgia, "Times New Roman";
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	text-align:center;
	background-image:url(../imagenes/deg2enc.png);
	background-repeat:repeat-x;
}
.menu-sec{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	vertical-align:middle;
	text-align:center;
	background-repeat:repeat-x;
	text-decoration:none;
	background-color:#09C;
}
.menu-sec a:link, .menu-sec a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-align:center;
	background-repeat:repeat-x;
	text-decoration:none;
}
.menu-sec:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-align:center;
	background-repeat:repeat-x;
}
.piepagina {
	font-size: 11px;
	color: #999;
}
.contacto
{
	text-align:center;
	font-size:12px;
	width:170px;
	height:290px;
	/*margin-left:12px;*/
	color:#333;
	border-color:#ddd;
	border-style:solid;
	border-width:1px;
	padding:5px;
	margin:10px;
}
#comentarios
{
	text-align:justify;
	font-size:12px;
	/*width:100%;*/
	height:150px;
	/*margin-left:12px;*/
	color:#666;
	border-color:#ddd;
	border-style:solid;
	border-width:1px;
	padding:5px;
	margin:10px;
	vertical-align:top;
}
#contenido{
	margin-bottom:11px;
	margin-top:20px;
	margin-left:20px;
	margin-right:20px;
	color:#333;
	font-size:12px;
	text-align:justify;
}

.contenido{
	margin-bottom:10px;
	margin-top:20px;
	margin-left:20px;
	margin-right:20px;
	color:#333;
	font-size:12px;
}
.contacto p strong {
	text-align: center;
}
#comentt{
	
	color:#666;
	font-size:10px;
	text-align:justify;
}
/*Estilos para formulario*/
#form {
    width:100%;
	padding:0px;
	padding-top:3px;
	font-size:11px;
    margin:auto;
    background-color:#fff;
    border:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#form ol{ list-style:none; padding-left:0px; padding-bottom:0px;}
#form ol li{ padding-left:0px; padding-bottom:0px; }
#form ol li label{ float:left; width:150px; text-align:left; color:#333; }
#form input[type=text] { border:solid 1px #CCC; background-image:url(../imagenes/form.png); background-repeat:repeat-x; background-color:#fff; height:19px; width:205px; margin-bottom:5px;}
#form input.btn { padding:2px; color:#FFFFFF; background-color:#003366; border:1px solid #000000; }
/*Terminan estilos para formulario*/
	
/*Estilos para comentarios*/
#coment {
    width:469px;
	height:120px;
	padding:0px;
	padding-top:0px;
	font-size:11px;
    margin:auto;
    background-color:#fff;
    border:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#coment ol{ list-style:none; padding-left:0px; padding-bottom:0px;}
#coment ol li{ padding-left:0px; padding-bottom:0px; }
#cod{ position:relative; top:-110px; left:290px; bottom:320px; right:0px; padding-left:0px; padding-bottom:0px; }
#coment ol li label{ float:left; width:80px; text-align:left; color:#333; }
#coment input[type=text] { border:solid 1px #CCC; background-image:url(../imagenes/form.png); background-repeat:repeat-x; background-color:#fff; height:15px; width:185px; margin-bottom:0px;}
#coment input.butt { padding:1px; color:#FFFFFF; background-color:#09C; border:1px solid #000000;  position:relative; top:-95px; left:310px; bottom:320px; right:0px;}

/*Comentarios para mostrar*/

#comentario{	/*El estilo del comentario que se muestra aleatorio*/
	margin-bottom:10px;
	margin-top:10px;
	margin-left:10px;
	margin-right:20px;
	color:#069;
	font-size:11px;
	text-align:justify;
}
#visitante{	/*Para el nombre de quien comenta*/
	margin-bottom:5px;
	margin-top:10px;
	margin-left:10px;
	margin-right:20px;
	color:#036;
	font-weight:bold;
	font-size:11px;
	text-align:justify;
}

#fechacoment{	/*Para la fecha en que se recibio el comentario*/
	margin-bottom:10px;
	margin-right:20px;
	color:#333;
	font-weight:bold;
	font-size:11px;
	text-align:right;
}
#panel{
	border-style:solid;
	border:#CCC;
	border-left:1px #CCC solid;
	border-bottom:1px #CCC solid;
	border-right:1px #CCC solid;
	}



/*Terminan estilos para comentarios*/

/*Estilos panel de administracion*/

#formulario{
border: 2px solid #069;
background-color:#06C;
width:400px;
text-align:left;
}
for{
	margin: 5px;
	}

label{
	display:block;
	width: 120px;
	float:left;
	clear:both;
	}