*{-moz-box-sizing: border-box;box-sizing: border-box}p{margin-top:0px;margin-bottom:1em}form{margin:0px}input{padding:1px}

#container {width:760px;  margin-left:-380px; left:50%; position:absolute;}
#Menu {width:760px; height:19px; margin-bottom:1px; background-color:#FE3435}
#Head {width:760px; height:70px; background-image: url(head2.jpg); background-position: top; background-repeat: no-repeat;}
#ColIzq {float:left; width:150px; height:400px;}
#ColDer {	float:left; 	width:610px;}
img {border:none;}
#ColIzqCont2 {float:left; width:450px; }
#ColDerCont2 {
	float:left;
	width:150px;
	height:400px;
	margin-left: 10px;
}
#Pie {width:760px; height:20px;}
p, td, div {
	color:#000000;
	font: 11px/125% verdana, arial;
}

/* Configuracion de la Barra del Home */

div#modizq {
	float:left; 
	width:150px; 
	height:20px; 
	font-family:verdana; 
	font-size:10px;
}
div#modizq div.nav1 ul.level1 li a{background-color:#FE3435; color:#FFFFFF; text-align:center;}
div#modizq div.nav1 ul.level1 li a:hover {background-color:#FE3435; color:#333}
/* Componente del lado Izquierdo */
div#modder {float:left; width:160px; height:20px; background-color: #FE3435;font-family:verdana; font-size:10px;} /* Componente del lado Derecho */


/*Barra de Navegacion : Grupo Head; Tipo 1 */

#VarNavSup div.nav1 {float:left; width:610px; background-color:#FE3435;}
#VarNavSup div.nav1 ul.level1 {list-style: none; margin:0px;}
#VarNavSup div.nav1 ul.level1 li {}
#VarNavSup div.nav1 ul.level1 li a {width:120px; background-color:#FE3435;  border-left:1px solid #FFFFFF; color:#FFFFFF; text-align:center;}
#VarNavSup div.nav1 ul.level1 li a:hover {color:#333;}
#VarNavSup div.nav1 ul.level1 li.current a {}


/* Estilo para el banner superior */
#BannerSup {margin-top:2px}

/*Estilos para la caja del Login */

#loginBox {
	width:144px;
	border:1px solid #cccccc;
	background-color:#F0F0F0;
	font-family:verdana;
	font-size:11px;
	padding: 0px;
	margin-top: 5px;
}
#contrasena, #usuario {margin:0px 1px; padding:1px; width:136px; height:18px; border:1px solid #CCCCCC; font-family:verdana; font-size:11px; }
#enviar {
	margin-top: 5px;
	margin-bottom: 2px;
	color: #666666;
}
#loginBox p{
	margin-top: 0px;
	margin-bottom: 0px;
	color: #666666;
}
#loginBox .input {font-family:verdana; font-size:10px; color:#333333; margin:5px 0px 0px; padding:0px 0px 2px;}

/* Parrafos del Home */

