header,footer,aside,article,section,nav{
	display:block;
}
@keyframes dropHeader {
    0% {
        transform: translateY(-40px);
		opacity:0;
    }
    100% {
        transform: translateY(0);
		opacity:1;
    }
}

/* CSS Document */
iframe[id^="oauth2relay"],
#twttrHubFrameSecure,
#twttrHubFrame{ 
	position: fixed !important;
}

body{
	margin:0;
	padding:0;
	overflow-x:hidden;
	font-family: var(--fuente1);
	/*animation-name: dropHeader;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 1s;*/
}
.Centrado{width:1180px;margin:auto;padding:0;height:auto;position:relative;z-index:100}

	a{
		color:#ff7f00; 
		text-decoration:none;
	}
	a:hover{
		text-decoration:underline;
	}

	img{ 
		border:none;
	}
#base_utilidades {
	background: #f7f9fc none repeat scroll 0 0;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	height: 66px;
	margin: 0;
	padding: 0;
	position: fixed;
	width: 100%;
	z-index: 10000;
}	
div#irMovil {
	background: none repeat scroll 0 0 #333;
	bottom: 0;
	
	left: 0;
	margin: 0;
	opacity: 0.9;
	padding: 20px 0;
	position: fixed;
	text-align: center;
	text-decoration: none;
	width: 100%;
	z-index: 1000;
}	
	a.version_movil {
		color: var(--colorNeutro3);
		font-family: Verdana,Geneva,sans-serif;
		font-size: 2em;
		margin-right: 30px;
	}	
	
	#redes_sociales .addthis_inline_share_toolbox{clear: none !important;float: left !important;margin-left: 5px !important;width: auto !important;}
	
	div#comodo{position: absolute;right: 499px;top: 102px;z-index: 100;width: 240px;}
a#comodoTL{color: var(--colorNeutro3);font-family: inherit;font-size: 0.7em;margin-left: 0;margin-top: 26px;text-decoration: underline;width: auto;float: left;}

/*	===============================================================================		CONTENEDOR CENTRADOR							*/
div.contenedorCentrar{
	width:1150px;
	margin:auto;
	padding:0;
	height:auto;
	position:relative;
}

/*	===============================================================================		CONTENEDOR					*/	
	#contenedor {
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0;
		position:relative;
		font-size:15px;
		font-family: 'Roboto Condensed', sans-serif;
	}

		
/*	===============================================================================		CABECERA						*/		
#base_cabecera {
	background: url("../img/fondo_buscador.jpg");
	float: left;
	height: 220px;
	margin: 65px 0 38px;
	padding: 0;
	position: relative;
	width: 100%;
	z-index: 400;
	background-size: 100% 100%;
}

/*	===============================================================================		CABECERA						*/		
	#base_opciones{
background: #f7f9fc none repeat scroll 0 0;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
height: 40px;
margin: 0;
padding: 0;
position: fixed;
width: 100%;
z-index: 10000;
	}

/*	===============================================================================		MENU						*/		
	#base_menu{
		width:100%;
		height:43px;
		float:left;
		margin:0;
		padding:0;
		position:relative;
		background:url(../img/fondo_cabecera.png) bottom left repeat-x;
		z-index:10;
	}

/*	===============================================================================		CATEGORIAS						*/		
	#base_categorias{
background: #ff8000 none repeat scroll 0 0;
float: left;
height: auto;
margin: 0;
padding: 0;
position: relative;
width: 100%;

	}	
		#base_categorias:hover{
			overflow:visible;
			height:auto;	
		}

/*	===============================================================================		TAGS						*/	
	
	#base_tags{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:15px 0;
		position:relative;
		background:#E4C9AE;
		transition:0.5s ease all;
	}	
		#base_tags:hover{
			background:#ff7f00;
		}
	
	
/*	===============================================================================		CENTRO						*/		
	#base_centro{
background: rgba(0, 0, 0, 0) url("../img/fondo_centro.png") repeat-x scroll left bottom;
float: left;
height: auto;
margin: 0;
min-height: 400px;
padding: 15px 0;
position: relative;
width: 100%;
z-index: 0;
	}	
	
/*	===============================================================================		LOMAS						*/		
	#baseloMas{
background: #eee none repeat scroll 0 0;
float: left;
height: auto;
margin: 0;
padding: 8px 0;
width: 100%;
	}

/*	===============================================================================		LOGO							*/
	
#logo {
	background: rgba(0, 0, 0, 0) url("../img/logo.png") no-repeat scroll left top;
	position: absolute;
	height: auto;
	margin: 16px 0 0 -20px;
	min-height: 118px;
	width: 170px;
	z-index: 100;
	top: 5px;
	left: 40px;
}
	
/*	===============================================================================		IMAGEN SECCION							*/
	
	
#animacion-seccion {
background: #ddd none repeat scroll 0 0;
float: left;
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 100%;
}	
		#animacion-seccion #wrapper, #animacion-seccion img{
			box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
			float: left;
			height: 335px;
			margin: 0;
			overflow: hidden;
			padding: 0;
			width: 1150px;
		}
/*	===============================================================================		CENTRO	IZQUIERDA				*/		
	#centro_izquierda{
		height:auto;
		float:left;
		margin:0;
		padding:0 0 20px 0;
	}
		#centro_izquierda h2{
			color: #444;
			width: 100%;
			float: left;
			font-size: 1.3em;
			font-weight: normal;
			height: auto;
			padding: 5px 0;
			text-align:center;
			margin:0 0 15px 0;
			text-transform:uppercase;
			background:url(../img/fondo_h2.png) top left;
		}		
		

/*	===============================================================================		CENTRO	CONTENIDOS			*/		
	#centro_centro{
		height:auto;
		float:right;
		margin:0;
		padding:0 0 20px 0;
		position:relative;
	}
	*>#centro_centro{
		min-height:400px;
		height:auto;
	}	
		
		#centro_centro h1{
			color: #444;
			width: 100%;
			float: left;
			font-size: 1.6em;
			font-weight: normal;
			height: auto;
			padding: 5px 0;
			text-align:center;
			margin:15px 0;
			text-transform:uppercase;
			background:url(../img/fondo_h2.png) top left;
			display:none;
		}
/*	===============================================================================		UTILIDADES						*/		
	#base_slide{
background: rgba(237,237,237,1);
background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,0.99) 53%, rgba(255,255,255,0.99) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(53%, rgba(246,246,246,0.99)), color-stop(100%, rgba(255,255,255,0.99)));
background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,0.99) 53%, rgba(255,255,255,0.99) 100%);
background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,0.99) 53%, rgba(255,255,255,0.99) 100%);
background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,0.99) 53%, rgba(255,255,255,0.99) 100%);
background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(246,246,246,0.99) 53%, rgba(255,255,255,0.99) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='var(--colorNeutro3)fff', GradientType=0 );
border: 1px solid #eee;
float: left;
height: auto;
margin: 0;
padding: 0;
position: relative;
width: 99.9%;
	}		

/*	===============================================================================		BUSCADOR							*/

#buscador {
	float: left;
	height: 220px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
	/* transition: all 1s ease 0s; */
}
		#buscador:hover #fondo_buscador{
		filter: grayscale(0%);	
		opacity:0.6;
		
		}
		
		#buscador:hover  li input.boton{
			background-color:#FF7F00;
		}
			
#buscador #info_buscador {
    width: 50px;
    right: 160px;
    padding: 0;
    text-align: justify;
    opacity: 1;
    transition: all 1s ease 0s;
    overflow: visible;
    height: 50px;
    position: absolute;
    top: 62px;
    cursor: pointer;
}
#leyenda {
	width: 0px;
	height: 0px;
	opacity: 0;
	position: absolute;
	top: 19px;
	background: #fff;
	padding: 10px;
	transition: 0.5s ease opacity;
	left:0px;
	display:none;
}
			#buscador #info_buscador:hover #leyenda{
				opacity:0.9;
					width: 640px;
				height: 130px;
					left: -660px;
				display:block;
			}	

