body { 
background : #cccccc url(bg_grad.jpg) fixed; 
text-align : center; 
margin : 0 auto; 
margin-bottom : 0; 
font-size : small; 
} 
.clear { 
clear : both; 
} 
a:link { 
color : #ffffff; 
} 
.especial:link { 
color : #ffff00; 
} 
a:visited { 
color : #ffffcc; 
} 
#encabezado { 
background : url(images/img_bg_body_topbar.gif) repeat-x top; 
padding-left : 10px; 
padding-right : 10px; 
width : 1040px; 
height:120px; 
text-align : left; 
margin-top : 1px; 
} 
#encabeza2 { 
font-style:italic; 
color:#FFFFFF; 
font-family:"Times New Roman", Times, serif; 
padding-left : 10px; 
padding-right : 10px;
height:15px; 
width : 1020px; 
text-align : left; 
margin-top : 1px; 
} 
#bannerdiv { 
float:left;
width:730px;
height : 94px; 
margin-top : 1px; 
margin-left : 35px; 
} 
#dividiendo { 
color:#FFFFFF;  
height:15px; 
width : 1020px; 
text-align:right;
margin-top : 0px;
margin-bottom:10px;
}
#buscar { 
color:#FFFFFF; width:250px;  
height:15px; 
text-align:right;
}  
#logouchl { 
float:left;
width : 200px; 
height : 87px; 
left : 85px; 
margin-top:10px;
} 
#menusup { 
padding-left : 10px; 
padding-right : 10px; 
background : #ffffff; 
width : 879px; 
text-align : right; 
height : 25px; 
} 
#pagina {background : #cccccc url(bg_grad.jpg) fixed;
width : 1040px; 
padding-right : 0; 
padding-left : 0; 
} 
#contenido { 
background-color : #ffffff; 
float : left; 
padding-left : 0; 
margin-top : 0; 
width : 905px; 
height : 830px; 
} 
#menu { 
background : #ffffff url(bg_grad.jpg) fixed; 
width : 12%; 
float : left; 
text-align : left; 
padding-left : 1px; 
padding-right : 5px; 
clear : both; 
} 
#promociones { 
padding-top : 15px; 
position : relative; 
width : 249px; 
height : 18px; 
padding-left : 25px; 
padding-right : 25px; 
float : left; 
} 
#Marcas { 
padding-top : 10px; 
padding-bottom : 5px; 
float : left; 
text-align : justify; 
color : #003366; 
padding-right : 25px; 
padding-left : 25px; 
width : 560px; 
height : 94px; 
} 
#Marcasquienes { 
padding-top : 10px; 
padding-bottom : 5px; 
float : left; 
text-align : justify; 
color : #003366; 
padding-right : 25px; 
padding-left : 25px; 
width : 560px; 
height : 150px; 
} 
#mostrarcapa { 
padding-top : 10px; 
width : 800px; 
height : 200px; 
float : left; 
text-align : justify; 
overflow : scroll; 
} 
#cajatexto { 
padding-top : 10px; 
width : 800px; 
height : 200px; 
float : left; 
text-align : justify; 
overflow : scroll; 
} 
#pie { 
background-image : url(images/bgpie.png); 
border-bottom : double; 
margin-bottom : 1px; 
float : left; 
text-align : center; 
color : #ffffff; 
width : 1040px; 
height : 15px; 
font-size : small; 
} 
#title-marcas { 
position : relative; 
padding-top : 15px; 
width : 249px; 
height : 18px; 
padding-left : 25px; 
float : left; 
padding-right : 25px; 
} 
#Productos { 
width : 200px; 
height : 76px; 
float : left; 
left : 288px; 
top : 5px; 
} 
#catalogo { 
padding-bottom : 5px; 
padding-top : 5px; 
padding-right : 25px; 
text-align : justify; 
color : #003366; 
width : 560px; 
height : 115px; 
padding-left : 25px; 
float : left; 
} 
#descripcion { 
background-color : #000033; 
margin-left : 25px; 
padding-right : 0; 
padding-left : 0; 
text-align : left; 
width : 580px; 
height : 18px; 
float : left; 
border-right : 1px solid #a5a7aa; 
border-bottom : 1px solid #a5a7aa; 
} 
#titlecasosexito { 
background-color : #000033; 
padding-right : 0; 
margin-left : 25px; 
padding-left : 0; 
text-align : left; 
width : 580px; 
height : 18px; 
float : left; 
border-right : 1px solid #a5a7aa; 
border-bottom : 2px solid #a5a7aa; 
} 
#casos-exito { 
padding-left : 25px; 
color : #003366; 
text-align : justify; 
padding-right : 25px; 
padding-top : 15px; 
padding-bottom : 10px; 
width : 560px; 
height : 115px; 
float : left; 
} 
#vision { 
padding-left : 25px; 
color : #003366; 
text-align : justify; 
padding-right : 25px; 
padding-top : 15px; 
padding-bottom : 0; 
width : 560px; 
height : 230px; 
float : left; 
} 
#titlerevista { 
background-color : #000033; 
padding-right : 0; 
margin-left : 25px; 
padding-left : 0; 
text-align : left; 
width : 580px; 
height : 18px; 
float : left; 
border-right : 1px solid #a5a7aa; 
border-bottom : 2px solid #a5a7aa; 
} 
#Revista { 
padding-top : 10px; 
margin-left : 25px; 
width : 870px; 
height : 200px; 
float : left; 
text-align : justify; 
overflow : scroll; 
} 
#Revistadiv1 { 
padding-top : 10px; 
margin-left : 25px; 
width : 120px; 
height : 120px; 
float : left; 
text-align : justify; 
} 
#Revistadiv2 { 
padding-top : 10px; 
margin-left : 25px; 
width : 120px; 
height : 120px; 
float : left; 
text-align : justify; 
} 
#Revistadivide { 
width : 800px; 
height : 15px; 
float : left; 
} 
#pub-google { 
padding-top : 28px; 
margin-left : 25px; 
width : 800px; 
height : 100px; 
float : left; 
} 
#pmn1 { 
float : right; 
top : 14px; 
clear : right; 
} 
#topindexad { 
height : 110px; 
margin-top : 5px; 
} 
#topindexad div { 
float : left; 
} 
#topindexad img { 
display : block; 
float : left; 
max-height : 95px; 
max-width : 201px; 
} 
#tlmenu { 
background : #006699 left; 
} 
#formulario { 
background : #cccccc url(bg_grad.jpg) fixed; 
margin-top : 12px; 
padding-top : 0; 
text-align : left; 
width : 260px; 
height : 410px; 
float : right; 
} 
fieldset { 
text-align : left; 
margin-left : 20px; 
border : 0 solid #000; 
} 
legend { 
font : bold 125% Arial, sans-serif; 
color : #ffffff; 
} 
div.medidas, div.check { 
text-align : right; 
margin : 10px 0 15px 10px; 
} 
div.medidas label { 
line-height : 24px; 
color : #ffffff; 
} 
div.colorlabel { 
color : #ffffff; 
} 
div.medidas input { 
width : 180px; 
} 
h1 { 
font : bold 120% Arial, sans-serif; 
color : #334d55; 
margin : 0; 
padding : 0; 
} 
h2 { 
font : bold 94% Arial, sans-serif; 
color : #ffffff; 
margin : 2px; 
padding : 1px; 
} 
h3 { 
font : bold 100% Arial, sans-serif; 
color : #660000; 
margin : 0; 
padding : 0; 
} 
h4 { 
font : 100% Arial, sans-serif; 
font-size:16px;
color : #003366; 
margin : 1px; 
padding : 0; 
} 
h5 { 
background-image : url(images/vorder.gif); 
font : 100% Arial, sans-serif; 
color : #ff3334; 
margin : 0; 
padding : 0; 
} 
#publi.input { 
margin-top : 25px; 
width : auto; 
height : auto; 
float : left; 
} 
#publi2.input { 
width : auto; 
height : 92px; 
float : left; 
} 
#util { 
font : 75% Verdana, sans-serif; 
position : absolute; 
top : 16px; 
right : 4px; 
color : #333339; 
} 
#util a { 
color : #ffffff; 
} 
#util a:hover { 
text-decoration : underline; 
} 
.textaling { 
display : inline; 
float : left; 
width : 400px; 
background-color : #f5f7f9; 
padding : 10px; 
margin : 0 auto; 
text-align : justify; 
border-right : 1px solid #a5a7aa; 
border-bottom : 2px solid #a5a7aa; 
} 
#resultadosgoogle { 
position : absolute; 
width : 940px; 
height : auto; 
z-index : 13; 
top : 119px; 
text-align : left; 
left : 32px; 
} 
#contador { 
position : static; 
width : 129px; 
height : 24px; 
z-index : 15; 
left : 39px; 
top : 799px; 
} 
#pagecell1 { 
position : absolute; 
top : 110px; 
left : 2%; 
right : 2%; 
background-color : #ffffff; 
} 
#tl { 
position : inherit; 
float : left; 
top : 120px; 
} 
#tlred { 
position : inherit; 
float : left; 
top : 120px; 
} 
#trredb { 
position : inherit; 
float : left; 
} 
#trform { 
position : inherit; 
float : right; 
top : auto; 
} 
#tr { 
position : inherit; 
float : right; 
top : auto; 
} 
H6 { 
padding-bottom : 0; 
margin : 0; 
padding-left : 0; 
padding-right : 0; 
padding-top : 0; 
} 
UL { 
padding-bottom : 0; 
margin : 0; 
padding-left : 0; 
padding-right : 0; 
padding-top : 0; 
} 
OL { 
padding-bottom : 0; 
margin : 0; 
padding-left : 0; 
padding-right : 0; 
padding-top : 0; 
} 
li { 
padding-bottom : 0; 
margin : 0; 
padding-left : 0; 
padding-right : 0; 
padding-top : 0; 
} 
DL { 
padding-bottom : 0; 
margin : 0; 
padding-left : 0; 
padding-right : 0; 
padding-top : 0; 
} 
DT { 
padding-bottom : 0; 
margin : 0; 
padding-left : 0; 
padding-right : 0; 
padding-top : 0; 
} 
DD { 
padding-bottom : 0; 
margin : 0; 
padding-left : 0; 
padding-right : 0; 
padding-top : 0; 
} 
P { 
padding-bottom : 0; 
margin : 0; 
padding-left : 0; 
padding-right : 0; 
padding-top : 0; 
} 
.Estilo1 { 
color : #000000; 
} 
.Estilo1 { 
color : #000000; 
} 
.Estilo1 { 
color : #000000; 
} 
/*///////border esquinas*/
div.top {
	height:28px; 
	background-image:url(squina/top_line.gif); 
	background-repeat: repeat-x; 
	margin:2em 0 0 0;}
	
img.esquina_sup_izq { float:left; }
img.esquina_sup_der { float:right; }

div.content { 
	background-image:url(squina/left_line.gif); 
	background-repeat:repeat-y; 
	background-color: #a9d974; }
	
div.boxcontrol { padding:0 5% 0 5%; 
	background-image:url(squina/right_line.gif); 
	background-position:right; 
	background-repeat:repeat-y; }
	
div.bottom { height:28px; 
	background-image:url(squina/btm_line.gif); 
	background-repeat:repeat-x; 
	border:0;
	padding:0;
	margin:0;}
	
img.esquina_inf_izq { float:left; }
img.esquina_inf_der { float:right; }

h1 { margin:0; border-bottom:1px dashed #996;}

p.autor { padding-right:8px; 
	border-right:1px dashed #996;
	text-align:right;
	margin:-.1em 0 0 0; }
	
/* IE 5.5 box model hack para posicionar correctamente las imagenes de esquina */
* html img.esquina_sup_izq, * html img.esquina_inf_izq  { \margin-left:-.2em;  ma\rgin-left:0; }
* html img.esquina_inf_der, * html img.esquina_sup_der { \margin-left:.2em; } 