/*
Blog Genérico
Francisco Javier Martínez Pardillo (www.javiscript.com)

 - CSS realizada y testeada para IE 6/7, Firefox 1.5/2.0, Opera 9.10/9.20 y Safari 2.0
 - Funcionamiento completo en IE 7, Firefox 1.5/2.0, Opera 9.10/9.20 y Safari 2.0. El diseño se degrada para que sea visible en IE 6, aunque no soporte toda la funcionalidad CSS.

*/

/* ---------------------------------------
ESTILOS GENERALES - Normalización y varios
--------------------------------------- */

* { /* Normalizamos margenes y rellenos inconsistentes en todos los elementos */
	padding:0;
	margin:0;
}
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	border: none;
	background-color: #6A243E;
}
img {
	border: 0em;
}

body {
/*
	overflow: -moz-scrollbars-vertical; 
*/
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	
	/*
	NORMALIAZACIÓN DEL TAMAÑO DEL TEXTO CON MEDIDAS RELATIVAS:

	- El tamaño por defecto de la tipografía en navegadores modernos corresponde a 16px.
	- Esta normalización del tamaño tiene como misión  hacer corresponder el tamaño por defecto con 1em.
		
	Por tanto,
		 1em = 16px * 0.625 = 10px	(aprox.) <- 0.625 es el factor de conversión.
	Así (aproximadamente)
		 1em = 10px
		 1.1em = 11px
		 1.2em = 12px
		...
	De esta manera obtenemos tamaños de fuentes escalables en IE (mejorando la accesibilidad)
	de una forma sencilla de implementar para el desarrollador.
	*/
	text-align: center;
}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul li div h1 h2 h3 h4 {
	margin: 0;
	padding: 0;
}

/* Estilos de separadores */
.sp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.1em;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 1em;
}

/* Estilos especiales (centrado y alineación) */

.inline {
	display: inline;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
	width: 100%;
}

#webContainer {
	display: inline;
	float: left;
	width: 100%; 
	height: 100%;
	background-image: url(../img/background.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #6A243E;
}

#webContent {
	margin: 0 auto;
	padding: 0 15px 0 15px;
	width: 981px;
	text-align: left;
	background-image: url(../img/background-content.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #875065;
	padding-bottom: 70px;
}

#columna-izquierda {
	display: block;
	float: left;
	width: 228px;
}

#columna-derecha {
	display: block;
	float: left;
	width: 228px;
}

#columna-central {
	display: block;
	float: left;
	width: 505px;
	padding: 0 10px;
}

h1 span, h2 span, h3 span, h4 span {
	display: none;
}

label {
	cursor: pointer;
}

.background_boton {
	display: inline;
	float: left;
	padding-left: 6px;
	text-align: left;
	width: 78px !important;
	height: 18px !important;
	background: url(../img/background_boton.gif) bottom left no-repeat;
	cursor: pointer;
	border: 0 none !important;
	background-color: transparent !important;
}

.background_boton2 {
	display: inline;
	float: left;
	text-align: center;
	width: 61px !important;
	height: 21px !important;
	background: url(../img/background_boton2.gif) bottom left no-repeat;
	cursor: pointer;
	border: 0 none !important;
	background-color: transparent !important;
}

.background_boton3 {
	display: inline;
	float: left;
	text-align: center;
	width: 78px !important;
	height: 22px !important;
	background: url(../img/background_boton3.gif) bottom left no-repeat;
	cursor: pointer;
	border: 0 none !important;
	background-color: transparent !important;
}

form {
	margin: 0;
	padding: 0;
}

.padding_left17 {
	padding-left: 17px;
}

.bullet_off {
	width: 13px;
	height: 13px;
	background: url(../img/bullet.gif) top left no-repeat;
}

.bullet_on {
	width: 13px;
	height: 13px;
	background: url(../img/bullet.gif) bottom left no-repeat;
}


.showError {
	display: inline;
	float: left;
	width: 100%;
}