#fondo_buscador {
	
	
	/*background: url("../img/fondo_buscador.jpg");*/
	height: 100%;
	left: -354px;
	position: absolute;
	top: 0px;
	width: 160%;
	z-index: 0;
	
	/*
		background: rgba(0, 0, 0, 0) url("../img/fondo_buscador.jpg") no-repeat scroll left -40px / cover;
	filter: grayscale(100%);
	height: 100%;
	left: 0;
	opacity: 0.25;
	position: absolute;
	top: 0;
	transition: all 0.5s ease 0s;
	width: 100%;
	z-index: 0;
	*/
	
}

		#buscador ul{
float: left;
height: auto;
list-style-type: none;
margin: 60px 0 0;
padding: 0;
position: relative;
text-align: center;
width: 100%;
z-index: 100;
		}
		
		#buscador ul.buscadorContenidos{
			margin-top:10px;
		}
		

			#buscador ul li{
float: left;
margin: 0;
padding: 0;
text-align: center;
width: 100%;
			}
#buscador ul li p {
	color: var(--color1);
	font-size: 2.7em;
	font-weight: normal;
	letter-spacing: -1.2px;
	margin: 5px 0 20px 0;
	text-transform: uppercase;
	text-shadow: 0 0 3px #e6e6e6;
}
.stockbuscador {
	position: relative;
	float: left;
	text-align: center;
	width: 100%;
	font-size: 0.8em !important;
	letter-spacing: 0 !important;
}
.stockbuscador strong::before {
	content: "\f14a";
	/* color: #c6c6c6; */
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	position: absolute;
	left: 58px;
	top: 0px;
}

.stockbuscador a::before {
	/*content: "\f2b6";*/
	/* color: #c6c6c6; */
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	position: absolute;
	left: 8px;
	top: -1px;
}

.stockbuscador strong {
	font-weight: normal;
	color: green;
}
			
#buscador li input {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    color: #999;
    float: left;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 1.5em;
    font-weight: normal;
    height: 40px;
    margin: 0 0 5px 27%;
    padding: 5px;
    text-align: center;
    transition: all 0.7s ease 0s;
    width: 550px;
	box-shadow: 0 0 1px #999;
}
				
					#buscador li input.boton{
background: #ccc url("../img/buscador_lupa.png") no-repeat scroll center center / 50% auto;
cursor: pointer;
float: left;
height: 50px;
margin: 0;
padding: 0;
width: 74px;
					}

				#buscador li input:hover{
					color:#444;
				}
									#buscador li input.boton:hover{
						background-color:#e44e0d;
					}
/*BUSCADOR AJAX*/
		ul#resultadoBusquedaAjax{
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: rgba(255, 255, 255, 0.96) none repeat scroll 0 0;
border-color: -moz-use-text-color #eee #eee;
border-image: none;
border-style: none solid solid;
border-width: medium 1px 1px;
box-shadow: 0 5px 6px rgba(102, 102, 102, 0.5);
height: auto;
max-height: 400px;
min-height: 300px;
overflow-y: scroll;
padding: 10px 10px 30px;
position: absolute;
right: -25px;
top: 65px;
width: 830px;
z-index: 10000000;
display:none;
		}
			ul#resultadoBusquedaAjax li{
				float: left;
				margin: 0;
				padding: 0;
				position: relative;
				width: 100%;
			}
ul#resultadoBusquedaAjax li a.cerrar {
	background: rgba(0, 0, 0, 0) url("../img/cerrar.png") no-repeat scroll left top;
	display: block;
	float: right;
	height: 20px;
	margin: 0 4px 10px 0;
	width: 20px;
}

ul#resultadoBusquedaAjax li.titulo {
	background: #ff8900 none repeat scroll 0 0;
	color: #fff;
	font-size: 1.7em;
	padding: 1%;
	text-align: center;
	text-indent: 10px;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
	width: 98%;
}
	
			
			
				ul#resultadoBusquedaAjax li a{
					color:#333;
					text-align:left;
				}
				
				ul#resultadoBusquedaAjax ul.buscadorContenidos li p{
					background:none;	
				}
				
ul#resultadoBusquedaAjax li.ver_mas {
height: 30px;
margin-bottom: 15px;
padding: 3px 0 0;
}		
ul#resultadoBusquedaAjax li.ver_mas a {
	color: #171616;
	display: block;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 3px 0 0;
	text-align: center;
	text-decoration: none;
	width: 180px;
}
	ul#resultadoBusquedaAjax li.ver_mas a:hover{
		text-shadow:0px 0px 2px #eee;	
	}	
	
	ul#resultadoBusquedaAjax li.ver_mas a.flecha_mas{
background: rgba(0, 0, 0, 0) url("../img/mas_resultados_avanzado.png") no-repeat scroll left top;
display: block;
height: 40px;
margin: -10px auto 20px;
text-decoration: none;
width: 80px;
transition:0.5s ease all;
	}	
		ul#resultadoBusquedaAjax li.ver_mas:hover a.flecha_mas{
			margin: 0px auto 10px;
		}
	
					
			/*CONTENIDOS*/
			
			ul#resultadoBusquedaAjax ul.buscadorContenidos{
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
padding-bottom: 10px;
height:auto;
float:left;
			}
				ul#resultadoBusquedaAjax ul.buscadorContenidos li{
border: 1px solid #eee;
margin: 5px 1% 5px 0;
min-height: 210px;
padding: 1%;
position: relative;
text-align: left;
transition: all 0.5s ease 0s;
width: 22%;	
				}	
					ul#resultadoBusquedaAjax ul.buscadorContenidos li:hover{
						box-shadow:0px 0px 4px #777;	
					}
					ul#resultadoBusquedaAjax ul.buscadorContenidos li:hover a.buscadorTituloObjeto{
							background:#00135F;
							color:var(--colorNeutro3);
					}
					
							
				ul#resultadoBusquedaAjax ul.buscadorContenidos li:nth-of-type(4n+0){
					margin-right:0;
				}	
				
					ul#resultadoBusquedaAjax ul.buscadorContenidos li a.buscadorTituloObjeto{
display: block;
font-size: 1.05em;
height: 35px;
line-height: 19px;
padding: 3px 0;
text-align: center;
overflow:hidden;
					}
						ul#resultadoBusquedaAjax ul.buscadorContenidos li a.buscadorTituloObjeto:hover{
							text-decoration:none;

						}
					
					ul#resultadoBusquedaAjax ul.buscadorContenidos li p.buscadorImagen{
float: left;
height: 90px;
margin: 5px 0;
overflow: hidden;
padding: 0;
position: relative;
text-align: center;
text-indent: 0;
transition: transform 0.5s ease 0s;
width: 100%;			
					}												
						ul#resultadoBusquedaAjax ul.buscadorContenidos li p.buscadorImagen img{
							height:100%;
						}
					ul#resultadoBusquedaAjax ul.buscadorContenidos li p.buscadorPrecios{
color: #222;
float: left;
font-size: 1.5em;
margin: 2px 0 0;
padding: 1%;
position: relative;
text-align: center;
text-indent: 0;
width: 98%;
					}
						ul#resultadoBusquedaAjax ul.buscadorContenidos li p.buscadorPrecios span.tachado{
color: #555;
font-size: 0.95em;
margin: 0 10px;
text-decoration: line-through;
						}
						ul#resultadoBusquedaAjax ul.buscadorContenidos li p.buscadorPrecios span.oferta{
