/* HOJA DE ESTILO DE LA PAGINA ACODECO
MODIFICADA: RAINIER GONZALEZ
FECHA: 2014-02-10
*/

/* ================================================================ */
/* 1.	CONTENIDO PRINCIPAL DE LA WEB. */
/* ================================================================ */

input[type=text] {
width: 200px;
padding: 8px 8px;
margin: 4px 0;
box-sizing: border-box;
font-size: 16px;}

select { 
box-sizing: border-box;
padding: 8px 8px;
font-family: arial, sans-serif; 
margin: 4px 0;
width: 200px;
font-size: 16px;}

button {
background-color: #FFBF00;
border: none;
/*color: white;*/
margin: 4px 0;
padding: 9px 28px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 14px;}


@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu'), url(letra1.woff) format('woff');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: local('Ubuntu Medium'), url(letra2.woff) format('woff');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: local('Ubuntu Bold'), url(letra3.woff) format('woff');
}


	* { margin: 0; padding: 0; outline: 0; }
	body, html { height: 100%; }

/* PARA CONFIGURAR EL FONDO, COLOR, LETRAS, IMAGENES */

	body 
	{
		font-size: 12px;
		line-height: 22px;
		font-family: arial, sans-serif;
		/*color: #000000; */
		/*background: url(../images/patria.png) no-repeat fixed center;  	*/
		/*background: url(../imagenes/fondo1.png) no-repeat fixed center;  	*/
		min-width: 100%;
		-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
		
	}
		
	
	
	html {
	height: 100%; 
		}
		
	/*font-family: 'Ubuntu', sans-serif;*/
	a { color: #0252aa; text-decoration: none; cursor: pointer; }
	a:hover { text-decoration: underline; }
	a img { border: 0; }
	/*a.more { color: #00ABAB; text-decoration: underline; padding-left: 11px; background: url(images/arr-ico.png) no-repeat 0 5px; }*/
	a.more { color: #1D3873; text-decoration: underline; padding-left: 11px;  }
	a.more:hover { text-decoration: none;  }
	input, textarea { font-size: 12px; font-family: arial, sans-serif; }
	textarea { overflow: auto; }
	
	.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both;}
	.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
	.left, .alignleft { float: left; display: inline; }
	.right, .alignright { float: right; display: inline; }
	article, aside, details, footer, header, menu, nav, section , { display: block; }

/* ================================================================ */
/* 2.	CONTENIDO PARA CUANDO ES PANTALLA DE PC (MAS DE 989 PX) */
/* ================================================================ */

/* INDICADOR DE TAMA�O MINIMO DE PANTALLA */
	.control_tablero { width: 990px; margin: 50 auto; }
	#qr {
	float:right;
	padding-top: 525px;
	width: 0px;
	height: 0px;
	position: fixed;
	right:250px}	
	
	#tablero_hora {
	float:right;
	border-radius: 25px;
	padding: 30px;
	width: 200px;
	height: 50px;
	position: fixed;
	right:20px}
	
	.shell { width: 990px; margin: 0 auto; }
	.container 	{ 
	background: #fff; }
	
	.link_pc { background: none; }
		
	.link_movil { display: none; }
	
/* 2.1 ENCABEZADO DEL SITIO WEB. */
#header 
	{height: 100px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;}
	
    
/* 2.2 DETALLES DEL LOGO. */	
#logo 
	{float: left;
	font-size: 0;
	line-height: 0;
	z-index:3;}
	
#logo a {height: 100px;
	display: block;
	background: url(../imagenes/logo.png) no-repeat 0 0;
	text-indent: -1000px;}
	
#logo2 
	{width: 100%;
	float: left;
	font-size: 0;
	line-height: 0;
	z-index:3;}
	
#logo2 a {
	height: 100px;
	display: block;
	background: url(../imagenes/banner2019.png) no-repeat 0 0;  										/*BANNER OFICIAL 2019*/
	/*background: url(../imagenes/banner_Dic2019.png) no-repeat 0 0;  										/*BANNER NOV 2019*/	
	/*background: url(../imagenes/bannerNov2019.png) no-repeat 0 0;  										/*BANNER NOV 2019*/	
	/*background: url(../imagenes/bannerbolsas2019.png) no-repeat 0 0;  	*/									/*BOLSAS LEY 1*/	
	/*background: url(../imagenes/bannerverano2019.png) no-repeat 0 0;  */										/*VERANO 2019*/
	/*background: url(../imagenes/bannerJmJ2019.png) no-repeat 0 0; 	*/									  /*JMJ*/
	/*background: url(../imagenes/logo-dic2018.png) no-repeat 0 0; 										  /*NAVIDAD*/
	/*background: url(../imagenes/logo-nov18-2-2.png) no-repeat 0 0;	*/								  /*MES DE LA PATRIA*/
	/*background: url(../imagenes/logo-cinta.png) no-repeat 0 0;                                      /*CINTA ROSADA Y CELESTE*/
	/*background: url(../imagenes/logo2.png) no-repeat 0 0;        */                                /*BANNER ORIGINAL*/
	text-indent: -1000px;
	width: 100%;
	top: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;	}

#logo3 a {    
	height: 100px;
	display: block;
	background: url(../imagenes/logo-dic2018.png) no-repeat 0 0;
	text-indent: -1000px;
	width: 688PX;
	position:fixed;
	top: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;	}


	
#logo1 a {
	height: 100px;
	display: block;
	background: url(../imagenes/logo1.png) no-repeat 0 0;
	text-indent: -1000px;
	width: 100%;
	position:fixed;
	top: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;}
	

a.back-to-top {
	display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #CCCCCC url("../imagenes/up-arrow.png") no-repeat center 43%;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;}


	.usuario { 
	float: center;
	position:absolute;
	z-index:2; 
	width: auto; 
	height: auto; 
	margin-left: 155px;
	margin-top: 80px; } 
	
/*TWITTER Style*/        
img,a {border:0;}
#on {visibility:visible;}
#off {visibility:hidden;}
#twitter_div {
width:246px;
height:353px;
overflow:hidden;
margin:1px 0 0 0px;}

#twitter_div1{
width:246px;
height:390px;
overflow:hidden;
margin:1px 0 0 0px;}

#twitter_right {
z-index:10004;
border:2px solid #6CC5FF;
background-color:#6CC5FF;
width:246px;
height:260px;
position:fixed;
right:-250px;}

#twitter_right1 {
z-index:10004;
border:2px solid #6CC5FF;
background-color:#6CC5FF;
width:246px;
height:400px;
position:fixed;
right:0px;}

#twitter_right_img {
position:absolute;
top:-2px;
left:-35px;
border:0;}

#twitter_left {
z-index:10004;
border:2px solid #6CC5FF;
background-color:#6CC5FF;
width:246px;
height:353px;
position:fixed;
left:-250px;}

#twitter_left_img {
position:absolute;
top:-2px;
right:-35px;
border:0;}

.buscador_google { 
	 position:absolute; 
	float: left; 
	z-index:5000; 	
	width: 300px; 
	height: 10px; 
	padding-top: 200px; 
	margin-left: 680px;}
	
.buscador_google2 {
	float: left;
	font-size: 0;
	line-height: 10px;
	z-index:10;}
	
.buscador_google h1 { 
	text-align:center; 
	font-size: 24px; 
	font-family: verdana, arial, helvetica, serif; }	
	
.buscador_google input.field { 
		border: 1px solid #d6d6d6; 
		background: #ededed; 
		width: 166px; 
		height: 24px; 
		line-height: 22px;  
		padding: 0px 20px; 
		float: left; 
		font-size: 11px; 
		font-family: verdana, arial, helvetica, serif;  
		color: #bebebe;  
		border-radius: 5px; 
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px; 
		-o-border-radius: 5px;}
		
.buscador_google input.search-btn { 
		width: 22px; 
		height: 26px; 
		margin-left: 3px;  
		border: 0; 
		cursor: pointer; 
		background: url(images/search-btn.png) no-repeat 0 0; 	
		float: left; 
		font-size: 0; 
		line-height: 0; 
		text-indent: -4000px; }
		
/* 2.4 CALCULADORA DE . */
	.searchx { 
	float: left; 
	padding-top: 0px;}

	.searchx input.fieldx { 
	border: 1px solid #d6d6d6; 
	background: #ededed; 
	width: 166px; 
	height: 24px; 
	line-height: 22px;  
	padding: 0px 00px; 
	float: left; font-size: 
	11px; font-family: 
	verdana, arial, 
	helvetica, serif;  
	color: #bebebe;  
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-o-border-radius: 5px;}

	.searchx input.search-btnx { 
	width: 22px; 
	height: 26px; 
	margin-left: 3px;  
	border: 0; 
	cursor: pointer; 
	background: url(images/search-btn.png) no-repeat 0 0; 	
	float: left; 
	font-size: 0; 
	line-height: 0; 
	text-indent: -4000px; }

	.searchx h1 { 
	text-align:center; 
	font-size: 11px; 
	font-family: verdana, arial, helvetica, serif;  
	color: #bebebe; }
	
/* 2.5 MENU PRINCIPAL DE LA WEB. (EL DE ARRIBA HORIZONTAL). */
#navigation {   
	height: 30px; 
	padding-top: 4px; 
	font-family: 'Ubuntu', sans-serif; 
	font-weight: 500; 
	background: url(images/navigation.png) repeat-x 0 0; 
	box-shadow: 0px -1px 2px rgba(0,0,0,0.1); 
	-moz-box-shadow: 0px -1px 2px rgba(0,0,0,0.1); 
	-webkit-box-shadow: 0px -1px 2px rgba(0,0,0,0.1); 
	-o-box-shadow: 0px -1px 2px rgba(0,0,0,0.1); } 

