/* CSS Document */

body {
background: url('line.gif') repeat;
font-family:Verdana, Helvetica, Arial, sans-serif;
font-size:10px;
color: #1B4581;
}

a {text-decoration: none; color:#1B4581; }
a:link {text-decoration: none; color:#1B4581; }
a:visited {text-decoration: none; color:#1B4581; }
a:hover {text-decoration: none; color:#D3011A; }
a:active {text-decoration: none; color:#D3011A; }

/* Esto para que este centradito */
div#centrado {
width:720px;
margin: 0 auto;
padding: 0 0 34px 0;
text-align:justify;
}

/* contenido */
div#contenedor {
width: 720px;
height: 53;
margin: 0 20px -20px 0;
padding: 0 0 0 0;
background: url('elmedio.jpg') repeat-y;
overflow:auto;
}

div#contenido {
margin: 0 20px 0 20px;
padding: 0 0 0 0;
}

div#izquierda {
float: left;
width: 270px;
height: auto;
margin: 10px 0 0 0;
padding: 0 0 0 10px;
min-height: 300px;
}

/* Columna de la derecha */

div#derecha {
margin-left: 320px;
border-left: 0px solid gray;
margin: 70px 0 0 0;
padding: 0;
}

div#botonizq {
float: left;
width: 72px;
margin: 0 0 0 40px;
padding: 0 0 0 0;
}

div#botonder {
float: right;
width: 72px;
margin: 0 10px 0 0;
padding: 0 0 0 0;
}

div#enumeracion {

float: right;
margin: 4px 80px 0 0;
padding: 0 0 0 0;
text-align: right;
width: auto;
height: auto;

}


div#lafoto
{
float: right;
width: 352px;
height: auto;
margin: -40px 0 10px 0;
background-color: #fff;
padding: 10px;
border-top: 1px solid #999;
border-right: 2px solid #555;
border-bottom: 2px solid #555;
border-left: 1px solid #999;
}

div#picholder {
float: right;
width: 352px;
height: auto;
margin: -40px 0 10px 0;
background-color: #fff;
padding: 10px;
border-top: 1px solid #999;
border-right: 2px solid #555;
border-bottom: 2px solid #555;
border-left: 1px solid #999;

}

div#pic {
width: 352px;
height: auto;
text-align: center;
}


div#contenido h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-weight: normal;
text-decoration: none;
margin: 20px 0 20px 0;
padding: 0 0 0 0;

letter-spacing: .1em;
}

div#contenido h3 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
color: #1B4581;
text-decoration: none;
margin: 0 0 0 -10px ;
padding: 4px 4px 4px 4px;
background-color: #E2E2E2;
width: 280px;
padding: .5em;
letter-spacing: .1em;
}

div#contenido h4 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
color: #1B4581;
text-decoration: none;
margin: 20px 0 20px -10px;
padding: 4px 4px 4px 4px;
background-color: #E2E2E2;
width: 280px;
}

/* footer */
div#footer {
clear: both;
font-size:90%;
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align:center;
background:  url('elfooter.jpg') no-repeat;
width:720px;
height: 138px;
overflow: auto;
}
#footertxt {
margin: 86px 0 0 0;
}

/* header */
div#header {
width: 720px;
height: 149px;
margin: 20px 0 -20px 0;
padding: 0 0 0 0;
background: url('elheader.jpg') no-repeat;
}

div#header h1 { display:none; }

/* menu */
div#menu  { font-weight: bold; text-align:right;}
div#menu ul { margin: 0 ; padding: 0 0 0 0; }
div#menu li { display: inline; padding: 5px 5px 0 5px ;}
div#menu a {text-decoration: none; color:#1B4581; }
div#menu a:link {text-decoration: none; color:#1B4581; }
div#menu a:visited {text-decoration: none; color:#1B4581; }
div#menu a:hover {text-decoration: none; color:#D3011A; }
div#menu a:active {text-decoration: none; color:#D3011A; }

/* contacta */

div#contacta {
line-height: 110%;
letter-spacing: .1em;
word-spacing: .15em;
}

/* Botones y Formulario */



.inputText
{
	background-color:#FFFFFF;
	border:1px solid #CACABE;
	width:300px;
	valign:middle;
}

.inputButton
{
	background-color:#ddd;
	valign:middle;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:2px solid #ddd;
	border-left:2px solid #ddd;
    font-size:10px;
    color: #1B4581;
}
.inputButton:hover
{
	background-color:#ddd;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:2px solid #ddd;
	border-left:2px solid #ddd;

}

/* Mapa */

div#mapholder {

	width: 640px;
	height: 400px;
	margin: 20px 0 0 0;
	padding: 10px;
	border-top: 1px solid #999;
	border-right: 2px solid #555;
	border-bottom: 2px solid #555;
	border-left: 1px solid #999;

}

div#map {

	width: 640px;
	height: 400px;

}

div#donde {
line-height: 110%;
letter-spacing: .1em;
word-spacing: .15em;
}


/* Fichas Mini */

div#fichasmini {
 margin: 20px 20px 0 0;
 background-color:#FFF;
 width: auto;
 height: 134px;

}

div#fotoizquierda {
float: left;
width: 150px;
margin: 0 0 0 0;
padding: 10px;
background-color:#FFF;
border-top: 1px solid #999;
border-right: 2px solid #555;
border-bottom: 2px solid #555;
border-left: 1px solid #999;
}

div#picholdermini {
float: left;
width: 150px;
margin: 0 0 0 0;
background-color: #fff;
padding: 10px;
border-top: 1px solid #999;
border-right: 2px solid #555;
border-bottom: 2px solid #555;
border-left: 1px solid #999;

}