color: #FF8000;
font-size: 1.2em;
font-weight: normal;
text-shadow: none;	
						}
						
					ul#resultadoBusquedaAjax ul.buscadorContenidos li span.premium{
							color:#C1A61F !important;	

					}
						
						
			/*PARA LAS CATEGORIAS*/					
				ul#resultadoBusquedaAjax ul.buscadorCategorias	{
					padding-bottom:10px;
					}
				ul#resultadoBusquedaAjax ul.buscadorCategorias	li{
						width:auto;
						margin:2px;
						float:left;
				}	
					ul#resultadoBusquedaAjax ul.buscadorCategorias	li a{
						font-size:1.3em;
						display:inline-block;
						padding:2px 5px;
						color:#00aeef;
					}
						ul#resultadoBusquedaAjax ul.buscadorCategorias	li a:hover{
							background:#00aeef;
							color:var(--colorNeutro3);
							text-decoration:none;
							font-style:italic;
						}

						
			/*PARA LAS MARCAS*/					
				ul#resultadoBusquedaAjax ul.buscadorMarcas	{
							padding-bottom:10px;

					}	
				
					ul#resultadoBusquedaAjax ul.buscadorMarcas	li{
						width:24%;
						height:80px;
						overflow:hidden;
						float:left;
						margin:5px 1% 5px 0;
						text-align:center;
					}	
						ul#resultadoBusquedaAjax ul.buscadorMarcas	li:hover{
							box-shadow:0px 0px 2px #ccc;
						}
					ul#resultadoBusquedaAjax ul.buscadorMarcas	li:nth-of-type(4n+0){
						margint-right:0;
					}
						ul#resultadoBusquedaAjax ul.buscadorMarcas	li a{
							display:inline-block;
							height:100%;
						}
							ul#resultadoBusquedaAjax ul.buscadorMarcas	li a img{
								height:100%;
								width:auto;	
							}
						
					
				
							
		/*FIN BUSCADOR AJAX*/				

		
/*	===============================================================================		MENU							*/
.menu_bar{display:none;}
#principal {
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	z-index: 300;
	position: relative;
	background: #4a4a4a;
	text-align: center;
}
	#principal ul {
		width: 100%;
		float: left;
		margin: 0;
		padding: 0;
		list-style-type: none;
		text-align: center;
		height: 32px;
	}
		#principal ul li {
			width: auto;
			display: inline-block;
			padding: 0;
			margin: 0 !important;
			text-align: center;
			position: relative;
		}
#principal ul li a {
	text-decoration: none;
	font-size: 1em;
	color: #ccc4c4;
	display: block;
	padding: 5px 10px 14px 10px;
	font-weight: normal;
	cursor: pointer;
	text-transform: uppercase;
	/* transition: 0.95s ease all; */
	height: 22px;
	letter-spacing: -0.5px;
}

#principal ul li a:hover, #principal ul li a.selec, #principal ul li:hover a {
	background: #4a4a4a none repeat scroll 0 0;
	border-top: 1px solid #bf6103;
	color: #f2f2f2;
	height: 12px;
}
					
			#principal ul li ul {
    background: #ff7f00 none repeat scroll 0 0;
    float: left;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 29px;
    width: 393px;
    z-index: 1000000;
    box-shadow: 0 4px 4px rgba(0,0,0,0.4);
    display: none;
}
				#principal ul li ul li.separador{
					display:none;
				}
				#principal ul li ul li {
					width: 100%;
					float: left;
					margin: 00;
					padding: 0;
					text-align: left;
					position: relative;
					border-bottom: 1px solid #fa8e23;
				}
				#principal ul li ul li:last-child{
					border:none;
				}
					#principal ul li ul li a, #principal ul li:hover ul li a {
    background: rgba(0, 0, 0, 0) url("../img/fondo_submenu.png") no-repeat scroll left center;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 0.95em;
    font-weight: normal;
    padding: 9px 0 7px 6%;
    text-decoration: none;
    transition: none 0s ease 0s;
    width: 94%;
    height: auto;
    letter-spacing: -0.3px;
    border: none;
}
		
					#principal ul li ul li a:hover, #principal ul li ul li a.selec{
						color:#000;
						background:url(../img/fondo_submenu.png) no-repeat left #fba550;
					}
				
				#principal ul li ul li ul{
					position:absolute;
					top:0px;
					left:275px;
					z-index:1000000;
					display:none;
					float:left;
					margin:0;
					padding:0;
					width:280px;
				}

/*	===============================================================================		MENU	SECUNDARIO 					*/

#secundario{
	width:100%;
	height:auto;
	float:left;
	margin:0 0 0 0;
	padding:0;			
	z-index:100;	
	position:relative;
	background:#eeeeee;
}
	#secundario ul{
		width:99%;
		float:left;
		margin:0;
		padding:2px 0 2px 0;
		list-style-type:none;
	}
		#secundario li{
			width:auto;
			float:left;					
			margin:0;
			padding:0;
			position:relative; 
		}
		#secundario li.encabezadoMenu{
			display:none;
		}
		#secundario li span.numero{
			display:none;
		}
			#secundario li a{
				width:auto;
				text-decoration:none;
				font-size:13px;
				color:#000;
				float:left;
				padding:0 8px 0 8px;
				cursor:pointer;
			}

			#secundario li a:hover, #secundario li a.selec{
				color:#00135f;
			}

/*	===============================================================================		NAVEGADOR						*/

	#navegador_web{
background: rgba(0, 0, 0, 0) url("../img/patron.png") repeat scroll 0 0;
color: #666;
float: left;
font-size: 23px;
font-weight: normal;
margin: 0 0 10px;
padding: 3px 0 3px 1%;
text-transform: uppercase;
width: 99%;
	}
		#navegador_web ul{
			width:100%;
			float:right;
			margin:0 0 0 0;
			padding:0;
			list-style-type:none;
			color:#888;
			font-size:1em;
		}
			
			#navegador_web ul li.seccion{
background: rgba(0, 0, 0, 0) url("../img/separa_navegador.png") no-repeat scroll left 3px;
color: #aaa;
float: left;
font-size: 23px;
font-weight: normal;
margin: 0;
padding: 0 0 0 22px;
text-transform: uppercase;
				}

				#navegador_web ul li.separa_navegador{
					margin:0 4px 0 4px;
				}
				#navegador_web ul .actual {
  color: #666;
}
#navegador_web ul h1.actual {
    margin: 0 !important;
    padding: 7px 0 !important;
    height: auto;
    line-height: 1em;
    font-size: 0.8em;
	display:block;
}
				#navegador_web ul a{
font-size: 18px;
font-weight: normal;
letter-spacing: -0.2px;
margin-top: 1px;
text-transform: uppercase;
				}
				#navegador_web ul a:hover{
color: #050092;
text-decoration: none;
				}
			#navegador_web ul li.portada{
color: #aaa;
float: left;
font-size: 23px;
font-weight: normal;
padding: 0 0 0 1%;
text-transform: uppercase;
width: auto;
			}

			#navegador_web ul li.volver{
background: rgba(0, 0, 0, 0) url("../img/volver.png") no-repeat scroll left center;
float: right;
margin: 7px 0 0;
padding: 0 8px 0 22px;
width: auto;
			}


/*	###############################################			DESTACADOS											*/		

#destacados{
background: #231e1e none repeat scroll 0 0;
float: right;
height: 160px;
margin: 0;
overflow: hidden;
padding: 15px 0;
width: 100%;
}
	#destacados h2{
		width:99%;
		height:auto;
		float:left;
		margin:0 0 25px 0;
		padding:0;
		color:#00135f;
		font-weight:bold;
		display:none;
	}

	#destacados ul{
		width:100%;
		height:auto;
		float:right;
		list-style-type:none;
		margin:0;
		padding:0;
	}
		#destacados ul li{