#navigation ul { 
	list-style: none; 
	list-style-position: outside; }

#navigation ul li { 
	float: left; 
	padding-right: 1px; 
	line-height: 30px; 
	background: url(images/nav-border.png) no-repeat right 0;  
	font-size: 11px; 
	text-transform: uppercase; } 
	
#navigation ul li a { 
	display: block; 
	padding: 0 10px 0 10px; 
	color: #fff; }
	
#navigation ul li a:hover,
#navigation ul li.active a  { 
			text-decoration: none; 
			color: #ff6600;}
			
#navigation ul li.first a { 
			padding-left: 5px;}
			
#navigation a.nav-btn { 
		display: none; }

.box{
    display: none;
    width: 100%;}

a:hover + .box,.box:hover{
    display: block;
    position: relative;
    z-index: 100;}                

/* 2.6 SLIDER DE LA PAGINA PRINCIPAL (LOS FLOTANTES). */
	.slider-holder { position: relative; 
					z-index: 5; }
					
	.slider-holder span.slider-b { 
					background: url(images/slider-bottom.png) no-repeat 0 0;  
					width: 990px; 
					height: 30px; 
					position: absolute; 
					bottom: 0px; left: 0px; z-index: 100;}
					
	.slider-holder span.slider-shadow { 
					background: url(images/slider-shadow.png) no-repeat 0 0;  
					width: 990px; height: 13px; 
					position: absolute; 
					top: 0px; left: 0px; z-index: 100; 
					display: block; }
					
	.slider { 
					width: 990px;  
					height: 370px; 
					position: relative;  
					background: url(images/slide-img.png) no-repeat 0 0;}
					
	.slider ul.slides { list-style: none; 
					list-style-position: outside; }
					
	.slider ul.slides li { 		width: 990px; 
					height: 370px; float: left; 
					position: relative; 
					overflow: hidden; }
					
	.slider ul.slides li .img-holder { width: 990px;
					height: 370px; 
					position: absolute; 
					bottom: 0px;
					right: 0px; }
					
	.slider ul.slides li .img-holder img { 
					width: 990px; 
					height: 370px; }
					
	.slider ul.slides li .slide-cnt { 
					width: 320px; 
					padding: 33px 0 0 34px; 
					position: absolute; 
					left: 0; 
					top: 20px; }
					
	.slider ul.slides li .slide-cnt h2 { 
					font-size: 44px; 
					line-height: 44px; 
					padding-bottom: 16px; 
					color: #fff; 
					text-shadow: rgba(0,0,0,0.4) 0px 1px 2px; 
					font-family: 'Ubuntu', sans-serif; 
					font-weight: 700; }
					
	.slider ul.slides li .slide-cnt p { 
					color: #fff; font-size: 14px;
                                        text-shadow: rgba(0,0,0,0.4) 0px 1px 2px;
					padding-bottom: 22px; }
					
	.slider ul.slides li .slide-cnt a.grey-btn { 
					background: url(images/grey-btn.png) no-repeat 0 0; 
					width: 186px; 
					height: 45px; 
					text-align: center; 
					line-height: 40px; 
					display: block; 
					font-weight: bold; 
					font-size: 18px;  
					color: #636363; 
					text-shadow: rgba(255,255,255,0.4) 0px 1px 0px; }
					
	.slider ul.slides li .slide-cnt a.grey-btn:hover { 
					background-position: 0 -47px; 
					text-decoration: none; }
					
	.flex-control-nav { left: 480px; }
	
/* BARRA INICIO- BUSCADOR. */		
	
#top_nav_mnu
	{
		/*color: #666666; float:right; padding-right: 0px; margin-right:10px; margin-top:0px; margin-bottom:8px;*/
	}
		#top_nav_mnu ul { list-style-type:none; }
		#top_nav_mnu li { display:inline; font-size:11px; padding-right: 7px; }
		/*#top_nav_mnu li a { color: #666666; text-decoration: none; padding: 1px 20px 2px 0px; 
		}
		#top_nav_mnu li a:hover { text-decoration: underline; }
		#top_nav_mnu li a.in { background-position: right 0px; }
		#top_nav_mnu li a.bs { background-position: right -52px; }*/
	

/* BARRA INICIO- BUSCADOR. */	
	
	
	
	
	


/* 2.7	CONTENIDO GENERALES DE LA PAGINA INICIO. */
.main a.m-btn-grey { display: none; }

/* ESPACIADOR SOLO PARA LA PANTALLA COMPLETA DIVIDE LOS DETALLES DE LOS SLIDERS */
.espaciador { 
	padding: 30px 0px 0px;  
	background: url(images/espaciador.png) repeat-x 0 0; 
      }

.main { 
	padding: 10px 0px 0px;  
	background: url(images/main.png) repeat-x 0 0; 
      }
      
.main h2 { 
	font-size: 18px; 
	color: #073159; /*antes #ff6600*/
	line-height: 22px; 
	padding-bottom: 10px; 
	font-family: 'Ubuntu', sans-serif; 
	font-weight: 500; 
	}
	
.main h3 {
	font-size: 18px; 
	color: #5e5e5e; 
	line-height: 22px; 
	padding-bottom: 8px; 
	font-family: 'Ubuntu', sans-serif; 
	font-weight: 500;  
	}
	
.main section { clear: both; 
	padding: 0 20px 60px; }
	
.main ul { list-style: none; 
	list-style-position: outside; }
	
