/*
<div class="objc-lsta-vert-d1">
	<h1 class="ttlo-1">Título</h1>
	<ul>
		<li> <a href="javascript:void(0);"><span>Item 1</span></a> </li>
		<li> <a href="javascript:void(0);"><span>Item 2</span></a> </li>
		<li> <a href="javascript:void(0);"><span>Item 3</span></a> </li>
	</ul>
</div>

*/


/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	CSS para contenidos de listas verticales 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div.objc-lsta-vert-d1 {
	margin: 5px;
	padding: 5px;
}

div.objc-lsta-vert-d1 ul {
	/*float: left;*/	
}

div.objc-lsta-vert-d1 ul li { 
	/* propiedades de posicionamiento */
		margin: 0px; 
		padding: 0px; 

	/* propiedades de tamaño */
	/* propiedades de tipografía */	
	/* propiedades de visualización */
}

div.objc-lsta-vert-d1 > ul, 
div.objc-lsta-vert-d1 > ol  { 
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */	
	/* propiedades de visualización */
}

div.objc-lsta-vert-d1 .obcp-ttlo,
div.objc-lsta-vert-d1 .obcp-ttlo * {
	/* propiedades de posicionamiento */
		margin: 0px 5px 5px 5px;
		padding: 0px 5px 5px 0;
		
	/* propiedades de tamaño */ 
	/* propiedades de tipografía */	
	/* propiedades de visualización */ 
}

div.objc-lsta-vert-d1 .obcp-item,
div.objc-lsta-vert-d1 .obcp-item * {
	/* propiedades de posicionamiento */
		margin: 0px;
		padding: 2px;
		
	/* propiedades de tamaño */
	/* propiedades de tipografía */	
	/* propiedades de visualización */
}

div.objc-lsta-vert-d1 .obcp-item:last-child {
	/* propiedades de posicionamiento */
		padding: 2px 2px 15px 2px;
		
	/* propiedades de tamaño */
	/* propiedades de tipografía */	
	/* propiedades de visualización */
}


div.objc-lsta-vert-d1 .obcp-item:hover {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */	
	/* propiedades de visualización */
}

div.objc-lsta-vert-d1 .obcp-item a {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */	
	/* propiedades de visualización */
}

div.objc-lsta-vert-d1 .obcp-item a:hover {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */	
	/* propiedades de visualización */
}

/* 
   ------------------------------------------------------------------------------------------------------------------ 
	Sección	: 	CSS Para Opciones laterales (Filtros, Menués, Selecciones etc) 
   ------------------------------------------------------------------------------------------------------------------ 
*/ 