background: transparent none repeat scroll 0 0;
float: left;
height: 160px;
list-style-type: none;
margin: 0 2%;
overflow: hidden;
padding: 0;
position: relative;
transition: background 0.5s ease 0s, transform 0.8s ease 0s;
width: 21%;
		}
		#destacados ul li:last-child{
			margin:0;
		}
			/*#destacados ul li:hover{
				transform: scale(1.2,1.2);
				background:#a6527c;
			}*/
			
	
		#destacados ul li h3{
			width:100%;
			height:auto;
			float:left;
			margin:0;
			font-weight:normal;
			
		} 
			#destacados ul li h3 a{
background: rgba(35, 30, 30, 0.95) none repeat scroll 0 0;
color: var(--colorNeutro3);
font-size: 17px;
height: 55px;
left: 0;
opacity: 0;
padding: 55px 0;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 0;
transition: opacity 0.8s ease 0s;
width: 100%;
			}
				#destacados ul li h3 a:hover{
					text-decoration:none;
					opacity:1;
				}
		#destacados ul li p.resumen{
			width:70%;
			height:auto;
			float:right;
			text-decoration:none;
			margin:0;
			color:#999999;
			display:none;
		}
		#destacados ul li p.fecha{
			width:70%;
			height:auto;
			float:right;
			text-decoration:none;
			margin:0;
			color:#333;
			display:none;
		}
		#destacados ul li div.imagen{
float: left;
height: 160px;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
			
		}
			#destacados ul li div.imagen img{
				width:100%;
				height:160px;
				float:left;
				margin:0;
				padding:0;
			}
			
			

/*	===============================================================================		CONTENIDO CONTENIDO						*/

	#contenido_contenido{
		width:100%;
		float:left;
		margin:0;
		padding:0;
		position:relative;
		z-index:100;
		font-size:16px;
		color:#666;
	}
		
/*	###############################################			DESCRIPCION SECCION											*/		

	#contenido_contenido div.descripcion_seccion{
		float:left;
		margin:5px 0 0 0;
		padding:0;
		width:100%;
	}
	div.descripcion_seccion strong{
		color:#000;
	}
	div.descripcion_seccion hr{
		border:1px solid #ddd;
	}
	/*div.descripcion_seccion p{
		float:left;
		margin:0; 
		padding:0 0 12px 0;
		width:100%;
		height:auto;
	}*/
		#contenido_contenido div.descripcion_seccion a img{
			/*float:left;*/
			margin:0 5px 5px 5px; 
			padding:5px;
			border:3px solid #EEE;
		}
			#contenido_contenido div.descripcion_seccion a:hover img{
				border:3px solid #ccc;
			}
		#contenido_contenido div.descripcion_seccion ul{
			width:100%;
			float:left;
			margin:3px 0 10px 0;
			padding:0;
			list-style-type:none;
		}
		#contenido_contenido div.descripcion_seccion ul li{
			width:94%;
			float:left;
			margin:7px 0 7px 3%;
			padding:0 0 0 20px;
			background:url(../img/fondo_li.png) top left no-repeat;
		}	
		
/*	###############################################			LISTADOS		*/		

#contenido_contenido div.listado{
	width:100%;
	float:left;
	margin:0;
	padding:0;
}
	#contenido_contenido div.listado ul.listado{
		width:100%;
		float:left;
		margin:0;
		padding:0;
		list-style-type:none;
		display: flex;
		flex-flow: wrap;
	}
		#contenido_contenido div.listado ul.doble_izquierda{
			float: left;
			margin-right: 2%;
			width: 49%;
		}
		#contenido_contenido div.listado ul.doble_derecha{
			float: left;
			width: 49%;
		}
		#contenido_contenido div.listado ul.triple_izquierda{
			width:32%;
			float:left;
		}
		#contenido_contenido div.listado ul.triple_centro{
			width:32%;
			float:left;
			margin:0 0 0 2%;
		}
		#contenido_contenido div.listado ul.triple_derecha{
			width:32%;
			float:right;
		}
		#contenido_contenido div.listado ul.cuatro_izquierda{
			width:24%;
			float:left;
		}
		#contenido_contenido div.listado ul.cuatro_centro{
			width:24%;
			float:left;
			margin:0 0 0 1.3%;
		}
		#contenido_contenido div.listado ul.cuatro_derecha{
			width:24%;
			float:right;
		}
	#contenido_contenido div.listado ul.listado li span.separador{
		width:81%;
		height:5px;
		float:right;
		display:block;
		padding:0 0 0 0;
		
	}

		#contenido_contenido div.listado ul.listado li{
			border: 1px solid #ddd;
			float: left;
			height: auto;
			margin: 0 0.5% 20px;
			min-height: 380px;
			padding: 2%;
			position: relative;
			transition: box-shadow 0.5s ease 0s;
			/*width: 96%;*/
			width: calc(25% - 5% - 2px);
			overflow:hidden;
		}
		
			#contenido_contenido div.listado ul.listado li:hover{
				box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
				border: 1px solid #eee;
			}
		
		#contenido_contenido div.listado h3{
			color: #ff7f00;
			float: right;
			font-size: 1.5em;
			font-weight: normal;
			padding: 0;
			text-align: right;
			text-transform: uppercase;
			width: 100%;
		}  
			#contenido_contenido div.listado h3 div.descripcion{
				width:100%;
				float:left;
				font-size:1.3em;
				padding:0 0 0 0;
				margin:5px 0 10px 0px;
				color:#666;
				font-weight:normal;
				border:none;
				min-height:0;
			}

			
		#contenido_contenido div.listado a.titulo{
			color: #00135f;
			display: block;
			float: left;
			font-size: 1.2em;
			margin: 0 0 10px;
			text-align: left;
			text-decoration: none;
			text-transform: uppercase;
			width: 100%;
		}
			#contenido_contenido div.listado a.titulo:hover{
				color:#ff7f00;
			}
		#contenido_contenido div.listado div.imagen{
			float: left;
			height: auto;
			margin: 0;
			padding: 0;
			width: 100%;
		}
			
		#contenido_contenido div.listado div.imagen span.imagen{
			border-bottom: 1px solid #ccc;
			float: left;
			height: auto;
			margin: 0 0 10px;
			min-height: 160px;
			padding: 0;
			text-align: center;
			transition: background 0.5s ease 0s, transform 0.8s ease 0s;
			width: 100%;
			position:relative;
		}
		#contenido_contenido div.listado span.imagen:hover img{
				transform: scale(1.1,1.1);
			}
		#contenido_contenido div.listado div.imagen span.imagen img.portes_gratis{
			bottom: 0;
			height: 36px;
			left: 0;
			position: absolute;
			width: 100%;
		}
		#contenido_contenido div.listado span.imagen:hover img.portes_gratis{
			transform:none;
		
		}
			#contenido_contenido div.listado img.titulo, #contenido_contenido div.listado img.titulo_vertical{
				float:none;
				width:90%;
				transition:background 0.5s ease 0s, transform 0.8s ease 0s;
		}
			
		#contenido_contenido .datos_listado{
			float: right;
			height: auto;
			margin: 0;
			min-height: 20px;
			padding: 0 0 0 2%; 
			width: 70%;
		}
		#contenido_contenido div.listado p.fecha{
			width:100%;		
			margin:3px 0 3px 0;
			display:block;
			float:left;
			padding:0;
			text-align:left;
		}

		#contenido_contenido div.listado div.precio{	
			display: block;
			float: left;
			padding: 0;
			width: 100%;
			height:	40px;
			text-align:center;
		}
		#contenido_contenido div.listado div.premium{	
			color:#C1A61F !important;	
			height:	45px;
			text-align:center;
		}		
		#contenido_contenido div.listado a.aviso{	
			background: rgba(0, 0, 0, 0) url("../img/camion2.png") no-repeat scroll 8px top;
			color: #ff8000;
			cursor: pointer;
			display: block;
			float: left;
			font-size: 0.9em;
			margin: 3px 0;
			padding: 14px 0 0;
			text-align: justify;
			text-indent: 57px;
			text-transform: uppercase;
			width: 100%;
		}
		#contenido_contenido div.listado a.aviso:hover{	
			filter:grayscale(100%);
			text-decoration:none;
		}
		#contenido_contenido div.listado span.aviso_ok{	
			color: green;
			display: block;
			float: left;
			letter-spacing: -0.3px;
			margin: 3px 0;
			padding: 0;
			text-align: center;
			text-transform: uppercase;
			width: 100%;
		}
		#contenido_contenido div.listado span.sin_iva{
			width:100%;
			float:left;
			margin:0 0 5px 0;
			padding:2px 0;
			text-align:center;
			font-size:0.7em;
		}
		#contenido_contenido div.listado span.fuente{	
			width:70%;			
			float:left;
			margin:3px 0 3px 0;
			padding:0;
			display:block;			
			}
		#contenido_contenido div.listado span.resumen{	
			color: #333;
			display: block;
			float: left;
			margin: 3px 0;
			opacity: 0.8;
			padding: 0;
			width: 100%;		
		}
		#contenido_contenido div.listado span.resumen:hover{	
			opacity:1;
		}
			#contenido_contenido div.listado span.resumen strong{
				text-transform:uppercase;
				font-weight:normal;
				color:#777;	
			}
		#contenido_contenido div.listado span.mitad{
			width:50%;	
		}
		
		#contenido_contenido div.listado span.compatibles{
			clear: both;
			float: left;
			max-height: 76px;
			overflow-y: scroll;
		}
			
		#contenido_contenido div.listado div.descripcion{
			border-right: 1px solid #333;
			float: left;
			height: auto;
			margin: 0 0 10px 1%;
			padding: 10px 0 0;
			width: 38%;
		}
			#contenido_contenido div.archivo_descargar{
				width:100%;
				float:left;		
				padding:0;
				margin:0;		
			}	
			#contenido_contenido div.listado div.download, div.download{
				width:auto;
				color:#707173;
				font-size:0.8em;
				float:left;		
				padding:7px 10px 3px 25px;			
			}	
				#contenido_contenido div.listado div.doc, div.doc{
					background:url(../img/doc.png) top left no-repeat;								
				}	
				#contenido_contenido div.listado div.pdf, div.pdf{
					background:url(../img/pdf.png) top left no-repeat;					
				}		
				#contenido_contenido div.listado div.ppt, div.ppt{
					background:url(../img/ppt.png) top left no-repeat;
				}	
				#contenido_contenido div.listado div.xls, div.xls{
					background:url(../img/xls.png) top left no-repeat;	
				}	
				#contenido_contenido div.listado div.txt, div.txt{
					background:url(../img/txt.png) top left no-repeat;							
				}
				#contenido_contenido div.listado div.rar, div.rar{
					background:url(../img/rar.png) top left no-repeat;	
				}	
				#base_centro div.listado swf.rar, div.swf{
					background:url(../img/swf.png) top left no-repeat;	
				}															
			#contenido_contenido div.listado div.descargar, div.descargar{
				width:auto;
				color:#716d10;
				font-size:0.8em;
				text-align:left;	
				float:left;
				margin:6px 0 0 0;
				padding:0 0 0 25px;				
				background:url(../img/descargar.png) no-repeat top left; 	
				height:15px;												
			}		
				#contenido_contenido div.listado div.descargar a{
					color:#716d10;
				}
					#contenido_contenido div.listado div.descargar a:hover{
						color:#605d5c;
					}			
			
			
			
	div.listado div.cuadro{
		width:100%;
	}