.main ul li a { color: #ff6600;  } 

.main ul li a:hover { text-decoration: none; } 

.main .cols { padding-left: 0; 
			padding-right: 0; }
			
.main .cols .col { width: 314px; 
				float: left; }
				
.main .cols .col:after { content:''; 
						width: 100%; 
						clear: both; }
						
.main .cols .col + .col { padding-left: 20px; }

.main .cols .col img { float: left; 
					width: 129px; 
					height: 108px;}
					
.main .cols .col-cnt { width: 183px; 
					float: right;}
					
.main .post  { background: url(images/cols-shadow.png) no-repeat 0 bottom; 
			padding-top: 28px; 
			padding-left: 40px;}
			
.main .post .video-holder { width: 435px; 
						height: 245px; float: left; 
						margin-right: 20px; }
						
.main .post h2 { padding-bottom: 15px; }

.main .post p { padding-bottom: 8px; }

.main .post p strong { display: block; }

.main .post-cnt {  float: right; 
				width: 475px; }
				
.main .post-cnt  h4{  font-size: 22px; 
			color: #ff6600; 
			line-height: 22px; 
			padding-bottom: 8px; 
			font-family: 'Ubuntu', sans-serif; 
			font-weight: 500;}
			
.main .testimonial { padding-top: 20px; 
			padding-bottom: 20px;  
			text-align: center; 
			background: transparent;}
			
.main .testimonial strong.quote { font-size: 28px; 
			font-family: georgia ,arial, helvetica, serif; 
			position: relative; 
			top: 10px; 
			left: -6px; }

/* 2.8.	CONTENIDO DE LAS SUB-PAGINAS. */
.main.postxz   { 
		background: url(images/cols-shadow.png) no-repeat 0 bottom; 
		padding-top: 18px;  width: auto; height: auto;  
		}

.main .postx   { 
		margin-left: 160px;  
		align: right;  
		background: url(images/cols-shadow.png) no-repeat 0 bottom; 
		padding-top: 18px;  
		width: 800px;}
		
.main .postx .video-holderx { 
		width: 300px; 
		height: 170px; 
		float: left; 
		margin-left: 0px;}
		
.main .post_simulador  { margin-left: 160px;  
		align: right;   
		padding-top: 18px;  
		width: 800px;}
		
.main .post_simulador .video-holderx { width: 300px; 
		height: 170px; 
		float: left; 
		margin-left: 0px;}

.main .post-cntx { padding-left: 0px; 
		float: right; 
		width: 475px; 
		padding-right: 0px;}
		
.main .post_reglamento{ padding: 10px 0px 0px;   
		padding-left: 0px; 
		float: right; 
		width: 100%; 
		height: 400px; 
		padding-right: 0px; 
		overflow-y: scroll; 
		border-width: 1px;
		border-style:outset;}
		
.main .post_preguntas{ padding-left: 0px; 
		float: right; 
		width: 100%; height: auto; 
		padding-right: 0px;}

.main .postx .promociones_arte {
		width: 400px; 
		height: 210px; 
		float: left; 
		margin-left: 0px;
		}
		
.main .promociones { padding-left: 0px; 
		float: right; 
		width: 375px; 
		padding-right: 0px;}

.detalle_factura { 
						padding-left: 0px; 
						float: left; 
						width: 99%; 
						padding-right: 0px;
						border-width: 1px; 
						border-color: #660033; 
						background-color: #cc3366; 
						 padding: 2px; 
						margin-top: 0px;}
					
		.main .perfil { 
						padding-left: 0px; 
						float: left; 
						width: 95%; 
						padding-right: 0px;
						border-style: dotted; 
						border-width: 1px; 
						border-color: #660033; 
						background-color: #cc3366; 
						padding: 10px;
						margin-top: 10px;

						/*para Firefox*/
						-moz-border-radius: 15px 15px 15px 15px;
						/*para Safari y Chrome*/
						-webkit-border-radius: 15px 15px 15px 15px;
						/* para Opera */
						border-radius: 15px 15px 15px 15px;
						/* para IE */
						behavior:url(border.htc);
					}
.perfil h1 { 
	font-size: 16px; 
	color: #ff6600; 
	line-height: 10px; 
	padding-bottom: 9px; 
	font-family: 'Ubuntu', sans-serif; 
	font-weight: 500; 
	}
	
.perfil h2 {
font-size: 14px; 
color: #00ABAB; 
line-height: 8px; 
padding-bottom: 6px; 
font-family: 'Ubuntu', sans-serif; 
font-weight: 600; 
}  
	
.main .postx .propagandas_arte { 
		width: 375px; 
		height: 200px; 
		float: left; 
		margin-left: 0px; 
		margin-top: 2px;
		  }
		
.main .postx .propagandas_arte2 { width: 375px; 
		height: 200px; 
		float: right; 
		margin-left: 0px; 
		margin-top: 2px;}

.main .postx .mapa { width: 700px; 
		height: 280px; 
		float: center; 
		margin-left: 0px; 
		margin-top: 2px;}
		
.main .postx .sucursales { width: 345px; 
		height: 150px; 
		float: left; 
		margin-left: 0px; 
		margin-top: 4px; 
		border-style:solid;}

.encabezado_historial { 
		position:relative; 
		left:0px; 
		top:0px;   
		width: auto; 
		height: auto; 
		margin-left: 155px;

		}

		
.encabezado_secundario { 
		position:relative; 
		left:0px; 
		top:0px;   
		width: 600px; 
		height: 10px; 
		margin-left: 180px;
		/* border-style:double; */
		}
  
	.main h6 {
	font-size: 18px; 
	color: #1C3E79;  /* color anterior #00ABAB*/
	line-height: 22px; 
	padding-bottom: 10px; 
	font-family: 'Ubuntu', sans-serif; 
	font-weight: 500; 
	}  

.main h5 {
		
		/* text-decoration: underline; */
		font-size: 10px; 
		color: #ff6600; 
		line-height: 22px; 
		padding-bottom: auto; 
		font-family: 'Ubuntu', sans-serif; 
		font-weight: 200; 
		text-align: left;
		font-style: italic;	}

/*PARA LOS TITULOS DE LAS PAGINAS SECUNDARIAS */
.main h4 {
		font-size: 20px; 
		color: #ff6600; 
		line-height: 22px; 
		padding-bottom: 8px; 
		font-family: 'Ubuntu', sans-serif; 
		font-weight: 200; 
		text-align: center;}
	     

/* Menu lateral */
.main .menu_lateral{
	width: 140px;
	height: auto;
	float: left;}
	
	.decoracion{
	border-bottom-style: dotted; border-bottom-width: 1px; height: 20px; padding: 10px 0px 0px;  
	/* ESTA PARTE SE TIENE QUE CENTREAR SEGUN CAMBIO DE REUNION CON DANIEL */
}

/* 2.9.	MENU DE ACORDEON PARA LAS PREGUNTAS FRECUENTES. */
.menu_acordeon{ padding:0;
	list-style:none;
	width:99%;
	font-size:14px;
	border-width: 1px;
	border-style:outset;}

.menu_acordeon li a{
	display: block;
	border-bottom: 1px solid rgba(0,0,0, 0.2);
	border-top: 1px solid rgba(255,255,255, 0.2);
	text-decoration:none;
	color:#FFF;
	text-shadow: 1px 0px 1px rgba(0,0,0,0.2);
	filter: dropshadow(color=#000, offx=1, offy=0);
	padding:10px;
	padding-left:20px;}

.menu_acordeon li ul li a{
	font-size:14px;
	color:#47689d;
	text-shadow: 1px 0px 1px rgba(255,255,255,0.5);	}

.menu_acordeon li a:hover{
	background:#A9F5F2;
	-moz-transition: background 0.3s ease-in;
	-webkit-transition: background 0.3s ease-in;
	-o-transition: background 0.3s ease-in;}

.menu_acordeon ul{
	margin:0;
	padding:0;
	list-style:none;
	height:0;
	overflow: hidden;
	transition:1s;
	-moz-transition:1s;
	-webkit-transition:1s;}

.menu_acordeon li:hover ul{
	height:120px;
	overflow-y:auto;
	overflow-x:hidden;}

.menu_acordeon ul li a{ background:#fafafa; }

.menu_acordeon ul li a:hover {
	background: none repeat scroll 0 0 #ccc;
	color: #fff;
	-moz-transition: color 0.4s ease;
	-webkit-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;}

/* 2.10. AGRADECIMIENTO (PARTE PLANTILLA) */
	.testimonial h2 { padding-bottom: 12px; }
	.testimonial p { padding-bottom: 6px; }
	.testimonial p.author { text-align: right; }
	
	
/* 2.12.	PIE DE P�GINA. (PARTE PLANTILLA). */
	/* #footer { background: url(images/footer-cols.png) repeat 0 0; }*/
	
	#footer h2 { font-size: 18px; 
		color:#000000; 
		font-family: 'Ubuntu', sans-serif; 
		font-weight: 400; 
		padding-bottom: 5px; }
		
	.footer-cols { padding: 10px 24px; 
		background: url(images/footer-lights.png) no-repeat center 0px;}
		
	.footer-cols .col { float: left; 
		width: 195px; }
		
	.footer-cols .col + .col { padding-left: 54px; }
	
	.footer-cols .col ul { list-style: none; 
		list-style-position: outside; }
		
	.footer-cols .col ul li { color: #9B9B9B; 
		font-size: 12px;  
		padding-bottom: 0px; 
		background: url(images/arr-footer-col.png) no-repeat 0 8px; 
		padding-left: 9px; }
				
	.footer-cols .col ul li a { color: #4a4949; }    /* #737373  AQUI SE CAMBIA EL COLOR DE LETRA DEL FOOTER - ANTES -- #000000*/
	
	.footer-bottom { background: url(images/footer-bottom.png) repeat 0 0; 
		height: 18px; padding-top: 24px; 
		padding: 14px 20px 0; 
		border-top: 1px solid #262c2c; }
		
	.footer-bottom .footer-nav { float: left; 
		line-height: 11px; }
		
	.footer-bottom .footer-nav ul { list-style: none; 
		ist-style-position: outside; }
		
	.footer-bottom .footer-nav ul li { display: inline;  
		font-size: 11px; 
		color: #9e9e9e; 
		border-left: 1px solid #1a1f20; 
		padding: 0 11px; }

	.footer-bottom .footer-nav ul li.first { padding-left: 0; border: 0;  }
	
	.footer-bottom .footer-nav ul li a { color: #5f6261; }
	
	.footer-bottom .footer-nav ul li a:hover,
	
	.footer-bottom .footer-nav ul li.active a { color: #9e9e9e; 
		text-decoration: underline; }
	
	.footer-bottom p.copy { float: right; 
		line-height: 11px; 
		font-size: 11px; 
		color: #5f6261; }
	
	.footer-bottom p.copy span { padding: 0  11px;  }
	
	.footer-bottom p.copy a { color: #9C6513; 
		text-decoration: underline; }
	
	.footer-bottom p.copy a:hover { text-decoration: none; }
	
	.footer-bottom p.copy strong { font-weight: normal; }
	

	
	
	
	
	
	
	
	
	
/******************* SISTEMA PRINCIPAL DE DENUNCIAS Y QUEJAS *******************/	

.caja_principal 
{
	text-align: center;
	position: center; /*
	border-style: dotted; 
	border-width: 1px; 
	border-color: #660033; */
	height: auto;
	padding: 10px;
	margin-top: 20px;
	/*para Firefox*/
	-moz-border-radius: 15px 15px 15px 15px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 15px 15px 15px 15px;
	/* para Opera */
	border-radius: 15px 15px 15px 15px;
	/* para IE */
	behavior:url(border.htc);

	position: center; 
	width:98%;
}




.caja_login 
{
	text-align: left;
	display: inline-block;
	position: center; 
	border-style: dotted; 
	border-width: 1px; 
	border-color: #660033; 
	height: auto;
	padding: 10px;
	margin-top: 20px;
	/*para Firefox*/
	-moz-border-radius: 15px 15px 15px 15px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 15px 15px 15px 15px;
	/* para Opera */
	border-radius: 15px 15px 15px 15px;
	/* para IE */
	behavior:url(border.htc);

	position: center; 
	width:50%;
}

.caja_login input, .caja_login textarea { 
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius:2px;
	font-size: 18px;
	color: #140718;
	-moz-transition: padding .10s; 
	-webkit-transition: padding .10s; 
	-o-transition: padding .10s;
	transition: padding .10s;
	height:40px; 
	margin-top: 5px;
	width:85%;
}


.caja_login button {
background-color: #FFBF00;
border: none;
/*color: white;*/
margin: 4px 0;
padding: 9px 28px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 14px;
float: right;
}





.caja_login_registrar {
float:left;
position: left; 
width:50%;
padding-top: 25px; 
border-width: 1px; 
border-color: #660033; 
background-color: #FFFFFF; 
height: auto;
padding: 2px;
}

.caja_login_registrar2{
float:right;
/* border-style:double; */
position:right; 
width:48%;
padding-top: 25px; 
border-width: 1px; 
border-color: #660033; 
background-color: #FFFFFF; 
height: auto;
padding: 2px;
}

.caja_login_registrar .caja_login_registrar1 {
float:right;
}
.caja_login_registrar h1 { 
	text-align:right; 
	font-size: 11px; 
	font-family: arial, sans-serif;
	color: #00ABAB; 
	}
	
	
.caja_login_interna0 {
float:left;
position:left; 
width:42%;
padding-top: 25px; 
border-width: 1px; 
border-color: #660033; 
background-color: #FFFFFF; /*#CC3366*/
height: auto;
padding: 10px;
}

.caja_login_interna0 .caja_login_interna0 {
float:right;
}
.caja_login_interna0 h1 { 
text-align:right; 
font-size: 11px; 
font-family: arial, sans-serif;
color: #00ABAB; 
}
	
	.caja_login_interna1 {
float:left;
position:left; 
width:42%;
padding-top: 25px; 
border-width: 1px; 
border-color: #660033; 
background-color: #FFFFFF; 
height: auto;
padding: 10px;
}

.caja_login_interna1 .caja_login_interna2 {
float:right;
}
.caja_login_interna1 h1 { 
text-align:right; 
font-size: 11px; 
font-family: arial, sans-serif;
color: #00ABAB; 
}
	
	
	
.FORMULARIO_AFILIATE {
float:left;
position:left; 
width:80%;
padding-top: 25px; 
border-width: 1px; 
border-color: #660033; 
background-color: #cc3366; 
height: auto;
padding: 10px;
}


.FORMULARIO_AFILIATE h1 { 
text-align:right; 
font-size: 11px; 
font-family: arial, sans-serif;
color: #00ABAB; 
}
	
.FORMULARIO_AFILIATE h2 { 
text-align:left; 
padding-bottom: 0px; 
font-size: 18px; 
font-family: 'Ubuntu', sans-serif; 
font-weight: 500; 
color: #ff6600; 
}

.FORMULARIO_AFILIATE  li{
	padding:5px; 
	border-bottom:1px solid #eee;
	position:relative;
	} 

.FORMULARIO_AFILIATE ul li a:hover { text-decoration: none; } 	


.FORMULARIO_AFILIATE label {
    color: #555555;
    display: inline-block; 
    float: left;
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    width: 100%;
}


.FORMULARIO_AFILIATE input, .FORMULARIO_AFILIATE textarea { 
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius:2px;
	font-size: 12px;
	color: #140718;
	-moz-transition: padding .10s; 
	-webkit-transition: padding .10s; 
	-o-transition: padding .10s;
	transition: padding .10s;
	height:20px; 
	margin-top: 5px;
	width:50%;
}

.FORMULARIO_AFILIATE input[type=radio]  { 
	color: #140718;
	height:20px; 
	width:20px; 
	margin-top: 5px;
		border:0px solid #aaa;
	box-shadow: 0px 0px 0px #ccc, 0 0px 0px #eee inset;
	border-radius:0px;
 font-size: 11px; 
	-moz-transition: padding .10s; 
	-webkit-transition: padding .10s; 
	-o-transition: padding .10s;
	transition: padding .10s;
	
}

.FORMULARIO_AFILIATE .caja_login_interna2 {
float:right;
}
.caja_login_titulo {
font-family: arial, sans-serif;
font-weight: 500; 
background: url(images/navigation.png) repeat-x 0 0;
font-size: 14px; 
color: #FFFFFF;
width: 100%;
padding-top: 0px; 
padding-left: 5px; 
height: auto;
padding: auto;

}


.caja_contendio {
font-family: arial, sans-serif;
font-weight: 500; 
font-size: 12px; 
color: #000000;
width: 100%;
padding-top: 0px; 
height: auto;
padding: auto;
}

.caja_registrate {
border-style: dotted; 
border-width: 1px; 
border-color: #660033; 
background-color: #cc3366; 
height: auto;
width: auto;
padding: 10px;
margin-top: 10px;
font-size: 12px;

/*para Firefox*/
-moz-border-radius: 15px 15px 15px 15px;
/*para Safari y Chrome*/
-webkit-border-radius: 15px 15px 15px 15px;
/* para Opera */
border-radius: 15px 15px 15px 15px;
/* para IE */
behavior:url(border.htc);
}

.caja_afliate {
float:left;
width:80%;
padding-top: 10px; 
border-width: 1px; 
border-color: #660033; 
background-color: #cc3366; 
height: auto;
padding: 10px;
}

/* ============================================================================================================================ */
/* 3.	CONTENIDO PARA CUANDO ES TABLET, IPAD, ETC (768PX - 980 PX) */
/* ============================================================================================================================ */

	@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
	body { width: 768px; }
	.shell { width: 748px; }
	#navigation ul li a:hover { padding: 0 10px;  }
	#navigation ul li.first a:hover { padding-left: 26px; }


	
	/* 2.3 VERIFICADOR DE . */
	.buscador_google { 
	 position:absolute; 
	float: right; 
	z-index:5000; 
	
	width: 300px; 
	height: 10px; 
	padding-top: 42px;  
	/* border-style:double;*/
	margin-left: 460px;
	
	}

.buscador_google h1 { 
	text-align:center; 
	font-size: 24px; 
	font-family: verdana, arial, helvetica, serif;  
	/* color: #F8FBEF; */
	/* color: #bebebe; */
	}	
	
	
.buscador_google input.field { 
		border: 1px solid #d6d6d6; 
		background: #ededed; 
		width: 166px; 
		height: 24px; 
		line-height: 22px;  
		padding: 0px 20px; 
		float: left; font-size: 
		11px; font-family: 
		verdana, arial, 
		helvetica, serif;  
		color: #bebebe;  
		border-radius: 5px; 
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px; 
		-o-border-radius: 5px;
		}
		
.buscador_google input.search-btn { 
		width: 22px; 
		height: 26px; 
		margin-left: 3px;  
		border: 0; 
		cursor: pointer; 
		background: url(images/search-btn.png) no-repeat 0 0; 	
		float: left; 
		font-size: 0; 
		line-height: 0; 
		text-indent: -4000px;  
		}
	
/* 3.1.	CONTENIDO QUE  SE OCULTA. */
	.espaciador { display: none; }
	.socials { display: none; }
	.socials-inner { display: none; }
	.socials h3 { display: none; }
	.socials ul li { display: none; }
	.socials ul li a { display: none; }
	.socials ul li a span { display: none; }
	.menu_lateral { display: none; }
        twitter-timeline { display: none; }


/* 2.3 VERIFICADOR DE . */
.search { 
	float: right; 
		z-index:2; 
			position:absolute;
	width: auto; 
	height: auto; 
	/* padding-top: 25px; */
	/* border-style:double; */
	margin-left: 620px;
	margin-top: 0px; 	
	}
	
	
	#logo2 a { /*ANTES ERA LOGO*/
	height: 100px;
	display: block;
	/*background: url(../imagenes/logo_tabletNov2019.png) no-repeat 0 0;*/
	background: url(../imagenes/logo_tablet2.png) no-repeat 0 0;*/
	text-indent: -1000px;
	}
	
/* 3.2.	SLIDER DE LA PAGINA PRINCIPAL (LOS FLOTANTES) (PARTE PLANTILLA) */	
	.slider-holder { position: relative; }
	
	.slider-holder span.slider-b { background: url(images/t-slider-bottom.png) no-repeat 0 0;  width: 748px; height: 30px; position: absolute; bottom: -13px; left: 0px; z-index: 100;}
	
	.slider-holder span.slider-shadow { background: transparent; display: none;  }
	
	.flex-control-nav { left: 346px; }
	
	.slider { width: 748px; height: 292px; position: relative; background: url(images/t-slide-img.png) no-repeat 0 0;}
	
	.slider ul.slides { list-style: none; list-style-position: outside; }
	
	.slider ul.slides li { width: 748px  !important; height: 292px; float: left; position: relative; }
	
	.slider ul.slides li .img-holder { width: 748px; height: 292px; position: absolute; bottom: 0px; right: 0px; }
	
	.slider ul.slides li .img-holder img { width: 748px  !important; height: 292px  !important; }
	
	.slider ul.slides li .slide-cnt { width: 320px; padding: 0px 0 0 34px; }
	
	.slider ul.slides li .box-cnt { width: 285px; }
	
	.slider ul.slides li .slide-cnt h2 { font-size: 40px; line-height: 40px; padding-bottom: 16px; color: #fff; text-shadow: rgba(0,0,0,0.4) 0px 1px 2px; font-family: 'Ubuntu', sans-serif; font-weight: 700; }

/* 3.3.	CONTENIDO GENERALES DE LA P�GINA SECUNDARIA. */
	.main { padding: 15px 0 0 0;  }
	
	.main section {
            /*background: url(images/t-section-shadow.png) no-repeat center bottom; */
	padding-left: 20px; 
	padding-right: 20px;  }
	
	.main_secundario section {
	border-color: BLUE;
	border-style: solid; 
	float: RIGHT;
	width: AUTO;
	clear: both;
	/*background: url(images/section-shadow.png) no-repeat center bottom;*/
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;}
	
	.main .cols { margin: 0 0 0 0; padding-left: 30px; 
	padding-right: 22px;}
	
	.main .cols .col { width: 170px; }
	
	.main .cols .col img { float: none; 
	display: block; 
	margin: 0 auto;  }
	
	.main .cols .col + .col { padding-left: 66px; }
	
	.main .cols .col-cnt {text-align: center; }
	
	.main .testimonial { background: transparent; }
	
	.main .post { background: url(images/t-section-post.png) no-repeat center bottom; 
	padding-left: 20px ;  }
	
	.main .post .video-holder { width: 435px;
	height: 245px; 
	float: none; 
	display: block;  
	margin-right: 0px; 
	margin-bottom: 20px;  }
	
	.main .post-cnt { float: none; 
	display: block;  
	width: 100%; }
		
/* para los menus de adentro que tienen menu a la izquierda */
	.main .postx  {margin-left: 0px;  
	background: url(images/cols-shadow.png) no-repeat 0 bottom; 
	padding-top: 18px; 
	padding-left: 0px;  
	width: auto;}
	
	.main .post .video-holderx { width: 300px; 
	height: 170px; 
	float: none; 
	display: block;  
	margin-right: 0px; 
	margin-bottom: 20px; }

	.main .post-cntx {  padding-left: 0px; 
	float: left; 
	width: 100%;  
	padding-right: 0px;  }

	.main .postx .promociones_arte { width: 400px; 
	height: 200px;  
	float: none; display: block;  
	margin-right: 0px; 
	margin-bottom: 20px; }
	
	.main .promociones {  
	padding-left: 0px; 
	float: right; 
	width: 100%; 
	padding-right: 0px; }

	.main .postx .propagandas_arte2 { width: 375px; 
	height: 200px; 
	float: left;
	margin-left: 0px; 
	margin-top: 2px; }
	
	.encabezado_historial { 
		position:relative; 
		left:0 px; 
		top:0px;   
		width: auto; 
		height: auto; 
		margin-left: 0px;

		}
		
			img.historial{width: 624px; height: 69px;}
			
	.encabezado_secundario
	{ position:relative; 
	left:0px; 
	top:0px;   
	width: auto; 
	height: 10px; 
	margin-left: 20px; 
	}
	



/* 3.4.	PIE DE P�GINA. (PARTE PLANTILLA). */
	.footer-bottom { height: 58px; }
	
	.footer-cols { padding-left: 40px; }
	
	.footer-cols .col { width: 150px; }
	
	.footer-cols .col + .col { padding-left: 28px; }
	
	.footer-cols .col ul li { font-size: 12px; }
	
	.footer-bottom .footer-nav { float: none; 
	display: block; 
	text-align: center; 
	padding-bottom: 18px;  }
	
	.footer-bottom p.copy { float: none; 
	display: block; 
	text-align: center;  }
	

	
.FORMULARIO_AFILIATE {
float:left;
position:left; 
width:42%;
padding-top: 25px; 
border-width: 1px; 
border-color: #660033; 
background-color: #cc3366; 
height: auto;
padding: 10px;
}

.FORMULARIO_AFILIATE .caja_login_interna2 {
float:right;
}
.FORMULARIO_AFILIATE h1 { 
	text-align:right; 
	font-size: 14px; 
	font-family: arial, sans-serif;
	color: #00ABAB; 
	}
	


.caja_login_titulo {
font-family: arial, sans-serif;
font-weight: 500; 
background: url(images/navigation.png) repeat-x 0 0;
font-size: 14px; 
color: #FFFFFF;
width: 100%;
padding-top: 0px; 
padding-left: 5px; 
height: auto;
padding: auto;

}
	
	
	
	/* FIN DE CUANDO ES TABLET*/
	}
	


/* ================================================================ */
/* 4.	CONTENIDO PARA CUANDO CELULAR (MAXIMO 768PX) */
/* ================================================================ */

	@media only screen and ( max-width: 767px) {
	body { width: auto; }
	.shell { width: 320px; margin: 0 auto;  }
	
	
	
	
/* 4.1.	CONTENIDO QUE  SE OCULTA. */
	.search { display: none; }
	.espaciador { display: none; }
	.socials { display: none; }
	.socials-inner { display: none; }
	.socials h3 { display: none; }
	.socials ul li { display: none; }
	.socials ul li a { display: none; }
	.socials ul li a span { display: none; }
	.menu_lateral { display: none; }
	.link_pc { display: none; }
	.link_movil { display: block; }
	.encabezado_historial{ display: none; }
	.caja_login_registrar2 { display: none; }
	img.historial{ display: none; }
	.caja_login_interna0{ display: none; }
	.bodyback{ display: none; }
	.buscador_google2{ display: none; } /* ANTES ERA BUSCADOR_GOOGLE*/
	.FidchatCss { display: none; }

	
	.flexslider .flex-caption {display:none;}
    /*    #feedback { display: none; }*/
        #twitter_right { display: none; }
        #twitter { display: none; }
        
		
        
       input[type=text] {
width: 100%;
padding: 8px 8px;
margin: 4px 0;
box-sizing: border-box;
font-size: 16px;}

select { 
box-sizing: border-box;
padding: 8px 8px;
font-family: arial, sans-serif; 
margin: 4px 0;
width: 100%;
font-size: 16px;}

button {
background-color: #FFBF00;
border: none;
color: white;
margin: 4px 0;
padding: 9px 28px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;} 

     
        
	/* .usuario{ display: none; }*/
	
	.usuario { 
	float: center; 
	/*display: block;*/
	position:absolute;
	/* padding-top: 25px; */
	/* border-style:double; */
	z-index:2; 
	width: auto; 
	height: auto; 
	margin-left: 175px;
	margin-top: 66px; 	
	font-size: 16px; 
	color: #000000; 
	
	
	} 
	
	.search { 
	float: left; 
	/* padding-top: 25px; */
	/* border-style:double; */
	 margin-top: 24px;
	 margin-left: 164px;
	}

		.caja_login_interna1 {
float:left;
position:left; 
width:95%;
padding-top: 25px; 
border-width: 1px; 
border-color: #660033; 
background-color: #FFFFFF; 
height: auto;
padding: 10px;
}


.search h1 { 
	text-align:center; 
	font-size: 18px; 
	font-family: verdana, arial, helvetica, serif;  
	color: #000000; 
	/* color: #bebebe; */
	}	
	
			.FORMULARIO_AFILIATE {
			float:left;
			position:left; 
			width:95%;
			padding-top: 25px; 
			border-width: 1px; 
			border-color: #660033; 
			background-color: #FFFFFF; 
			height: auto;
			padding: 10px;
			}

			.FORMULARIO_AFILIATE .caja_login_interna2 {
			float:right;
			}
			.FORMULARIO_AFILIATE h1 { 
			text-align:right; 
			font-size: 11px; 
			font-family: arial, sans-serif;
			color: #00ABAB; 
			}
	
/* 4.2.	ENCABEZADO DEL SITIO WEB (PARTE PLANTILLA). */	
	#header { position: relative;  padding-left: 0; padding-right: 0;  }
	
/* 4.3.	DETALLES DEL LOGO (PARTE PLANTILLA). */

	#logo 
	{
	width: 318px;
	float: left;
	font-size: 0;
	line-height: 0;
	 border-style:none; 
	}
	
	
	
	
	#logo2 a { height: 98px;    /*ANTES ERA LOGO*/
	width: 318px;
	border-color: #660033; 
	display: block; 
	/*background: url(../imagenes/logo_movil2.png) no-repeat 0 0;  */
	/*background: url(../imagenes/logo_movilNov2019.png) no-repeat 0 0;  */
	background: url(../imagenes/logomovil2019.png) no-repeat 0 0;  
	text-indent: -1000px; } /* Esta parte se tiene que arreglar*/
	
	
	#logo2024 a { height: 98px;    /*ANTES ERA LOGO*/
	width: 318px;
	border-color: #660033; 
	display: block; 
	/*background: url(../imagenes/logo_movil2.png) no-repeat 0 0;  */
	/*background: url(../imagenes/logo_movilNov2019.png) no-repeat 0 0;  */
	background: url(../imagenes/logo2024_banner.png) no-repeat 0 0;  
	text-indent: -1000px; } /* Esta parte se tiene que arreglar*/
	
	
	
	
	
	
	

/* 4.4.	MENU PRINCIPAL DE LA WEB. (EL DE ARRIBA HORIZONTAL) (PARTE PLANTILLA). */
	#navigation { padding: 0 0 0 0; 
	height: 36px; }
	
	#navigation a.nav-btn { display: block; 
	font-size: 12px; 
	line-height: 36px;  
	padding-top: 0px; 
	height: 28px; 
	padding-left: 22px; 
	text-transform: uppercase; 
	color: #fff; font-size: 12px; 
	font-family: 'Ubuntu', sans-serif; 
	font-weight: 700; }
	
	#navigation a.nav-btn:hover { text-decoration: none; }
	
	#navigation a.nav-btn span.arr { background: url(images/nav-arr.png) no-repeat 0 0; 
	width: 13px; height: 9px; 
	position: absolute; 
	right: 14px; 
	top: 12px; }
	
	#navigation a.nav-btn span.arr.active { background: url(images/nav-arr.png) no-repeat 0 bottom; }
	
	#navigation { position: relative; 
	z-index: 4; }
	
	#navigation ul { display: none; 
	position: absolute; top: 36px; 
	left: 0;  
	width: 100%;}
	
	#navigation ul li { display: block; 
	line-height: 36px !important; 
	float: none; 
	background: url(images/navigation.png) repeat 0 0;  }
	
	#navigation ul li a { padding: 0 22px; }
	
	#navigation ul li.first a { padding-left: 26px; 
	display: none; }

