/* -------------- Estilos Generales ----------------- */

body {
	margin: 0px;
	padding: 0px;
	font-size: 62.5%;
	font-family: Verdana;
	font-weight: normal;
	background: #dad6cd;
	}

html {
	margin: 0px;
	padding: 0px;
	}

h1 {
	position: absolute;
	left: -5000px;
	}

h2 {
	margin: 7px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
	width: 745px;
	font: normal 24px Verdana;
	float: left;
}

div.hr {
	margin: 0px;
	padding: 0px;
	background: url(../images/hr.gif) repeat-x top left;
	width: 100%;
	height: 1px;
	float: left;
}
div.hr hr{
	display: none;
}

img {
	border: none
}


	
a {
	text-decoration: none;
	color: #ba311b;
}
a:hover {
	color: #000;
}
a:active {
	outline: none;
}
a:focus {
	-moz-outline-style: none;
}

.clear { clear: both; }




/* -------------- Contenedor ----------------- */

	#contenedor {
		margin: 0 auto;
		width: 970px;
		padding: 10px;
		min-height: 100px;
		height: auto;
		overflow: hidden;
		background: #fff;
		}
	.index {
		top: 0;
		left: 0;
		width: 215px;
		height: 105px;
		background: url(../images/null.gif) repeat;
		float:left;
		}



/* -------------- CABECERA ----------------- */

	#cabecera {
		margin: 0px 0px 5px 0px;
		padding: 0px;
		width: 970px;
		height: 110px;
		background: #fff url(../images/bg_cabecera.gif) no-repeat top left;
		border-bottom: 1px dotted #000;
		float: left;
	}



	/* -------------- Menu Superior ----------------- */

	#menu1 {
		margin: 40px 0px 0px 10px;
		padding: 0px;
		min-height: 20px;
		height: auto;
		float: left;
		border-bottom: 1px dotted #000;
		}
	#menu1 ul {
		margin: 0px;
		padding: 0px;
		float: left;
		}
	#menu1 ul li {
		list-style-type: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 5px 0px 5px;
		float: left;
		}
	#menu1 ul li a {
		margin: 0px;
		padding: 0px 0px 0px 0px;
		font: normal 11px Verdana;
		color: #000;
		float: left;
		}
	#menu1 ul li a:hover {
		color: #ba311b;
		}
	#menu1 ul li a.selec {
		color: #ba311b;
		}



	#menu2 {
		margin: 9px 0px 0px 0px;
		padding: 0px;
		width: 745px;
		min-height: 24px;
		height: auto;
		float: right;
		}
	#menu2 ul {
		margin: 0px;
		padding: 0px;
		float: left;
		}
	#menu2 ul li {
		list-style-type: none;
		margin: 0px 9px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 97px;
		height: 21px;
		color: #000;
		font: normal 11px Verdana;
		background: #efefef;
		text-align: center;
		float: left;
		}
	#menu2 ul li.principal {
		list-style-type: none;
		margin: 0px 10px 0px 0px;
		padding: 4px 0px 0px 0px;
		width: 97px;
		height: 17px;
		color: #fff;
		text-align: center;
		font: normal 11px Verdana;
		background: #000;
		float: left;
		}
	#menu2 ul li a {
		margin: 0px;
		padding: 4px 0px 0px 0px;
		font: normal 11px Verdana;
		width: 97px;
		height: 17px;
		color: #000;
		background: #efefef;
		float: left;
		}
	#menu2 ul li a:hover {
		color: #fff;
		background: #bc3019;
		}
	#menu2 ul li a.selec {
		color: #fff;
		background: #000;
		}
	

	/* --------------- Foto lateral decorativa -------------- */
	#foto_deco {
		/* margin: -5px 10px 40px -10px; */
		margin: 9px 0px 40px 0px;
		padding: 0px;
		width: 200px;
		min-height: 504px;
		/* min-height: 420px; */
		height: auto;
		background: #fff url(../images/deco3.gif) no-repeat top left;
		/* background: #fff url(../images/deco2.gif) no-repeat top left; */
		/* background: #fff url(../images/deco.gif) no-repeat top left; */
		/* background: #fff url(../images/bg_deco.gif) repeat top left; */
		float: left;
		}
		
	/* -------------- Menu Lateral ----------------- */
	#menu3 {
		margin: 9px 0px 40px 0px;
		padding: 0px;
		width: 200px;
		min-height: 24px;
		height: auto;
		float: left;
		}
	#menu3 ul {
		margin: 0px;
		padding: 0px;
		float: left;
		}
	#menu3 ul li {
		list-style-type: none;
		margin: 0px 9px 0px 0px;
		padding: 0px;
		width: 200px;
		float: left;
		}
	#menu3 ul li.padre {
		list-style-type: none;
		margin: 0px 10px 0px 0px;
		padding: 8px 6px 0px 4px;
		width: 190px;
		min-height: 20px;
		height: auto;
		color: #fff;
		font: bold 11px Verdana;
		background: #464646 url(../images/icon_flecha2.gif) no-repeat top right;
		float: left;
		}
	#menu3 ul li a {
		margin: 0px;
		padding: 3px 12px 2px 8px;
		font: normal 11px Verdana;
		line-height: 16px;
		width: 180px;
		min-height: 22px;
		height: auto;
		color: #000;
		border-bottom: 1px solid #cdcdcd;
		background: #f5f5f5 url(../images/icon_menu.gif) no-repeat top left;
		float: left;
		}
	#menu3 ul li a:hover {
		color: #000;
		background: #d8d8d8 url(../images/icon_menu.gif) no-repeat top left;
		}

	#menu3 ul ul {
		margin: 0px;
		padding: 0px;
		float: left;
		}
	#menu3 ul ul li {
		list-style-type: none;
		margin: 0px 9px 0px 0px;
		padding: 0px;
		width: 200px;
		float: left;
		}
	#menu3 ul ul li a{
		margin: 0px;
		padding: 3px 6px 2px 14px;
		font: normal 11px Verdana;
		line-height: 16px;
		width: 180px;
		min-height: 22px;
		height: auto;
		color: #fff;
		border-bottom: 1px solid #fff;
		background: #9e9e9e;
		float: left;
		}
	#menu3 ul ul li a:hover {
		background: #a6a6a6;
		}


