@charset "utf-8";
/* CSS Document */

body  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height:12px;
	background: #fff;
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #4d4d4d;
}
a img{border:0} 

/*Cuestiones de texto*/
p {font-family:Arial, Helvetica, sans-serif;
	color:#4d4d4d;
	font-size:1em;
	line-height:1.2em;
}
p a{font-family:Arial, Helvetica, sans-serif;
	color:#69C;
	font-size:0.9em;
	line-height:1.2em;
}


.texto {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:1.3em;
	line-height:1.5em;
	text-align:justify;
}
.texto span{color:#116996;}
h1{font-size:1.3em;
	line-height:1.7em;
	font-weight:bold;
	line-height:1.2}
.cita{font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:1.5em;
line-height:1.4em;
color:#116996;}

/*Fin de textos*/

/*reset para menu horizontal*/

ul,li {list-style-type:none;}
/*fin de reset para menu horizontal*/

a { text-decoration : none; }





#container { 
	position: relative; /* la adición de position: relative le permite colocar las dos barras laterales en relación con este contenedor */
	width: 947px;  /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */
	background: #FFFFFF;
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	border: none;
	text-align: left; /* esto anula text-align: center en el elemento body. */
} 

/*aca empiezan los elements de la portada*/
.logo{width:367px;
float:left;
}
#media{width:560px;
/*margin-top:120px;*/
float:right;
}
.port-fundamentos{width:368px;
margin: 20 10 0 20px;}
.port-modulo{width:171px;
}
.portada{font-size:10px;
line-height:14px;}

/*aca empieza la clase para el menu usando sprites*/
.menuholder li {float:left;}
.menuholder a {background:url(imagenes/menu-horiz.jpg);display:block; height:172px; text-indent:-9000%}

/*ESTADO NORMAL*/
.menu_enc a {width:187px;}
.menu_nuevo a {width:182px; background-position:-187px 0px;}
.menu_conciertos a {width:220px; background-position:-369px 0px;}
.menu_talleres a {width:178px; background-position:-589px 0px;}
.menu_insc a {width:180px; background-position:-769px 0px;}

/*ESTADO ROLLOVER*/
.menu_enc a:hover {background-position:0px -172px;}
.menu_nuevo a:hover {background-position:-187px -172px;}
.menu_conciertos a:hover{background-position:-369px -172px;}
.menu_talleres a:hover {background-position:-589px -172px;}
.menu_insc a:hover {background-position:-769px -172px;}

/*fin de las clases para menu horizontal*/

/*columna izq*/
#sidebar1 {
	float:left;
	background-color:#FFFFFF;
		width: 171px; /* el ancho real de este div, en navegadores que cumplen los estándares, o el modo de estándares de Internet Explorer, incluirá el relleno y el borde además del ancho */
	/*height:230px;*/
}
* {
	margin: 0px;
	padding: 0px;
	outline: 0;
}

/*Empieza el roll over*/

.urbangreymenu{
width: 168px; /*width of menu*/
margin-top:46px;
}

.urbangreymenu .headerbar{
font: bold 12px Arial;
color:#fff;
background: #fff url(arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
border-bottom:#377d55 solid 1px;
padding: 7px 0 7px 10px; /*31px is left indentation of header text*/
}


.urbangreymenu .headerbar a:hover{
font: bold 12px Arial;
color:#39C;
background: #fff url(arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
}



.urbangreymenu .headerbar a {
text-decoration: none;
color: #328378;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 1px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a {
font: normal 12px Arial;
color: #336695;
background: white;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color:#3c93c7;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color:#473d5d;
background-color:#eee;
}

	
/*.menu-vert{width:171px;
	height:27px;
	background-image:url(imagenes/menu-vert.jpg);
	padding-top:7px;}
.menu-vert a{
	font-family:Arial, Helvetica, sans-serif;
	color:#336695;
	font-size:12px;}
.menu-vert a:hover{
	color:#178553;}*/

/*columna derecha*/
#sidebar2 {
	background-color:#FFFFFF;
	float:right;
	/*position: absolute;*/
	top: 176px;
	right: 0;
	width: 172px; /* el ancho real de este div, en navegadores que cumplen los estándares, o el modo de estándares de Internet Explorer, incluirá el relleno y el borde además del ancho */
}
#noticias{
	width:170px;
	background-color:#dedede;
	background-image:url(imagenes/noti-header.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding-top:45px;
	margin-top:46px;
	border:1px solid #cac9c9;}
#pnoticias {padding:4px;
			color:#4d4d4d;}

#pnoticias span {color:#3c93c7;}
#pnoticias strong {font-size:110%;
				color:#3c93c7;}
#mainContent { 
	margin: 0 200px; /* los márgenes derecho e izquierdo de este elemento div crean las dos columnas externas de los lados de la página. Con independencia de la cantidad de contenido que incluyan los divs de las barras laterales, permanecerá el espacio de la columna. */
	padding: 0 10px; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
}

/*aca van las class para las pag 1enc, 2emc, etc*/
.enc {width:556px;
height:140px;}

.encimg1 {width:30%;
margin-left:8px;
margin-top: 12px;
border:#CCC solid 1px;}

.encconcert
{float:left; 
padding:10px;
height:150px;
width:235px;
overflow:hidden; 
background:#F0F0EE;
margin-top:15px;
}

.textcncert {font:Arial, Helvetica, sans-serif;
color:#4a4a4a;
line-height:normal;
font-size:11px;
line-height:14px;
}
.textcncert a {font:Arial, Helvetica, sans-serif;
color:#4a4a4a;
line-height:normal;
font-size:11px;
line-height:14px;
}
.encconcert1
{float:right;
padding:10px;
height:150px;
width:235px; 
overflow:hidden;
background:#F0F0EE;
margin-top:15px;
}



#footer {
	clear:both;
	margin-top:40px;
	/*	margin-left:-210px;*/
	height:150px;
	width:947px;
	padding: 0 10px 0 20px; /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
	background-image:url(imagenes/barra-footer.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	text-align:center;
	padding-top:20px;
} 
.localidadconc {
	font-size: 0.8em;
}
#container #mainContent ul li strong {
	font-weight: bold;
}