/* 4.5.	SLIDER DE LA PAGINA PRINCIPAL (LOS FLOTANTES) (PARTE PLANTILLA). */	
	.m-slider { background: #f3f3f3;  }
	
	.slider-holder { position: relative; 
	margin: 0 auto; 
	width: 310px; }
	
	.slider-holder span.slider-b { background: url(images/m-slider-bottom.png) no-repeat 0 0; 
	width: 310px; 
	height: 12px; 
	position: absolute; 
	bottom: -3px; 
	left: 0px; 
	z-index: 5;}
	
	.slider-holder span.slider-shadow { background: 
	transparent; 
	display: none; }
	
	.flex-control-nav { left: 130px; }
	
	.slider { width: 310px; 
	height: 182px; overflow: 
	hidden; position: relative; 
	background: url(images/m-slide-img.png) no-repeat 0 0;}
	
	.slider ul.slides li { width: 310px !important; 
	height: 182px !important; 
	float: none; }
	
	.slider ul.slides li .img-holder { width: 310px  !important; 
	height: 182px  !important; 
	bottom: 0px !important; 

	}
	
	.slider ul.slides li .img-holder img {  width: 310px  !important; 
	height: 182px !important; }
	
	.slider ul.slides li .slide-cnt { width: 310px; 
	margin: 0 auto;  
	padding: 0px 0 0 0px; }
	
	.slider ul.slides li .box-cnt { display: none; }
	
	.slider ul.slides li .slide-cnt h2 { font-size: 22px; 
	text-align: center;  
        background-color: #121214;
	line-height: 25px; 
	padding-bottom: 16px;
	color: #fff; 
	text-shadow: rgba(0,0,0,0.4) 0px 1px 2px; 
	font-family: 'Ubuntu', sans-serif; 
	font-weight: 700; }
	
	.slider ul.slides li .slide-cnt a.grey-btn { display: none;  }

/* 4.6.	CONTENIDO GENERALES DE LA PAGINA INICIO. */
	.main { padding: 0px 0 0 0; }
	
	
		.encabezado_secundario
	{ 
	position:relative; 
	left:0px; 
	top:0px;   
	width: auto; 
	height: 10px; 
	margin-left: 10px; 
	
	
	}
	

		.main h6 {
	font-size: 18px; 
	color: #1C3E79; /* color anterior #00ABAB*/
	line-height: 22px; 
	padding-bottom: 0px; 
	font-family: 'Ubuntu', sans-serif; 
	font-weight: 500; 
	} 

		.main h7 {
		
	font-size: 18px; 
	color: #00ABAB; 
	line-height: 18px; 
	padding-bottom: 0px; 
	font-family: 'Ubuntu', sans-serif; 
	font-weight: 500; 
	}  	
	
			.main h8 {
		color: #FF0000; 
	font-size: 18px; 
	color: red; 
	line-height: 18px; 
	padding-bottom: 0px; 
	font-family: 'Ubuntu', sans-serif; 
	font-weight: 500; 
	}  
	
	.main section { background: url(images/m-section-shadow.png) no-repeat center bottom; 
	padding: 0 20px 20px 20px; }
	
	.main .cols { margin: 0 0 0 0; }
	
	.main .cols .col { width: 188px; 
	float: none; 
	display: block; 
	padding-bottom: 22px; 
	margin: 0 auto; }
	
	.main .cols .col img { float: none; 
	display: block; 
	margin: 0 auto; }
	
	.main .cols .col + .col { padding-left: 0px; }
	
	.main .cols .col-cnt { text-align: center; 
	float: none; 
	display: block;  }
	
	.main a.m-btn-grey { display: block; 
	background: url(images/m-btn-grey.png) repeat-x 0 0; 
	margin: 0 10px 14px;  
	height: 39px; 
	text-align: center; 
	line-height: 39px; 
	border: 1px solid #9e9f9f; 
	border-radius: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	-o-border-radius: 6px; 
	display: block; 
	font-weight: bold; 
	font-size: 18px;  
	color: #636363; 
	text-shadow: rgba(255,255,255,0.4) 0px 1px 0px; }
	
	.main a.m-btn-grey:hover { background-position: 0 bottom; 
	text-decoration: none; }
	
	.main .post  { background: url(images/m-section-post.png) no-repeat center bottom; 
	padding-top: 28px; 
	padding-left: 20px;   }
	
	.main .post .video-holder { width: 280px; 
	height: 162px; 
	float: none; 
	display: block;  
	margin: 0 auto 20px;  }
	
	.main .post .video-holder img { 
	width: 280px; 
	height: 162px; }
	
	.main .post-cnt { float: none; 
	display: block;  
	width: 100%; }
	
	.main .post-cnt p strong { display: block; 
	padding-bottom: 12px; }
	
/* 4.7.	CONTENIDO DE LAS SUB-PAGINAS. */
	.main .postx  { margin-left: 0px;  
	background: url(images/cols-shadow.png) no-repeat 0 bottom; 
	padding-top: 18px; 
	padding-left: 0px;  
	width: auto;}
	
	.main .postx .video-holderx { width: 280px; 
	height: 162px; 
	float: none; 
	display: block;  
	margin: 0 auto 20px;  }
	
	.main .postx .video-holderx img { width: 280px; 
	height: 162px; }
	
	.main .post-cntx { float: none; 
	display: block;  
	width: 100%; }
	
	.main .postx .promociones_arte {width: 280px; 
	height: 162px; 
	float: none; 
	display: block;  
	margin: 0 auto 20px; }
	
	.main .postx .promociones_arte img { width: 280px; 
	height: 162px; }
	
	.main .promociones {  float: none; 
	display: block;  
	width: 100%;  }
	
	.main .postx .propagandas_arte {width: 280px; 
	height: 162px; 
	float: none; 
	display: block;  
	margin: 0 auto 20px; }
	
	.main .postx .propagandas_arte img { width: 280px; 
	height: 162px; }
	
	.main .postx .propagandas_arte2 {width: 280px; 
	height: 162px; 
	float: none; 
	display: block;  
	margin: 0 auto 20px; }
	
	.main .postx .propagandas_arte2 img { width: 280px; 
	height: 162px; }
	


/* 4.8.	AGRADECIMIENTO. (PARTE PLANTILLA) */
	.testimonial h2 { font-size: 21px; }
	
	.testimonial p.author { text-align: center; }

/* 4.9.	PIE DE P�GINA. (PARTE PLANTILLA). */
	#footer h2 { padding-bottom: 12px; }
	
	.footer-cols { padding-left: 10px; 
	padding-right: 0; 
	padding-bottom: 0; }
	
	.footer-cols .col { width: 150px; 
	float: none; 
	display: block; 
	padding-bottom: 22px; }
	
	.footer-cols .col + .col { padding-left: 0px; }
	
	.footer-cols .col ul li { font-size: 12px; }
	
	.footer-bottom { height: 58px; }
	
	.footer-bottom { padding: 10px 9px 20px; 
	height: 100%; }
	
	.footer-bottom .footer-nav { float: none; 
	display: block; 
	text-align: center; 
	padding: 0 0px 18px; }
	
	.footer-bottom .footer-nav ul li { padding: 0 4px; 
	border: 0; 
	font-size: 10px !important;  }
	
	.footer-bottom p.copy { float: none; 
	display: block; 
	text-align: center;  }
	
	.footer-bottom p.copy strong { display: block;  
	padding-top: 10px; }
	
	.footer-bottom p.copy span { display: none; }
	
	
		/* 3.5.	ACCESO AL SISTEMA (PARTE PLANTILLA). */	
	.caja_principal {
	margin-left: 0px;  
	
	border-style: dotted; 
	border-width: 1px; 
	border-color: #660033; 
	background-color: #FFFFFF; 
	height: auto;
	width: auto;
	padding: 10px;
	margin-top: 20px;
	/*para Firefox*/
	-moz-border-radius: 15px 15px 15px 15px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 15px 15px 15px 15px;
	/* para Opera */
	border-radius: 15px 15px 15px 15px;
	/* para IE */
	behavior:url(border.htc);
	}	

	
	}