div#picmini {
width: 150px;
height: auto;
text-align: center;
}

div#textoderecha {
margin-left: 190px;
border-left: 0px solid gray;
padding: 0;
}

div#textoderecha h3{
width:auto;
}


div#textoderecha2 {

width: auto;
margin: 10px 0 0 0;
padding: 0 0 0 10px;
}

div#masinfo {
float: right;
width: 72px;
margin: -30px 20px 0 0;
padding: 0 0 0 0;
}

div#divider {
width: 680px;
height: 20px;
background: url('divider2.jpg') no-repeat;
margin: 20px 0 0 0;
padding: 0 0 0 0;
}

/* PAGINATOR */

.Pages { text-align: center; margin-bottom: 20px; margin-top: 20px; }
.Paginator { font-size: 10px; padding-top: 10px; margin-left: auto; margin-right: auto; }
.Paginator a, .pageList .this-page { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.Paginator a:visited { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.Paginator .AtStart { margin-right: 20px; padding: 2px 6px; border: solid 1px #ddd; background: #fff; color: #aaa; }
.Paginator .Prev { margin-right: 20px; padding: 2px 6px; border: solid 1px #ddd; background: #ddd; }
.Paginator .break { padding: 2px 6px; border: none; background: #fff; text-decoration: none; }
.Paginator .Next { margin-left: 20px; padding: 2px 6px; border: solid 1px #ddd; background: #ddd;}
.Paginator .AtEnd { margin-left: 20px; padding: 2px 6px;  border: solid 1px #ddd;  background: #fff; color: #aaa; }
.Paginator .this-page {padding: 2px 6px; border-color: #999; font-weight: bold; font-size: 10px; vertical-align: top; background: #fff; color: #1B4581; }
.Paginator a:hover {color: #1B4581; background: #ddd; border-color: #ddd; text-decoration: none;}
.Pages div.Results { text-align: center; font: 11px/15px Arial, Helvetica; color: #aaa; margin-top: 8px; }

/* quienes */

div#quienes {
 margin: 20px 20px 0 0;
 background-color:#FFF;
 width: auto;


}

div#izquierdaquienes {
float: left;
width: 262px;
height: auto;
margin: 0 0 0 0;
padding: 10px;
background-color:#FFF;
border-top: 1px solid #999;
border-right: 2px solid #555;
border-bottom: 2px solid #555;
border-left: 1px solid #999;

}

div#textoderechaquienes {

margin-left: 310px;
border-left: 0px solid gray;
padding: 0 0 0 0;
line-height: 110%;
letter-spacing: .1em;
word-spacing: .15em;
}

div#textoderechaquienes h3{

width: auto;
}


div#txtcentrado {
clear: both;
margin: 0 0 0 0;
padding: 40px 0 0 0;
text-align:center;
width: auto;
height: auto;
overflow: auto;
}

/* Inicio */

div#inicio {
 margin: 0 0 0 0;
 background-color:#FFF;
 width: auto;

}

div#imagenaleatoria {

float: right;
width: 352px;
height: auto;
margin: -40px 0 10px 0;
background-color: #fff;
padding: 10px;
border-top: 1px solid #999;
border-right: 2px solid #555;
border-bottom: 2px solid #555;
border-left: 1px solid #999;
}

div#inicioizquierda {
float: left;
width: 270px;
height: auto;
margin: 10px 0 0 0;
padding: 0 0 0 10px;
line-height: 110%;
letter-spacing: .1em;
word-spacing: .15em;

}

div#inicioderecha {

margin-left: 320px;
border-left: 0px solid gray;
margin: 70px 0 0 0;
padding: 0;
}





div#txtcentrado {
clear: both;
margin: 0 0 0 0;
padding: 40px 0 0 0;
text-align:center;
width: auto;
height: auto;
overflow: auto;
}

/* La tabla */

/*caption {
padding: 10px 0;
text-align: left;
text-transform: uppercase;
font-size: 120%;
}

table, th, td {
border: 1px solid #666;
border-collapse: collapse;
}

table {
border: none;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

th {
padding: 5px 10px;
font-size: 90%;
text-transform: uppercase;
text-align: left;
color: #333;
}

td {
padding: 0 10px;
} */

/* tabla dos */

caption {
padding: .5em;
letter-spacing: .2em;
text-align: left;
font-weight: bold;
}


table {
border: 1px solid #1B4581;
}

th {
background: #1B4581;
color: #fff;
padding: 1em .7em 1em .7em;
font-weight: bold;
text-align: center;
}

tbody td, tbody th {
padding .5em;
}

tbody tr {
background: #ddd;
text-align: center;
}

td {
padding: 4px 10px;
}

div#dostablas {
clear: both;
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align:left;
width: auto;
height: auto;
overflow: auto;
}

div#tablaizquierda {
float: left;
width: 350px;
height: auto;
margin: 10px 0 0 0;
padding: 0 0 0 10px;
}


div#tabladerecha {
margin-left: 350px;
height: auto;
border-left: 0px solid gray;
margin: 30px 0 0 0;
padding: 0;
}

div#tabladerecha p {
text-align:right;
padding: 0 20px 0 0;
}


/* admin panel */

div#admin {
clear: both;
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align:left;
width: auto;
height: auto;
overflow: auto;
}

div#adminizquierda {
float: left;
width: 180px;
height: auto;
margin: 10px 0 0 0;
padding: 0 0 0 10px;
}


div#adminderecha {
margin-left: 190px;
border-left: 0px solid gray;
margin: 30px 0 0 0;
padding: 0;
}