/* Para resolución 1024x768 en adelante */

/*color de la torre #ea9153 (RGB: 234,145,83)
color del ancla #007cc3 (RGB: 0,124,195)
color del agua #00a5d1 (RGB: 0,165,209)*/
BODY {
	font-size: 62.5%;
	background: #007cc3;
	font : 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #666666;
 	margin: 5px 0 5em 0 !important;
 	margin : 5px 0px 5px 0px;
	padding : 0px;
	text-align : center;
}
/* Encabezados */
h1 {	
	color : #ea9153;
	font-size: 2.2em;
	margin:0.5em 0 0.5em 0;
	padding: 0;
	display: inline;
}

h2 {
	font-size: 1.4em;
	font-weight: bold;
	font-style:normal;
/*	font-variant : small-caps;*/
	margin: 0 0 0.25em 0;
	padding: 0;
}

h3 {
	font-size: 1.75em;
	font-weight: bold;
	margin: 0 0 0.25em 0;
	padding: 0;	
}

h4 {
	font-size: 1.5em;
	margin: 0;
	padding: 0;
}

h5 {
	font-size: 1.25em;
	margin: 0;
	padding: 0;
}

h6 {
	font-size: 1.05em;
	margin: 0;
	padding:0;
	color: #ea9153;
}
.irarriba {
	color: #007cc3;
	font-size: 1.06em;
	font-weight: bold;
	float: right;
	margin-right: 10px;
}

A.irarriba, A.irarriba:ACTIVE, A.irarriba:VISITED, A.irarriba:FOCUS, A.irarriba:HOVER, A.enlacenav:LINK {
	text-decoration: none;
	border: 0;
	outline: none; /* sirve para evitar las líneas de puntos en el borde cuando se ha activado */		
}

/*color de la torre #ea9153 (RGB: 234,145,83)
color del ancla #007cc3 (RGB: 0,124,195)
color del agua #00a5d1 (RGB: 0,165,209)*/
#contenedor{
	background: #ffffff url(../imagenes/cuerpo_fondo.gif) no-repeat;
	background-position: center center;
	background-attachment: fixed;
	text-align: left;
	max-width: 969px;
	min-width: 785px;
	width: 99%;
	margin: auto;
	border: 0px solid #cccccc;
	position: relative;
}
/* Hemos considerado un ancho aprovechable de 969px, mientras que el mínimo ese 785 */

/* Comenzamos los estilos de la CABECERA */
#cabecera{
	background : url(../imagenes/greca2.png) bottom repeat-x;
	font : 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 105px;
	width: 100%;
	position: relative;
	top: 0px;
	left: 0px;
	text-align: center;
}
#logo{
	background: url(../imagenes/logo.png) no-repeat;
	background-position: bottom;
	background-position: center;
	height: 90px;
	width: 165px;
	text-align: center;
	position: absolute;
	top: 6px;
	left: 0px;
	float: left;
}
#cabeceraCen{
	height : 90px;
	margin-left: 165px;
	margin-right: 110px;

	text-align: center;
}
.rotulo{
	padding-top: 16px;
}
#menunavegador{
	margin-top: 25px;
	border-top: 2px solid #007cc3;
	padding-top:0px;
}
/* Este DIV es hijo de cabeceraCen */
#cabeceraDer{
/*	background: url(../imagenes/columna.jpg) no-repeat;*/
	background: url(../imagenes/torre.png) no-repeat;
	height : 90px;
	width : 110px;
	background-position: bottom;
	position: absolute;
	top: 0px;
	right: 0px;
}
/* Aquí terminan los estilos de la cabecera. Comenzamos con los del Cuerpo principal*/

/* Empezamos por la columna izquierda */
#columnaIz{
	background-color : #ffffff;
	width: 165px;
	border: 0px solid #cccccc;
	margin-top: 10px;
	left: 0px;
	float: left;
	text-align: left;
}
/* Empezamos por la columna central */
#columnaCen{
	margin-top:10px;
	margin-left:170px;
	margin-right:115px;
