/* CSS Document */

/* calibracion: anula margenes(pordefectodelosnavegadores) de todos(*)loselementos p44 */
*{padding:0;margin:0;}
body {
	color:white;
	background-color:black;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	text-align: center;

}
/*===========================================
1. Secciones DIV
===========================================*/
#wrapper{
	color:#555;/*color de fuente*/
	background-color:white;
	width:720px;
	margin:0 auto; /*margen superior*/
	text-align: left;
	/*padding:10px;  borde blanco alrededor de todo, Padding generico: ahorro los padding de secciones, figura35 p47*/
}

#encabezado{
	position:relative;/*p68*/
	padding:0;
	margin:0;
}

/************************************************
NAVEGACION 
************************************************/
#navegacion { 
  	text-align:center; 
  	background-color: #990000;/*color fondo  barra E18B6B de navegacion***FF8040******F9966B*********E78A61 navegacion******E18B6B*******F76541-coral x enlaces***/ 
	padding:6px 10px 6px 10px;/*ver escritura abreviada de los padding p50*/
	margin:0;
} 
#navegacion ul{
	margin-bottom:0;/*sin margen inferior p53*/
	
}
#navegacion li{
	display:inline;/*li al mismo nivel p52*/
	list-style-type:none;/*sin viņetas p52*/
	margin:0;/* margenespacio entre botoneo derecha 10px, sino 0 p53 y 54*/     
}
#navegacion a { /*p55*/
      color: white; 
	  text-decoration: none;
	background-color: #990000; /*color fondo boton de navegacion**********************************/
	  padding: 5px 15px 5px 15px; 
	  border: 1px solid white;
}
/* resalta el pt de navegacion actual******************************************************************************************************************/
#navegacion a:hover,#inicio #navi01index a,#pagartnatomy #navi02artnatomy a, #pagventas #navi03comprar a, #pagnoticias #navi04noticias a, #pagcontacto #navi05contacto a, #pagsoporte #navi06soporte a{
	  color: black;
	  background-color: white;      
}

/*---------------------------------------------background-color: #BBC7D9;-------------*/
/************************************************
TEXTO 
************************************************/
#areatexto{
	padding-top:20px;
	padding-right:20px;
	padding-bottom:10px;
	padding-left:20px;

}

#pie{
	clear: both;/*hace que el pie se separe de la navegacion y su color no lo manche*/
	background-color: #990000; 
	padding:20px;
	padding-top:10px;/*relleno superior bajo la linea*/
	margin-top:0;/*margen superior encima de la linea*/
}

/*===========================================
2. Elementos HTML generales
===========================================*/

h1{font-size:150%;}
h2{font-size:110%;color:white;background-color: #990000; padding:5px; margin-bottom:1em; }
/*h3{font-size:105%;color:#F9966B;padding:5px; margin:0 40px 0 40px}*/
h3{font-size:105%;color:#cc0000;}
.container{ background-color: #F9966B; padding:10px; }
.centrado{margin:10px auto; display: block}
.subtitulo{font-size:110%;font-weight:bold;color:#990000;}
.imgdcha{ float:right; margin-right:0;  margin-bottom:10px; margin-left:10px; }

address{
	text-align:center;
	font-size:80%;
	font-style:normal;
	color:white;
	letter-spacing:2px;
	line-height:1.5em;
}
a{text-decoration:underline;outline:none;} /*p32: para eliminar elsubrayado de losvinculos: (text-decoration:none;outline:none;) ******************************************/
a:link{color: #cc0000;text-decoration:underline;}
a:visited{color:#cc0000;}
a:hover,a:focus{color:#cc0000;text-decoration:underline;}
a:active{color:green;} /* p33: modifica apariencia on click*/

.skiplink{display:none;}/*oculta el skiplink*/

/*redefine los margenes de parrafos y listas p45*/
p,ul{
	margin-top:0;
	margin-right:0;
	margin-bottom:1em;
	margin-left:0;
}
ul ul{
	margin:0;
}
li{
	margin-top:0;
	margin-right:0;
	margin-bottom:10px;
	margin-left:2em;
}

/*-----------------------------------------
TABLA
------------------------------------------- */

table {
 font-size: 110%;
 border: 1px solid #990000;
border-collapse: collapse;
 width: 600px;
 margin:10px auto;

}
thead th {
 color:white;
 text-align:center;
 padding:10px;
 background-color: #990000;
}
tfoot td{ 
color:red;
 text-align:center;
 padding:5px;
}
tbody td {
align:center;
 padding:10px;
 text-align:center;
  border: 1px solid #990000;
}
tbody a{font-color:#990000;}
/*-----------------------------------------
TABLA NOTICIAS
------------------------------------------- */
.tablenoticias {
color:#555;
font-size: 100%;
border: 1px solid #990000;
border-collapse: collapse
}
.tablenoticias td {
text-align:left;
}