/*------------------- Contenido ---------------------- */

#contenido {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 970px;
	min-height: 100px;
	height: auto;
	float: left;
}
	
#contenido p.texto {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 20px 10px;
	width: 725px;
	font-size: 11px;
	line-height: 14px;
	text-align: justify;
	float: left;
}

#contenido p.bpestana  {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	width: 725px;
	border-bottom: 1px solid #dedede;
	float: left;
	}

	#flash {
		width: 650px;
		margin: 8px 0px 0px 0px;
		padding: 0px;
		float: left;
		}
	#flash p.rojo {
		margin: 0px;
		padding: 6px 5px 0px 15px;
		width: 145px;
		height: 20px;
		font: normal 12px Verdana;
		color: #fff;
		background: #000;
		text-align: right;
		float: left;
		}
	#flash p.negro {
		margin: 0px;
		padding: 6px 0px 0px 5px;
		width: 480px;
		height: 20px;
		font: normal 12px Verdana;
		color: #fff;
		background: #980000;
		float: left;
		}
	
	#columna_texto {
		margin: 8px 7px 0px 0px;
		width: 300px;
		float: right;
		}
	#columna_texto p {
		margin: 15px 0px 0px 0px;
		padding: 0px;
		font: normal 11px Verdana;
		text-align: justify;
		width: 290px;
		color: #000;
		float: left;
		}
	
	.resalte {
		padding: 3px 4px 3px 4px;
		height: 14px;
		background: #9a0201;
		color: #fff;
		float: left;
		}
	.clear {clear: both;}
		
	.pestana {
		padding: 5px 8px 5px 8px;
		margin: 0px 0px 0px 20px;
		height: 14px;
		background: #f5f5f5;
		border: 1px solid #dedede;
		border-bottom: none;
		color: #000;
		float: right;
		}
	a.pestana :link {
		color: #000;
		}
	a.pestana:hover {
		background: #bc3019;
		color: #fff;
		}
		
		
	.titular {
		margin: 3px 0px 3px 0px;
		font: normal 18px Verdana;
		color: #000;
		float: left;
		}
	a.titular:link {
		text-decoration:underline;
		}
	a.titular:hover{
		text-decoration: none;
		}
		
	
	.titular2 {
		margin: 3px 0px 3px 0px;
		font: normal 18px Verdana;
		color: #000;
		float: left;
		}
	a.titular2:link {
		color: #000;
		text-decoration:underline;
		}
	a.titular2:hover{
		color: #9a0201;
		text-decoration: none;
		}

	
	#columna_promos {
		margin: 0px 7px 0px 0px;
		width: 300px;
		float: right;
		}
	.promo {
		margin: 8px 0px 0px 0px;
		}
	
	
	#columna_video {
		margin: 8px 7px 0px 0px;
		width: 300px;
		float: right;
		}
	#columna_video p {
		margin: 15px 0px 0px 0px;
		font: normal 11px Verdana;
		text-align: justify;
		width: 290px;
		color: #000;
		float: left;
		}
	
	#migas {
		margin: 9px 0px 0px 15px;
		padding: 0px;
		width: 745px;
		height: 26px;
		font: normal 11px Verdana;
		background: url(../images/linea_migas.gif) repeat-x top left;
		float: left;
		}
	#migas a:link{
		color: #000;
		}
	#migas a:hover{
		text-decoration: underline;
		}
		
	#rutas {
		margin: 4px 0px 0px 0px;
		padding: 0px 0px 0px 10px;
		width: 960px;
		height: 26px;
		font: normal 11px Verdana;
		background: url(../images/linea_migas.gif) repeat-x top left;
		float: left;
		}
	#rutas a:link{
		color: #000;
		}
	#rutas a:hover{
		text-decoration: underline;
		}
	
	#caja_edicion {
		margin: 9px 0px 0px 15px;
		padding: 0px 0px 0px 10px;
		width: 725px;
		min-height:	150px;
		height: auto;
		background: #fff;
		text-align: justify;
		float: left;
		}
	
	#caja_edicion2 {
		margin: 9px 0px 0px 15px;
		padding: 0px;
		width: 745px;
		min-height:	150px;
		height: auto;
		background: #fff;
		float: left;
		}

	
	#categoria {
		margin: 9px 0px 0px 15px;
		padding: 0px;
		width: 745px;
		min-height:	550px;
		height: auto;
		/* background: #efefef url(../images/bg_categorias.gif) repeat-y top left; */
		background: #fff;
		float: left;
		}
	
	#categoria p.icon {
		margin: 0px;
		padding: 0px;
		width: 60px;
		min-height: 500px;
		height: auto;
		background: url(../images/icon_fotoperiodismo.gif) no-repeat top left;
		float: left;
		}
	
	#categoria p.fila1 {
		margin: 0px 0px 0px 35px;
		/* margin: 0px 0px 0px 60px; */
		padding: 0px 0px 0px 0px;
		/* padding: 0px 0px 0px 25px; */
		/* padding: 0px 0px 0px 15px; */
		width: 660px;
		min-height: 230px;
		height: auto;
		/* background: url(../images/bg_fila1.gif) repeat top left; */
		background: #fff;
		border-bottom: 2px solid #fff;
		float: left;
		/* border: 1px solid red; */
		}
	#categoria p.fila1 img {
		margin: 10px 0px 0px 20px;
		float: left;
		}
	
	#categoria p.fila2 {
		margin: 0px 0px 0px 60px;
		padding: 0px 0px 0px 25px;
		width: 660px;
		min-height: 230px;
		height: auto;
		/* background: #f3f3f3 repeat top left; */
		background: #fff repeat top left;
		border-bottom: 2px solid #fff;
		float: left;
		}
	#categoria p.fila2 img {
		margin: 10px 0px 0px 20px;
		float: left;
		}
		
	#paginacion {
		margin: 9px 12px 0px 0px;
		padding: 0px;
		width: 740px;
		min-height: 26px;
		height: auto;
		font: normal 11px Verdana;
		text-align: right;
		float: right;
	}
	
	#editable {
		margin: 9px 0px 0px 15px;
		padding: 0px;
		width: 745px;
		min-height:	550px;
		height: auto;
		font: normal 11px Verdana;
		float: left;
		}
		
	.contenido_editor {
		margin: 5px 0px 0px 10px;
		padding: 0px;
		width: 725px;
		text-align: justify;
		float: left;
	}	
	
	.titulo {
		margin: 0px 0px 10px 0px;
		padding: 0px;
		width: 745px;
		font: normal 24px Verdana;
		float: left;
		}
		
		
		
	/*--- Estilos para la plantilla de muestra del editor --- */
	.contenido_editor ul {
		margin: 0px 0px 5px 10px;
		padding: 0px;
		list-style-type: none;
		width: 140px;
		float: left;
		}
	.contenido_editor ul li {
		margin: 0px 0px 1px 0px;
		padding: 0px;
		width: 140px;
		float: left;
		}
	.fotoizq {
		margin: 0px;
		padding: 0px;
		float: left;
		}
	.fotodcha {
		margin: 0px;
		padding: 0px;
		float: right;
		}
	.linea {
		margin: 0px 0px 5px 0px;
		width: 720px;
		height: 5px;
		border-top: 1px dotted #ccc;
		float: left;
		}
	.caja_texto{
		margin: 0px;
		padding: 20px;
		background: #f5f5f5;
		font-family: Verdana;
		font-size: 11px;
		width: 680px;
		float: left;
		}
	.contenido_editor a {
		text-decoration: underline;
		}
	.texto_normal {
		font-family: Verdana;
		font-size: 11px;
		color: #000;
		}
	.texto_grande {
		font-family: Verdana;
		font-size: 14px;
		color: #000;
		}
	.texto_rojo {
		font-family: Verdana;
		font-size: 11px;
		color: #bc3019;
		}
	.linea {
		margin: 0px 0px 5px 0px;
		width: 720px;
		height: 5px;
		border-top: 1px dotted #ccc;
		float: left;
		}
		
	/* ----------------- Listado PAISES ----------------- */
	#fila_cabecera {
		margin: 0px 0px 0px 15px;
		padding: 0px;
		float: left;
		}
	#fila_cabecera p {
		margin: 0px 2px 1px 0px;
		background: #bb311b;
		padding: 5px;
		color: #fff;
		font-size: 11px;
		font-weight: bold;
		float: left;
		}
	#fila_cabecera p.celda1 {
		width: 100px;
		}
	#fila_cabecera p.celda2 {
		width: 420px;
		}
	#fila_cabecera p.celda3 {
		width: 150px;
		}
	.fila_pais {
		margin: 0px 0px 0px 15px;
		padding: 0px;
		background: #efefef;
		float: left;
		}
	a.fila_pais:link {
		margin: 0px 0px 0px 15px;
		padding: 0px;
		background: #efefef;
		float: left;
		}
	a.fila_pais:hover {
		margin: 0px 0px 0px 15px;
		padding: 0px;
		color: #fff;
		background: #666;
		float: left;
		}
	.fila_pais2 {
		margin: 0px 0px 0px 15px;
		padding: 0px;
		background: #f7f7f7;
		float: left;
		}
	p.pais_celda1 {
		margin: 0px 0px 0px 0px;
		padding: 5px;
		width: 100px;
		color: #464646;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		font-size: 11px;
		font-weight: bold;
		float: left;
		}
	p.pais_celda2 {
		margin: 0px 0px 0px 0px;
		padding: 5px;
		width: 420px;
		color: #464646;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		font-size: 11px;
		font-weight: bold;
		float: left;
		}
	p.pais_celda3 {
		margin: 0px 0px 0px 0px;
		padding: 5px;
		width: 150px;
		color: #464646;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		font-size: 11px;
		font-weight: bold;
		float: left;
		}

	
