﻿<style type="text/css"> 
     
    body  {
	font: 80% Verdana, Arial, Helvetica, sans-serif;

	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #000000;
    }
    
    /* Sugerencias para dise&ntilde;os el&iacute;sticos 
    1. Dado que el tama&ntilde;o global de los dise&ntilde;os el&iacute;sticos se basa en el tama&ntilde;o de fuente predeterminado del usuario, resultan algo m&iacute;s impredecibles. Si se utilizan correctamente, también son m&iacute;s accesibles para aquellas personas que necesitan tama&ntilde;os de fuentes m&iacute;s grandes, dado que la longitud de l&iacute;nea mantiene la proporcionalidad.
    2. La asignación de tama&ntilde;o a los divs en este dise&ntilde;o se basa en el 100% del tama&ntilde;o de fuente en el elemento body. Si reduce el tama&ntilde;o global del texto empleando font-size: 80% en el elemento body o el #container, recuerde que todo el dise&ntilde;o reducir&iacute; su tama&ntilde;o proporcionalmente. Es posible que le interese aumentar los anchos de los diversos divs para compensar este efecto.
    3. Si la asignación de tama&ntilde;o de fuente se modifica de forma distinta en cada div en lugar de hacerse en el dise&ntilde;o global (es decir: a #sidebar1 se le asigna un 70% de tama&ntilde;o de fuente y a #mainContent se le asigna un 85% de tama&ntilde;o de fuente), ello har&iacute; que se modifique proporcionalmente el tama&ntilde;o global de cada uno de los divs. Si lo desea, puede realizar el ajuste bas&iacute;ndose en la asignación de tama&ntilde;o de fuente final.
    */


    .twoColElsRtHdr #container {
	width: 780px;
	height:auto;
	margin: 0 auto; /* los m&iacute;rgenes autom&iacute;ticos (conjuntamente con un ancho) centran la p&iacute;gina */
	border: 0px solid #000000;
	text-align: left; /* esto anula text-align: center en el elemento body. */
	height: auto;
	background: url(../images/WEB/TAIncentivos4.jpg) no-repeat;
	font-size:10pt;

	
    } 
	    .twoColElsRtHdr #container table {



	
    } 
	
    .twoColElsRtHdr #container2 {
	width: 780px;
	height:auto;
	margin: 0 auto; /* los m&iacute;rgenes autom&iacute;ticos (conjuntamente con un ancho) centran la p&iacute;gina */
	border: 0px solid #000000;
	text-align: left; /* esto anula text-align: center en el elemento body. */
	height: auto;
	background: url(../images/WEB/TAIncentivos5.jpg) no-repeat;
	font-size:10pt;

	
    } 
.twoColElsRtHdr #cont {
	width: 560px;
	background-color:#00CC99;
	
}
 .twoColElsRtHdr #box {
 padding-left:10px;

	
}   
.twoColElsRtHdr #contacto {
		font-size:10pt;

	
}
.twoColElsRtHdr #cont img {
margin-left:200px;
	
}



    .twoColElsRtHdr #header {
	height: 105px;
	width: 780px;
	background-repeat:no-repeat;
	vertical-align:text-bottom;


    } 
    .twoColElsRtHdr #header h1 {
    	margin: 0; /* el ajuste en cero del margen del último elemento del div de #header evita la contracción del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen */
    	padding: 10px 0; /* el uso de relleno en lugar de margen le permitir&iacute; mantener el elemento alejado de los bordes del div */
    }
    
    /* Sugerencias para sidebar1:
    1. Tenga en cuenta que, si establece un valor de tama&ntilde;o de fuente en este div, el ancho global del div se ajustar&iacute; en función de éste.
    2. Dado que est&iacute; trabajando en ems, es conveniente no utilizar relleno en la barra lateral propiamente dicha. Se a&ntilde;adir&iacute; al ancho en el caso de navegadores que cumplen los est&iacute;ndares, creando un ancho real desconocido. 
    3. El espacio entre el lado del div y los elementos que contiene puede crearse colocando un margen izquierdo y derecho en dichos elementos, como se observa en la regla ".twoColElsRtHdr #sidebar1 p".
    */
    .twoColElsRtHdr #sidebar1 {
	float: right;
	width: 173px; /* el color de fondo se mostrar&iacute; a lo largo de todo el contenido de la columna, pero no m&iacute;s all&iacute; */
	padding: 15px 0; /* el relleno superior e inferior crea un espacio visual dentro de este div */
    }