div.objc-lsta-vert-d2 ul, 
div.objc-lsta-vert-d2 ol,
div.objc-lsta-vert-d2 li {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

div.objc-lsta-vert-d2 .obcp-ttlo { 
	/* propiedades de posicionamiento */		
		margin: 0px 1px 0px 0px;
		padding: 5px 0px 2px 0px;
		text-indent: 0px;
		
	/* propiedades de tamaño */	
		width: 100%;
	/* propiedades de tipografía */	
	/* propiedades de visualización */	
}

div.objc-lsta-vert-d2 .obcp-ttlo:first-child {
	/* propiedades de posicionamiento */		
		margin: 0px;
		text-indent: 0px;
		/*padding: 1px 0 2px 0;*/
		padding: 5px 0px 2px 0px;

	/* propiedades de tamaño */	
	/* propiedades de tipografía */	
	/* propiedades de visualización */	
		/*border: 1px solid #F7F7F7;*/
}

div.objc-lsta-vert-d2 {
	
	/* propiedades de posicionamiento */		
		margin: 0px 0px;
		padding: 0px ;
		
	/* propiedades de tamaño */	
		/*width: auto;		*/
		
	/* propiedades de tipografía */	
	/* propiedades de visualización */	
}

div.objc-lsta-vert-d2 ul:first-child {

	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
}

div.objc-lsta-vert-d2 ul li {

	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
}

div.objc-lsta-vert-d2 ul li ul li {

	/* propiedades de posicionamiento */		
		margin: 0px 5px 0 0 px;
		padding: 0px 0 ;
		
	/* propiedades de tamaño */	
 

}

div.objc-lsta-vert-d2 ul li ul li a {

	/* propiedades de posicionamiento */		
	/* propiedades de tamaño */	
}

div.objc-lsta-vert-d2 ul li input[type=checkbox],
div.objc-lsta-vert-d2 ul li input[type=radio] {

	/* propiedades de posicionamiento */	
		position: relative; 
		margin: 0px 7px 0 0;
		
	/* propiedades de tamaño */
}

div.objc-lsta-vert-d2 label {

	/* propiedades de posicionamiento */		
		position: relative; 		
		padding: 5px 15px 0 0;
		top: 0px;
				
	/* propiedades de tamaño */	
		
}		

div.objc-lsta-vert-d2 ul li ul div {
	/* propiedades de posicionamiento */		
		padding: 5px 0px;

	/* propiedades de tamaño */	
}

div.objc-lsta-vert-d2 ul li ul select {
	/* propiedades de posicionamiento */		
		padding: 5px 0px;

	/* propiedades de tamaño */	
		height: auto;
		width: 100%;
		
	/* propiedades de tipografía */	
	/* propiedades de visualización */	
}

div.objc-lsta-vert-d2 ul li ul select option{
	/* propiedades de posicionamiento */		
	/* propiedades de tamaño */	
		height: 17px;
		
	/* propiedades de tipografía */	
	/* propiedades de visualización */	
}



/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	CSS para contenido de listas horizontales
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div.objc-lsta-hori-d1 {
	/* propiedades de posicionamiento */
		margin: 0;
		top: 0;
		left: 0;
		padding: 0;
		
	/* propiedades de tamaño */
		/*min-width: 350px;*/
		/*min-height: 20px;*/
		/*height: 20px;*/

	/* propiedades de visualización */
		
}

@media screen and (max-width: 1920px) {
    div.objc-lsta-hori-d1 {
        /* propiedades de tamaño */
            min-width: 350px;
            white-space: nowrap;            
    }
}

@media screen and (max-width: 1280px) {
    div.objc-lsta-hori-d1 {
        /* propiedades de tamaño */
            min-width: 10px;
            white-space: nowrap;    }
}

@media screen and (max-width: 1024px) {
    div.objc-lsta-hori-d1 {
        /* propiedades de tamaño */
            min-width: 10px;
            white-space: nowrap;
    }
}

.floa-cent ul {
	/* propiedades de posicionamiento */
		/*float: center; */
}
.floa-left ul {
	/* propiedades de posicionamiento */
		float: left; 
}
.floa-righ ul {
	/* propiedades de posicionamiento */
		float: right; 
}

div.objc-lsta-hori-d1 ul {
	/* propiedades de posicionamiento */
		/*float: left; */
        padding: 0; 
        margin: 0px; 
        left: 0px;
		z-index: 115;
}

div.objc-lsta-hori-d1 ul ul {
	/* propiedades de posicionamiento */
		/*float: left; */
        padding: 0; 
        margin: 0px; 
        left: 0px;
		z-index: 115;
}

div.objc-lsta-hori-d1 li {
	/* propiedades de posicionamiento */
		display: inline; 
		padding: 0 0px;		

	/* propiedades de visualización */
		z-index: 115;
}

div.objc-lsta-hori-d1 ul li { 
	/* propiedades de posicionamiento */
		margin: 0px; 
		padding: 0px; 

	/* propiedades de tamaño */
	/* propiedades de tipografía */	
	/* propiedades de visualización */
}

div.objc-lsta-hori-d1 li:first-child {
 	/* propiedades de posicionamiento */
		padding: 0px 0px;

	/* propiedades de visualización */
		z-index: 115;
}

div.objc-lsta-hori-d1 > ul, 
div.objc-lsta-hori-d1 > ol  { 
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */	
	/* propiedades de visualización */
}

div.objc-lsta-hori-d1 .obcp-ttlo,
div.objc-lsta-hori-d1 .obcp-ttlo * {
	/* propiedades de posicionamiento */
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0;
		
	/* propiedades de tamaño */
	/* propiedades de tipografía */	
	/* propiedades de visualización */
}

div.objc-lsta-hori-d1 .obcp-item,
div.objc-lsta-hori-d1 .obcp-item * {
	/* propiedades de posicionamiento */
		margin: 0px;
		padding: 0px;
		
	/* propiedades de tamaño */
	/* propiedades de tipografía */	
	/* propiedades de visualización */
}

div.objc-lsta-hori-d1 .obcp-item:last-child {
	/* propiedades de posicionamiento */
		padding: 0px 0px 0px 0px;
		
	/* propiedades de tamaño */
	/* propiedades de tipografía */	
	/* propiedades de visualización */
}


div.objc-lsta-hori-d1 .obcp-item:hover {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */	
	/* propiedades de visualización */
}

div.objc-lsta-hori-d1 .obcp-item a {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */	
	/* propiedades de visualización */
}

div.objc-lsta-hori-d1 .obcp-item a:hover {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */	
	/* propiedades de visualización */
}


/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 	CSS para eliminar màrgenes y padding 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div.objc-lsta-vert-d1.sinn-marg > ul, 
div.objc-lsta-vert-d1.sinn-marg > ol,
div.objc-lsta-hori-d1.sinn-marg > ul, 
div.objc-lsta-hori-d1.sinn-marg > ol  { 
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */	
	/* propiedades de visualización */
	
	margin-left: 0px;  
	padding-left: 0px; 
	
} 

/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	CSS para contenido de listas horizontales
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div.objc-path-d1 {
	/* propiedades de posicionamiento */
		margin: 0;
		padding: 0;
		top: 0px;
		
	/* propiedades de tamaño */
		/*min-width: 100px;*/
		/*min-height: 20px;*/
		/*height: 20px;*/

	/* propiedades de visualización */
		
}

div.objc-path-d1 ul {
	/* propiedades de posicionamiento */
		/*float: left; */
		margin: 0;
		padding: 0;
		top: 0px;
		
		z-index: 115;
}

div.objc-path-d1 li {
	/* propiedades de posicionamiento */
		display: inline; 
		padding: 0 7px;		

	/* propiedades de visualización */
		z-index: 115;
}

div.objc-path-d1 ul li { 
	/* propiedades de posicionamiento */
/*
		margin: 0px; 
		padding: 0px; 
*/
	/* propiedades de tamaño */
	/* propiedades de tipografía */	
	/* propiedades de visualización */
}

div.objc-path-d1 li:first-child {
 	/* propiedades de posicionamiento */
		padding: 0px;

	/* propiedades de visualización */
		z-index: 115;
}

div.objc-path-d1 > ul, 
div.objc-path-d1 > ol  { 
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */	
	/* propiedades de visualización */

	margin-left: 0px;  
	padding-left: 0px; 

}

div.objc-path-d1 .obcp-item,
div.objc-path-d1 .obcp-item * {
	/* propiedades de posicionamiento */
		margin: 0px;
		padding: 0px 0px 0px 0;
		
	/* propiedades de tamaño */
	/* propiedades de tipografía */	
	/* propiedades de visualización */
}

div.objc-path-d1 .obcp-item:last-child {
	/* propiedades de posicionamiento */
		/*padding: 2px 2px 15px 2px;*/
		padding: 2px 0px;
		
	/* propiedades de tamaño */
	/* propiedades de tipografía */	
	/* propiedades de visualización */
}


div.objc-path-d1 .obcp-item:hover {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */	
	/* propiedades de visualización */
}

div.objc-path-d1 .obcp-item a {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */	
	/* propiedades de visualización */
}

div.objc-path-d1 .obcp-item a:hover {
	/* propiedades de posicionamiento */
	/* propiedades de tamaño */
	/* propiedades de tipografía */	
	/* propiedades de visualización */
}







/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 	CSS para contenidos de redes sociales
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.objc-lsta-reds-soci ul li { 
	/* propiedades de posicionamiento */
		margin: 5px 5px; 
		padding: 0 0 0 0px; 

	/* propiedades de tamaño */
	/* propiedades de tipografía */	
	/* propiedades de visualización */
}


/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 	CSS para contenidos de listas sin viñetas
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.objc-lsta-svne ul li { 
	/* propiedades de posicionamiento */
		margin: 5px 5px; 
		padding: 0 0 0 5px; 

	/* propiedades de tamaño */
	/* propiedades de tipografía */	
	/* propiedades de visualización */
}