body, td, th  
{
    font-family: Arial, Tahoma, Verdana, Sans-Serif, Helvetica; 
    font-size: 12px; 
}
body, form 
{ 
    margin: 0px; 
    padding: 0px; 
}

.clear 
{
    clear:both;
    height:0px;
    line-height:0px;
    font-size:1px;
}

/* Lista Areas */
#areas 
{
    font-size:11px; 
    color:#000; 
}

#areas #listado a,
#areas #listado a:visited 
{
    font-size:11px;
    padding-left:3px;
    color:#000; 
    text-decoration:none; 
    line-height:17px;
}
#areas #listado a:hover,
#areas #listado a:active 
{ 
    text-decoration:underline; 
    color:#C60; 
}

.titulo_col_izq
{
    padding:3px; 
    border-bottom:solid 2px #c0c0c0; 
    font-size:13px; 
    /*color:#0565BC;*/
    color:#036;
    text-align:left;
}

#titulo_pagina 
{ 
    /*font-size:16px; 
    color:#333;
    text-align:left; 
    */
    padding:10px;
    text-align:center; 
    font-size:22px;
    font-weight:bold;
    color:#982135;
}

/**********************
*    Layout->Menus    *
***********************/
#menu
{
	padding:0;
	margin-top:3px;
	margin-bottom:1px;
    width:100%;
	line-height:24px;
	font-size:11px;
	font-weight:bold;
	/*background-color:#3D8BD3;*/
	/*azul #00293F*/
	/*rojo #982135*/
	background-color:#00293F;
	
	color:#FFF;
	text-align:center;
	vertical-align:middle;
}
#menu a,
#menu a:visited
{
	text-decoration:none;
	margin:0;
	padding-right:10px;
	padding-left:10px;
	color:#FFF;
}
#menu a:active,
#menu a:hover 
{	
	text-decoration:underline;
}

#menu_ciudades
{
	padding:0;margin-bottom:5px;
	width:100%;
	line-height:22px;
	font-size:11px;
	/*gris #999;
    color:#666;
    azul #5B7C8F*/
	background-color:#5B7C8F;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	border:1px solid #ccc;
}
#menu_ciudades a,
#menu_ciudades a:visited
{
	text-decoration:none;
	padding-left:35px;
	padding-right:35px;
	color:#fff;
}
#menu_ciudades a:active,
#menu_ciudades a:hover 
{	
	text-decoration:underline;
}


#footer 
{
    color:#333; 
    font-size:10px;
    text-align:center;
    vertical-align:middle;
}




/******************************
*   Combo Ciudades/Estados    *
*******************************/
.cboStates
{
	border:1px solid #ccc;
	background-color:#fff;
	color:#333;
	width:170px;
	font-size:11px;
}
.cboStatesItmDisabled
{
	background-color:#fff; color:#999;
	font-weight:bold;
}

a, a:link, a:visited 
{
    text-decoration:none; 
}
a:hover, a:active
{
    text-decoration:underline;
}

/*estilos para la seccion ONLINE*/

#contenido_online
{
    width: 750px;
    /*border: 1px dotted;*/
    text-align:left;
}

#top_online
{
    text-align:justify;
    padding: 1px 5px 5px 10px;    
}

#titProd_online
{
    text-align: center;
    font-weight: bold;
    background-color: #CCCCFF;
}

#descrProd_online
{
    border: thin outset #003366;
    text-align: justify;
    background-color: #CCCCFF;
    /*height: 60px;*/
    height: 0px;
    visibility:hidden;
    /**/
    padding: 2px 5px 2px 5px;
    margin-bottom: 2px;
    margin-top: 2px;
}

#topmenu_online
{
    padding:0;	
    width:100%;
	line-height:24px;
	font-size:10px;
	font-weight:bold;
	/*background-color:#3D8BD3;*/
	/*azul #00293F*/
	/*rojo #982135*/
	background-color:#EBEAEA;
	
	color:#FFF;
	text-align:left;
	vertical-align:middle;
	/*
    height: 0px;
    visibility:hidden;
    */
}

#topmenu_online a,
#topmenu_online a:visited
{
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
	color:#000;
}
#topmenu_online a:active,
#topmenu_online a:hover 
{	
	text-decoration:underline;
}

#clasif_online
{
    /*background: #C0D9D9 url(images/fondo.gif) repeat;*/
    width: 180px;    
    float: left;       
}

#productos_online
{
    width: 560px;
    text-align:left;
    float: left;    
    /*border: 1px;
    border-style: inset;*/
}

#clasif_online a,
#clasif_online a:visited
{
	text-decoration:none;
	padding-left:1px;
	padding-right:1px;
	color:#982135;
	font-size:smaller;
}
#clasif_online a:active,
#clasif_online a:hover 
{	
	text-decoration:underline;
}

#temario_online
{
    /*background: #C0D9D9 url(images/fondo.gif) repeat;*/
    width: 180px;    
    float: left;
}

#foto_grande_online
{
    /*background: #C0D9D9 url(images/fondo.gif) repeat;*/
    width: 180px;    
    float: right;
}

#comprar_online
{
    /*background: #C0D9D9 url(images/fondo.gif) repeat;*/
    width: 180px;    
    float: left;
    height: 15px;
}

#pie_online{ 
clear : both; 
color : #cccccc; 
text-align : center; 
margin : 10px 10px 0px 10px; 
padding-bottom:10px; 
} 

/*Este estilo es para poner transparente la imagen cuando el mouse pasa encima*/
img.pic:hover {
opacity: .6;
filter:alpha(opacity=60);
}