/* CSS Document RESPONSIVE */
html, body {width:100%; height:100%; min-height:100%;}
html 				{overflow-y:scroll}
body 				{text-align:left; padding:0; margin:0; height:100%;}

/* ESTRUCTURALES */
#fondo 				{width:100%; text-align:center; height:100%; min-height:100%;}
#centrado 			{position:relative; width:100%; #height:100%; /*min-height:inherit;*/ text-align:center; float:left;}
#web				{position:relative; margin:0 auto 0 auto; width:93%; max-width:1200px; text-align:left;}
#web_top			{display:none;}
#web_pie			{display:none;}

#top    			{position:relative; width:100%; text-align:center; top:0; min-height:8em; border:none; left:0; padding:0; margin:0; float:none; z-index:105;}
#toptxt    			{margin:0 auto 0 auto; width:93%; max-width:1200px; text-align:left; overflow:hidden;}

#coli 				{display:none; position:absolute; float:left; left:0; top:0; padding-right:3%; height:100%; border-right:1px solid; overflow:hidden; box-sizing: border-box; /*z-index:200; lo saco porque el div masinfo sino no lo encima, ver si se ve bien en todos los casos*/}
#cold 				{display:none; position:absolute; float:right; right:0; top:0; height:100%; padding-left:3%; border-left:1px solid; overflow:hidden; box-sizing: border-box; /*z-index:200; lo saco porque el div masinfo sino no lo encima, ver si se ve bien en todos los casos*/}
#coli img, #cold img	{max-width:100%; height:auto;}
#coli_texto 		{font-size:.9em; line-height:normal;}

#pie 				{position:relative; overflow:hidden; clear:both; width:100%; bottom:0; text-align:center; border-top:1px solid; z-index:10;}
#pie_txt			{position:relative; margin:0 auto 0 auto; padding:2% 0; width:93%; max-width:1200px; text-align:left;}

/* NOMBRE */
#logo 	{position:absolute; width:100%; text-align:center; margin:0; top:0; left:0; z-index:110}
	.ubica_logo			{}
	.logo_txt			{position:relative; margin:0 auto 0 auto; width:93%; max-width:1200px; text-align:left; z-index:3;}
	.logo_txt img {border:none; outline:none}
	
/* INFORMACION GENERAL */
#cuerpo 			{position:relative; margin:4% auto; text-align:left; padding:0; float:none; min-height:400px; /* z-index:10; le anulo zIndex para que se vea bien la galeria a patanlla completa */}
#cuerpo #info		{text-align:left; padding:0; margin:0; width:auto;}

#cuerpo .txt		{text-align:left;}
#cuerpo .txtpie		{clear:both;}

.conColi #coli, .conCold #cold 		{display:block; width:25%;}
.conColi #cuerpo 			{margin-left:28%; margin-right:auto;}
.conCold #cuerpo 			{margin-left:auto; margin-right:28%;}
#coli .caja_modelo, #cold .caja_modelo {padding: 5% 6%;}
.tabla, table.responsive				{display:table; table-layout:fixed; width:100%;}
.row, table.responsive tr				{display:table-row; width:100%;}
.td					{display:table-cell; vertical-align: top; padding-left: 1%; padding-right: 1%;}
.td:first-child	{padding-left:0; padding-right:2%;}
.td:last-child   {padding-left:2%; padding-right:0;}
.td	img				{max-width:100%; height:auto;}

/* CONTACTO */
#cuerpo #info #datosContacto	{position:relative; width:40%; margin:0 0 1% 1%; float:right}
#cuerpo #info #datosContacto .txt	{padding:5%;}
#cuerpo #info #datosContacto img	{max-width:100%; height:auto;}

/* GALERIAS */
#infogal	{padding:0;}
#galeria 	{width:100%; min-height:98%; height:auto}