/*	###############################################			OBJETOS 										*/	
 	div.objeto{
		width:100%;
		float:left;
		margin:20px 0;
		padding:0;
		position:relative;
	}
		div.objeto h3{
			width:66%;
			float:left;
			display:block;			
			clear:none;	
			}
		div.objeto .datos_imagen{
			width:32%;
			float:left;
			margin:0;
		}	

		div.objeto .datos_imagen a.imagen{
			width:100%;
			height:auto;
			float:left;
			margin:0;
			padding:0;
			overflow:hidden;
			position:relative;
		}	
	div.objeto .datos_imagen a.imagen img.portes_gratis{
left: -2px;
position: absolute;
top: -2px;
		}
		
			div.objeto a.imagen img.titulo{
border: 1px solid #eee;
margin: 0 10px 0 0;
width: 98.6%;
			}
		div.objeto .datos_objeto{
			width:65%;
			float:right;
			margin:8px 0 0 0;
		}	
			div.objeto .precio{
				width:auto;
				height:auto;
				float:left;
				margin:5px 0;
				padding:0;
			}			
			div.objeto .datos_objeto p.stock_ficha {
				float: left;
				width: 100%;
				text-align: center;
				font-size: 1.6em;
				text-transform: uppercase;
				color: green;
				font-weight: bold;
				margin: 10px 0;
			}
			div.objeto .datos_objeto p.stock_ficha span{display: block;}

			div.objeto h3.titulo{
				border-bottom: 1px solid #112989;
				color: #00135f;
				float: right;
				font-size: 1.75em;
				font-weight: normal;
				margin: 0 0 10px;
				text-transform: uppercase;
				width: 100%;
				text-transform:5px;
			}
				div.objeto h3.titulo span.compatibleCon{
					color: #ff8000;
					display: inline-block;
					float: left;
					font-size: 0.6em;
				}
			
			div.objeto a.aviso{	
				background: green url("../img/camion_aviso.png") no-repeat scroll 10px center;
				color: var(--colorNeutro3);
				cursor: pointer;
				float: left;
				font-size: 1.2em;
				margin: 0;
				padding: 5px 0;
				text-align: left;
				text-indent: 55px;
				text-transform: uppercase;
				width: 100%;
			}

			
			div.objeto .aviso_ok{	
				color: green;
				float: left;
				font-size: 1.3em;
				margin: 6px 0 0 15px;
				padding: 0;
				text-transform: uppercase;
				width: auto;
				letter-spacing:-0.4px;
			}
			div.objeto p.flecha{
				float: left;
				margin: 8px 0;
				padding: 0;
				width: 100%;
				clear:both;
				font-size:1.05em;
				color:#555;
			}
			div.objeto p.flecha strong{
				color: #111;
				font-weight: normal;
				text-transform: uppercase;
			}
				div.objeto p.mitad{
					width:50% !important;
					clear:none !important;
				}
			
			div.objeto .resumen{
				margin:5px 0 5px 0;
				padding:0;
				width:99%;
				float:left;
			}	
			div.objeto span.sin_iva{
				width:100%;
				float:left;
				margin:0 0 5px 0;
				padding:2px 0;
				text-align:left;
				font-size:0.8em;
			}
		