/*	margin-right: 0px; */
/* Para 800x600 el margen derecho se elimina */
}
#columnaCenAncha{
	margin-top:10px;
	margin-left:170px;

/*	margin-right: 0px; */
/* Para 800x600 el margen derecho se elimina */
}
/* Empezamos por la columna derecha (No se usa en estilo800.css) */
#columnaDer{
	background: #ffffff;
	width : 110px;
	border: 0px solid #cccccc;
	margin-top: 10px;
	right: 0px;
	float: right;
	text-align: center;
}
/* Esta clase sirve para poner el cuerpo central a una sóla columna
no se debe usar junto a columnaIz*/
#columnaUnica{
	margin-top:10px;
	width: 100%;
}
#pie{
	background-position: bottom;
	background-position: left;
	font-size: 7pt;
	clear: both;
	color: #007cc3;
	text-align: center;
	width: 100%;
	border: 0px solid #cccccc;
}
/* Estilos generales */
.textocontenido {
	text-indent: 0.8cm;
	font : 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #666666;
	text-align: justify;
	margin: 0px 10px 0px 10px;
}
.flotarderecha {
	float: right;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 0px;
	color: #007cc3;
	font-style: italic;
	font-size: 0.9em;
}
.flotarderecha img {
	border: 0;
}
.flotarizquierda {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 0px;
	margin-bottom: 0px;
	color: #007cc3;
	font-style: italic;
	font-size: 0.9em;
}

.flotarizquierda img {
	border: 0;
}
/* Estilos para las cajas */
/* Si se desea usar cajas con sombras borrar las letras "ss" (sin sombra) del nombre de algunos de los archivos de imágenes. Tener en cuenta que cambian sus tamaños, por lo que hay que cambiar valores de padding y márgenes. */
.cajaEspecial {
	width: 47%;
	margin: 0px auto;
	margin-right: 15px;
	float: left;
}
.cajaEspecial2 {
	width: 99%;
	margin: 0px auto;
	margin-right: 15px;
	float: left;
}
.cajaNoticias {
	width: 99%;
	margin: 0px auto;
/* 	clear: left; */
	margin-top: 5px;
	float: left;
}
.cajaarribaAvisos {
	width: 100%;
	height: 14px;
	background: url("../imagenes/arribaAvisos.png") no-repeat;
	background-position: left top;
}
.cajaarribaNovedades {
	width: 100%;
	height: 30px;
	background: url("../imagenes/novedades.png") no-repeat;
	background-position: left top;
}
.cajaarribaAvisos span {
	display: block;
	position: relative;
	height: 14px;
}
.cajaarribaNovedades span {
	display: block;
	position: relative;
	height: 14px;
}
.cajaarribaNoticias {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 10px;
	height: 30px;
	background: url("../imagenes/nuestrasnoticias.png") no-repeat;
	background-position: left top;
}
.cajaarribaNovedadescep {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 10px;
	height: 30px;
	background: url("../imagenes/novedadescep.png") no-repeat;
	background-position: left top;
}
.cajaarribaNovedadesconsejeria {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 10px;
	height: 30px;
	background: url("../imagenes/novedadesconsejeria.png") no-repeat;
	background-position: left top;
}
.cajaarribaNoticias span {
	display: block;
	position: relative;
	height: 14px;
}
.cajacontenidoEspecial {
	position: relative;
	padding: 1px 4px 1px 4px;
	margin: -5px 0px -7px 0px;
	margin-top: -5px;
	margin-right: 0px;
	margin-bottom: -7px !important;
	margin-bottom: -14px;
	margin-left: 4px;
	font : 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.cajacontenido {
	position: relative;
	background-position: right top;
	padding: 1px 4px 1px 4px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 4px;
}
.noticiatitulo {
/* 	color: #007cc3; */
}
.noticiaintro {
	font : 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #565656;
	text-indent: 1cm;
	margin-top: -5px;
}
ul.noticiaintro {
	list-style-type: none;
/*	padding: 4px;*/
	margin: 0px;
	padding-left: 40px;
}
li.noticiaintro {
	list-style-image:  url("../imagenes/bolilla_pez2.gif");
	background-repeat: no-repeat;
	background-position: 0px 5px; 
	padding-top: 8px;	
/*	padding-left: 45px;*/
}
.noticiaenlace {
	font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #ea9153;
	text-align: right;
	text-decoration:none;
}
.noticiaautor {
	font : 7pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #737272;
	text-indent: 0,5cm;
	margin-top: -2px;
}
.cajaabajo {
	height: 7px;
}
.cajaabajo span {
	display: block;
	position: relative;
	height: 7px;
}
.imagennoticia {
	border: solid 0;
	float: left;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 10px;
}
.imagenderecha {
	float: right;
	padding-top: 15px;
	padding-left: 20px;
	padding-bottom: 10px;
	border: 0;
}
.imagencentrar {
	text-align: center;
	padding-top: 15px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 15px;
}
#cajaCentro{
	margin-top: 15px;
	border: 1px solid #007cc3;
	width: 96% !important;
	width: 95%;
	text-align: justify;
	padding: 10px !important;
}