/* ================================================================ */
/* 5.	DETALLES FINALES DE LOS LOGOS DE LOS MOVILES. */
/* ================================================================ */

	@media only screen and ( max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi)  { 
		
            
	#navigation a.nav-btn span.arr { background: url(images/nav-arr@2x.png) no-repeat 0 0; -webkit-background-size: 13px 18px; -moz-background-size: 13px 18px; background-size: 13px 18px; }
	#navigation a.nav-btn span.arr.active { background: url(images/nav-arr@2x.png) no-repeat 0 bottom; -webkit-background-size: 13px 18px; -moz-background-size: 13px 18px; background-size: 13px 18px; }
	#logo a { background: url(../imagenes/logo_movil2.png) no-repeat 0 0; -webkit-background-size: 318px 98px; -moz-background-size: 318px 98px; background-size: 318px 98px;  }
	}
	
/* ================================================================ */
/* FIN*/
/* ================================================================ */

/* AYUDA
 TIPOS DE BORDES
border-style:dashed; 
 border-style:dotted;  
 border-style:double;  
 border-style:groove; 
 border-style:ridge; 
 border-style:inset;
 TIPOS DE LETRAS
 text-shadow: 2px 0px 0px #ff6600;
 text-transform: uppercase;
 text-decoration: underline; 
 
 para las animaciones en las imagenes
 
 <div class="shrink pic"> 

</div>  
 
 */
 
 


 
 