/** FORMULARIOS **/
form 						{margin:0; padding:0;}
#formulario					{width:58%;}
form label					{display:block; float:left; text-align:left; width:22%; padding:0; margin:6px 0 0;}
form label.mje				{clear:left; }
form input, form textarea, form select 	{margin:5px 0 3px 10px; padding:1.5%; float:left;}
input.px, textarea.px, select.px, input.boton	{border:1px solid #cccccc; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -webkit-box-shadow: 3px 3px 1px rgba(0,0,0, .1); -moz-box-shadow: 3px 3px 1px rgba(0,0,0, .1); box-shadow: 3px 3px 1px rgba(0,0,0, .1);}
input.px, form div.px		{width:70%;}
textarea.px  				{width:70%; height:100px;}
input.boton					{text-shadow:1px 1px 0px rgba(255,255,255, .6); margin:15px 0 15px 10px; float:none; min-width:100px; width:70%; outline:none; padding:1.5%}
input.boton:hover			{-webkit-box-shadow: -2px -2px 1px rgba(0,0,0, .1); -moz-box-shadow: -2px -2px 1px rgba(0,0,0, .1); box-shadow: -2px -2px 1px rgba(0,0,0, .1); cursor:pointer;}
.check	{margin-top:10px;}
form .mensajes				{display:block; margin:0 0 5px 0; padding:1px 3px;}
table.antispam 				{width: 100%; font-size:.8em;}
table.antispam td.td1		{width:150px; text-align:right; font-size: .8em;}
td.captcha					{width:22%;}
table.antispam img.cap		{float:left; margin:0 10px;}
table.antispam input.px		{width:100px;}
#cold form label {width: 30%;margin: 6px 10px 0;font-size: 13px;}
#cold .px {font-size:13px;}
#cold #buscador_coliz select.px {width: 55% !important;position: relative;}

/* NUEVO VALIDAR */
form br 					{clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */}
.error						{display:none; background: url(../../sitio/images/flechas/abajo_negra.gif) 0 9px no-repeat; text-align:left; padding:3px 0 0 15px; margin:0 0 0 25%; float:none;}
table.antispam .error		{background-image:none; text-align:left; padding:5px 0; margin:0; float:none;}
.error_envio				{display:none; margin:25px 0 10px; padding:5px 10px; text-align:left; }

/* FORM LIBRO */
#libroForm				{text-align:center; max-width:100%; margin:2% 0;}
#libroForm #formulario	{width:100%;}
#libroForm input.boton	{margin:10px 2% 10px 0 !important; width:95% !important;}
#libroForm fieldset 	{padding:1% 2% 3%; margin:0; border:1px solid #cccccc;}
#libroForm fieldset legend 	{padding:5px 5px; font-size: 1.3em; text-align: left;}
#libroForm label		{width:auto; min-width:100px; padding:0; margin:5px;}
#libroForm input.px		{width:35%; margin:5px 10px 5px 0;}
#libroForm textarea.px  {width:84%; height:100px; margin:5px 2% 10px 0; float:none;}
#libroForm span			{display:block; text-align:center; margin:10px 0; padding:5px 0; clear:left}
#libroForm span img		{vertical-align:middle; border:1px solid #ccc}
#libroForm br 			{display:none}
/* LIBRO */
#libro 				{border:1px solid transparent;}
#libro .rta			{margin:2% 0}
#libro span.subtitulo	{float:left;}
#libro span.fecha		{float:right; padding:0 5px; font-size:88%; border-radius: 10em;}
#libro span.datos		{float:right; padding:0 5px; margin-bottom:5px; font-size:88%}
#libro span.coment	{clear:both; display:block; padding-top:5px;}


/* BOTONERAS botones ver en estilo */
#botoneraTop	{display:block; position:relative; width:100%; text-align:left; clear:both; z-index:110;}
#botoneraTop2	{display:block; position:relative; width:100%; text-align:left; clear:both; z-index:110;}
#menu   		{display:none; position:absolute; top:0; right:0; background-color:#000000; padding:0 12px; border:none; cursor:pointer; z-index:1000; color:#eeeeee; line-height:36px; height:36px;}
#menu:hover   	{color:#ffffff; background-color:#333333;}

#botonera		{display:none; position:absolute; text-align:left; top:0; right:0; z-index:200;}
#botoneraCol	{text-align:left; top:0; z-index:290; border:none;}
#botoneraPie	{}

/* botones */
#nav 	{display:block; position:relative; list-style:none; margin:0 auto; z-index:92; text-align: center; max-width:1200px; padding:0; border:none !important;}
#nav ul, #nav ol {padding:0; margin:0; list-style:none; line-height:1em; border:none}
#nav li {display:inline-block; float:none; list-style:none;}
#nav a 	{display:block; border:1px solid; margin-right:0; padding:0 1em; line-height:2em; text-decoration:none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
/* subbotones */
#nav .boton, #nav .botaudio         {display:inline-block; margin-right:-6px;}
#nav .subBoton li 	{display:block; font-size:.9em; padding:0;}
#nav .subBoton      {position:absolute; margin:0px; padding:0px; display:none; text-align:left; font-weight:normal; min-width:110px;}
#nav .audio         {position:absolute; margin:0px; padding:0px; font-weight:normal; opacity:0}
#nav .subBoton img  {width:110px;}
#nav .subBoton a    {line-height:inherit; padding:10px; border:none; opacity:.9;}
#nav .subBoton a:hover    {opacity:1;}
#nav .subBoton li a	{padding: 0 1em; line-height: 2em;}
#nav .subBoton ul	{background:transparent}
#nav form       	{padding:10px; font-size:.8em;}
#nav textarea       {width:96%; margin:5px 0;}
#nav input          {width:97%; margin:5px 0;}
#nav input.boton    {width:100%; margin:5px 0 0 0;}
/* quitar los colores de aqui y escribirlos en estilos css */
#mapa               {position:absolute; top:32px; width:990px; min-height:220px; display:none; text-align:center; clear:both}
#mapaBoton          {width:40px; float:right; height:30px; cursor:pointer}
#mapaCierra         {width:976px; height:18px; text-align:right; padding-left:8px; clear:both}


/* cambiando los estilos de botones y otros elementos */ 
.redondeados #nav a {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.redondos #nav a 	{-moz-border-radius:20em; -webkit-border-radius:20em; border-radius:20em;}
.cuadrados #nav a 	{-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}

.chicos #nav a 		{font-size:1.1em !important;}
.medianos #nav a 	{font-size:1.4em !important;}
.grandes #nav a 	{font-size:1.8em !important;}

.con_sombra #nav	{padding-top:5px;}
.con_sombra #nav a 	{-webkit-box-shadow:0 1px 5px rgba(0,0,0, .8); -moz-box-shadow:0 1px 5px rgba(0,0,0, .8); box-shadow:0 1px 5px rgba(0,0,0, .8);}
.con_sombra #nav a:hover, .con_sombra #nav a.select	{-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}

 /******************** botoneras *******************************/

/* COLUMNAS MODULOS *******************************************/
#dinamico 		{margin: 0 -1%;}
#ihomes 		{margin: 0 -1%;}
.encolumnado 	{width:100%; display: block; padding: 1% 0 1% 1%; overflow:hidden; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ }
.encolumnado div.modulo {width:19%; display: block; float: left; margin: 0 1% 1% 0; padding: 10px; position:relative; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ }
.encolumnado div.x1, .encolumnado div.x6, .encolumnado div.x10 	{width:99%;}
.encolumnado div.x2, .encolumnado div.x7						{width:49%; float:left;}

.encolumnado div.x3 					{width:32.33%; float:left;}
/*
.encolumnado div.x3 					{width:32.33%; margin: 0 1.5% 1% 0; float:left;}
.encolumnado div.x3:nth-of-type(3n+3) 	{float:right; margin: 0 0 1% 0;}
*/

.encolumnado div.x4 											{width:24%; float:left;}
.encolumnado div.x5												{width:19%; float:left;}


.modulo h1	{font-size:1.5em;}
.modulo h2	{font-size:1.4em;}
.modulo h3	{font-size:1.3em;}
.encolumnado div.modulo h3.categoria 	{font-size:.9em;}
.encolumnado div.modulo h5 				{display:inline-block; margin: 3px 0; padding: 0px 5px; font-size: 12px;}
.encolumnado div.modulo span > span 	{display:block;}
.encolumnado div.modulo .botoncito 	{position:absolute; bottom:10px; right:10px;}
audio {max-width: 100%;}
.modulo .foto, .modulo .video	{vertical-align:middle; text-align:center; overflow:hidden; width:100%; height:0; padding-top:62%; margin-bottom:10px; background-repeat:no-repeat; background-size:cover; background-position:center;}
			   .modulo .video	{position: relative;}
			   .modulo .video iframe	{position:absolute; top:0; left:0;}
.modulo .foto2	{margin-bottom:10px;}
.alcorte .modulo .foto	{background-size:cover;}
.entera .modulo .foto	{background-size:contain;}
.entera .x1 .foto, .entera .x6 .foto	{background-position:left top;}
.x1 .foto2 {float:left; margin: 0 20px -4px 0;}
.x1 .foto2 img {height: 100%; width:auto; max-width:100%; float:none;}

.x1 .foto, .x1 .video 	{width:49%; display:block; float:left; padding-top: 33%; margin: 0 20px 0 0;}

.x6 .foto, .x6 .video  	{display:inline-block; float:left; width:24%; padding-top: 15%; margin: 0 20px 0 0;}

.x7 .foto, .x7 .video  	{display:inline-block; float:left; width:33%; padding-top: 25%; margin: 0 20px 0 0; background-size:contain !important; background-position:top}

.x10 .foto, .x10 .video 	{display:none;}
.x10 span, .x10 h5, .x10 h6, .x10 .botoncito {display:inline !important; font-size:.9em; line-height:normal;}
.x10 h1, .x10 h2, .x10 h3, .x10 h4 {display:inline !important; font-weight:bold; margin-right:10px; font-size:1em;}
.x10 span span.texto {display:inline-block !important; }
span.equalizer-inner	{overflow:hidden;}

.total div.modulo 			{padding:0;}
/*.total div.modulo .texto 	{padding:10px;}
.encolumnado .modulo .texto	{padding:0;}

*/
.total div.modulo h1, .total div.modulo h2, .total div.modulo h3, .total div.modulo h4, .total div.modulo h5,
.total div.modulo p, .total div.modulo div.musica 		{padding:0 10px;}
.total div.x1 h1, .total div.x1 h2, .total div.x1 h3, .total div.x1 h4, .total div.x1 h5,
.total div.x1 p, .total div.x1 div.musica 		{padding:10px 10px 0;}
.color3 div.modulo 		{padding:5px;}
.color3 div.modulo .texto, .color3 div.modulo h1, .color3 div.x1 h1 	{padding:0;}

/* ver aca que pasa con el color 3 y total
.color3 div.modulo h1, .color3 div.modulo h2, .color3 div.modulo h3, .color3 div.modulo h4, .color3 div.modulo h5,
.color3 div.modulo p, .color3 div.modulo div.musica,
.color3 div.x1 h1, .color3 div.x1 h2, .color3 div.x1 h3, .color3 div.x1 h4, .color3 div.x1 h5,
.color3 div.x1 p, .color3 div.x1 div.musica {padding:0;}
.x1, .x6	{height:auto!important;}
*/

.conColi .encolumnado div.x5, .conCold .encolumnado div.x5 {width:24%;}

/* Agrego otro encolumnado pero que no equaliza */
.encolumnado2 		{width:100%; display: block; padding: 1% 0 1% 1%; overflow:hidden;}
.encolumnado2 > div {display:block; float: left; margin:0 1% 1% 0; position:relative; }
.encolumnado2 > div .x2 {display:block; float: left; margin:0 1% 1% 0; font-size:.9em;}
.encolumnado2 div.x1, .encolumnado2 div.x6, .encolumnado2 div.x10 	{width:99%;}
.encolumnado2 div.x2, .encolumnado2 div.x7						{width:49%;}
.encolumnado2 div.x3 											{width:32.33%;}
.encolumnado2 div.x4 											{width:24%;}
.encolumnado2 div.x5											{width:19%;}

.encolumnado2.x2columnas {padding: 1% 0;}
.encolumnado2 div.modulo .itexto {padding:10px;}
.encolumnado2.x2columnas > div.x2:nth-child(1) {margin: 0 2% 1% 0;}
.encolumnado2.x2columnas > div.x2:nth-child(2) {margin: 0 0% 1% 0;}
.encolumnado2.x2columnas > div div.x2:nth-child(1) {margin: 0 2% 1% 0;}
.encolumnado2.x2columnas > div div.x2:nth-child(2) {margin: 0 0% 1% 0;}

/* FIN encolumnado que no equaliza */


/* CONFIG GALE ZOOM 103 */
.div_zoom    {float:left; width:20%; overflow:hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position:relative;}
.div_zoom a  {display:block; width:100%; height: 0; padding-top: 65%; background-position:center; background-size:cover; position:relative; overflow:hidden;}
.div_zoom span.epigrafe					{display:block; width:100%; line-height: normal; overflow:hidden; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}

.entra .div_zoom span.epigrafe			{position:absolute; background-color: rgba(0,0,0, .4); bottom:-50px; height:0; color: #ffffff; opacity:0; box-sizing: border-box; padding: 2%;}
.entra .div_zoom:hover span.epigrafe	{opacity:1; bottom:0; height:auto; max-height:4em;}

.fijo .div_zoom span.epigrafe			{position:absolute; background-color: rgba(0,0,0, .4); bottom:0; height:auto; max-height:4em; color: #ffffff; box-sizing: border-box; padding: 2%;}
.fijo .div_zoom:hover span.epigrafe		{background-color: rgba(0,0,0, .7);}

.foto_completa .div_zoom a  			{background-size: contain; background-repeat: no-repeat;}
.foto_completa .div_zoom span.epigrafe	{position:relative; bottom: -5px; height:3em;}
.fuera .div_zoom span.epigrafe 			{position:relative; bottom: -5px; height:3em; text-align:left;}

.efectobyn .div_zoom a {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%); /* Para cuando es est�ndar funcione en todos */
filter: Gray(); /* IE4-8 and 9 */
}
.efectobyn .div_zoom a:hover { 
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none;
}
/* COLUMNAS MODULOS **************FIN*************************/

/* VENTANA MAS INFO ***/
#masinfo						{position:fixed; width:100%; height:0; z-index:3000; top:0%; left:0; margin:0; opacity:0; background-color:rgba(255,255,255, .8); -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
#masinfo #ventana				{display:none; position:relative; width: 64%; height: 64%; padding: 3%; top: 14%; max-width: 1000px; margin:auto; text-align:left; border:1px solid #ccc; background:#ffffff; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -webkit-box-shadow: 3px 3px 1px rgba(0,0,0, .1); -moz-box-shadow: 3px 3px 1px rgba(0,0,0, .1); box-shadow: 3px 3px 1px rgba(0,0,0, .1);}
#masinfo .cerrar				{position:absolute; right:-3%; top:-1px; color:#cccccc; width:2.8%; line-height:.8em; height:.9em; text-align:center; font-size:26px; cursor:pointer; background:#666;}
#masinfo .cerrar:hover			{color:#fff;}
#masinfo #masinfo_content		{height: 96%; padding: 0% 0% 0% 0%; position: relative; overflow: auto;}
/* VENTANA MAS INFO **************FIN*************************/

/* COMUNES *******************************************/
.clear		{clear:both}
input.none  	{margin:0; padding:0; float:none; background:transparent; border:none}
a, object, input	{outline:none}
hr			{clear:both; margin:10px 0; display:block; padding: 0; line-height:0px;}
/*  botoncito */
a.botoncito		{display:inline-block; padding:1% 2%; margin:0; border:none; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}

/* caja */
.caja_modelo	{line-height:normal; display:inline-block; vertical-align: top; padding:1.5%; border:1px solid #cccccc;}
.encolumnado .caja_modelo, .encolumnado2 .caja_modelo {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right:1%; margin-bottom:1%;}
.caja_modelo.transparent	{padding:0;}

/* Posicion IMG ******* ********/
.imagenMedio		{clear:both; text-align:center; margin:5px auto 2% auto; display:block}
.imagenIzquierda	{float:left; margin:0 2% 2% 0;}
.imagenDerecha		{float:right; margin:0 0 2% 2%;}
#cuerpo img[align="left"] {margin-right:10px; margin-bottom:10px;}
#cuerpo img[align="right"] {margin-left:10px; margin-bottom:10px;}

/* TEXTOS */
h5, h6		{border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}

/* multicolumnas */
.multicolx2 {column-count:2; -webkit-column-count:2; -moz-column-count:2; -o-column-count:2;} /*Cantidad de columnas*/
.multicolx3 {column-count:3; -webkit-column-count:3; -moz-column-count:3; -o-column-count:3;} /*Cantidad de columnas*/
.multicolx2, .multicolx3 {clear:both; position:relative;
column-gap:2em; -webkit-column-gap:2em; -moz-column-gap: 2em; -o-column-gap:2em; /*Espacio entre columnas*/
column-rule:1px solid #ccc; -webkit-column-rule:1px solid #ccc; -moz-column-rule:1px solid #ccc; -o-column-rule:1px solid #ccc; /*Agrega una barra solida de color*/
border:1px dashed transparent;}

/* esto es para resetear las indicaciones que aparecen en plantillas */
.multicolx3, .multicolx2, .multicolx3:hover, .multicolx2:hover {border:none !important;}
.multicolx3:hover .cartel, .multicolx2:hover .cartel {display:none !important;}
.multicolx3:after, .multicolx2:after {content:"" !important;}
.caja_modelo, .caja_modelo:hover {border:none !important;}
.caja_modelo:hover .cartel {display:none !important;}
.caja_modelo:after {content:"" !important;}

/** BUSCADORES -> carro / columna / novedades / faq ****************/
#barra				{clear:both; display:block; padding:5px; overflow:hidden; margin:10px 0 15px; border:1px solid #cccccc; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; z-index:1}
#barra .mipedido	{float:right; line-height:1.4em; padding:0 5px 1px; width:170px; margin: 0 0 0 10px;}
#barra input.boton, #barra select	{width:auto; margin:0; outline:none; height:auto; padding: 1% !important;}
#barra select		{min-height:28px;}
#barra input		{margin:0 5px 0 0;}
#barra input.px		{width:40% !important; padding:1% !important;}

#buscador, #buscadornov		{float:left; padding:0; z-index:5; position:relative; width:60%;}
#categorias, #categoriasnov	{float:right; padding:0; z-index:5; position:relative}

/** COLUMNA  ****************/
#coli #barra, #cold #barra {padding: 0; overflow: auto; margin: 0; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 6px; z-index: 1;}
#buscador_coliz		{clear:both; display:block; padding:0; margin:10px 0; border:1px solid; overflow:hidden; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;}
#buscador_coliz input.px	{padding:0 2px; height:18px; margin:5px; float:left; width:53% !important; position:relative}
#buscador_coliz input.boton, #buscador_coliz select	{margin:5px; padding:2px; height:25px; float:left; width:34%; min-width:inherit; outline:none; position:relative}
#coli .categorias h4	{display:block; padding:3px 5px; margin:0; border:1px solid; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}

/* PAGINADOR  *****************/
.paginador 				{border-top:1px dashed; padding:10px 0 0 0; margin:15px 0; text-align:center; line-height:22px; clear:both;}
.paginador a:link, .paginador a:visited {width:22px; padding:0; text-align:center; border:1px solid; margin:3px 0; display:inline-block; box-shadow: 0 1px 4px rgba(0,0,0, .2), inset 0 -3px 15px rgba(50,50,50, .2), inset 0 4px 8px rgba(255,255,255, 0.4); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.paginador a.antsig:link, .paginador a.antsig:visited {width:auto !important; padding:0 5px; text-align:center; border:1px solid transparent; display:inline-block; box-shadow: none;}
.paginador a:hover, .paginador a:active, .paginador a.antsig:hover, .paginador a.antsig:active {color:#333333; border:1px solid; box-shadow: none;}
.paginador a.actual 	{border:1px solid; box-shadow:inset 0 -3px 15px rgba(50,50,50, .2), inset 0 4px 8px rgba(255,255,255, 0.4);}
.paginador .apagado 	{text-align:center; border:none; display:inline-block; padding:0 5px;}

/* ACORDION */
.Accordion {overflow: hidden; outline:none;}
.AccordionPanel {margin: 1px; padding: 0px; width: 100%;}
.AccordionPanelTab {margin:7px 0px; padding: 1%; cursor: pointer; -moz-user-select: none; -khtml-user-select: none;}
.AccordionPanelContent {overflow: auto; margin: 0px; padding: 0px; height: auto;display:none;}
.abierto {display:block}
@media print {
.Accordion { overflow: visible !important; }
.AccordionPanelContent { display: block !important; overflow: visible !important; height: auto !important; }
}

/* ADICIONALES */
#visitas 			{display:none; position:absolute; bottom:50px; left:31px; z-index:89;}
#idiomas 			{display:none; position:absolute; bottom:70px; padding:3px 10px 3px 30px; width:220px; text-align:right; left:0; z-index:90;}
#creditos 	{position: relative; bottom: 10px; opacity: .6; font:10px Arial, Helvetica, sans-serif; color:#999; padding-left:5px; text-align:right; width:auto; line-height:13px; background:#000; border:1px solid #000; z-index:200; display:inline-block; margin:10px; max-width:200px; clear: both;}
	#creditos span	{font:10px Arial, Helvetica, sans-serif; font-weight:bold; color:#000; background:#CCC; padding:0 5px 0 3px; margin-left:3px; line-height:inherit; display:inline-block}
#creditos:hover {opacity:1;}
#musica 			{display:none; position:absolute; bottom:70px; left:31px; min-width:23px; padding-left:30px; height:21px; z-index:100;}

#decoracion 		{display:none; position:absolute; top:150px; height:45%; overflow:hidden; background-size: cover;}
#decoracion img 	{max-width:100%;}

/* SOBREESCRIBO DIV SKIN PARA ADAPTARLO A PANTALLA */
#skin {left:auto !important; right: 2%; margin-left: auto !important; width: auto  !important;}

/* REDES SOCIALES */
.redestop	{position:absolute; width:1190px; left:50%; margin-left:-600px;}

 /* estilos o divs que parece que no se usan */
#topfuera 			{display:none}
#piefuera 			{display:none} /*  */
.foto * 		{vertical-align:middle;} 
.foto img		{vertical-align:middle; padding:0; margin:0; border:none}



/************************** Media Queries de CSS3 *************************/

/* Correcciones media queries */
/*No mover o se sobreescribe*/
@media screen and (max-width:1200px)  {
.redestop 	{width:auto; left: auto; margin-left: auto; right: 0;}
#logo img, .top_logo 	{max-width:100%; height:auto;}
.conColi .encolumnado div.x4, .conCold .encolumnado div.x4, .conColi .encolumnado div.x5, .conCold .encolumnado div.x5,
.conColi .encolumnado2 div.x4, .conCold .encolumnado2 div.x4, .conColi .encolumnado2 div.x5, .conCold .encolumnado2 div.x5 {width:32.33%;}

}

@media screen and (min-width:1200px)  {
.x6 .foto, .x6 .video  	{padding-top: 12%;}
}

@media screen and (min-width: 1500px) {
}

@media screen and (max-width: 960px) {
/* COLUMNAS MODULOS *******************************************/
.encolumnado div.x3, .encolumnado div.x3 + div.x4,
.encolumnado2 div.x3, .encolumnado2 div.x3 + div.x4 {width:49%;}
.encolumnado div.x4, .encolumnado2 div.x4  {width: 32.33%;}
.encolumnado div.x5, .encolumnado2 div.x5 {width:24%;}
.x6 .foto, .x6 .video  	{width:33%; padding-top: 22%;}


.tabla, table.responsive	{display:block;}
.row, table.responsive tr				{display:block;}
.td, table.responsive td					{display:block; padding-right:0%; padding-bottom: 20px;}
.td + .td, table.responsive td + td		{padding-left:0%;}
.tabla				{display:table; table-layout:fixed; width:100%;}

}

@media screen and (min-width: 800px) and (max-width: 960px) {
body	{font-size:.9em !important}

.conCold form label, .conCold #libroForm label,
.conColi form label, .conColi #libroForm label			{float:none; text-align:left; width:100%;}
.conCold form input, .conCold form textarea, .conCold form select,
.conColi form input, .conColi form textarea, .conColi form select 	{float:none;}
.conCold input.px, .conCold form div.px, .conCold #libroForm input.px,
.conColi input.px, .conColi form div.px, .conColi #libroForm input.px		{width:90%;}
.conCold textarea.px, .conCold #libroForm textarea.px,
.conColi textarea.px, .conColi #libroForm textarea.px  			{width:90%; height:100px;}
.conCold input.boton, .conColi input.boton		{width:90%;}
#buscador_coliz input.px	{width:50%; height:20px;}

.conColi .encolumnado div.x7, .conCold .encolumnado div.x7 {width:99%;}
.conColi .encolumnado div.x3, .conCold .encolumnado div.x3,
.conColi .encolumnado div.x4, .conCold .encolumnado div.x4, .conColi .encolumnado div.x5, .conCold .encolumnado div.x5 {width:49%;}
.conColi .encolumnado div.x6 .foto, .conColi .encolumnado div.x6 .video,
.conCold .encolumnado div.x6 .foto, .conCold .encolumnado div.x6 .video  	{width:33%; padding-top: 22%;}

.conColi .encolumnado2 div.x7, .conCold .encolumnado2 div.x7 {width:99%;}
.conColi .encolumnado2 div.x3, .conCold .encolumnado2 div.x3,
.conColi .encolumnado2 div.x4, .conCold .encolumnado2 div.x4, .conColi .encolumnado2 div.x5, .conCold .encolumnado2 div.x5 {width:49%;}
}

@media only screen and (max-width: 800px) {
.conColi #cuerpo, .conCold #cuerpo, #cuerpo	{width:100%; margin:3% auto; float:none;}
#cuerpo #info img, #cuerpo #ihomes img	{max-width:100% !important; height:auto !important}
.conColi #coli, .conCold #cold, #coli, #cold	{width:100%; float:none; position:relative; height:auto; border:none; padding:0; box-sizing:border-box;}
/*#cuerpo #info, #cuerpo #html_superior, #cuerpo #html_inferior, .conColi #coli, .conCold #cold	{padding:3%;}*/
.conColi #coli, #coli	{margin-top:5%;}
.conCold #cold, #cold	{margin-bottom:5%;}

.div_zoom    {width:33%;}

}

@media only screen and (min-width: 481px) and (max-width: 799px) {
body	{font-size:.9em !important}

form label, #libroForm label					{float:none; text-align:left; width:100%;}
form input, form textarea, form select 	{float:none;}
input.px, form div.px, #libroForm input.px		{width:90%;}
textarea.px, #libroForm textarea.px  				{width:90%; height:100px;}
input.boton					{width:90%;}
#buscador_coliz input.boton, #buscador_coliz select {height:auto;}

/* multicolumnas */
.multicolx2 {column-count:2; -webkit-column-count:2; -moz-column-count:2; -o-column-count:2;}
.multicolx3 {column-count:2; -webkit-column-count:2; -moz-column-count:2; -o-column-count:2;}

}
@media screen and (min-width: 481px) {
/* MENU *******************************************/
#menu   		{display:none;}
#botoneraTop, #botoneraTop2  	{display:block !important;}
}

@media screen and (max-width: 650px) {
#cuerpo #info img	{max-width:100% !important}
#toptxt img {max-width:100%; height: auto;}
/* COLUMNAS MODULOS *******************************************/
.encolumnado div.x2, .encolumnado div.x6, .encolumnado div.x7 {width:99%; }
.encolumnado div.x3, .encolumnado div.x4, .conColi .encolumnado div.x4, .conCold .encolumnado div.x4 {width:49%; }
.encolumnado div.x5, .conColi .encolumnado div.x5, .conCold .encolumnado div.x5 {width:32.33%; }
.encolumnado2 div.x2, .encolumnado2 div.x6, .encolumnado2 div.x7 {width:99%; }
.encolumnado2 div.x3, .encolumnado2 div.x4, .conColi .encolumnado2 div.x4, .conCold .encolumnado2 div.x4 {width:49%; }
.encolumnado2 div.x5, .conColi .encolumnado2 div.x5, .conCold .encolumnado2 div.x5 {width:32.33%; }
.x1 .foto, .x1 .video {float:none; width:100%; margin-right:0; margin-bottom:10px;padding-top: 62%;}

/* GALE ZOOM *******************************************/
.div_zoom    {width:50%;}
}

@media screen and (max-width: 480px) {
body	{font-size:.9em !important}
#top    	{min-height:7em;}
#logo img, .top_logo 	{max-width:70%; height:auto; margin-top:20px;}

/* MENU *******************************************/
#menu   		{display:block;}
#botoneraTop, #botoneraTop2  	{position:absolute; left:auto; right:0px; background:transparent !important; border:none !important; box-shadow:none !important; bottom:auto; top:36px; overflow: hidden;display:none; max-width: none !important; width: auto !important; min-width: 200px;}
#divBotones    	{right:-400px; bottom:auto !important; padding:0 !important; background:rgba(0,0,0, .8); margin-left: 0px !important; position: relative !important;}
#nav {padding: 5px 0 !important;}
#nav .boton, #nav .botaudio {display:block; width:100% !important; margin:0 !important;}
#nav .botonTitulo a {padding: 5px 15px !important; margin: 0 !important; border-radius:0 !important;}
#nav a:link, #nav a:visited, #nav #mapaBoton {color: #ffffff !important; background:transparent;}
#nav a:hover, #nav a:active {color: inherit !important; background: inherit;}
#nav .subBoton {position: relative !important;}

#web, .logo_txt, #toptxt 	{width:90%}
#cuerpo #info #datosContacto	{position:relative; width:100%; margin:0 0 1%; border:1px dashed red; float:none}
#cuerpo #info img, #cuerpo #ihomes img	{max-width:100% !important; height:auto !important; max-height: inherit !important; margin:10px 0 !important;}
#formulario			{width:100%;}
.redestop {right:64px;}
#red_api {display:none;}

form label, #libroForm label					{float:none; text-align:left; width:100%;}
form input, form textarea, form select 	{float:none;}
input.px, form div.px, #libroForm input.px		{width:90%;}
textarea.px, #libroForm textarea.px  				{width:90%; height:100px;}
input.boton					{width:90%;}

/* COLUMNAS MODULOS *******************************************/
.encolumnado div.x3, .encolumnado div.x4, .encolumnado div.x3 + div.x4, .encolumnado div.x5, .conColi .encolumnado div.x4, .conCold .encolumnado div.x4, .conColi .encolumnado div.x5, .conCold .encolumnado div.x5 {width:49%;}

/* GALE ZOOM *******************************************/
.div_zoom    {width:100%;}

/* buscadores */
#buscador, #buscadornov {width:100%; float:none;}
#barra input.px {width:50% !important;}
#barra input.boton {width: 35%;}
#barra select {width:100%;}
#categorias, #categoriasnov {float: none; margin-top:2%;}

/* multicolumnas */
.multicolx2, .multicolx3 {
column-count:1; -webkit-column-count:1; -moz-column-count:1; -o-column-count:1;
column-gap:0; -webkit-column-gap:0; -moz-column-gap: 0; -o-column-gap:0; /*Espacio entre columnas*/
column-rule:none; -webkit-column-rule:none; -moz-column-rule:none; -o-column-rule:none; /*Agrega una barra solida de color*/
}
}

@media screen and (max-width: 360px) {
#top    	{min-height:5em;}
/* MENU *******************************************/
#botoneraTop, #botoneraTop2 {min-width:0;}
#cuerpo #info img, #cuerpo #ihomes img	{width:95% !important; float: none;}

/* COLUMNAS MODULOS *******************************************/
.encolumnado div.x2, .encolumnado div.x3, .encolumnado div.x4, .encolumnado div.x3 + div.x4, .encolumnado div.x5, .encolumnado div.x6, .encolumnado div.x7, .conColi .encolumnado div.x4, .conCold .encolumnado div.x4, .conColi .encolumnado div.x5, .conCold .encolumnado div.x5, .conColi .encolumnado div.x6, .conCold .encolumnado div.x6, .conColi .encolumnado div.x7, .conCold .encolumnado div.x7 {width:99%;}
.encolumnado2 div.x2, .encolumnado2 div.x3, .encolumnado2 div.x4, .encolumnado2 div.x3 + div.x4, .encolumnado2 div.x5, .encolumnado2 div.x6, .encolumnado2 div.x7, .conColi .encolumnado2 div.x4, .conCold .encolumnado2 div.x4, .conColi .encolumnado2 div.x5, .conCold .encolumnado2 div.x5, .conColi .encolumnado2 div.x6, .conCold .encolumnado2 div.x6, .conColi .encolumnado2 div.x7, .conCold .encolumnado2 div.x7 {width:99%;}
.x7 .foto, .x7 .video {float: none; margin-bottom: 0; padding-top: 90px;}

}