div.objeto div.aviso {
	background: rgba(0, 0, 0, 0) url("../img/camion2.png") no-repeat scroll 8px top;
	color: #ff8000;
	display: block;
	float: left;
	font-size: 1.4em;
	margin: 3px 0;
	padding: 8px 0 0;
	text-align: justify;
	text-indent: 57px;
	text-transform: uppercase;
	width: 100%;
}
	div.objeto div.aviso a{		
		color:#222;
	}
			
			div.objeto div.descripcion{
				float:left;
				width:100%;
				margin:10px 0 10px 0;
				overflow:hidden;
			}
			
			div.objeto div.descripcion a img{
				float:left;
				margin:0 5px 5px 5px; 
				padding:5px;
				border:3px solid #EEE;
			}
				div.objeto div.descripcion a:hover img{
					border:3px solid #ccc;
				}
			div.objeto div.descripcion ul{
				width:100%;
				float:left;
				margin:3px 0 10px 0;
				padding:0;
				list-style-type:none;
			}
			div.objeto div.descripcion ul li{
				width:94%;
				float:left;
				margin:7px 0 7px 3%;
				padding:0 0 0 20px;
				background:url(../img/fondo_li.png) top left no-repeat;
			}	
			
			/*ETIQUETAS DEL CONTENIDO*/
			div#base_etiquetas{
				width:100%;
				position:relative;
				float:left;
				clear:both;
				margin-top:20px;
			}
				div#base_etiquetas p#cabecera{
	border-bottom: 1px solid #112989;
border-left: 1px solid #112989;
color: #00135f;
display: block;
float: left;
font-size: 20px;
font-weight: normal;
margin: 0 0 8px;
padding: 3px 0;
text-align: left;
text-indent: 5px;
text-transform: uppercase;
width: 100%;
				}
				
					div#base_etiquetas a.etiqueta_contenido{
display: block;
float: left;
padding: 8px 5px;
						
					}
					div#base_etiquetas span.separador{
display: block;
float: left;
font-size: 2em;
padding: 0 4px;
height:20px;
display:none;			
					}
					div#base_etiquetas a.etiqueta_contenido:hover{
color: #00135f;
text-decoration: none;
text-transform: capitalize;
					}					
			
			/*FIN ETIQUETAS DEL CONTENIDO*/
	#base_pie{
		background: none repeat scroll 0 0 #1a2127;
		float: left;
		height: auto;
		margin: 0;
		padding: 10px 0 10px;
		position: relative;
		width: 100%;
		min-width:1180px;
	}


	#base_pie p.datos_empresa{
		border-right: 1px solid #333;
		color: #aaa;
		float: left;
		font-size: 15px;
		height: auto;
		line-height: 22px;
		margin: 0 0 8px;
		min-height: 208px;
		padding: 8px 0 0;
		text-align: left;
		width: 25%;
	}
		#base_pie p.datos_empresa span{
			float: left;
			height: auto;
			margin: 3px 8px;
			padding: 0;
			width: 100%;		
		}
			#base_pie .iconos ul li a{
				/*float:left;*/
				float:left;
				color:#aaa;
				transition:color 0.6s ease-in;
			}
				#base_pie .iconos ul li a:hover{
					text-decoration:none;
					color:#FF7F00;
					font-style:italic;
				}
				
				#base_pie .iconos ul li a span{
					display:none;
				}
				
				#base_pie .iconos ul li a.facebook{
					background:url(../img/facebook.png) no-repeat center;
					width:30px;
					height:35px;
					
				}
				#base_pie .iconos ul li a.twitter{
					background:url(../img/twitter.png) no-repeat center;
					width:30px;
					height:35px;
				}
				#base_pie .iconos ul li a.youtube{
					background:url(../img/youtube.png) no-repeat center;
					width:30px;
					height:35px;
				}
				#base_pie .iconos ul li a.google{
					background:url(../img/googleplus.png) no-repeat center;
					width:30px;
					height:35px;
				}
				#base_pie .iconos ul li a.rss{
					background:url(../img/rss.png) no-repeat center;
					width:30px;
					height:35px;
				}	
				#base_pie .iconos ul li a.blogger{
					background:url(../img/blogger.png) no-repeat center;
					width:30px;
					height:35px;
				}	
				#base_pie .iconos ul li a.pinterest{
					background:url(../img/pinterest.png) no-repeat center;
					width:30px;
					height:35px;
				}	
				#base_pie .iconos ul li a.flickr{
					background:url(../img/flickr.png) no-repeat center;
					width:30px;
					height:35px;
				}	
				#base_pie .iconos ul li a.instagram{
					background:url(../img/instagram.png) no-repeat center;
					width:30px;
					height:35px;
				}	
				#base_pie .iconos ul li a.foursquare{
					background:url(../img/foursquare.png) no-repeat center;
					width:30px;
					height:35px;
				}	
				#base_pie .iconos ul li a.linkedin{
					background:url(../img/linkedin.png) no-repeat center;
					width:30px;
					height:35px;
				}	
				#base_pie .iconos ul li a.vimeo{
					background:url(../img/vimeo.png) no-repeat center;
					width:30px;
					height:35px;
				}	
				#base_pie .iconos ul li a.dropbox{
					background:url(../img/dropbox.png) no-repeat center;
					width:30px;
					height:35px;
				}
				
				
				
/*	PIE EXTRAS		*/				
#base_extras {
    position: absolute;
    margin: 0;
    padding: 0;
    text-align: center;
    width: auto;
    right: 103px;
    top: 115px;
}
	#base_extras a{
		width:auto;
		display:inline-block;
		margin:2px 0;
	}

				
	#base_extras a span{ display:none }
					
/*	===============================================================================		ACCESO DIRECTO						*/
#accesos_directos{
	float: left;
	height: auto;
	margin: 0 0 0 1%;
	padding: 10px 1.5% 0;
	width: 20.5%;
}
	#accesos_directos ul{
		width:auto;
		height:auto;
		float:left;
		margin:0;
		padding:0;
		list-style-type:none;
	}
	#accesos_directos ul.iconos{
		float: left;
		height: auto;
		margin: 0;
		padding: 0;
		width: 77%;
	}
		#accesos_directos ul li{
			float: left;
			height: auto;
			margin: 0;
			padding: 0;
			width: 100%;
		}
			#accesos_directos ul li a{
				color: #777;
				display: inline-block;
				font-size: 15px;
				height: auto;
				margin: 0 5px 0 0;
				padding: 5px 2%;
				transition: color 0.4s ease-in 0s;
				width: 96%;
			}
				#accesos_directos ul li a:hover{
					color:var(--colorNeutro3);
					background:#555;
					text-decoration:none;
				}
				
			#accesos_directos ul.iconos li{
				text-align: center;
				width: 22%;
				height:36px;
			}	
			
			#accesos_directos ul.iconos li a:hover{
				opacity:0.6;
				
			}
			
			#accesos_directos ul li a span{
				display:none;
			}
				#accesos_directos ul li a.facebook{
					background:url(../img/facebook.png) no-repeat center;
					width:30px;
					height:35px;
				}
				#accesos_directos ul li a.twitter{
					background:url(../img/twitter.png) no-repeat center;
					width:30px;
					height:35px;
				}
				#accesos_directos ul li a.youtube{
					background:url(../img/youtube.png) no-repeat center;
					width:30px;
					height:35px;
				}
				#accesos_directos ul li a.google{
					background:url(../img/googleplus.png) no-repeat center;
					width:30px;
					height:35px;
				}
				#accesos_directos ul li a.rss{
					background:url(../img/rss.png) no-repeat center;
					width:30px;
					height:35px;
				}	
				#accesos_directos ul li a.blogger{
					background:url(../img/blogger.png) no-repeat center;
					width:30px;
					height:35px;
				}	
				#accesos_directos ul li a.pinterest{
					background:url(../img/pinterest.png) no-repeat center;
					width:30px;
					height:35px;
				}	
				#accesos_directos ul li a.flickr{
					background:url(../img/flickr.png) no-repeat center;
					width:30px;
					height:35px;
				}	
				#accesos_directos ul li a.instagram{
					background:url(../img/instagram.png) no-repeat center;
					width:30px;
					height:35px;
				}	
				#accesos_directos ul li a.foursquare{
					background:url(../img/foursquare.png) no-repeat center;
					width:30px;
					height:35px;
				}	
				#accesos_directos ul li a.linkedin{
					background:url(../img/linkedin.png) no-repeat center;
					width:30px;
					height:35px;
				}	
				#accesos_directos ul li a.vimeo{
					background:url(../img/vimeo.png) no-repeat center;
					width:30px;
					height:35px;
				}	
				#accesos_directos ul li a.dropbox{
					background:url(../img/dropbox.png) no-repeat center;
					width:30px;
					height:35px;
				}	



				