.pic {
  border: 5px solid #fff;  
  float: left;
  height: 220px;
  width: 220px;
  margin: 4px;
  overflow: hidden;
   
  -webkit-box-shadow: 1px 1px 1px #111;
          box-shadow: 1px 1px 1px #111;  
}
 
 /*MORPH*/
.morph {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.morph:hover {
  border-radius: 50%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}
 
 
 /*FOCUS*/
.focus {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.focus:hover {
  border: 70px solid #000;
  border-radius: 50%;
}
 
 /* la inclina un poco a la dercha*/
 /*TILT*/
.tilt {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.tilt:hover {
  -webkit-transform: rotate(5deg);
     -moz-transform: rotate(5deg);
       -o-transform: rotate(5deg);
      -ms-transform: rotate(5deg);
          transform: rotate(5deg);
}

/* pone la fotos al pasar en gris */
/*B&W*/
.bw {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.bw:hover {
  -webkit-filter: grayscale(100%);
}

/*SHRINK*/
.shrink img {
  height: 200px;
  width: 200px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.shrink img:hover {
  width: 100px;
  height: 100px;
}


/*GROW*/
.grow img {
  height: 200px;
  width: 200px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow img:hover {
  width: 400px;
  height: 400px;
}

/*-------------------Estilo para el Formulario Denuncias--------------*/
TITULO {
	font-family: Arial;
}
TITULO {
	text-align: center;
}
TITULO {
}
#TITULO {
	text-align: center;
	font-family: Arial;
	font-weight: bold;
	color: #000;
}
TITULO {
	font-family: Arial;
}
SUB_TITULO {
	color: #999;
}
TITULO2 {
	font-family: Arial;
}
subtitulo {
	font-family: Arial;
}
varios {
	font-family: Arial;
}
varios {
	font-family: Arial;
}
boton {
	text-align: center;
}
#form1 table tr td p {
	font-size: 14px;
}
#form1 table tr td p {
	font-family: Arial;
}
documento {
	font-family: Arial;
}
documento {
	font-size: 12px;
}
#form1 table tr td p {
	font-size: 14px;
}
#form1 table tr td p {
	font-family: Arial;
	font-size: 10px;
}
#form1 table {
	font-size: 12px;
}