.twoColElsRtHdr #sidebar3 {
	width: 580px;
}
 .twoColElsRtHdr #ofertas {

float: left;
height:200px;
	background-image:url(../images/oferta2.png);
background-repeat:no-repeat;
font-size:10px;

} 
 .twoColElsRtHdr #espa {
 padding-left:5px;

} 
 .twoColElsRtHdr #ince {
 font-size:18pt;
 color:#317BCE;

}
 .twoColElsRtHdr #videos {

float: left;
} 	
	


    .twoColElsRtHdr #sidebar1 h3, .twoColElsRtHdr #sidebar1 p {
    	margin-left: 10px; /* deben asignarse los m&iacute;rgenes izquierdo y derecho de cada elemento que vaya a colocarse en las columnas laterales */
    	margin-right: 10px;
    }
    
    /* Sugerencias para mainContent:
    1. Si asigna a este div #mainContent un valor de tama&ntilde;o de fuente distinto del que tiene el div #sidebar1, los m&iacute;rgenes del div #mainContent se basar&iacute;n en su tama&ntilde;o de fuente y el ancho del div #sidebar1 se basar&iacute; en su tama&ntilde;o de fuente. Puede que le interese ajustar los valores de estos divs.
    2. El espacio entre el mainContent y sidebar1 se crea con el margen izquierdo del div mainContent.  Con independencia de la cantidad de contenido que incluya el div sidebar1, permanecer&iacute; el espacio de la columna. Puede quitar el margen izquierdo si desea que el texto del div #mainContent llene el espacio de #sidebar1 cuando termine el contenido de #sidebar1.
    3. Para evitar la ca&iacute;da de un elemento flotante, puede que tenga que realizar pruebas con el fin de determinar el tama&ntilde;o m&iacute;ximo aproximado de la imagen/el elemento, ya que este dise&ntilde;o se basa en el tama&ntilde;o de fuente del usuario combinado con los valores que usted establezca. Sin embargo, si el usuario tiene configurado un tama&ntilde;o de fuente inferior al normal, habr&iacute; menos espacio disponible en el div #mainContent del que observar&iacute; al realizar la prueba.
    4. En el siguiente comentario condicional de Internet Explorer, la propiedad zoom se utiliza para asignar a mainContent "hasLayout." Esto evita que se produzcan diversos problemas espec&iacute;ficos de IE.
    */
    .twoColElsRtHdr #mainContent {
      	margin: 0 13em 0 10px; /* el margen izquierdo tendr&iacute; una mejor apariencia si hace coincidir la cantidad de relleno con el   y el pie. */
		margin-left:29px;
    } 
.twoColElsRtHdr #pie {
	width: 780px;
	background-image: url(../images/WEB/pie.jpg);
	height: 32px;
}
.twoColElsRtHdr #pie a {
color: #ffffff;
font: 0.8em arial;

}

.twoColElsRtHdr #anun {
margin-left:14px;


}
.twoColElsRtHdr #content {
font: 0.8em arial;
background-image: url(images/recuadro3.png);


}
    .twoColFixRtHdr #footer {
	padding: 0 10px 0 20px;
	background-image: url(../images/WEB/pie.jpg);
	width: 780px;
	height: 21px;

    } 
    .twoColFixRtHdr #footer p {
    	margin: 0; /* el ajuste en cero de los m&iacute;rgenes del primer elemento del pie evitar&iacute; que puedan contraerse los m&iacute;rgenes (un espacio entre divs) */
    	padding: 10px 0; /* el relleno de este elemento crear&iacute; espacio, de la misma forma que lo har&iacute;a el margen, sin el problema de la contracción de m&iacute;rgenes */
    /* Varias clases diversas para su reutilización */
    .fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la p&iacute;gina. El elemento flotante debe preceder al elemento junto al que debe aparecer en la p&iacute;gina. */
    	float: right;
    	margin-left: 8px;
    }
.twoColElsRtHdr #presentacion {
	background-color: #3300CC;
	width: 100px;
	font-size:16px;
}

.twoColElsRtHdr #anuncio {
	background-color: #00CC66;
}

.twoColElsRtHdr #dise{
font-size:8pt;
}

    .fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la p&iacute;gina. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }

#wrap { margin:0 auto 0 auto; width:390px; padding:5px; background:#009933; }	
	
    </style>