/*	###############################################			DESTACADOS		PIE									*/		


#destacados_pie{
	float: left;
	height: auto;
	margin: 0 0 0 1%;
	padding: 0 1.5% 0;
	width: 20.5%;
}
	#destacados_pie ul{
		width:100%;
		height:auto;
		float:left;
		list-style-type:none;
		margin:0;
		padding:0;
	}
		#destacados_pie ul li{
			float: left;
			height: auto;
			list-style-type: none;
			margin: 0 2% 0 0;
			padding: 0;
			width: 100%;
		}
		#destacados_pie ul li:nth-of-type(2n+0){
			margin-right:0;
		}
		
	
			#destacados_pie ul li a{
				color: #777;
				display: inline-block;
				font-size: 15px;
				height: auto;
				margin: 0 5px 0 0;
				padding: 5px 2%;
				transition: color 0.4s ease-in 0s;
				width: 96%;
			}
				#destacados_pie ul li a:hover{
					color:var(--colorNeutro3);
					background:#555;
					text-decoration:none;
				}
			#destacados_pie ul li ul{
				width:100%;
				height:auto;
				float:left;
				margin:0;
				padding:0;
			}
				#destacados_pie ul li ul li{
					width:100%;
					height:auto;
					float:left;
					padding:3px 0 0 0;
					margin:0;
				}	
					#destacados_pie ul li ul li a{
						width:98%;
						height:auto;
						float:left;
						padding:0 0 0 0;
					}
									
/*	###############################################			RESULTADOS BUSQUEDA 	*/			
	#resultados_busqueda{
		margin:0 0 0 2%;
		padding:0;
		width:98%;
		float:left;
	}
	#resultados_busqueda h3{
		width:100%;
		float:left;
		color:#444;
		margin:15px 0;
		font-size:20px;
		}
		#resultados_busqueda ul{
			width:100%;
			float:left;
			margin:0;
			padding:0;
		}
		#resultados_busqueda ul li{
			width:100%;
			float:left;
			margin:0;
			padding:7px 0;
			list-style-type:none;
		}
			#resultados_busqueda ul li a.titulo{
				float:left;
				color: #00135f;
				margin:0 7px 0 0;
				padding:0 0 0 2.5%;
				text-decoration:none;
				font-size:17px;
				background:url(../img/flecha_buscador.png) no-repeat top left;
			}
			#resultados_busqueda ul li a.resumen{
				float:left;
				color: #666;
				margin:3px 0 0 0;
				padding:0;
				font-size:14px;
				text-decoration:none;
			}

				#resultados_busqueda ul li a:hover{
					text-decoration:underline;
				}
				
			
			/*#resultados_busqueda li a{
				color:#666;				
				margin:0 0 0 5px;
				text-decoration:none;
			}
			#resultados_busqueda li a.titulo{
				color:#333;
				font-weight:bold;
				margin:0;
			}
			#resultados_busqueda li a.titulo:hover{
				text-decoration:underline;
			}*/

/*	###############################################			ICONOS 	*/	
#iconos{
float: left;
height: auto;
margin: 4px 0 10px;
padding: 0;
width: auto;
}
#iconos ul.iconos {
	width:100%;
	height:auto;
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
}
	#iconos ul.iconos li{
background: #111 none repeat scroll 0 0;
float: left;
height: 30px;
margin: 0 1px;
opacity: 0.4;
padding: 0;
text-align: center;
width: auto;
	}
		#iconos ul.iconos li:hover{
			opacity:0.9;
		}
			#iconos ul.iconos li img{
				width:auto;
				height:auto;
				float:left;

			}

/*	###############################################			MAPAWEB	*/			
	#mapaweb{
		margin:0 0 0 2%;
		padding:0;
		width:98%;
		float:left;
	}
	#mapaweb h3{
		color:#D82B03;
		margin:5px 0 15px 0;
		font-size:16px;
		}
		#mapaweb ul{
			width:100%;
			float:left;
			margin:0;
			padding:0;
		}
		#mapaweb ul li{
			width:100%;
			float:left;
			margin:0;
			padding:0 0 5px 0;
			list-style-type:none;
		}
			#mapaweb ul li a.titulo{
				float:left;
				color: #00135f;
				margin:0 7px 0 0;
				padding:0 0 0 2.5%;
				text-decoration:none;
				font-size:17px;
				background:url(../img/flecha_buscador.png) no-repeat top left;
			}
			#mapaweb ul li a.resumen{
				float:left;
				color: #666;
				margin:3px 0 0 0;
				padding:0;
				font-size:14px;
				text-decoration:none;
			}

				#mapaweb ul li a:hover{
					text-decoration:underline;
				}
				
			#mapaweb ul li ul{
				width:97%;
				float:left;
				margin:0 0 0 3%;
				padding:0;
			}
				#mapaweb ul li ul li{
					width:100%;
					float:left;
					margin:0;
					padding:0 0 5px 0;
					list-style-type:none;
				}
					#mapaweb ul li ul li:last-child{
						padding:0;
					}
				#mapaweb ul li ul li a.titulo{
					float:left;
					color: #00135f;
					margin:0 7px 0 0;
					padding:0 0 0 1.5%;
					text-decoration:none;
					font-size:17px;
					background:url(../img/flecha_subuscador.png) no-repeat top left;
				}	


/*  ///////////////////////////////      TABLA LOCALIZACIÓN     */
#tabla_localiza{
	font-size:10px;
	border-left: 1px dotted #ef4038;
	padding:10px;
}

#tabla_localiza td{
	border-left: 1px dotted #ef4038;
	padding:0 20px 0 10px;
}

.horario{
}
		
/*  ///////////////////////////////     COMPARTIR REDES    */
div.compartir_redes{
	width:350px;
	position:relative;
	float:right;
	font-size:13px;
	margin:0 0 15px 0;
}
/******************************************** PAGINADOR **********************************************/
div.paginador, #paginador {
    width: 100%;
    float: left;
    margin: 0;
    position: relative;
	text-align:center;
}

	div.paginador p.texto_paginador {
    color: #bbb;
    float: right;
    font-size: 15px;
    height: auto;
    margin: 0 25px 0;
    padding: 0;
    text-align: right;
    text-transform: uppercase;
    width: auto;
    /* display: none; 
    position: absolute;
    right: 0;
    bottom: 25px;*/
}
	div.paginador p.paginador{
float: right;
height: auto;
margin: 0;
padding: 0;
text-align: right;
width: auto;
	}
div.paginador a {
    color: #333;
    display: inline-block;
    float: none;
    font-size: 1.6em;
    height: 28px;
    margin: 0 0 0 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 28px;
    transition: 0.5s ease all;
}
		div.paginador a:hover{
			background:#ff8000;
			color:var(--colorNeutro1);
		}
	div.paginador a.siguiente,div.paginador a.anterior{

		width:auto;
	}

	
	div.paginador a.siguiente:hover,div.paginador a.anterior:hover{
				background:none;
		color:#ff8000;
	}
/*		div.paginador a:last-child,div.paginador a:first-child{
			width:auto;
			margin:0 5px;
		}
				div.paginador a:last-child:hover,div.paginador a:first-child:hover{
				background:none;
			color:#ccc;				
				}*/

		