/*-------------------Estilo para el Formulario Denuncias--------------*/



/* formulario */

.contact_form h2 {
    background: none repeat scroll 0 0 #F3F3F3;
    border-radius: 5px;
    color: #ff6600; 
    display: block;
    font-family: arial, sans-serif;
    font-size: 13px;
    padding: 0px;
    text-shadow: 1px 1px 1px #CCCCCC;
    width: 100%;
	/* border-style:double; */
	aling: left;
}
/*--- estilos para los ul y li del formulario ---*/
.contact_form ul {
    width:90%;
    list-style-type:none;
	margin:0px;
	padding:0px;
	/* border-style:double; */
}
.contact_form li{
	padding:1px; 
	border-bottom:1px solid #eee;
	position:relative;
	/* border-style:double; */
} 
.contact_form label {
    color: #555555;
    display: inline-block; 
    float: left;
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin-top: 0px;
    padding: 0px;
    width: 100%;
 /*	border-style:double; */
}
.contact_form input {
	height:12px; 
	width:auto; 
	padding:4px 5px;
	
}
.contact_form textarea {
	padding:8px; 
	width:85%;
	border-style:double;
}
/*
.contact_form button {
	margin-left:90px;
}

.contact_form select {
	height:auto; 
	width:auto; 
	padding:4px 5px; 
	padding:1px; 
	border-style:double;
	border-bottom:1px solid #eee;
	color: #555555;
    display: inline-block; 
    float: left;
    font-family: arial, sans-serif;
    font-size: 12px;
    margin-top: 0px;
	background: transparent;
	 background: #f8f8f8;
    color:#888;
	border-radius: 5px;
	border-bottom:2px solid #eee;}
/*	

/*---Mapa vista Celular----*/
.google-maps{
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
 }
 .google-maps iframe{
    position: absolute;
    top:0;
    left:0;
    width: 100% !important;
    height:100% !important;
      
 }
 
 /* ---- hasta aqui es la vista celular Mapa---*/
/*----- estilos visuales de los elementos --------*/

.contact_form input, .contact_form textarea { 
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius:2px;
	color: #888;
	font-size: 12px;
	padding-right:30px;
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;

}
.contact_form input:focus, .contact_form textarea:focus {
	background:#fff; 
	border:1px solid #555; 
	box-shadow: 0 0 3px #aaa; 
	padding-right:40px;
	
}

/* === Estilos de Validacion === */	

.contact_form input:required:valid, .contact_form textarea:required:valid {
	box-shadow: 0 0 5px #5cd053;
	border-color: #28921f;
}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
	box-shadow: 0 0 5px #d45252;
	border-color: #b03535
}

/* === Estilos del boton de Envio === */
/*
button.submit {
    padding: 3px 4px;
   font-family: 'Ubuntu', sans-serif; 
   line-height: 1;
   float: right;
   color: #444;
   border: none;
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
   background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF);
   background-color: #fff;
   border: 1px solid #f1f1f1;
   border-radius: 5px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
button.submit:hover {
	opacity:.55;
	cursor: pointer; 
	color: #fff;
}
button.submit:active {
	border: 1px solid #222;
	box-shadow: 0 0 10px 5px #444 inset; 
}
*/


/*
* Esta seccion es para el datagrid 
*/
.fila{background-color:#ffffcc;}
.filaalterna{background-color:#ffcc99;}
/* 

.fila{background-color:#EFF2FB;}
.filaalterna{background-color:#E3CEF6;}
*/

.fdg_sortable {cursor:pointer;text-decoration:underline;color:#00c;}


/* /* General Table Style */
   table.responsivetablemulti {
   width: 100%;
   border-collapse: collapse;
   }
   .responsivetablemulti tr:nth-of-type(odd) {
   /*background-color: #eee;*/
   }
   .responsivetablemulti thead tr td {
   background-color: #333;
   color: white;
   font-weight: bold;
   }
   .responsivetablemulti td{
   padding: 4px;
   border: 0px solid #ccc;
   text-align: left;
   }
   
    .responsivetablemulti cell-5 td {
   padding: 4px;
   border: 1px solid #ccc;
   text-align: center;
   }  
   
   
   .responsivetablemulti th {
   padding: 4px;
   border: 0px solid #ccc;
   text-align: center;
   }
	
	
/* General Table Style */
   table.responsivetable {
   width: 100%;
   border-collapse: collapse;
   }
   .responsivetable tr:nth-of-type(odd) {
   background-color: #eee;
   }
   .responsivetable thead tr td {
   background-color: #FFCC66;
   color: white;
   font-weight: bold;
   }
   .responsivetable td{
   padding: 4px;
   border: 1px solid #ccc;
   text-align: left;
   }
   
    .responsivetable cell-5 td {
   padding: 4px;
   border: 1px solid #ccc;
   text-align: center;
   }  
   
   
   .responsivetable th {
   padding: 4px;
   border: 1px solid #ccc;
   text-align: center;
   }




   
   
   /* General Table Style Desacatos*/
   table.tabladesacato{
   width: 100%;
   border-collapse: collapse;
   }
   .tabladesacato tr:nth-of-type(odd) {
   background-color: #EA7E0B/*#eee*/;  /*fondo del título principal*/
   }
   .tabladesacato thead tr td {
   background-color: #F8D2AA/*#FFCC66*/;  /*fondo del cuerpo del cuadro*/
   color: black;						  /*color de las letras del cuerpo del cuadro*/
   font-weight: bold;
   }
   .tabladesacato td{
   padding: 4px;
   border: 1px solid #11100E/*#ccc*/;   /*líneas bordes del cuerpo del cuadro*/
   text-align: left;
   }
   
    .tabladesacato cell-5 td {
   padding: 4px;
   border: 1px solid #ccc;
   text-align: center;
   }  
   
   
   .tabladesacato th {
   padding: 4px;
   border: 1px solid #11100E/*#ccc*/;   /*líneas bordes del título del cuadro*/
   text-align: center;
   }

   
/*					marquee				*/   

    .marquee {
    /*width: 400px;*/
line-height: 50px;
	/*background-color: Pink;*/
	color: Black;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}
.marquee p {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 10s linear infinite;
}
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }

}


/*					marquee				*/    




   
   /* Make Table Responsive --- */
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
.responsivetable table, .responsivetable thead, .responsivetable th, .responsivetable tr, .responsivetable td {
display: block;
}
/* Hide table headers (but not display:none, for accessibility) */
.responsivetable thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.responsivetable tr {
border: 1px solid #ccc;
}
.responsivetable td {
/* Behave like a row */
border: none;
padding-left: 50%;
border-bottom: 1px solid #eee;
position: relative;
}
.responsivetable td:before {
/* Now, like a table header */
position: absolute;
/* Top / left values mimic padding */
top: 6px; left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
/* -- LABEL THE DATA -- */
.responsivetable td:nth-of-type(1):before { content: "Titulo"; }
.responsivetable td:nth-of-type(2):before { content: "Ver"; }
.responsivetable td:nth-of-type(3):before { content: "Descargar"; }
 
}

/* General Table Style -------------TRANSPARENCIA-------------*/
   table.responsivetabletran {
   width: 100%;
   border-collapse: collapse;
   }
   .responsivetabletran tr:nth-of-type(odd) {
   background-color: #eee;
   }
   .responsivetabletran thead tr td {
   background-color: #333;
   color: white;
   font-weight: bold;
   }
   .responsivetabletran td{
   padding: 4px;
   border: 1px solid #ccc;
   text-align: left;
   }
   
    .responsivetabletran cell-5 td {
   padding: 4px;
   border: 1px solid #ccc;
   text-align: center;
   }  
   
   
   .responsivetabletran th {
   padding: 4px;
   border: 1px solid #ccc;
   text-align: center;
   }

   
   /* Make Table Responsive --- */
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
.responsivetabletran table, .responsivetabletran thead, .responsivetabletran th, .responsivetabletran tr, .responsivetabletran td {
display: block;
}
/* Hide table headers (but not display:none, for accessibility) */
.responsivetabletran thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.responsivetabletran tr {
border: 1px solid #ccc;
}
.responsivetabletran td {
/* Behave like a row */
border: none;
padding-left: 50%;
border-bottom: 1px solid #eee;
position: relative;
}
.responsivetabletran td:before {
/* Now, like a table header */
position: absolute;
/* Top / left values mimic padding */
top: 6px; left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}

 
}


