/*GENERALES*/

html, body {
	margin: 0;
  padding: 0;
  height: 100%;
}

body {
	width:100%;
  font-family: Arial, Helvetica, sans-serif;
}

#container-page {

	width: 100%;
  min-width: 980px;
  background:url('../img/bordeFondo.png') repeat-y center #fff;
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

#container-content {
	padding-bottom: 26px;		/*la altura del footer*/
	text-align: center;			/*ojo con centrado imagenes en cotenido*/
  width: 980px;
  margin:auto;
  font-size:0.8em;
}

#contentBreadCrumb{
  color: #333;
  width: 80%;
  height:26px;
  padding-top: 5px;
  padding-left: 10%;
  text-align: left;
  font-size:0.9em;
}

#breadCrumb {
	height: 18px; /* This is the height we wan't on our breadcrumb */
	width: 80%;
 	padding: 4px 0 0 8px;
 	/*background: #999;*/ /* This is our background color */
 	color: #333; /*This is our color on the text which isn't a link. We want' they to be light grey */
}

#breadCrumb li {
 	float: left;
 	display: inline;
 	margin-right: 4px;
}

#breadCrumb li a {
 	color: #333; /* Our breadcrumb links are going to be white */
 	font-weight: bold; /* And bold */
 	background: url(../img/img_bullet02.gif) top right no-repeat;
 	padding-right: 11px; /* We need to add some padding to the right of the link. This space is where the background image is going to be shown. */
 	text-decoration: none;
 	font-size: 1em;
}

#breadCrumb a:hover {
 	color: #333;
/* 	background:url(../img/breadcrumb.gif) bottom right no-repeat;*/
}

#ficha {
	border:2px solid #AAA;
	padding:20px;
	font-size:1.3em;
}

/*#contentBreadCrumb li{
	list-style: none;
	padding-left: 5px;
  font-size:1em;
  color: #333;
}*/

#container-content a{
  font-size:0.8em;
  color: #333;
  /*text-decoration: none;*/
}

#container-content a img{
	border: 0;
}

#container-foot {
	width: 100%;
  background: #CCC;
  position: absolute;
  bottom: 0 !important;
  bottom: -1px;
  height: 26px;
}

#contentCabecera {
    background-color: #000000;
    color: #FFFFFF;
    width: 100%;
    height:26px;
    text-align: center;
		font-size:1.0em;
}

a{
	color: #FFF;
	font-size: 0.75em;
	text-decoration: none;
}

a:hover { text-decoration: underline }

#contentPie {
    height: 26px;
    /*bottom: 0px;*/
    background-color: #000000;
    color: #FFFFFF;
    width: 100%;
    text-align: center;
		font-size:1.1em;
}

.cdotted {
  	border-bottom: 1px dotted #000;
  	height: 5px;
}

.alineacion_centered {
  display: block !important;
  padding-bottom: 2px;
  margin: auto !important;
	border:none;
}
	
.alineacion_left {
  float: left;
  padding-right: 5px;
  padding-bottom: 2px;
}
	
.alineacion_right {
 	float: right;
 	padding-left: 5px;
 	padding-bottom: 2px;
}

.espacio1 {
    height: 10px;
}

.espacio2 {
    height: 20px;
}

div.top {
	height:15px; 
	background-image:url(../img/top_line.gif); 
	background-repeat: repeat-x; 
	margin:0 0 0 0;}
	
img.esquina_sup_izq { float:left; }
img.esquina_sup_der { float:right; }

div.content1 { 
	background-image:url(../img/left_line.gif); 
	background-repeat:repeat-y; 
	background-color: #ffffff; }		/*a9d974*/
	
div.boxcontrol { padding:0 5% 0 5%; 
	background-image:url(../img/right_line.gif); 
	background-position:right; 
	background-repeat:repeat-y; }
	
div.bottom { height:15px; 
	background-image:url(../img/btm_line.gif); 
	background-repeat:repeat-x; 
	border:0;
	padding:0;
	margin:0;}
	
img.esquina_inf_izq { float:left; }
img.esquina_inf_der { float:right; }

h1 { margin:0; border-bottom:1px dashed #996;}

p.autor { padding-right:8px; 
	border-right:1px dashed #996;
	text-align:right;
	margin:-.1em 0 0 0; }
	
/* IE 5.5 box model hack para posicionar correctamente las imagenes de esquina */
* html img.esquina_sup_izq, * html img.esquina_inf_izq  { \margin-left:-.2em;  ma\rgin-left:0; }
* html img.esquina_inf_der, * html img.esquina_sup_der { \margin-left:.2em; }


/* FORMULARIO */

#formContacto {
	width: 60%;
  margin-left: 20%;
  text-align: left;
}

label {	display: block;	}

#formularioBusqueda {
	/*border: 1px solid #CCCCCC;*/
	width:80%;
	margin-left: 10%;
	margin:auto;
	text-align:left;
}

#formBusqueda input.text,textarea, select{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;;
	color: #333333;
	margin-top:5px;
	margin-bottom:5px;
	font-size: 1em;
	width: 100%;
	border: 1px solid #CCCCCC;
}

#formContacto input.text,textarea, select{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;;
	color: #333333;
	margin-top:10px;
	margin-bottom:10px;
	font-size: 1em;
	width: 100%;
	border: 1px solid #CCCCCC;
}

#formContacto input.checkbox,input.radio {
		margin-top:10px;
		margin-left:5px;
}

#register {
	float: center;
	width: 100%;
	text-align:center;
}

#register input.submit {
	background: transparent;
	text-align: center;
	/*width: 100%;*/
	font-size: 13;
	color: #999999;
	border:none;
	font-weight: bolder;
}

#central #glosario{
font-size:12px;
float:right;
padding:0em;
border:0em;
display:inline;}

#central #glosario ul{margin:0em; padding:0em;}
#central #glosario ul li{display:inline;margin:0em;}
#central #glosario a{color:#000; text-decoration:none;font-weight:bold; padding:0.6em;border-left:1px solid #CCC;border-right:1px solid #CCC}
#central #glosario a:hover{color:#FFF;background-color:#000;}


/*Digg*/

	div.pagination {
		padding: 3px;
		margin: 3px;
		text-align:center;
		margin-bottom:20px;
	}

	
	div.pagination a {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #000;
		text-decoration: none; /* no underline */
		color: #000;
	}

	div.pagination a:hover, div.pagination a:active {
		border: 1px solid #000;
		background-color: #CCC;
		color: #FFF;
	}

	div.pagination span.current {
		padding: 2px 5px 2px 5px;
		font-size: 0.75em;
		margin: 2px;
		border: 1px solid #000;
		/*font-weight: bold;*/
		background-color: #000;
		color: #FFF;
	}

	div.pagination span.disabled {	
		padding: 2px 5px 2px 5px;
		font-size: 0.75em;
		margin: 2px;
		margin-top: 10px;
		border: 1px solid #999;
		color: #999;
	}