div#parrafohome2 {float:left; width:145px; margin-right:5px; margin-left:1px}
div#parrafohome2 .img {
	text-align: center;
	border: none;
	padding: 0px;
}
div#parrafohome3 {float:left; width:145px;  margin-right:5px;}
div#parrafohome4 {float:left; width:145px; margin-left:0px}
.parrafohome {
	border-bottom: 1px solid #FF0000;
	padding-bottom: 2px;
}
.parrafohome .img {
	text-align: center;
	border: none;
	padding: 0px;
}
.parrafohome p {
	border-top: 1px solid #999999;
	padding-top: 2px;
	padding-bottom: 0px;
	line-height: 10px;
	margin: 4px 0px 0px;
	width: 100%;
}
.parrafohome h1 {
	text-align: left;
	margin-bottom: 4px;
	padding-bottom: 1px;
}
.parrafohome a {
	color:#333333;
	text-decoration:none;
	margin: 0px;
	width: 100%;
	padding: 0px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
.parrafohome a:link {color:#333333;}
.parrafohome a:visited {color:#666666;}
.parrafohome a:hover {
	color:#000000;
}.parrafohome .bot a:hover {
	color:#000000;
	background-color: #DDD;
	margin: 0px;
	padding: 0px;
}


/* Estilos Barras de Navegacion Secundarias */
 
div#VarNavPpal div.nav3 {width:150px; margin-top:2px;}
div#VarNavPpal div.nav3 ul {width:150px; }
div#VarNavPpal div.nav3 ul li {width:144px; background-color: #F4F4F4; padding:2px 3px; margin-bottom:-1px;}
div#VarNavPpal div.nav3 ul.level1 li a  {font-family:verdana; font-size:11px; color:#666666; font-weight:bold;}
div#VarNavPpal  div.nav3 ul.level1 li a:hover { }
div#VarNavPpal  div.nav3 ul.level1 li.current a { }
div#VarNavPpal  div.nav3 ul.level1 li.submenu {  }
div#VarNavPpal  div.nav3>ul a {}
div#VarNavPpal  div.nav3 ul ul {padding-left:20px; top: 0; left: 0em; display:none;}
div#VarNavPpal  div.nav3 ul ul ul {padding-left:20px; top: 0; left:0em; display:none;}
div#VarNavPpal  div.nav3 ul.level1 li.current ul.level2,
div#VarNavPpal  div.nav3 ul.level1 li.parent1 ul.level2, 
div#VarNavPpal  div.nav3 ul.level1 li.parent2 ul.level2, 
div#VarNavPpal  div.nav3 ul.level2 li.parent1 ul.level3, 
div#VarNavPpal  div.nav3 ul.level2 li.current ul.level3 {display:block;}


/* Otras Etiquetas */

h1 {
	color:#333333;
	border-bottom:1px solid #FE3435;
	padding-bottom:1px;
	text-align:left;
	margin-bottom: 6px;
	margin-top: 0px;
	font: bold 12px/12px verdana;
}
h2{font-family:verdana; font-size:11px; color:#FFFFFF; background-color:#FE3435; padding:2px 3px; font-weight:normal; text-align:left;}
h3 {font-family:verdana; font-size:11px; width:auto; color:#ffffff; background-color:#FE5D5D; padding:2px 3px; font-weight:bold; border-bottom:2px solid red;}

/* Etiquetas Genericas para Tablas 
NOTA: Se añaden como clases, ya que si se coloca la etiqueta html, afecta a todo el site, incluidas partes del programa.*/
.table {border:1px solid #999; background-color:#FFFFFF;}
.th {
	color:#FFFFFF;
	background-color:#000000;
	text-align:center;
	padding:2px;
	font: bold normal 12px verdana;
}
.td {font-family:verdana; font-size:11px; color:#666666; font-weight:normal; padding:2px;}

/* Etiquetas Genericas para los Campos de Formulario (<input>) */

.input {width:76px; height:14px; background-color:#FFF; border:1px solid #666666;font-family:verdana; font-size:11px; color:#333333;}

/* Etiquetas para enlaces */

.enlacehome a {
	width:200px; 
	padding:1px 20px; 
	background-image: url(favicon_1.jpg); 
	background-position:right center; 
	background-repeat: no-repeat; 
	font-family:verdana; 
	font-size:10px; 
	color:#333333; 
	text-decoration:none; 
	text-align:left
}
.enlacehome a:link {color:#333333;}
.enlacehome a:hover {color:#000000; text-decoration:underline;}
.enlacehome a:visited {color:#666666;}


/* Etiquetas de para crear o formatear botones */

.boton_mostrar{
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	text-align: center;
	padding-top: 1px;
	padding-bottom: 2px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	width: 90px;
}

.boton_mostrar a{
	letter-spacing: normal;
	color: #666666;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
}
/* Etiqueta para boton de envio de formulario que ira incluida en un style 
"width:auto; padding:1px 5px 1px 0px; background-image: url(favicon_1.jpg); background-position:right center; background-repeat: no-repeat; font-family:verdana; font-size:10px; color:#333333; text-decoration:none; text-align:left; background-color:#FFFFFF; border:0px; cursor:hand; " 
*/


/* Etiquetas para tablas índice en la diferentes secciones*/

#indices .td {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	vertical-align: top;
}

#indices .lastCell {
	border-right: none;
	text-align: center;
	vertical-align: middle;
}


/* Etiquetas para el contenido de todoas las página de detalle */


/* Para ser eliminadaas */

.aplicacionhome {width:440px; font-size:8px; }

/* Etiquetas para contenidos de la sección Qué Leer */

#queleer .libro {
	width: 588px;
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin: 0px 5px 15px;
}
#queleer .caratula {
	float: left;
}
#queleer .datos {
	float: left;
	height: 127px;
	margin-left: 5px;
	width: 465px;
}
#queleer .datos td {
	padding-bottom: 2px;
}
#queleer .resumen {
	width: 588px;
	clear: left;
	border-top: 4px solid #333333;
	border-right: 4px #333333;
	border-bottom: 4px #333333;
	border-left: 4px #333333;
	margin: 0px;
	padding: 5px 0px 0px;
}
#queleer p {
	line-height: 14px;
	margin-bottom: 0px;
	margin-top: 7px;
}

/*Etiquetas para la zona de contenidos del homepage*/
#contenidos a{
	text-decoration: none;
	color: #333333;
	font: 11px/normal Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
#contenidos a:hover{
	color: #A0522D;
	text-decoration: underline;
}
#contenidos .lineas {
	padding-bottom: 5px;
}
#contenidos p {
	line-height: normal;
	margin: 0px;
	padding: 0px 5px;
}
#contenidos .news {
	vertical-align: middle;
}
#noticia_foto {
	border: 1px solid #CCCCCC;
	margin-bottom: 5px;
	padding-top: 2px;
}
#notica_foto a {
	margin: 0px;
	padding: 0px;
}
#noticia_foto img {
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 6px;
}
#noticia_foto p {
	margin-bottom: 5px;
}
	