/* General Table Style */
   table.tabla_noticias {
   width: 100%;
   border-collapse: collapse;
   }
   .tabla_noticias tr:nth-of-type(odd) {
   background-color: #eee;
   }
   .tabla_noticias thead tr td {
   background-color: #333;
   color: white;
   font-weight: bold;
   }
   .tabla_noticias td{
   padding: 4px;
   border: 1px solid #ccc;
   text-align: left;
   }
   
    .tabla_noticias cell-5 td {
   padding: 4px;
   border: 1px solid #ccc;
   text-align: center;
   }  
   
   
   .tabla_noticias th {
   padding: 4px;
   border: 1px solid #ccc;
   text-align: center;
   }

   
   /* Make Table Responsive --- */
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
.tabla_noticias table, .tabla_noticias thead, .tabla_noticias th, .tabla_noticias tr, .tabla_noticias td {
display: block;
}
/* Hide table headers (but not display:none, for accessibility) */
.tabla_noticias thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.tabla_noticias tr {
border: 1px solid #ccc;
}
.tabla_noticias td {
/* Behave like a row */
border: none;
padding-left: 50%;
border-bottom: 1px solid #eee;
position: relative;
}
.tabla_noticias td:before {
/* Now, like a table header */
position: absolute;
/* Top / left values mimic padding */
top: 6px; left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
/* -- LABEL THE DATA -- */
.tabla_noticias td:nth-of-type(1):before { content: "Titulo"; }
.tabla_noticias td:nth-of-type(2):before { content: "Fecha"; }
.tabla_noticias td:nth-of-type(3):before { content: "Ver"; }


 
}
 table.tabla_noticias1 {
   width: 100%;
   border-collapse: collapse;
   }
   .tabla_noticias1 tr:nth-of-type(odd) {
   background-color: #eee;
   }
   .tabla_noticias1 thead tr td {
   background-color: #333;
   color: white;
   font-weight: bold;
   }
   .tabla_noticias1 td{
   padding: 4px;
   border: 1px solid #ccc;
   text-align: left;
   }
   
    .tabla_noticias1 cell-5 td {
   padding: 4px;
   border: 1px solid #ccc;
   text-align: center;
   }  
   
   
   .tabla_noticias1 th {
   padding: 4px;
   border: 1px solid #ccc;
   text-align: center;
   }

   
   /* Make Table Responsive --- */
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
.tabla_noticias1 table, .tabla_noticias1 thead, .tabla_noticias1 th, .tabla_noticias1 tr, .tabla_noticias1 td {
display: block;
}
/* Hide table headers (but not display:none, for accessibility) */
.tabla_noticias1 thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.tabla_noticias1 tr {
border: 1px solid #ccc;
}
.tabla_noticias1 td {
/* Behave like a row */
border: none;
padding-left: 50%;
border-bottom: 1px solid #eee;
position: relative;
}
.tabla_noticias1 td:before {
/* Now, like a table header */
position: absolute;
/* Top / left values mimic padding */
top: 6px; left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
/* -- LABEL THE DATA -- */
.tabla_noticias1 td:nth-of-type(1):before { content: "Titulo"; }
.tabla_noticias1 td:nth-of-type(2):before { content: "Ver"; }

 
}

/* BUSCAR FUNCIONARIO Table Style */

.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;width: 50%;}
.tg .tg-baqh{text-align:center;vertical-align:top}
.tg .tg-stix{background-color:#f56b00;color:#000000;text-align:center;vertical-align:top}

/* BUSCAR FUNCIONARIO Table Style */


/* General Table Style */
   table.table_cabamed {
   width: 100%;
   border-collapse: collapse;
   }
   .table_cabamed tr:nth-of-type(odd) {
   background-color: #eee;
   }
   .table_cabamed thead tr td {
   background-color:  #002147;
    text-align: center;
   color: white;
      border: 1px solid #ccc;
   font-weight: bold;
   }
     .table_MARISCO thead tr td {
   background-color:  #0080C0;
    text-align: center;
   /*color: white;*/
      border: 1px solid #ccc;
   font-weight: bold;
   }
   .table_cabamed td{
   padding: 4px;
   border: 1px solid #ccc;
   text-align: left;
   }
   
    .table_cabamed td.derecha {
   padding: 4px;
   border: 1px solid #ccc;
   text-align: right;
   }  
   
   
   .table_cabamed th {
   padding: 4px;
   border: 1px solid #ccc;
   text-align: center;
   }

 

.main .cabamed_izquierda{

float: left; 
    border-radius: 25px;
    width: 200px;
}

.main .cabamed_izquierda2{

float: left; 
width: 350px;
}




 
   /* Make Table Responsive --- */
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
.table_cabamed table, .table_cabamed thead, .table_cabamed th, .table_cabamed tr, .table_cabamed td {
display: block;
}
/* Hide table headers (but not display:none, for accessibility) */
.table_cabamed thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.table_cabamed tr {
border: 1px solid #ccc;
}
.table_cabamed td {
/* Behave like a row */
border: none;
padding-left: 50%;
border-bottom: 1px solid #eee;
position: relative;
}
.table_cabamed td:before {
/* Now, like a table header */
position: absolute;
/* Top / left values mimic padding */
top: 6px; left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
/* -- LABEL THE DATA -- */
.table_cabamed td:nth-of-type(1):before { content: "Provincia"; }
.table_cabamed td:nth-of-type(2):before { content: "Corregimiento"; }
.table_cabamed td:nth-of-type(3):before { content: "Farmacia"; }
.table_cabamed td:nth-of-type(4):before { content: "Marca"; }
.table_cabamed td:nth-of-type(5):before { content: "Precio"; }
.table_cabamed td:nth-of-type(6):before { content: "Ahorro"; } 
}


/*LISTA RESPONSIVE*/

.ui-li-static.ui-collapsible > .ui-collapsible-heading {
    margin: 0;
}
.ui-li-static.ui-collapsible {
    padding: 0;
}
.ui-li-static.ui-collapsible > .ui-collapsible-heading > .ui-btn {
    border-top-width: 0;
}
.ui-li-static.ui-collapsible > .ui-collapsible-heading.ui-collapsible-heading-collapsed > .ui-btn,
.ui-li-static.ui-collapsible > .ui-collapsible-content {
    border-bottom-width: 0;
}



/*LISTA RESPONSIVE*/


	
	  /* General Table Style */
   table.responsivetable_detalle {
   width: 100%;
   border-collapse: collapse;
   }
   .responsivetable_detalle tr:nth-of-type(odd) {
   background-color: #eee;
   }
   .responsivetable_detalle thead tr td {
   background-color: #333;
   color: white;
   font-weight: bold;
   }
   .responsivetable_detalle td{
   padding: 4px;
   border: 1px solid #ccc;
   text-align: left;
   }
   
   .responsivetable_detalle th {
   padding: 4px;
   border: 1px solid #ccc;
   text-align: center;
   }

   
/* ********************* INICIO TRANSFORMACION DE TABLA PARA LOS DETALLES DE LAS TRANSACCIONES ********************* */
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
.responsivetable_detalle table, .responsivetable_detalle thead, .responsivetable_detalle th, .responsivetable_detalle tr, .responsivetable_detalle td {
display: block;}
/* Hide table headers (but not display:none, for accessibility) */
.responsivetable_detalle thead tr {
position: absolute;
top: -9999px;
left: -9999px;}
.responsivetable_detalle tr {
border: 1px solid #ccc;}
.responsivetable_detalle td {
/* Behave like a row */
border: none;
padding-left: 50%;
border-bottom: 1px solid #eee;
position: relative;}
.responsivetable_detalle td:before {
/* Now, like a table header */
position: absolute;
/* Top / left values mimic padding */
top: 6px; left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;}
/* -- LABEL THE DATA -- */
.responsivetable_detalle td:nth-of-type(1):before { content: "Producto"; }
.responsivetable_detalle td:nth-of-type(2):before { content: "Cantidad"; }
/* .responsivetable_detalle td:nth-of-type(3):before { content: "Precio"; } */
/* .responsivetable_detalle td:nth-of-type(4):before { content: "Ahorro"; }} */
/* ********************* INICIO TRANSFORMACION DE TABLA PARA LOS DETALLES DE LAS TRANSACCIONES ********************* */

/* ********************* INICIO CLASS PARPADEO ********************* */
.blinking{
    animation:blinkingText 1.2s infinite;
}
@keyframes blinkingText{
    0%{     color: #FF6600;    }
    49%{    color: #FF6600; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #FF6600;    }
}
/* ********************* FIN CLASS PARPADEO********************* */


/* ********************* INICIO PARA LA PARTE DE LOS GLOBOS DE AYUDA. ********************* */
#DHTMLgoodies_formTooltipDiv{
	color:#FFF; /* COLOR DE LAS LETRAS DEL MENSAJE */
	font-family: rial, sans-serif;
	font-weight:bold;
	font-size:0.9em;
	line-height:120%;}
.DHTMLgoodies_formTooltip_closeMessage{
	color:#FFF; /* COLOR DE LAS LETRAS DE LOS MENSAJES DE CERRAR. */
	font-weight: normal;
	font-size:0.8em;}
/* ********************* FIN PARA LA PARTE DE LOS GLOBOS DE AYUDA. ********************* */