div.paginador strong {
    background: #222 none repeat scroll 0 0;
    color: var(--colorNeutro3);
    display: inline-block;
    float: none;
    font-size: 1.6em;
    height: 28px;
    margin: 0 0 0 10px;
    text-align: center;
    text-decoration: none;
    width: 28px;
}
	
	div.paginador table{
		float:left;
		width:100%;
		margin:0;
		padding:0;
	}		

/***************REDES SOCIALES*********************/
#redes_sociales{
float: left;
height: auto;
margin: 10px 0 0;
padding: 10px 0;
width: 75%;

}
	#redes_sociales div.facebook{
		width:auto;
		height:auto;
		float:left;
		margin:0;
		padding:0 8px 0 0;
/*		border-right:1px dotted #d1d1d1;
*/	}
	#redes_sociales div.twitter{
		float: left;
		height: auto;
		margin: 0;
		padding: 0 5px 0 0;
		width: 75px;
/*		border-right:1px dotted #d1d1d1;
*/	}
		#redes_sociales div.twitter a.twitter-share-button{
			width:auto;
			height:auto;
			float:left;
			margin:0;
			padding:0;
		}
	#redes_sociales div.google{
		width:67px;
		height:auto;
		float:left;
		margin:0;
		padding:0;
/*		border-right:1px dotted #d1d1d1;
*/	}	
	#redes_sociales div.share{
		width:auto;
		height:auto;
		float:left;
		margin:0;
		padding:2px 7px 0 7px;
/*		border-right:1px dotted #d1d1d1;
*/	}	
	#redes_sociales a.imprimir{
		width:17px;
		height:20px;
		float:left;
		margin:0;
		padding:0 7px 0 0;
		background: url("../img/ico_imprimir.png") no-repeat top right;
	}	
	#redes_sociales a.contacto{
		width:20px;
		height:20px;
		float:left;
		margin:0;
		padding:0 7px 0 7px;
/*		border-right:1px dotted #d1d1d1;
*/		background: url("../img/ico_contacto.png") no-repeat top;
	}
	
/******************************** LISTADO OBJETO ******************************************************/
#listado_objeto{
	width:100%;
	height:auto;
	float:left;
	margin:0;
	padding:0;
}
	#listado_objeto h2{
		border-bottom: 1px solid #112989;
		border-left: 1px solid #112989;
		color: #00135f;
		display: block;
		float: left;
		font-size: 20px;
		font-weight: normal;
		margin: 0 0 8px;
		padding: 3px 0;
		text-align: left;
		text-indent: 5px;
		text-transform: uppercase;
		width: 100%;
	}
	#listado_objeto ul{
		display: block;
		float: left;
		list-style: outside none none;
		margin: 10px 0 0;
		padding: 0;
		position: relative;
		width: 100%;
	}
		#listado_objeto ul li{
			border: medium none;
			float: left;
			height: auto;
			margin: 1%;
			min-height: 185px;
			padding: 0 0 1%;
			width: 18%; 
		}
		#listado_objeto ul li:hover {
		  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
		}
#listado_objeto ul li a.imagen_relacionados {
  display: block;
  float: left;
  height: 120px;
  position: relative;
  text-align: center;
  width: 100%;
  overflow:hidden;
}		
	#listado_objeto ul li a.imagen_relacionados img {
		height: 100%;
		width: auto;
	}
			#listado_objeto h3{
				float: left;
				font-size: 16px;
				height: auto;
				margin: 0;
				padding: 0 1%;
				width: 98%;
			}
				#listado_objeto h3 a{
					clear: both;
					display: block;
					float: left;
					font-size: 0.9em;
					line-height:1em;
					height: auto;
					margin-top: 5px;
					position: relative;
					text-align: center;
					width: 100%;
					color:#000;
					font-weight:normal;
				}
				#listado_objeto h3 span.resumen{
					display:inline-block;
					margin:0 0 0 5px;
					color:#888;
					font-size:13px;
					font-weight:normal;
				}		

/*	###############################################			DESTACADOS	PADRE							*/		

#destacados_padre{
	width:100%;
	height:auto;
	float:left;
	margin:20px 0 0 0;
	padding:0;
}
	#destacados_padre ul{
		width:100%;
		float:left;
		margin:0;
		padding:0;
		list-style-type:none;
	}
		#destacados_padre ul li{
			width:31%;
			float:left;
			margin:5px 0.5% 10px 0.5%;
			padding:0;
			border:2px solid #999;
			border-radius:5px;
		}

			#destacados_padre ul li div.imagen{
				display:block;
				width:96%;
				height:150px;
				float:left;
				padding:0;
				margin:2%;
				overflow:hidden;
			}
				#destacados_padre ul li div.imagen a{
					display:block;
					width:100%;
					height:auto;
					float:left;
					padding:0;
					margin:0;
					overflow:hidden;
				}
					#destacados_padre ul li div.imagen a img{
						width:100%;
					}
		
			#destacados_padre ul li a{
				width:100%;
				min-height:35px;
				height:auto;
				float:left;
				margin:0;
				padding:3px 0 2px 0;
				font-size:13px;
				text-align:center;
				background:#ccc;
				color:#333;
			}
				#destacados_padre ul li a:hover{
					color:#111;
					background:#bbb;
					text-decoration:none;
				}

/************************** BLOG ***************************************/
ul.blog{
	width:100%;
	height:auto;
	float:left;
	margin:25px 0;
	padding:0;
	list-style-type:none;
}
	ul.blog li.blog{
		width:100%;
		height:auto;
		float:left;
		margin:0 0 15px 0;
		padding:0 0 10px 0;
		list-style-type:none;
		border-bottom:1px solid #ccc;
	}
		ul.blog li.blog p.titulo_blog{
			width:100%;
			height:auto;
			float:left;
			margin:0 0 5px 0;
			padding:0;
			font-size:22px;
			color:#000;
		}
		ul.blog li.blog p.fecha_blog{
			width:100%;
			height:auto;
			float:left;
			margin:0 0 5px 0;
			padding:0;
			font-size:11px;
		}
		ul.blog li.blog p.resumen_blog{
			width:85%;
			height:auto;
			float:left;
			margin:0 0 5px 0;
			padding:0;
			font-size:13px;
		}
		ul.blog li.blog a.ver_contenido_blog{
			width:auto;
			height:auto;
			float:right;
			margin:0 0 5px 0;
			padding:5px;
			font-size:14px;
			background:#000;
			color:var(--colorNeutro3);
			border:1px solid #000;
		}
			ul.blog li.blog a.ver_contenido_blog:hover{
				background:var(--colorNeutro3);
				color:#000;
				text-decoration:none;
			}
		ul.blog li.blog span.imagen_blog{
			width:100%;
			height:auto;
			float:left;
			margin:0 0 5px 0;
			padding:0;	
		}
			ul.blog li.blog span.imagen_blog img{
				width:100%;
			}
		ul.blog li.blog div.contenido_blog{
			width:100%;
			height:auto;
			float:left;
			margin:0;
			padding:0;	
		}

/*************************FACS*********************/

	ul.facs{
		width:100%;
		float:left;
		margin:0;
		padding:0;
		list-style-type:none;
	}
	ul.facs li.facs{
		width:97%;
		float:left;
		margin:0 0 7px 3%;
		padding:0 0 5px 0;
		/*border-bottom:1px dotted #DDD;*/
		position:relative;
		}
	ul.facs li.facs a.pregunta_facs{
		float:left;
		background: url("../img/ico-faq.png") no-repeat left;
		color: #666;
		display: block;
		font-size: 17px;
		padding:0 0 0 30px;
		text-decoration: none;
	}
		ul.facs li.facs a.pregunta_facs:hover{
			color: #832b26;
		}
	div.respuesta_facs{
		width:90%;
		float:left;
		padding:0 5%;
		margin:5px 0 0 0;
		color:#666;
	} 	
/***************FIN FACS*********************/				
