/* Secciones de la página - IDs ------------------------------------------------------------------------------------------------ */

/* Comunes a todo el sitio */
#Pie {
	background-image: url(Imagenes/fondopie.jpg);
	height: 167px;
}
#LinkLogo {
	position: relative;
	top: 20px;
	left: 20px;
	width: 200px;
	height: 140px;
	float:left;
	cursor: pointer;
}
/* Para la página index */
#EncabezadoIndex {
	background-image: url(Imagenes/fondoencabezadoindex.jpg);
	height: 180px;
}
#Cuerpo-Index {
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
	background-image: url(Imagenes/fondocuerpo.jpg);
}
#Logo-DonCandela {
	position: relative;
	top: 0px;
	left: 25px;
	width: 299px;
	height: 124px;
	background-image: url(Imagenes/logodoncandela.jpg);
	background-repeat: no-repeat;
	border: 2px solid #FF6634;
    FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#090909,strength=5); 
}
#Logo-DonExcelReport {
	position: relative;
	top: 0px;
	left: 45px;
	width: 260px;
	height: 198px;
	background-image: url(Imagenes/logodonexcelreport.jpg);
	background-repeat: no-repeat;
	border: 2px solid #FF6634;
    FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#090909,strength=5); 
}
/* Para las páginas de productos */
#Encabezado {
	background-image: url(Imagenes/fondoencabezado.jpg);
	font-family: "Comic Sans MS", cursive;
	font-size: 36px;
	font-style: italic;
	color: #C00;
	height: 180px;
}
#Encabezado-TituloDonCandela {
	position: relative;
	left: 80px;
	top: 40px;
	width: 262px;
	height: 61px;
	font-family: "Book Antiqua", Palatino, serif;
	font-size: 40px;
	font-style: italic;
	font-weight: bolder;
	color: #F10B05;
	text-indent: -10000px;
	background-image: url(Imagenes/firmadoncandela.jpg);
	background-repeat: no-repeat;
	padding:0;
	margin:0;
}
#Encabezado-TituloDonExcelReport {
	position: relative;
	left: 20px;
	top: 40px;
	width: 350px;
	height: 80px;
	font-family: "Book Antiqua", Palatino, serif;
	font-size: 40px;
	font-style: italic;
	font-weight: bolder;
	color: #F10B05;
	text-indent: -10000px;
	background-image: url(Imagenes/firmadonexcelreport.jpg);
	background-repeat: no-repeat;
	background-position: 50px;
}
#Menu {
	background-image: url(Imagenes/fondomenu.jpg);
	height: 58px;
	padding-right: 25px;
	padding-left: 25px;
}
#Cuerpo {
	background-image: url(Imagenes/fondocuerpo.jpg);
}
#Cuerpo-Datos {
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 10px;
}
#Cuerpo-Submenu {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 40px;
	width: 200px;
}
#Cuerpo-Submenu-Links {
	padding-top: 10px;
	padding-bottom: 10px;
}
#Cuerpo-Submenu-News {
	padding-top: 10px;
	padding-bottom: 10px;
}
#Links {
	width: 200px;
}
#Noticias {
	width: 200px;
}
#TablaDownloads {
	width: 460px;
}
#TablaPurchase {
	width: 460px;
}
#TablaCaracteristicas {
	width: 460px;
}
#frmSupport {
	width: 440px;
}

/* Barra de navegación --------------------------------------------------------------------------------------------------------------- */

#Menubar ul {
	padding-left: 0;
	margin-left: 0;
	background-color: #470000;
	color: #FFCC00;
	float: left;
	width: 100%;
	border: 1px solid #FF490C;
	font-weight: bold;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#CC0000', endColorStr='#470000', gradientType='0');
}

#Menubar ul li { 
  display: inline; 
}

#Menubar ul li a {
  padding: 0.2em 1em;
  color: #FFCC00;
  text-decoration: none;
  float: left;
  border-right: 1px solid #fff;
}

#Menubar ul li a:hover {
  background-color: #990000;
  color: #FFCC00;
}

/* Estilos comunes --------------------------------------------------------------------------------------------------------------- */

body {
	background-color: #000;
}
h1 {
	font-family: "Bookman Old Style";
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #660000;
}
p,ul,li,td {
	font-family: "Bookman Old Style";
	font-size: 14px;
	font-style: normal;
	color: #660000;
	list-style-position: outside;
	list-style-image: url(Imagenes/binieta.gif);
	list-style-type: none;
}
a:link {
	color: #F00;
	text-decoration: underline;
}
a:visited {
	text-decoration: none;
	color: #FCFC00;
}
a:hover {
	text-decoration: underline blink;
}
a:active {
	text-decoration: none;
}

/* Formularios --------------------------------------------------------------------------------------------------------------- */

form {
	background-color: #FFCC66;
	padding: 10px;
	border: 2px solid #FF6634;
    FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#090909,strength=5); 
}
.Form-Tabla-Celda {
	padding: 5px;
}

/* Tablas --------------------------------------------------------------------------------------------------------------- */

.Tabla {
	/*width: 200px;*/
	background-color: #FF6634;
    FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#090909,strength=5); 
}
.Tabla-Celda {
	background-color: #FFCC66;
	padding: 5px;
  	border: 1px solid #FF6634;
}
/* Tabla de características/beneficios */
.TablaCaracteristicas {
	background-color: #FF6634;
    FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#090909,strength=5);*
}
td .TablaCaracteristicas {
	padding: 5px;
}
.CaracteristicasBeneficios {
	background-color: #FFCC66;
}
td .CaracteristicasBeneficios {
	padding: 5px;
}

/* Formatos específicos --------------------------------------------------------------------------------------------------------- */

.NombreProducto {
	font-style: italic;
	font-weight: bold;
}
.ScreenShot {
	float: right;
	margin-left: 15px;
}

/* Barra de links --------------------------------------------------------------------------------------------------------------- */

#MenuLink
{
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
}
ul#MenuLink-List
{
	text-align: center;
	list-style: none;
	list-style-image: none;
	padding: 0;
	margin: 0;
	width: 100%;
}
ul#MenuLink-List li
{
	display: block;
	margin: 5px;
	padding: 0;
	background-image: url(Imagenes/botonup.jpg);
	height: 41px;
	width: 180px;
	vertical-align:middle;
	list-style-image: none;
}
ul#MenuLink-List li a
{
	display: block;
	width: 100%;
	height: 100%;
	padding: 0.8em 0 0.5em 0;
	color: #660000;
	text-decoration: none;
}

#MenuLibk>ul#MenuLink-List li a { width: auto; }

ul#MenuLink-List li#active a
{
	background: #f0e7d7;
	color: #660000;
}

ul#MenuLink-List li a:hover, ul#MenuLink-List li#active a:hover
{
	color: #F00;
	background-image: url(Imagenes/botondown.jpg);
	background-repeat:no-repeat;
	border-color: #aaab9c #fff #fff #ccc;
}