/* CSS Document */

/* calibracion: anula margenes(pordefectodelosnavegadores) de todos(*)loselementos p44 */
*{padding:0;margin:0;}
body {
	color:white;
	background-color:#cccccc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	/*Solucion al no centrado en IE7*/
	text-align: center;
}
/*===========================================
1. Secciones DIV
===========================================*/
#wrapper{
	color:#555;/*color de fuente*/
	background-color:white;
	background-image:url(fotos/fondo.jpg);/*las 3 lineas siguientes = fondo de color para la navegacion*/
	background-repeat:repeat-y;
	background-position:top left;
	width:780px;
	margin-top:10px;
	margin-right:auto;/*margen automatico p46*/
	margin-bottom:10px;
	margin-left:auto;/*margen automatico*/
	/* padding:20px; borde blanco alrededor de todo, Padding generico: ahorro los padding de secciones, figura35 p47*/
	/*Solucion al no centrado en IE7 */
	text-align: left;
}
#encabezado{
	position:relative;/*p68*/
	background-color:#003366;
	/*background-image:url(fotos/import43web.jpg);) para repetir H o V , ver p48 cod21*/
	padding:0;
}
#encabezado img{/*FONDO del logo*/
	background-color:white;
	padding:0;
	border:0;/*si quiero borde: 5px solid #d9d9d9 */
}
#encabezado p{
	position:absolute;/*p68*/
	top:45px;
	right:20px;
	left:530px;
	text-align:center;
	font-style:italic;
	font-weight:bold;
	font-size:170%;
}
#encabezado a{
	text-decoration: none;
	color:#FBB117;
}
/************************************************
NAVEGACION 
************************************************/
#navegacion { 
font-weight:bold;
  float: left; 
	width: 155px;
	
 /* background-color: #336699;color fondo barra de navegacion**********************************/  
} 
	 #navegacion ul {
      	padding-left: 0;
      	margin-left: 0;
	  }
    #navegacion li {
	    list-style: none;
     	border-bottom: 1px solid white;
      	margin: 0;
    }

    #navegacion a { /*p55*/
      	display: block;
     	text-decoration: none;
      	color: white; 
      	padding:8px; 
    }
    /* resalta el pt de navegacion actual******************************************************************************************************************/
#navegacion a:hover,
#inicio #navi01index a,
#pagpantallas #navi0101pantallas a, 
#pagcasos #navi0102casos a,
#pagprecios #navi0103precios a,
#paglicencias #navi0104licencias a,
#paginstalacion #navi0301instalacion a, 
#pagactualizacion #navi0302actualizacion a, 
#pagpf #navi0401preguntas a, 
#paggrupos #navi0402grupos a,
#pagclientes #navi06zonacliente a, 
#pagquienes #navi07quienes a,
#pagcontacto #navi02contact a,
#paglegal #navi05infolegal a {
      	color: black;
      	background-color: white;      
	  }
#navi0101pantallas,
#navi0102casos,
#navi0103precios,
#navi0104licencias,
#navi0301instalacion,
#navi0302actualizacion,
#navi0401preguntas,
#navi0402grupos   {
	padding-left: 15px;
	font-size:90%;
	font-weight:normal;
}
#navegacion p{ 
		color: white;
		padding:8px;  
      	margin: 0;
}

/************************************************
TEXTO 
************************************************/
#areatexto{
	padding:20px;
	margin-left:160px;
}
.imgdcha{ float:right; margin-right:0;  margin-bottom:10px; margin-left:10px; }
.container{ background-color: #ECE5B6; padding:10px; } /*EDDA74 o */
#pie{
	clear: both;/*hace que el pie se separe de la navegacion y su color no lo manche*/
	background-color: #003366; 
	padding:20px;
	padding-top:10px;/*relleno superior bajo la linea*/
	border-top:1px solid #8c8c8c;/*borde superior*/
	margin-top:10px;/*margen superior encima de la linea*/
}

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

h1{font-size:150%;}
h2{font-size:110%;color:white;background-color: #336699; padding:10px; margin-bottom:1em;}
h3{font-size:105%;color:#4F76A3;background-color: #E6EDF5;padding:5px; margin-bottom:8px}
h4{font-size:105%;color:#d90000;margin-bottom:8px}
em { color: #d90000; }
address{
color: #FDD017;
	text-align:center;
	font-size:80%;
	font-style:normal;
	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:blue;}
a:visited{color:#3399FF;}
a:hover,a:focus{text-decoration:underline;color:green;}
a:active{color:red;} /* 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: 95%;
 border: 1px solid #D4E0EE;
 border-collapse: collapse;
 /*width: 100%; Da problemas con IE7*/
 /*width: 75%;*/
 margin-bottom:10px;

}
thead th {
 color:#4F76A3;
 text-align:center;
 padding:2px;
 height:25px;
 background-color: #E6EDF5;
}
tbody tr {
 border-bottom: 1px solid #D4E0EE;
}
tbody td {
 border-left: 1px solid #D4E0EE;
 color:#555;
 padding:5px;
 text-align:left;
}
tbody th {
 text-align:left;
 padding: 2px;
}
tbody tr.odd { background: #F7F9FC; }