/* Aquí vamos a definir los estilos para las tablas */

/* Clases para enlaces */
A.enlacenot, A.enlacenot:VISITED, A.enlacenot:ACTIVE, A.enlacenot:FOCUS, A.enlacenot:LINK{	
	outline: none; /* sirve para evitar las líneas de puntos en el borde cuando se ha activado */		
	text-decoration:none;
	color: #007cc3;
	font-weight: bold;
}
A.enlacenot:HOVER{
	color: #EA9153;
} 
A.enlacenav, A.enlacenav:VISITED, A.enlacenav:ACTIVE, A.enlacenav:FOCUS, A.enlacenav:LINK{
	outline: none; /* sirve para evitar las líneas de puntos en el borde cuando se ha activado */		
	text-decoration: none;
	padding-top: 10px;
	font-size: 8pt;
	color: #EA9153;
	font-weight: bold;
}
A.enlacenav:HOVER{
	color: #007cc3;
	font-size: 8pt;
} 
/* Estilos para el banner */
.banner{
	padding: 0px;
	border: 0px solid #ffffff;
	margin-bottom: 10px;
	margin-left: 0px;
	-moz-opacity: 1;
	filter:Alpha(opacity=100);
	opacity: 1;
	cursor: hand;
	text-align: center;
}
.banner a:focus {
	outline: none; /* sirve para evitar las líneas de puntos en el borde cuando se ha activado */		
}
.banneronmouse{
	-moz-opacity: 0.6;
	filter:Alpha(opacity=60);
	opacity: 0.6;
	margin-bottom: 10px;
	margin-left: 0px;
	cursor: hand;
	text-align: center;
}
.banneronmouse a:focus {
	outline: none; /* sirve para evitar las líneas de puntos en el borde cuando se ha activado */		
}
/* Estilos para el menú horizontal */
.menuhorizontal{
	margin-top: 5px;
	margin-left: 10px;
	-moz-opacity: 1;
	filter:Alpha(opacity=100);
	opacity: 1;
	cursor: hand;
	text-align: center;
	clear: both;
}
.menuhorizontal a:focus {
	outline: none;
}
.menuhorizontal li {
	float: left;
}
.menuhorizontal ul li {
	list-style-type: none;
}
.menuhorizontalonmouse{
	-moz-opacity: 0.6;
	filter:Alpha(opacity=60);
	opacity: 0.6;
	margin-top: 10px;
	margin-left: 10px;
	cursor: hand;
	text-align: center;
	clear: both;
}
/* Estilos para las esquinas redondas del cuerpo. Se usan en index.php*/
.IzSup{
	position: absolute;
	top: 0px;
	left: 0px;
}
.IzInf{
	position: absolute;
	bottom: 0px !important;
	bottom: -1px;
	left: 0px;
}
.DerSup{
	position: absolute;
	top: 0px;
	right: 0px !important;
	right: -1px;
}
.DerInf{
	position: absolute;
	bottom: 0px !important;
	bottom: -1px;
	right: 0px !important;
	right: -1px;
}
/* El Siguiente Id sirve para alojar el login y estado del usuario*/
#cajaintusuario {
	font-size: 100%;
