/***************************
* ETIQUETAS PRINCIPALES
****************************/


BODY {font-family: Helvetica, Arial, sans-serif; font-size: 0.6em;
	 font-style: normal;  color:#000000; text-decoration: none;
	 margin-left:0; margin-top:0; margin-right:0;
	 background-color: #f4841c; }



TH {font-family: Helvetica, Arial, sans-serif;
	 font-style: normal; color: #000000; text-decoration: none }

TD {font-family: Helvetica, Arial, sans-serif; font-size: 0.6em;
	 font-style: normal; color: #FFFFFF; text-decoration: none }

HR { width: 430px; height: 2px; color: #FF8833; background-color: #FF8833 }

H2 { font-family: arial, helvetica, sans-serif;
		font-size: 1.2em; color: #0000FF; font-style: italic;
		font-weight: bolder;  text-decoration: none}

H3 { font-family: arial, helvetica, sans-serif;
		font-size: 1em; color: #000000; font-style: normal;
		font-weight: bolder;  text-decoration: none}

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

li {
	padding-bottom: 4px; 
}


A { 
	padding-left: 4px;

	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none }
	
A:link	{ 
	 padding-left: 4px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none}
	
A:visited { 
	padding-left: 4px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none}
	
A:active { 
	padding-left: 4px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none}
	
A:hover { 
	padding-left: 4px;
	color: #000000; 
	font-weight: bold;
	text-decoration: none; }

/******************************************
* LINKS
*********************************/

.enlace { color: #dd481d;}
.enlace:link	{ color: #dd481d;}
.enlace:visited	{ color: #dd481d;}
.enlace:hover {  color: #000000; background-color:#dd481d; text-decoration: none;}

.link {  color: #343EFF;}
.link:link { color: #343EFF; }
.link:visited { color: #343EFF;}
.link:hover {  color: #ffffff; background-color:#000000; text-decoration: none;}

.link-foro { color: #000000; font-style: italic;}
.link-foro:link	{color: #0000ff; font-style: italic;}
.link-foro:visited {color: #0000ff; font-style: italic;}
.link-foro:hover { color: #006600; font-style: italic; text-decoration: underline }

/************************************************/


.tabla {  background-color: #0099FF}
.tabla:hover {  background-color: #FF0000; background-repeat: repeat-x; border-color: #00FF66 black black; border-top-width: thick}

/* #b90202
*/
.input { font-style: italic; text-decoration: none; background-color: #ffffff; border: thin #000066 dotted}


.tira {  width: 750px; height: 380px; }


.naranja {font-weight: bold; color: #FF0000;  text-decoration: none; }


.Sup {background-color:#dd481d;}
.Mid {background-color:#f9d076; color: #000000;}
.Inf {background-color:#f9d076; color: #FF0000;}
/**********************
* CUERPO DE LA PAGINA
#dd481d
***********************/

#cabecera  { position: relative;   background-color: #000000; height: 30px;
			background-repeat: no-repeat; padding-top:155px; 
			background-image: url(img/cabecera-anton.jpg)  }

div#principal { position:absolute;  min-width:620px; height:inherit; border:0; background:transparent;}
html>body div#principal { position:relative; }


div#barraIzq {position:absolute; top:0; left:0; width: 160px; height: 100%;
	background-image: url(img/lateral-iz03.png); background-repeat: repeat-y;  }
	
div#centro	{ margin-left:160px; margin-right:160px; background-color: transparent; min-height: 600px;}
html>body #Centro { margin-left:181px; margin-right:181px; z-index:2; min-height: 600px; }

div#barraDer { position:absolute; top:0; right:0; width:150px; height:100%; 
	 background-image:url(img/lateral-der03.png); background-repeat:repeat-y; z-index:1 }
	 
	/* 
	.bd {	background-image: url(images/lateral-der1.png); background-repeat: repeat-y;  height: inherit;}

	

/* Secciones dentro de las barras de los laterales. */


.TSeccion { position: relative; width: 150px; height: 18px; 
	color: #FFFFFF; font-weight: bold; }

.Seccion {	position: relative; width: 100%; background-color: #9BB933; color: #0000FF;}


/* .Seccion-amarillo {	position: relative; width: 100%; background-color: #FFFFCC; color: #000000; }*/

.Seccion-azul {	position: relative; width: 100%;  color: #FFFFFF;}


/*
menu
*/
#menu {
    position: absolute;
    top: 0px;
    left: 140px;
    width: 50px;
    height:60px;
    padding-left: 20px;
    z-index: 0;
  }

#menu li {
    
    height: 20px;
    position: absolute;
    background: url(img/menu.gif) 0 0 no-repeat; 
	
    list-style: none;
  }


#menu a { height: 20px; display: block; list-style: none; }

#menu #b1 { top: 0px; left: 20; width: 55; background-position: 0 0px; }
#menu #b2 { top: 0px; left: 80; width: 126; background-position: -55 0px; }
#menu #b3 { top: 0px; left: 211; width: 50; background-position: -182 0px; }
#menu #b4 { top: 0px; left: 270; width: 115; background-position: -236 0px; }
#menu #b5 { top: 0px; left: 390; width: 65; background-position: -350 0px; }
#menu #b6 { top: 0px; left: 460; width: 160; background-position: -413 0px; }



#menu #b1 a:hover { background: transparent url(img/menu.gif) -0px -23px no-repeat; }
#menu #b2 a:hover { background: transparent url(img/menu.gif) -55px -23px no-repeat; }
#menu #b3 a:hover { background: transparent url(img/menu.gif) -182px -23px no-repeat; }
#menu #b4 a:hover { background: transparent url(img/menu.gif) -236px -23px no-repeat; }
#menu #b5 a:hover { background: transparent url(img/menu.gif) -350px -23px no-repeat; }
#menu #b6 a:hover { background: transparent url(img/menu.gif) -413px -23px no-repeat; }