@charset "utf-8";
body  {
    	font-family: Arial, Helvetica, sans-serif;
			font-size: 100%;
    	background: #FFFFFF;
    	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: #003366;
    }
		
		a {
			color: #00F;
		}
		a:hover {
			color: #069;
		}
    
    /* Sugerencias para diseños elásticos 
    1. Dado que el tamaño global de los diseños elásticos se basa en el tamaño de fuente predeterminado del usuario, resultan algo más impredecibles. Si se utilizan correctamente, también son más accesibles para aquellas personas que necesitan tamaños de fuentes más grandes, dado que la longitud de línea mantiene la proporcionalidad.
    2. La asignación de tamaño a los divs en este diseño se basa en el 100% del tamaño de fuente en el elemento body. Si reduce el tamaño global del texto empleando font-size: 80% en el elemento body o el #container, recuerde que todo el diseño reducirá su tamañ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ño de fuente se modifica de forma distinta en cada div en lugar de hacerse en el diseño global (es decir: a #sidebar1 se le asigna un 70% de tamaño de fuente y a #mainContent se le asigna un 85% de tamaño de fuente), ello hará que se modifique proporcionalmente el tamaño global de cada uno de los divs. Si lo desea, puede realizar el ajuste basándose en la asignación de tamaño de fuente final.
    */
    .twoColElsLtHdr #container { 
    	width: 1000px; /*46em;   este ancho creará un contenedor que cabrá en una ventana de navegador 800px si el texto se deja con los tamaños de fuente predeterminados del navegador */
    	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
    	/*border: 1px solid #000000;*/
    	text-align: left; /* esto anula text-align: center en el elemento body. */
    } 
    .twoColElsLtHdr #header {
			height: 90px;
			background: url(../images/logo.jpg) 18px 0px no-repeat;
    	/*background: #DDDDDD; 
    	padding: 0 10px;   este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
    } 
    .twoColElsLtHdr #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á mantener el elemento alejado de los bordes del div */
    }
		/*
		* estilo aplicado al logo
		*/
    .twoColElsLtHdr #logo {
			float: left;
			display: inline;
			width: 260px;
			height: 90px;
		}
		.twoColElsLtHdr #logo a {
			text-decoration: none;
			display: block;
			height: 90px;
		}
		.twoColElsLtHdr #logo a span {
			visibility: hidden;
		}
    /* Sugerencias para sidebar1:
    1. Tenga en cuenta que, si establece un valor de tamaño de fuente en este div, el ancho global del div se ajustará en función de éste.
    2. Dado que está trabajando en ems, es conveniente no utilizar relleno en la barra lateral propiamente dicha. Se añadirá al ancho en el caso de navegadores que cumplen los está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 ".twoColElsLtHdr #sidebar1 p".
    */
    .twoColElsLtHdr #sidebar1 {
    	float: left; 
    	width: 215px;/*12em;  dado que este elemento es flotante, debe asignarse un ancho */
    	/*background: #EBEBEB;  el color de fondo se mostrará a lo largo de todo el contenido de la columna, pero no más allá */
    	padding: 0px 0; /* el relleno superior e inferior crea un espacio visual dentro de este div */
			background: url(../images/sidebar_body.jpg) repeat-y;
			font-size: 12px;
    }
    .twoColElsLtHdr #sidebar1 h3 {
    	margin-left: 0px; /* deben asignarse los márgenes izquierdo y derecho de cada elemento que vaya a colocarse en las columnas laterales */
			margin-right: 0px;
			margin-top: 0px;
			padding-left: 35px;
			padding-top: 7px;
			height: 29px;
			font-weight: bold;
			font-size: 12px;
			background: url(../images/sidebar_h3.jpg) 0px 0px no-repeat;
    }
		.twoColElsLtHdr #sidebar1 h4 {
			font-size: 13px;
			margin: 0;
			margin-top: 10px;
			padding-left: 20px;
		}
		.twoColElsLtHdr #sidebar1 h4 a {
			color: #003366;
		}
		.twoColElsLtHdr #sidebar1 h4 a:hover {
			color: #006699;
		}
		.twoColElsLtHdr #sidebar1 p {
			margin-left: 20px; /* deben asignarse los márgenes izquierdo y derecho de cada elemento que vaya a colocarse en las columnas laterales */
    	margin-right: 10px;
		}
		.twoColElsLtHdr #sidebar1 ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		.twoColElsLtHdr #sidebar1 ul li {
			margin: 0;
			padding: 0;
			padding-left: 20px;
		}
		.twoColElsLtHdr #sidebar1 ul li a {
			text-decoration: none;
			color: #006699;
		}
		.twoColElsLtHdr #sidebar1 ul li a:hover {
			color: #003366;
		}
		.twoColElsLtHdr #sidebar1 ul li a span {
			background: #036;
			display: block;
			color: #FFF;
			font-weight: bold;
			margin-right: 5px;
		}
		.twoColElsLtHdr #sidebar1 ul li a:hover span {
			color: #FF0;
		}
    
    /* Sugerencias para mainContent:
    1. Si asigna a este div #mainContent un valor de tamaño de fuente distinto del que tiene el div #sidebar1, los márgenes del div #mainContent se basarán en su tamaño de fuente y el ancho del div #sidebar1 se basará en su tamañ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á 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ída de un elemento flotante, puede que tenga que realizar pruebas con el fin de determinar el tamaño máximo aproximado de la imagen/el elemento, ya que este diseño se basa en el tamaño de fuente del usuario combinado con los valores que usted establezca. Sin embargo, si el usuario tiene configurado un tamaño de fuente inferior al normal, habrá menos espacio disponible en el div #mainContent del que observará 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íficos de IE.
    */
    .twoColElsLtHdr #mainContent {
    	margin: 5px 10px 0px 225px; /* el margen derecho puede asignarse en ems o píxeles. Éste crea el espacio a lo largo de la parte derecha de la página. */
			border: #CCCCCC solid 1px;
    }
		/*
		* Barra superior conteniendo los enlaces generales del sitio
		*/
		.twoColElsLtHdr #top-link {
			height: 19px;
			/*padding: 18px 0px 0px 269px;*/
			margin: 18px 0px 0px 0px;
			padding-right: 11px;
			font-size: 0.9em;
			text-align: right;
			/*float: left;*/
		}
		.twoColElsLtHdr #top-link ul {
			margin: 0px;
			padding: 0px;
			padding-left: 40px;
			/*margin-top: 7px;
			margin-bottom: 0px;*/
			list-style-type: none;
		}
		.twoColElsLtHdr #top-link ul li {
			display: inline;
			margin: 0px;
		}
		.twoColElsLtHdr #top-link ul li a {
			padding: 2px 4px 2px;
			margin: 0px;
			border: #003366 solid 1px;
			border-bottom:  #FFFFFF solid 1px;
			text-decoration: none;
			color: #003366;
		}
		.twoColElsLtHdr #top-link ul li a:hover {
			color: #006699;
			text-decoration: underline;
		}
		/*
		* Estilo aplicado al formulario de busqueda para el sitio
		*/
		.twoColElsLtHdr #search-bar {
			height: 40px;
			margin: 0;
			background: url(../images/search-bar.jpg) 100% 100% no-repeat;
			text-align: right;
			padding-right: 11px;
		}
		.twoColElsLtHdr #search-bar form {
			margin-top: 0px;
			margin-left: 50px;
			padding-top: 7px;
		}
		.twoColElsLtHdr #search-bar form input.textbox {
			color: #999999;
		}
		.twoColElsLtHdr #search-bar form input#ir,
		.twoColElsLtHdr #search-bar form input#ir2
		 {
			background: url(../images/button-go.gif) center center no-repeat;
			margin: 0;
			padding: 0;
			color: #FFFFFF;
			height: 26px;
			width: 32px;
			cursor: pointer;
			border: none;
		}
		/*
		| estilo aplicado al menu de usuario
		*/
		.twoColElsLtHdr #user-area {
			height: 16px;
			margin: 0 0 0 9px;
			font-size: 11px;
			text-align: right;
		}
		.twoColElsLtHdr #user-area p {
			
		}
		.twoColElsLtHdr #user-area ul {
			margin: 0;
			list-style: none;
			list-style-type: none;
		}
		.twoColElsLtHdr #user-area ul li {
			display: inline;
			margin: 0px;
			margin-right: 10px;
		}
		.twoColElsLtHdr #user-area ul li a {
			margin: 0;
			text-decoration: none;
			color: #003366;
		}
		.twoColElsLtHdr #user-area ul li a:hover {
			color: #006699;
			text-decoration: underline;
		}
		.twoColElsLtHdr #user-area ul li a img {
			border: 0;
			margin: 0 2px;
		}
		/*
		* estilo aplicado al panel frontal de inicio
		*/
		.twoColElsLtHdr #content-index {
			width: 440px;
			float: left;
			/*display: inline;*/
			font-size: 12px;
		}
		/*
		* last-income - panel de últimas entradas para la panel frontal 
		*/
		.twoColElsLtHdr #last-income {
		}
		.twoColElsLtHdr #last-income h3 {
			/*width: 300px;*/
			font-size: 12px;
			font-weight: bold;
			padding: 3px 10px 3px;
			margin: 5px 0;
			background: url(../images/sub-title1.jpg) repeat-x;
			border-bottom: #CCCCCC solid 2px;
		}
		/*
		*/
		.twoColElsLtHdr #article {
			margin-top: 10px;
		}
		.twoColElsLtHdr #article h3 {
			background: url(../images/sub-title2.jpg) center center no-repeat;
			height: 20px;
			margin: 0;
			text-align: center;
			color: #FFFFFF;
		}
		.
		/*
		* Estilo aplicado al panel frontal de inicio dedicado a la publicidades
		*/
		.twoColElsLtHdr #banners {
			background: #009933;
			/*display: block;*/
		}
		.twoColElsLtHdr #banners p {
			margin: 0 5px;
		}
		
		/*
		* Estilo aplicado al panel de categorias por cada tipo de anuncio
		*/
		.twoColElsLtHdr #categories {
		}
		.twoColElsLtHdr #categories h3 {
			margin: 5px;
			text-align: center;
		}
		.twoColElsLtHdr #categories table td a {
			font-size: 11px;
		}
		.twoColElsLtHdr #categories table td a:hover {
			color: #069;
		}
		.twoColElsLtHdr #categories table td a span {
			color:#09C;
		}
		.twoColElsLtHdr #categories table td a:hover span {
			color: #F00;
		}
		
		/**
		* Estilo aplicado al listado de filtrado en la parte de resultados 
		*/
		.twoColElsLtHdr #filter {
			margin: 5px;
			border: #eee solid 1px;
			background: #FFC;
		}
		.twoColElsLtHdr #filter h3 {
			margin: 3px 5px;
		}
		.twoColElsLtHdr #filter p {
			margin: 5px 10px;
		}
		.twoColElsLtHdr #filter ul {
			list-style-type: none;
			margin: 10px;
			padding: 0;
		}
		.twoColElsLtHdr #filter ul li {
			display: inline;
		}
		.twoColElsLtHdr #filter ul li a,
		.twoColElsLtHdr #filter td a {
			color: #036;
			font-size: 11px;
			text-decoration: none;
		}
		.twoColElsLtHdr #filter ul li a span,
		.twoColElsLtHdr #filter td a span {
			color: #03C;
		}
		.twoColElsLtHdr #filter ul li a span span,
		.twoColElsLtHdr #filter td a span span {
			color: #09F;
		}
		.twoColElsLtHdr #filter ul li a:hover,
		.twoColElsLtHdr #filter td a:hover {
			color: #069;
			text-decoration: underline;
		}
		.twoColElsLtHdr #filter table td table {
			min-width: 400px;
		}

		/**
		* Estilo aplicado al listado de opciones en la parte de resultados 
		*/
		.twoColElsLtHdr #options {
			margin: 5px;
			border: #eee solid 1px;
			background: #FFC;
		}
		.twoColElsLtHdr #options h3 {
			margin: 3px 5px;
		}
		.twoColElsLtHdr #options p {
			margin: 5px 10px;
		}
		.twoColElsLtHdr #options ul li a strong1 {
			font-style: italic;
			font-size: 14px;
		}
		/*
		* Estilo aplicado al listado de resultados de la búsqueda
		*/
		.twoColElsLtHdr #list {
			margin: 0;
		}
		.twoColElsLtHdr #list form {
			margin: 0px;
			
		}
		.twoColElsLtHdr #list h3 {
			background: url(../images/sub-title3.jpg) center center no-repeat;
			margin: 10px 5px 0;
			color: #FFFFFF;
			padding: 3px 20px 3px;
			font-size: 12px;
			font-weight: bold;
		}
		.twoColElsLtHdr #list h3 span {
			color: #ffe807;
		}
		.twoColElsLtHdr #header-list h1 {
			margin: 0;
			margin-top: 5px;
			padding-left: 10px;
			background: url(../images/sub-title1.jpg) repeat-x;
			border-bottom:  #CCCCCC solid 2px;
			font-size: 12px;
			font-weight: bold;
		}
		.twoColElsLtHdr #header-list p span {
			text-align: right;
			margin-left: 200px;
		}
		/*
		* Estilos aplicados a los resultados de la búsqueda
		*/
		.twoColElsLtHdr #show-result {
			background: #eeefff;
			margin-left: 5px;
			margin-right: 5px;
			width: 753px;
			border-bottom: #CCCCCC solid 1px;
		}
		.twoColElsLtHdr #show-result td {
			padding: 5px;
			border: #FFFFFF solid 1px;
		}
		.twoColElsLtHdr #show-result td p {
			font-weight: bold;
			font-size: 13px;
			margin: 5px 0;
		}
		.twoColElsLtHdr #show-result td p span {
			font-weight: normal;
			color: #0099CC;
		}
		.twoColElsLtHdr #show-result td p strong {
			color: #FF0000;
		}
		.twoColElsLtHdr #show-result td p a {
			color: #003366;
			text-decoration: none;
		}
		.twoColElsLtHdr #show-result td p a:hover {
			color: #006699;
		}
		.twoColElsLtHdr #show-result td p a img {
			border: none;
		}
		
		.twoColElsLtHdr #show-result td.action-button a {
			text-decoration: none;
		}
		.twoColElsLtHdr #show-result td.action-button a img {
			border: none;
		}
		
		.twoColElsLtHdr #show-result tfoot td a {
			text-decoration: none;
		}
		.twoColElsLtHdr #show-result tfoot td a.arrow img {
			margin-right: 10px;
		}
		.twoColElsLtHdr #show-result tfoot td a img {
			border: none;
		}
		.twoColElsLtHdr #show-result caption {
			background: #044d97;
			border: #044d97 solid 1px;
			border-top: none;
			color: #DDD;
		}
		.twoColElsLtHdr #show-result caption a {
			color: #FFF;
			margin: 4px;
		}
		.twoColElsLtHdr #show-result caption a:hover {
			color: #F00;
		}
		.twoColElsLtHdr #show-result caption a:visited {
			color: #FC9;
		}
		
		.twoColElsLtHdr #footer-list {
			margin: 5px 0;
			padding: 3px 10px;
		}
		.twoColElsLtHdr #footer-list p {
			text-align: right;
			font-size: 12px;
			margin: 3px 0;
		}
		/*
		* Estilo aplicado al panel show category
		*/
		.twoColElsLtHdr #view-category {
			font-size: 12px;
		}
		.twoColElsLtHdr #view-category h3 {
			font-size: 13px;
			margin: 5px;
		}
		.twoColElsLtHdr #view-category ul {
			list-style-type: decimal;
		}
		.twoColElsLtHdr #view-category ul li {
			margin: 5px;
		}
		.twoColElsLtHdr #view-category ul li a {
			display: block;
			text-decoration: none;
			color: #006699;
		}
		.twoColElsLtHdr #view-category ul li a:hover {
			color: #003366;
		}
		/*
		* Estilo aplicado al panel de result ( mas informacion ) para mostrar el anuncio publicado
		*/
		.twoColElsLtHdr #commercial {
			font-size: 12px;
		}
		.twoColElsLtHdr #header-commercial {
			margin-top: 5px;
		}
		.twoColElsLtHdr #header-commercial ul {
			margin: 0;
			padding-top: 5px;
			background: url(../images/sub-title1.jpg) repeat-x;
			list-style-type: none;
			height: 25px;
		}
		.twoColElsLtHdr #header-commercial ul li {
			display: inline;
			padding-right: 10px;
			padding-left: 10px;
			border-right: #CCCCCC solid 1px;
		}
		.twoColElsLtHdr #header-commercial ul li a {
			color: #FF0000;
			text-decoration: none;
		}
		.twoColElsLtHdr #header-commercial ul li a img {
			border: none;
			width: 13px;
		}
		.twoColElsLtHdr #title-commercial h1 {
			margin: 5px;
		}
		.twoColElsLtHdr #large-img {
			float: left;
			width: 426px;
			text-align: center;
		}
		.twoColElsLtHdr #subheader-commercial {
			float: left;
			width: 170px;
			padding-top: 30px;
			margin: 0px;
		}
		.twoColElsLtHdr #subheader-commercial p {
			margin: 5px 0;
		}
		.twoColElsLtHdr #logo-commercial {
			text-align: center;
			margin-left: 5px;/*426px;*/
		}
		.twoColElsLtHdr #logo-commercial img {
			border: none;
			margin: 9px 0;
		}
		.twoColElsLtHdr #nav-bar {
			
		}
		.twoColElsLtHdr #nav-bar p {
			margin: 0 5px 0;
		}
		/*
		* Estilos aplicados a la forma de mostrar la información referente de cada anuncio
		*/
		.twoColElsLtHdr #info {
			border: solid #CCC 1px;
			margin-right: 5px;
		}
		.twoColElsLtHdr #info p {
			margin: 3px 0px;
			padding: 3px 5px;
			background: #EEE;
		}
		.twoColElsLtHdr #info p.remain-top {
			color: #363;
		}
		.twoColElsLtHdr #info p.remain-down {
			color: #F00;
		}
		.twoColElsLtHdr #explain-commercial {
			margin: 0;
			/*margin-left: 5px;/*426px;*/
			margin-right: 5px;
			font-size: 12px;
			border: #CCCCCC solid 1px;
		}
		.twoColElsLtHdr #explain-commercial p {
			margin: 5px 0;
			padding: 5px;
			background: #EEEEEE;
		}
		.twoColElsLtHdr #explain-commercial h4 {
			background: #FFFFCC;
			margin: 10px 0;
			padding: 5px;
			font-size: 13px;
		}
		
		/*
		* estilos de nas informacion en vista de productos
		*/
		.twoColElsLtHdr #show_detallada div {
			width: 650px;
			margin: 0 auto;
		}
		.twoColElsLtHdr #show_detallada div h3 {
			background: none;
		}
		
		.twoColElsLtHdr #show_detallada h3 {
			background: url(../images/sub-title1.jpg) repeat-x;
			height: 25px;
			margin: 0;
			padding: 3px 3px;
			border-bottom: #CCCCCC solid 2px;
		}
		
		/*
		* Para mas información de las vistas de vehiculos
		*/
		.twoColElsLtHdr #more-info {
			margin: 5px;
			padding: 5px;
			border:  #CCC solid 1px;
			background: #EEE;
		}
		.twoColElsLtHdr #more-info table td img {
			margin: 3px 10px;
		}
		
		
		/*
		* Estilo aplicados al panel de sin resultados
		*/
		.twoColElsLtHdr #no_result {
			margin: 5px;
			font-size: 12px;
		}
		.twoColElsLtHdr #no_result h3 {
			font-size: 12px;
			background: #ffe807 url(../images/refresh_48.jpg) top right no-repeat;
			margin: 0;
			min-height: 30px;
			padding: 10px;
			border: #c0c0c0 solid 2px;
		}
		.twoColElsLtHdr #no_result h3 strong {
			font-size: 14px;
		}
		/*
		* estilo aplicado al mensaje 
		*/
		.twoColElsLtHdr #msg {
			font-size: 12px;
			margin: 5px;
			padding: 5px;
			background: #FFFFCC url(../images/message_info.jpg) top right no-repeat;
			border: #CCCCCC solid 1px;
		}
		/*
		* estilo aplicado al formulario de enviar correo
		*/
		.twoColElsLtHdr #email {
			margin: 5px;
		}
		.twoColElsLtHdr #email h3 {
			background: url(../images/sub-title1.jpg) repeat-x;
			height: 25px;
			margin: 0;
			padding: 3px 3px;
			border-bottom: #CCCCCC solid 2px;
		}
		.twoColElsLtHdr #email form {
			margin: 0;
		}
		/*
		* Estilo aplicado a las vistas mimiatura de la galeria de fotos
		*/
		.twoColElsLtHdr #thumb {
			width: 426px;
			margin: 5px 0;
		}
		.twoColElsLtHdr #thumb ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			text-align: left;
			margin-left: 5px;
			text-align: center;
			/*margin-left: -7px;*/
		}
		.twoColElsLtHdr #thumb ul li {
			display: inline;
			margin: 0;
		}
		.twoColElsLtHdr #thumb ul li a {
			
		}
		.twoColElsLtHdr #thumb ul li a:hover {
		}
		.twoColElsLtHdr #thumb ul li a img {
			margin: 0 1px;
			padding: 2px;
			background-color: #f5f5f5;
			width: 98px;
			border: none;
			border-bottom: 1px solid #999999;
			border-right: 1px solid #999999;
		}
		/*
		* Estilo aplicado a los mensajes de cualquier tipo especificado en la vista offline.php
		*/
		.twoColElsLtHdr #message {
			font-size: 12px;
			margin: 5px;
			padding: 5px;
			background: #FFFFCC url(../images/message_info.jpg) top right no-repeat;
			border: #CCCCCC solid 1px;
		}
		.twoColElsLtHdr #message h3 {
			font-size: 16px;
		}
		
		/*
		* Estilo aplicado a los errores de cualquier tipo especificado en la vista offline.php
		*/
		.twoColElsLtHdr #error {
			font-size: 12px;
			margin: 5px;
			padding: 5px;
			background: #FFFFCC url(../images/error.jpg) top right no-repeat;
			border: #CCCCCC solid 1px;
		}
		.twoColElsLtHdr #error h3 {
			font-size: 16px;
		}
		/*
		* Estilo aplicado a las notificaciones de cualquier tipo
		*/
		.twoColElsLtHdr #notify {
			font-size: 12px;
			margin: 5px;
			padding: 5px;
			background: #FFFFCC url(../images/notify.jpg) top right no-repeat;
			border: #CCCCCC solid 1px;
		}
		.twoColElsLtHdr #notify h3 {
			font-size: 16px;
		}
		.twoColElsLtHdr #message-no-result {
			background: #FCC;
			border: #CCC solid 1px;
			margin: 5px;
			padding: 5px;
			font-size: 11px;
		}
		.twoColElsLtHdr #message-no-result p {
			margin: 5px 0px;
		}
		
		.twoColElsLtHdr #no-active-commercial {
			font-size: 12px;
			margin: 5px;
			padding: 5px;
			background: #FF7777 url(../images/no-active.jpg) top right no-repeat;
			border: #CCCCCC solid 1px;
		}
		.twoColElsLtHdr #no-active-commercial h3 {
			font-size: 16px;
		}
		
		/*
		* Estilo aplicado a advanced-search dentro de la vista view_advanced_search.php
		*/
		.twoColElsLtHdr #advanced-search {
			font-size: 12px;
		}
		.twoColElsLtHdr #advanced-search form {
			margin: 5px;
		}
		.twoColElsLtHdr #advanced-search form table {
			border: #CCCCCC solid 2px;
		}
		.twoColElsLtHdr #advanced-search form table td table {
			background: #EEEEEE;
		}
		
		/*
		* Estilo aplicado a la vista de login 
		*/
		.twoColElsLtHdr #content-login {
			width: 150px;
			margin: 10px auto;
		}
		/*
		* estilo aplicado al menu de publicar evento
		*/
		.twoColElsLtHdr #publish-content h3 {
			margin: 5px;
		}
		.twoColElsLtHdr #publish-content ul {
			list-style-type: none;
		}
		.twoColElsLtHdr #publish-content ul li {
			padding: 5px 0 5px 70px;
		}
		.twoColElsLtHdr #publish-content ul li.inmueble {
			height: 65px;
			background: url(../images/iconos/icoin.png) left center no-repeat;
		}
		.twoColElsLtHdr #publish-content ul li.vehiculo {
			height: 65px;
			background: url(../images/iconos/icove.png) left center no-repeat;
		}
		.twoColElsLtHdr #publish-content ul li.tecnologia {
			height: 65px;
			background: url(../images/iconos/icote.png) left center no-repeat;
		}
		.twoColElsLtHdr #publish-content ul li.varios {
			height: 65px;
			background: url(../images/iconos/icova.png) left center no-repeat;
		}
		.twoColElsLtHdr #publish-content ul li.empleo {
			height: 65px;
			background: url(../images/iconos/icobt.png) left center no-repeat;
		}
		.twoColElsLtHdr #publish-content ul li a {
			color: #1584f5;
			font-size: larger;
			font-family: Arial, Helvetica, sans-serif;
		}
		.twoColElsLtHdr #publish-content ul li a:hover {
			color: #003366;
		}
		.twoColElsLtHdr #publish-content ul li span {
			font-size: xx-small;
			color: #999999;
			font-family: Arial, Helvetica, sans-serif;
		}
		/*
		* Estilos aplicados a
		*/
		.twoColElsLtHdr #content-my-panel {
			position: absolute;
			top: 130px;
			left: 50%;
			margin-left: 150px;
			width: 300px;
			z-index: 100;
			
			background: #FFC;
			color: #036;
			border: #CCC solid 1px;
		}
		.twoColElsLtHdr #content-my-panel h3 {
			margin: 0;
			padding: 5px;
			background: #03C;
			color: #FFF;
		}
		.twoColElsLtHdr #content-my-panel ul li span {
			font-size: 9px;
		}
		/*
		* Estilo aplicado a los controles de cuenta de publicar
		*/
		.twoColElsLtHdr #active-count {
			
		}
		.twoColElsLtHdr #active-count ol {
			list-style-type: none;
			padding: 0;
			margin: 0;
		}
		.twoColElsLtHdr #active-count ol li {
			display: inline;
			padding: 10px 0 5px 30px;
		}
		.twoColElsLtHdr #active-count ol li a {
			color: #FF6600;
			font-size: 14px;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
		}
		.twoColElsLtHdr #active-count ol li a:hover {
			color: #FF9933;
		}
		.twoColElsLtHdr #active-count ol li a img {
			border: none;
			margin: 5px;
		}
		/*
		* Estilo aplicado a la vista de registro de usuarios
		*/
		.twoColElsLtHdr #register-user {
			font-size: 12px;
			padding: 5px;
		}
		.twoColElsLtHdr #register-user h3 {
			text-align: center;
			font-size: 20px;
		}
		.twoColElsLtHdr #register-user h4 {
			text-align: center;
			font-size: 14px;
		}
		/*
		* Estilo aplicado al forumulario de registro de techologia
		*/
		.twoColElsLtHdr #publish-form {
			font-size: 12px;
		}
		.twoColElsLtHdr #publish-form h3 {
			text-align: center;
			margin: 5px;
			font-size: 20px;
		}
		.twoColElsLtHdr #publish-form h4 {
			text-align: center;
			color: #FF0000;
			margin: 5px;
			font-size: 16px;
		}
		.twoColElsLtHdr #publish-form table td img {
			border: none;
		}
		/*
		* Definido an los controles de ayuda del sitio
		*/
		.twoColElsLtHdr #help {
			font-size: 12px;
		}
		.twoColElsLtHdr #help h1,
		.twoColElsLtHdr #help h3,
		.twoColElsLtHdr #help h4,
		.twoColElsLtHdr #help p {
			margin: 5px;
		}
		.twoColElsLtHdr #help p img.thumb {
			margin: 5px 20px;
			border: none;
		}
		.twoColElsLtHdr #help blockquote {
			background: #FFFFCC;
			padding: 5px;
			border: #CCCCCC solid 1px;
		}
		.twoColElsLtHdr #help blockquote p img {
			border: #CCCCCC dashed 1px;
		}
		.twoColElsLtHdr #help blockquote blockquote {
			background: #FFFFBB;
			border: #DDDDDD double 4px;
		}
		.twoColElsLtHdr #help blockquote blockquote p {
			text-align: center;
		}
		.twoColElsLtHdr #help blockquote blockquote p img {
			border: #CCCCCC dashed 1px;
		}
		.twoColElsLtHdr #help blockquote p span {
			text-align: center;
			font-weight: bold;
			font-style: italic;
		}
		
		/*
		* Estilo aplicado a todas las vistas que son de Showrooms
		*/
		.twoColElsLtHdr #view-showrooms {
			margin: 5px;
		}
		.twoColElsLtHdr #view-showrooms h3 {
			font-size: large;
			color: #FF6600;
			text-align: center;
			margin: 3px 0 10px;
		}
		.twoColElsLtHdr #view-showrooms table {
			border: #EEEEEE solid 1px;
		}
		.twoColElsLtHdr #view-showrooms table td span {
			display: block;
		}
		/*
		* Estilo aplicado a la capa de footer
		*/
    .twoColElsLtHdr #footer { 
    	padding: 0 10px; /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
    	background: #343434 url('http://clasificados.bo/logos/mr2008.gif') right bottom no-repeat;
			color: #FFFFFF;
    } 
    .twoColElsLtHdr #footer p {
			text-align: center;
    	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
    	padding: 5px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
    }
		.twoColElsLtHdr #footer p span {
			text-align: center;
		}
		
		/**
		* Estilos aplicados al formulario de solucitud de agente
		*/
		.twoColElsLtHdr #form-fielset {
			border:1px solid #EEEEEE;
			width:650px;
			margin:auto;
		}
		.twoColElsLtHdr #form-fielset legend {
			font-weight: bold;
			font-size: 12px;
			margin: 2px 0px;
			padding: 2px 3px;
		}
		.twoColElsLtHdr #form-fielset ol {
			list-style: none;
		}
		.twoColElsLtHdr #form-fielset ol li {
			padding-bottom: 2px;
		}
		.twoColElsLtHdr #form-fielset ol li label {
			width: 150px;
			float: left;
			text-align: left;
		}
		.twoColElsLtHdr #form-fielset input[type=text] {
			border: 1px solid #CCCCCC;
		}
		.twoColElsLtHdr #form-fielset input.btn {
			padding: 2px;
			color: #FFFFFF;
			background-color: #069;
			border: 1px solid #EEEEEE;
			cursor: pointer;
		}
    
		/**
		* Estilos aplicados a los paneles de administración
		*/
		.twoColElsLtHdr #panel {
			margin: 3px;
			font-size: 12px;
		}
		.twoColElsLtHdr #panel h3 {
			font-size: 18px;
			text-align: center;
		}
		.twoColElsLtHdr #panel p {
			margin: 5px 3px;
		}
		.twoColElsLtHdr #panel ul {
			list-style-type: none;
		}
		.twoColElsLtHdr #panel ul li a {
			color: #06C;
		}
		.twoColElsLtHdr #panel ul li a:hover {
			color: #036;
		}
		.twoColElsLtHdr #panel blockquote {
			background: #FFFFCC;
			padding: 5px;
			border: #CCCCCC solid 1px;
		}
		.twoColElsLtHdr #panel fieldset {
			border: 1px solid #DDDDDD;
		}
		.twoColElsLtHdr #panel fieldset legend {
			font-weight: bold;
			font-size: 12px;
			margin: 2px 0px;
			padding: 2px 3px;
		}
		.twoColElsLtHdr #panel fieldset p {
			margin-left: 15px;
		}
		.twoColElsLtHdr #panel ol {
			list-style: none;
		}
		.twoColElsLtHdr #form-fielset fieldset ol li {
			padding-bottom: 2px;
		}
		.twoColElsLtHdr #panel fieldset ol li label {
			width: 150px;
			float: left;
			text-align: left;
		}
		.twoColElsLtHdr #panel fieldset input[type=text] {
			border: 1px solid #CCCCCC;
		}
		.twoColElsLtHdr #panel fieldset input.btn {
			padding: 2px;
			color: #FFFFFF;
			background-color: #069;
			border: 1px solid #EEEEEE;
			cursor: pointer;
		}
		
		.menu-colapse {
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-size: 10px;
		}
		
		/*.menu-colapse ul ul {
			position:relative;
			left:30px;
			top:-1px;
			display:none;
			list-style:none;
			background: #fff;
		}*/
		
		/*.menu-colapse li ul {
			display:none;
			list-style:none;
		}*/
		.menu-colapse li:hover > ul {
			display:block;
			
		}
		.menu-colapse li > ul {
			margin: 0;
			padding: 0;
			position: relative;
			left:-1px;
			top:0px;
			display:none;
			list-style:none;
			background: #FFC;
		}
		
		.menu-colapse li {
			display: block;
		}
		
		.menu-colapse li.over ul {
			display: block;
			margin-top: 20px;
			margin-left: -50px;
		}
		
		/*
		* estilos aplicados al modulo de tiempo en la página principal
		*/
		.twoColElsLtHdr #weater p {
			font-size: 10px;
		}
		.twoColElsLtHdr #weater table {
			
		}
		.twoColElsLtHdr #weater table th {
			font-size: 10px;
		}
		.twoColElsLtHdr #weater table td {
			font-size: 8px;
		}
    /* Varias clases diversas para su reutilización */
    .fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la pá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;
    }
		
		.center {
			text-align: center;
		}
		
		/*
		*/
		/*
		* Estilo aplicado a la tabla con separacion de 7px entre celda.
		*/
		.show-table {
			
		}
		.show-table td {
			border-bottom: #CCCCCC solid 1px;
			border-left: #CCCCCC solid 1px;
			border-right: #999999 solid 1px;
			border-top: #999999 solid 1px;
			padding-top: 10px;
		}
		.show-table td p {
			margin: 0px;
		}
		.show-table td p a {
			color: #003366;
			text-decoration: none;
		}
		.show-table td p a:hover {
			color: #0066CC;
		}
		.show-table td p a img {
			border: none;
		}
		/*
		* Estilo aplicado a la tabla con borde continua y centrado 
		*/
		.show-table2 {
			border:  #003399 solid 1px;
		}
		.show-table2 td p a {
			color: #003366;
			text-decoration: none;
		}
		.show-table2 td p a:hover {
			color: #0066CC;
		}
		.show-table2 td p a img {
			border: none;
		}
		/*
		* estilos aplicados a listas de enlaces establecidos dentro de un ul
		*/
		.link-list {
			list-style-type: none;
			margin: 5px;
		}
		.link-list li {
			display: inline;
		}
		.link-list li a {
			font-size: 12px;
			color: #CCCCCC;
			border-right: #666666 solid 2px;
			padding: 0 5px 0 5px;
		}
		.link-list li a.end {
			border-right: none;
		}
		.link-list li a:hover {
			color: #FFFFFF;
			/*text-decoration: none;*/
		}
		.link-list li.right {
			margin-left: 250px;
			font-size: 12px;
		}
		
		.right-align {
			text-align: right;
		}
		
		.line-spacer {
			border-bottom: #003366 solid 1px;
		}
		
		.frame2 {
			padding: 5px;
			background-color: #f5f5f5;
			width: 400px;
			margin: 10px auto;
			border-bottom: 1px solid #999999;
			border-right: 1px solid #999999;
			text-align: center;
		}
		/*
		* Estilo aplicado a elemento div dentro de la capa #sidebar1.
		*/
		.comercial {
			text-align: center;
			margin-top: 10px;
			background: url(../images/sidebar_footer.jpg) center bottom no-repeat;
		}
		/*
		* Estilo aplicado a los banners de index
		*/
		.banner-index {
			padding-top: 5px;
			padding-bottom: 5px;
			margin-left: 450px;
		}
		.banner-index h3 {
			font-size: 13px;
			color: #003366;
			padding: 5px;
			text-align: center;
		}
		.banner-index ul {
			list-style-type: none;
		}
		.banner-index ul li {
		}
		.banner-index ul li a {
			font-size: 10px;
			text-decoration: none;
			color: #006699;
		}
		.banner-index ul li a:hover {
			color: #003366;
		}
		
		/*
		* estilo destinadoa a mostrar mensajes de algunas tablas para la publicacion de formularios o en la edicion de formularios
		*/
		.common-header {
			width: 650px;
			margin: 5px auto;
			background: #EEEEEE;
		}
		.common-header h5 {
			margin: 5px;
			font-size: 13px;
			text-align: left;
			color: #003366;
		}
		.common-header p {
			margin: 5px;
		}
		
		/*
		* Estilos de clases aplicados al box de login
		*/
		.login_area {
			margin: 0px;
			float: left;
			width: 150px;
			padding-top: 0px;
			padding-right: 0px;
			padding-bottom: 15px;
			padding-left: 0px;
		}
		.login_top {
			background-image: url(../images/login_01.png);
			background-repeat: no-repeat;
			margin: 0px;
			padding: 0px;
			float: left;
			height: 5px;
			width: 146px;
		}
		.login_bottom {
			background-image: url(../images/login_03.png);
			background-repeat: no-repeat;
			margin: 0px;
			padding: 0px;
			float: left;
			height: 5px;
			width: 146px;
			text-align: center;
			font-size: 11px
		}
		.login_bottom a {
			color: #C03;
			font-size: 10px;
		}
		.login_bottom a:hover {
			color: #F00;
		}
		.login_bodyarea {
			margin: 0px;
			float: left;
			width: 140px;
			padding-top: 0px;
			padding-right: 0px;
			padding-bottom: 10px;
			padding-left: 6px;
			background-attachment: scroll;
			background-image: url(../images/login_02.png);
			background-repeat: repeat-y;
		}
		.right_head {
			font-family: Arial;
			font-size: 11px;
			font-weight: normal;
			color: #003366;
			text-decoration: none;
			margin: 0px;
			float: left;
			height: 17px;
			width: 131px;
			padding-top: 3px;
			padding-right: 0px;
			padding-bottom: 10px;
			padding-left: 0px;
			background-image: url(../images/right_head.png);
			background-repeat: no-repeat;
		}
		.right_textbox {
			font-family: Arial;
			font-size: 11px;
			font-weight: normal;
			color: #FFFFFF;
			text-decoration: none;
			margin: 0px;
			float: left;
			height: 17px;
			width: 131px;
			padding-top: 3px;
			padding-right: 0px;
			padding-bottom: 10px;
			padding-left: 0px;
		}
		.right_text {
			font-family: Arial;
			font-size: 11px;
			font-weight: bold;
			color: #006699; /*#330000; #d5ca89;*/
			text-decoration: none;
			margin: 0px;
			float: left;
			height: 17px;
			width: 131px;
			padding-top: 3px;
			padding-right: 0px;
			padding-bottom: 10px;
			padding-left: 0px;
		}
		.righttextbox {
			font-family: Arial;
			font-size: 10px;
			font-weight: normal;
			color: #000000;
			text-decoration: none;
			margin: 0px;
			padding: 0px;
			float: left;
			height: 18px;
			width: 128px;
			border: 1px solid #999999;
		}
		.righttextbox:hover {
			font-family: Arial;
			font-size: 10px;
			font-weight: normal;
			color: #000000;
			text-decoration: none;
			margin: 0px;
			padding: 0px;
			float: left;
			height: 18px;
			width: 128px;
			border: 1px solid #333333;
		}
		.login {
			font-family: Arial;
			font-size: 10px;
			font-weight: normal;
			color: #070808;
			text-decoration: none;
			float: right;
			height: 25px;
			width: 48px;
			margin: 0px 5px 0px 0px;
			padding: 3px 0px 0px;
		}
		.login:hover {
			font-family: Arial;
			font-size: 10px;
			font-weight: normal;
			color: #070808;
			text-decoration: none;
			background-image: url(../images/login_button1.png);
			background-repeat: no-repeat;
			float: right;
			height: 25px;
			width: 48px;
			margin: 0px 5px 0px 0px;
			padding: 3px 0px 0px;
			cursor: pointer;
		}
		
		/*
		* Estilos varios
		*/
		.small {
			font-size: xx-small;
		}
		.notice-important {
			color: #FF0000;
			text-align: justify;
			font-size: 14px;
		}
		.notice-important2 {
			color: #009900;
			font-size: 36px;
		}
		.min-height {
			height: 10px;
		}
		.notice-simple {
			color: #336600;
		}
		
		.hidden {
			visibility:hidden;
		}
		
		/*
		* Estilos para la tabla de planes de empresas
		*/
		.table-planes {
			border: #009 solid 1px;
			margin: 3px;
		}
		.table-planes thead th {
			border: #009 solid 1px;
			padding: 3px;
			font-size: 16px;
		}
		.table-planes td {
			padding: 5px;
			border-left:  #009 solid 1px;
		}
		.table-planes tr.row {
			background: #FFC;
		}
		.cell-left {
			color: #03F;
		}
		.cell-right {
			color: #F63;
			font-weight: bold;
		}
		
		/*
		* Estilo aplicado para dar la apariencia de un marco a una imagen
		*/
		img.frame_img {
			margin: 0 1px;
			padding: 2px;
			background-color: #f5f5f5;
			border: none;
			border-bottom: 1px solid #999999;
			border-right: 1px solid #999999;
		}
		
		/*
		* Estilo aplicado a cualquier tipo de mensaje satisfactorio o de anuncio.
		*/
		div.msg {
			width: 650px;
			margin: 2px auto;
			background: #FFC;
			font-size: 11px;
		}
		div.msg h3 {
			font-size: 14px !important;
			text-align: left !important;
			margin: 5px !important;
		}
		div.msg p {
			margin: 5px;
		}
		.center-margin {
			width: 420px;
			margin: 0 auto;
			border: #CCC solid 1px;
		}
		
		.solid-layout-yellow {
			border: #CCC solid 1px;
			background: #FFC;
			margin-top: 5px;
			margin-right: 5px;
		}
		
		/*
		* Estilos aplicados a botones en general
		*/
		.menu-top-list a {
			font-size: 16px;
		}
		
		/*
		* estilo aplicado al panel de result para el link de busqueda
		*/
		.link-search {
			margin-left: 400px;
		}