/* -------------- PIE ----------------- */

	#pie {
		margin: 10px 0px 0px 0px;
		padding: 5px 0px 0px 0px;
		width: 970px;
		height: 55px;
		font: normal 10px Verdana;
		color: #646464;
		line-height: 14px;
		border-top: 1px dotted #000;
		float: left;
		}
	#pie a {
		color: #666666;
		}
	#pie p.izquierda {
		float: left;
		}
	#pie p.derecha {
		width: 200px;
		text-align: right;
		float:right;
		}
	#pie p.derecha a {
		text-decoration: underline;
		}
	#pie a:link {
		color: #646464;
		text-decoration: none;
		}
	#pie a:hover {
		color: #646464;
		text-decoration: underline;
		}
		
		

/* ---------------- Tablas --------------- */

table {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 20px 0px;
	width: 738px;
	border: none;
	border-collapse: collapse;
	float: left;
	}
	
table tr, td {
	margin: 0px;
	padding: 2px;
	color: #ba311b;
	}
	
.campo {
	margin: 0px;
	padding: 1px 5px 3px 5px;
	color: #333;
	font: normal 11px Verdana;
	background: #ffffff;
	border: 1px solid #ba5443;
	color: #ba311b;
	float: left;
}

.campo2 {
	margin: 0px;
	padding: 1px 5px 3px 5px;
	color: #333;
	width: 300px;
	height: 100px;
	color: #ba311b;
	font: normal 11px Verdana;
	background: #ffffff;
	border: 1px solid #ba5443;
	float: left;
}

.boton {
	margin: 0px;
	padding: 1px 5px 3px 5px;
	color: #fff;
	font: bold 10px Verdana;
	background: #ba311b;
	border: 1px solid #ba311b;
}

/*----------- Buscador -------------------- */
#buscador {	
	margin: 35px 10px 0px 0px;
	padding: 0px;
	width: 203px;
	text-align: right;
	float: right;
}
.campo3 {
	margin: 0px;
	padding: 1px 5px 3px 5px;
	color: #333;
	width: 150px;
	font: normal 11px Verdana;
	background: #ffffff;
	border: 1px solid #ccc;
	color: #ba311b;
	float: left;
}
.boton_lupa {
	margin: 0px;
	padding: 1px 0px 0px 25px;
	color: #ba311b;
	font: bold 11px Verdana;
	height: 25px;
	background: url(../images/icon_lupa.gif) no-repeat top left;
	cursor: pointer;
	border: none;
}