.secciones_contenido div{
	background-color: #FF8282;
	margin: 5px 0px;
	padding:1px 5px 1px 16px;
	color: #FFF;
	font-weight:bold;
	font-size: 11px;
	height: 10px;
	letter-spacing: 3px;
}

/* Etiquetas Caja de Login */
/*
#loginBox {
	width: 134px;
	border: 1px solid #666666;
	margin-left: 233px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px 4px;
	background-color: #EEE;
}
#loginBox .login_box_caja {
	border: 1px solid #999999;
	padding: 2px;
}
*/
.detalle_box {
	border: 1px solid #CCCCCC;
	padding: 5px;
	width: 608px;
}
.detalle_box .titulo {
	text-align: center;
	margin-bottom: 15px;
	font-size: 12px;
	font-weight: bold;
}

/* Etiquetas para el Foro */

.tforo {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.fondotd a {
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.fondotd a:hover {
	text-decoration: none;
}
.temat {
	margin-bottom: 10px;
}
.temat a {
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}
.temat a:hover {
	text-decoration: none;
}
.tforo td {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.tforo td td {
	border: none;
}
.tfpag {
	margin-bottom: 10px;
}
.ftitle {margin-bottom:2px; font-weight:bold; font-size:12px; background-color:red; padding:2px; text-align:left; color:#FFFFFF;}
.fondotd {
	background-color: #FFFFFF;
}
.fnro {background:#FFF;}
.buttonback {border:1px solid #666666; background-color:#cccccc; font-family:verdana; font-size: 11px; color:#333333}


/* ETIQUETAS Revista */

#revista p{
	margin: 0px 0px 5px;
}
.revDatos {
	margin-top: 25px;
}
.revCaja {
	padding: 4px;
	border: 1px solid #CCCCCC;
	margin-bottom: 15px;
	margin-top: 5px;
}
.revArticulos {
	background-color: #F4F4F4;
	padding: 10px;
	margin-top: 5px;
}

/* Etiquetas para todos los listados en forma de tabla en el home */

#listados h1{
	margin-bottom: 15px;
}

/* Etiquetas para el bloque de logotipos de afiliados premium en el home */

.ContIzq {
	width: 143px;
}
.ContIzq div {
	border: 1px solid #DDDDDD;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-top: 5px;
}

div.logos {
	border: 0px none;
	margin: 10px 0px;
	padding: 10px 0px;
}

/* Etiqueta para el bloque de Foro en el home */
.ContIzq div p {
	margin: 5px 0px;
	padding: 0px;
	text-align: center;
}
.forohome div {
	text-align: center;
}
.forohome .tema {
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	width: 148px;
	margin: 0px;
	padding: 0px;
}
.forohome .tema div {
	width: 148px;
}
.tema .titulo {
	font-size: 9px;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
	background-color: #FAFAFA;
	line-height: normal;
	border-bottom: 1px solid #DDDDDD;
}

/* Formulario de contacto */

.M13textareacomentario {
	height: 100px;
	width: 200px;
}
.boton_informacion {

	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	text-align: center;
	padding-top: 1px;
	padding-bottom: 2px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	width: 120px;
}
.boton_informacion a {
	letter-spacing: normal;
	color: #666666;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
}

/* Etiquetas para las Federaciones */

#fede{
	margin-top:10px; width:610px; text-align:left;
}
#fede .fede0 {
	float:left;
}
#fede .fede1 {
	width: 220px;
	height: 180px;
	border: 1px solid #00A95B;
	padding: 5px;
	margin: 0px 5px 15px;
}
#fede .fede01 {
	height: 120px;
	padding: 5px;
	margin:0px;
}
#fede .fede2 {
	margin-left: 5px;
	padding: 5px;
	width: 80px;
	background-color: #00A95B;
	color:white;
	font-weight:bold;
	text-align: center;
}
#fede .fedeimg {
	width: 50px;
	height: 32px;
}
#fede .fede3 {
	height: 60px;
	margin-left: 5px;
	padding: 5px;
}

/* Etiquetas para las Federaciones */

#boletin .bol {
	width: 588px;
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin: 0px 5px 15px;
}
#boletin .datosbol {
	float: left;
	margin-left: 5px;
	width: 465px;
}
#boletin .resumenbol {
	width: 588px;
	clear: left;
	border-top: 4px solid #333333;
	border-right: 4px #333333;
	border-bottom: 4px #333333;
	border-left: 4px #333333;
	margin: 0px;
	padding: 5px 0px 0px;
}