/* margin-left: 12px;
	width: 140px;
	border: 1px solid #007cc3;
	border-bottom: 0px;
	background-color: #ffffff; */
	height: 22px;
	overflow: hidden;
}
#cajaintusuario a {
/*	display: block;*/
	text-decoration: none;
	background-color: transparent;
/*	padding: 5px 10px 5px 10px; */
	color: #ea9153;
	border-bottom: 0;
/* line-height: 1; */
}
.etiquetacampo {
	font-size: 90%;
	color: #007cc3;
}
/*.nombreusuario {
	color: #007cc3;
	padding: 5px 0px 5px 10px;
}*/
input#boton { 
	border-style: none;
	color: #007cc3;
}


/********************************************/
/********************************************/
/**************** BaluArt.net ***************/
/******* Arte y Cultura - Blog Peruano*******/
/********************************************/
/********************************************/
#menunav {
	background: #ffffff url(../imagenes/grecalat.png) repeat-y;
	background-position: left;
	border: 1px solid #007cc3;
	width: 154px;
	margin-top: 0px;
	margin-left: 5px;
	padding: 0;
	color: #ea9153;
	text-align: left;
	font-size: 8pt;
	color: #EA9153;
	font-weight: bold;
}
#menunav li {
	margin-top: 0px; /* para todos los navegadores que respetan los estándares */
	margin-bottom: 0px; /* para todos los navegadores que respetan los estándares */
	*margin-top: -2px; /* para ie 6 y 7 */
	*margin-bottom: -2px; /* para ie 6 y 7 */
	list-style-type: none;
	margin-left: 12px;
	width: 140px;
	border: 1px solid #007cc3;
	background-color: #ffffff;
}
#menunav ul {
	padding: 0px;
	z-index: 10000;
}
#menunav ul li {
/* 	border-left: 1px solid #FFFFFF; */
/* 	border-bottom: 1px solid #333333; */
}
#menunav a {
	display: block;
	text-decoration: none;
	background-color: transparent;
	padding: 5px 10px 5px 10px; /* arriba, derecha, abajo, izquierda */
	color: #ea9153;
	border-bottom: 0px;
	/* line-height: 1; */
}
/*controla la botonera */
#menunav a:hover, #menunav a:active, #menunav a:focus,
#menunav .menuon, #menunav .menuon:hover, 
#menunav .menuon:active {
	color: #ffffff;
	background-color: #81c4e3;	
}
#menunav .menumark, #menunav .menumark:hover {
	font-weight: bold;
	color: #007cc3;
	height: 22px;
	margin: 0px;
}
/*Controlan los links y la imagen de flecha */
/*the normal trigger link */
#menunav .menutrg, #menunav .menutrg:hover, #menunav .menutrg:active {
	background-image:  url(../imagenes/bolilla_pez.gif);
	background-repeat:	no-repeat;
	background-position: right center;
	margin-right: 0px;
/* Esto evita que el pez oculte el borde derecho */
	color: #EA9153;
}
#menunav .menutrg:hover {
	background-position: right center;
	background-image:  url(../imagenes/bolilla_pez_encima.gif);
	background-repeat: no-repeat;
	background-color: #81c4e3;
	color: #007cc3;
}
/*controla el desplazamiento y alcance de los submenus */
#menunav .menuhide {
	left: -9000px;
	border: 0;
}
#menunav .menushow {
	left: auto;
	z-index: 20000;
	color: #EA9153;
}
/*modifica el menu madre */
#sidebar {
	top: 10px;
	left: 20px;
	width: 140px;
	font-size: 0.85em;	
}