@import url("prueba_ipts.css");


/* listas numeradas */

.numeroLista ol { counter-reset: item }
.numeroLista li{ display: block }
.numeroLista li:before { content: counters(item, ".") " "; counter-increment: item }	

table{
	border: 0.08em solid #ccc;
	border-collapse: collapse;
	/*text-align:center; --------------anulado*/
	float:none;
	margin-left:auto; 
	margin-right:auto;
	background-color: #CEDAEA;
	clear: both;
	margin-top:3%;
	margin-bottom:3%;
}
caption{
	font-size: 1.2em;
	color:#A80000;
	font-weight: bold;
	padding-top:1.5%;
	padding-bottom:1%;
}
th{	
	padding:.5em;

	background-color:#94A5AF;
	border: 0.08em solid #ccc;
	color:#ffffff;
	text-align:center;
}
td{			
	padding:.5em;
	
	background-color: #E7EAF1;	
	border: 0.08em solid #ccc;
}
td img {
	border:0;
	vertical-align: middle;
}
#informacion table a {
color:#000000;
}
#informacion table th a {
color:#ffffff;
}

table ul li {
	list-style-position:outside;
	list-style-type:disc;
}

table ul li ul li {
list-style-type:circle;

}

table ul li ul li ul li {
list-style-type: square;
}

#informacion ul:last-child, table ul:last-child  {

margin-bottom: 0;

}

#zona_buscador table{
	background-color:transparent;
}
#zona_buscador th,
#zona_buscador td{
	border:0;
	background-color:transparent;
	padding:0;
}
select{
	font-size: 0.72em;
}
#informacion table ul{ 
	list-style-position:inside;
	list-style-type:disc;
	color:#000000;
	margin-top:0%;
/*	margin-bottom:2em;*/

}
#informacion table ol{ /*-----------------------nuevo*/
	margin-top:0%;
/*	margin-bottom:2em;*/
}
fieldset{
	margin-right:auto;
	margin-left:auto;
	position:relative;	
	background-color: #E7EAF1;
	border-style:solid;
	border-color:#D5D5D5;
	border-width:thin;
	padding:0 1% 1% 1%;
	clear: both;
	text-align: left;
}
fieldset legend{
	position:relative;
	top: -.5em;
	left: .2em;	
	text-align: left;
	color: #225E9A;
	font-size: 1.2em;
}
fieldset label{
	padding:0 0.5% 0 0.5%;
}
fieldset table{
	border:0;
	text-align:left;
	background-color: transparent;
}

fieldset table.busca_ceim{
	white-space: nowrap;
}

fieldset th{	
	padding:0;
	border:0;	
	background-color: transparent;
}
fieldset  td{	
	padding:0.5%;
	border:0;
	background-color: transparent;
}
fieldset .busca_ceim td{	
	padding:0.5em;
}
#profCeicsCA #fl1 .row, #profCeic #fl1 .row{
    margin: 1em
}
#profCeicsCA #fl1 .text-center, #profCeic #fl1 .text-center{
    margin: 1em 1.2em
}
.boton {
 	border: solid 0.08em #C9C9C9;
	background-image:url(../img/fBoton.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color: #FBFBFB;
    color: #C04323;
	font-size: 1em;
	font-weight: bold;	
	padding: 0.6%;
}
.boton_mas {
 	border: solid 0.1em #C9C9C9;
	background-image:url(../img/top_mas.gif);
	background-repeat:no-repeat;
	background-position:center;
	background-color: #FBFBFB;
    color: #C04323;
	font-size: 1em;
	font-weight: bold;
	width:1.8em;
	padding: 1%;
}
#informacion .boton a{
 	color: #C04323;
	font-size: 1em;
	font-weight: bold;	
	text-decoration: none;
	margin:0;
	padding: 0 2% 0 2%;
	cursor:default;
}
#informacion .boton a:hover{
	cursor:default;
 }
.pad_alto{
	padding: 1% 0 1% 0;
	text-align: right; 
	margin-left: auto; 
	margin-right: auto;
}
textArea {	
	color: #666666;
	font-size: 1.2em;
	vertical-align: middle;	
	}
input {
	color: #666666;
	font-size: 0.9em;
	vertical-align: middle;
}
.error, .textoRojo1 {
	color: red;
}
.errorSinDto{
	font-size: 1.3em;
	color:#C24122;
}
/*form{
	float:left;
	width: 100%;
	margin:0;
	padding:0;
}*/
/*Display tag*/
.export {	
	padding: 0 1em 0.5em 1.5em;
	display: inline;
	cursor: pointer;
	margin:0;
	font-size: 1em;
	background-repeat:no-repeat;
	list-style-type:none;
}
span.excel {
	background-image: url(../../diseno/img/ico_file_excel.png);	
}
span.csv {
	background-image: url(../../diseno/img/ico_file_csv.png);
}
.xml {
	background-image: url(../../diseno/img/ico_file_xml.png);
}
.pdf {
	background-image: url(../../diseno/img/ico_file_pdf.png);  
}
/* display 'none' en vez de 'block' para no mostrar los banners ni los links*/
.pagebanner {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	width: 90%;
	margin: 10px auto 0px;
	/* display: none; */
	display: block;
	border-bottom: none;
	text-align: center;
}
.pagelinks {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	width: 90%;
	/* display: none; */
	display: block;
	border-top: none;;
	margin: 0px auto 10px auto;
	text-align: center;
}
div.exportlinks {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px;
	margin: 10px auto;
	width: 90%;
	text-align: center;	
}
table.simple tr.odd td{
	font-style: normal; 
	background-color: #DBDFEA;
}
table.simple {
	border: 0.08em solid #ccc;
	border-collapse: collapse;
}
table.simple td,table.simple th {
	border: 0.08em solid #ccc;
}
table.nocol tbody td,table.nocol tbody th {
	border-left: none;
	border-right: none;
}
table.mark td.tableCellError {
	background-color: #d00;
	color: #fff;
}
table.sublist {
	margin: 0 0 0 0;
	width: 100%;
}
table.sublist td,table.sublist th {
	width: 50%;
}
.letraAzulOsc{
	color:#1B4978;
}
.bordePuntos{
	padding:1%;
	border: 0.08em dotted black;
}
.azulClaro{
	background-color: #F1F3F8;
}

/************************************** Estilos para las tablas de las Home ********/
#informacion .tablaHome {
	width: 90%;
	background-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-collapse:collapse;
}
#informacion .tablaHome th {
	color: #000000;
	background-color: #F4F4F4;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: .15em;
	border-bottom-color: #990000;
	letter-spacing: 0.1em;
	padding: .8em;
}
#informacion .tablaHome td {
	background-color: #FFFFFF;
	border-bottom-width: .1em;
	border-bottom-style: dashed;
	border-bottom-color: #990033;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	text-align: justify;
	vertical-align: top;
	padding: .8em;
}

#informacion .tablaHome td.txtRed {
	white-space: nowrap;
	color: #A80000;
	vertical-align: top;
	text-align: center;
}

#informacion .tablaHome td.etqCateg {
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	font-style: italic;
}

#informacion .tablaHome a {
	color: #004878;
}
#informacion .tablaHome p {
	margin-top: 0em;
}
#informacion .tablaHome ul ul {
	list-style-type: circle;
}
#informacion .tablaHome ul ul ul {
	list-style-type: square;
}
/************************************** Fin - Estilos para las tablas de las Home ********/
/************************************** Estilos para tablas horizontales******************/



#informacion .tablaHome2 {
	width: 90%;
	background-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-collapse:collapse;
}


#informacion .tablaHome2 th {
	color: #000000;
	background-color: #F4F4F4;
	border-left-style: none;
	border-bottom-style: dashed;
	border-bottom-width: .1em;
	border-bottom-color: #990033;
	border-right-style: solid;
	border-right-width: .15em;
	border-right-color: #990033;
	letter-spacing: 0.1em;
	padding: .8em;
}


#informacion .tablaHome2 td {
	background-color: #FFFFFF;
	border-bottom-width: .1em;
	border-bottom-style: dashed;
	border-bottom-color: #990033;
	border-right-style: none;
	border-left-style: none;
	vertical-align: top;
	padding: .8em;
}

#informacion .tablaHome2 tr:first-child {

	border-top-width: .1em;
	border-top-style: dashed;
	border-top-color: #990033;

}

#informacion .tablaHome2 td.txtRed {
	white-space: nowrap;
	color: #A80000;
	vertical-align: top;
	text-align: center;
}

#informacion .tablaHome2 td.etqCateg {
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	font-style: italic;
}

#informacion .tablaHome2 a {
	color: #004878;
}
#informacion .tablaHome2 p {
	margin-top: 0em;
}
#informacion .tablaHome2 ul ul {
	list-style-type: circle;
}
#informacion .tablaHome2 ul ul ul {
	list-style-type: square;
}
/************************************** Fin de estilos de tabla horizontal************************/

/************************************** Estilos para las tablas de las alertas farmacéuticas ********/

.tabla-1, .tabla-alerFarma {
	background-color: #FFFFFF;
	border-color: #000000;
}
 
.tabla-1 td, .tabla-alerFarma td {
	background-color: #FFFFFF;
	border-color: #000000;
}
.tabla-1 th, .tabla-alerFarma th {
	background-color: #FFFFFF;
	border-color: #000000;
	color: #000000;
}
.tabla-1 th span.negritaNo, .tabla-alerFarma th span.negritaNo {
	font-weight: normal;

}
#informacion .tabla-1 a, #informacion .tabla-alerFarma a {
	color:#004878;

}
.tabla-1 h1, .tabla-1 h2, .tabla-1 h3, .tabla-1 h4, .tabla-1 h5, .tabla-1 h6, .tabla-alerFarma h1, .tabla-alerFarma h2, .tabla-alerFarma h3, .tabla-alerFarma h4, .tabla-alerFarma h5, .tabla-alerFarma h6 {
	margin-top: 1%;
	margin-bottom: 1%;
}

#informacion .tabla-1 td p, #informacion .tabla-alerFarma td p, #informacion .tablaHome td p,  #informacion .tablaHome2 td p, #informacion table td p, #informacion #indice .tabla-1 td p, #informacion #indice .tabla-alerFarma td p, #informacion #indice .tablaHome td p,  #informacion #indice .tablaHome2 td p, #informacion #indice table td p {
	margin-top: .5em;
	margin-bottom: .5em;
}


#informacion .tabla-1 td ol, #informacion .tabla-alerFarma td ol, #informacion .tablaHome td ol, #informacion .tablaHome2 td ol, #informacion table td ol, #informacion #indice .tabla-1 td ol, #informacion #indice .tabla-alerFarma td ol, #informacion #indice .tablaHome td ol, #informacion #indice .tablaHome2 td ol, #informacion #indice table td ol {
	margin: -.3em 0 0 0;
	padding:0 0 0 2.5em;

}

#informacion .tabla-1 td li, #informacion .tabla-alerFarma td li, #informacion .tablaHome td p, #informacion .tablaHome2 td li, #informacion table td li, #informacion #indice .tabla-1 td li, #informacion #indice .tabla-alerFarma td li, #informacion #indice .tablaHome td li, #informacion #indice .tablaHome2 td li, #informacion #indice table td li {
	margin: 1em 0;
}

/*----------------- Para los primeros y últimos elementos de celda (p, li, ) -------------------------------*/

#informacion .tabla-1 td p:first-child, #informacion .tabla-alerFarma td p:first-child, #informacion .tablaHome td p:first-child, #informacion table td p:first-child, #informacion #indice .tabla-1 td p:first-child, #informacion #indice .tabla-alerFarma td p:first-child, #informacion #indice .tablaHome td p:first-child, #informacion #indice table td p:first-child {
	margin-top: 0;
	margin-bottom: .5em;
}

#informacion .tabla-1 p:last-child, #informacion .tabla-alerFarma p:last-child, #informacion .tablaHome td p:last-child, #informacion .tablaHome2 td p:last-child, #informacion table td p:last-child, #informacion #indice .tabla-1 p:last-child, #informacion #indice .tabla-alerFarma p:last-child, #informacion  #indice .tablaHome td p:last-child, #informacion #indice .tablaHome2 td p:last-child, #informacion #indice table td p:last-child {
	margin-top: .5em;
	margin-bottom: .1em;

}

#informacion .tabla-1 td li:last-child, #informacion .tabla-alerFarma td li:last-child, #informacion .tablaHome td li:last-child, #informacion .tablaHome2 td li:last-child, #informacion table td li:last-child, #informacion #indice .tabla-1 td li:last-child, #informacion #indice .tabla-alerFarma td li:last-child, #informacion #indice .tablaHome td li:last-child, #informacion #indice .tablaHome2 td li:last-child, #informacion #indice table td li:last-child {
	margin-bottom: .3em;
}

/*------------------------------------------------------------------------*/

/*
.tabla-1 ul li, .tabla-alerFarma ul li {
	list-style-position:outside;
}

.tabla-1 ul li ul li, .tabla-alerFarma ul li ul li {
list-style-type:circle;
}

.tabla-1 ul li ul li ul li, .tabla-alerFarma ul li ul li ul li {
list-style-type: square;
}
*/

.fondoGris, th.fondoGris, td.fondoGris {
	background-color:#E5E5E5;
}
/*****************************Fin - Estilos para las tablas de las alertas farmacéuticas ********/


/*****************************Estilos para FORMULARIOS como tablas ******************************/

.divTabla {
	background-color: #EEEEEE;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	display: table;
	border: 0.1em solid #286D93;
	padding: 0.5%;
}

.divFila {
	display: table-row;
	border: 0.1em solid #286D93;
	padding: 0.5%;
	width: 98.8%;
	float: left;
	margin-bottom: 1%;
	background-repeat: repeat-x;
	background-position: bottom;
}

.divCelda100, .divCelda98, .divCelda95, .divCelda90, .divCelda85, .divCelda80, .divCelda75, .divCelda70, .divCelda65, .divCelda60, .divCelda55, .divCelda50, .divCelda45, .divCelda40, .divCelda35, .divCelda33, .divCelda30, .divCelda25, .divCelda20, .divCelda15, .divCelda10, .divCelda5 {
	display: table-cell;
	float: left;

}

.divCelda100 {
	width: 100%;
}

.divCelda98 {
	width: 98%;
}

.divCelda95 {
	width: 95%;
}

.divCelda90 {
	width: 90%;
}

.divCelda85 {
	width: 85%;
}

.divCelda80 {
	width: 80%;
}

.divCelda75 {
	width: 75%;
}

.divCelda70 {
	width: 70%;
}

.divCelda65 {
	width: 65%;
}

.divCelda60 {
	width: 60%;
}
.divCelda55 {
	width: 55%;
}
.divCelda50 {
	width: 50%;
}
.divCelda45 {
	width: 45%;
}
.divCelda40 {
	width: 40%;
}
.divCelda35 {
	width: 35%;
}
.divCelda33 {
	width: 33.3%;
}
.divCelda30 {
	width: 30%;
}
.divCelda25 {
	width: 25%;
}
.divCelda20 {
	width: 20%;
}
.divCelda15 {
	width: 15%;
}
.divCelda10 {
	width: 10%;
}
.divCelda5 {
	width: 5%;
}
.divTabla p {
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 0.5em;
	margin-left: 0.5em;

}
.divTabla p img {
	vertical-align: middle;	

}
.divTabla li {
	margin: 0.7%;
}

.divTabla h1, .divTabla h2, .divTabla h3, .divTabla h4, .divTabla h5, .divTabla h6 {
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 0.2em;

}


/*****************************Fin - Estilos para FORMULARIOS como tablas ******************************/


/* Clases -------------------------------------------------------------------------------"Varios" */

.aviso {
	color:red;
	font-weight:bold;
	font-style:italic;
}
	
.avisoB {
	 border: #FF0000 solid .2em; 
	 padding: 1em;
}	
	
.aviso1 {
	background-color: #FFF5D7;
	border: 0.08em solid #AB0031;
	padding: 0 1em;
 }

.aviso2 {
	background-color: #EEEEEE;
	border: 0.08em solid #000000;
	font-weight: bold;
	padding: 0 1em;
	clear:both;
 }

.aviso3 {
	background-color: #F3F781;
	border: 0.08em solid #000000;
	font-weight: bold;
	padding: 0 1em;
 }
 
 .aviso4 {
	background-color: #FFFFFF;
	border: 0.08em solid #000000;
	font-weight: bold;
	padding: 0 1em;
 }
 
#informacion .aviso1 p, #informacion .aviso2 p, #informacion .aviso3 p, #informacion .aviso4 p {
	 margin: 1em auto;
}
 
.textoRojo2 {
 color: rgb(171, 0, 49);
}

.textoAzul1 {
 color: #286d93;
}

.textoNegro {
 color: #000000;
}

.separador {
	display: block;
	margin-top: 1%;
	margin-bottom: 1%;
	border-bottom-width: 0.15em;
	border-bottom-style: solid;
	border-bottom-color: #336699;
	float:left;
	width:100%;
	line-height: .1em;
}

.sep-referencia {
	display: block;
	margin-bottom: 1%;
	border-bottom-width: 0.08em;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	width: 25%;
}

/* ---- Eliminar si funciona bien la de abajo

.parrafoVineta {
	display: list-item;
	margin-left:2.5%;
	margin-top: 1%;
	margin-bottom: 1%;

}*/
.parrafoVineta { /* ---- para clase en parrafo*/
	padding-left: 1.2em;
	background-image: url(../img/vinetaDiscAzul.gif);
	background-repeat: no-repeat;
	background-position: left 0.5em;

}

#informacion ul li.parrafoVineta {
margin:0 0 0 -1.5em;

}

li.parrafoVineta { /* ---- para clase en li*/
	background-image: url(../img/vinetaDiscAzul.gif);
	background-repeat: no-repeat;
	background-position: left 0.5em;
	list-style-type: none;

}

.lista-alphaMin {
list-style-type:lower-alpha;

}
.lista-alphaMay {
list-style-type: upper-alpha;

}
.lista-numRomMin {
list-style-type: lower-roman;

}
.lista-numRomMay {
list-style-type: upper-roman;

}
.lista-vinetaNo {
list-style-type: none;

}

/* ----Para imgs iconos distintos documentos */
.icono-ancla {
border:none !important;
vertical-align: middle;
margin:0 .1em;
}

/*-------------*/

.partir_Palabra {
word-break: break-all;
}

/*---------------------Listas ordenadas como encabezados------------------*/

ol.listaEnc {
padding-left:2.5%;
color:#286D93;
font-weight:bold;
margin-left:2%;
display:block;
}

ol.listaEnc p, ol.listaEnc ul, ol.listaEnc ol, ol.listaEnc td {
color:#000000;
font-weight:normal;
}

ol.listaEnc ol {
padding-left:2%;
margin-left:2%;
}

div#informacion ol.listaEnc li ul {
list-style-type: disc;
margin-left:4%;
}
div#informacion ol.listaEnc ul li ul {
list-style-type: circle;
margin-left:2%;
}
div#informacion ol.listaEnc ul li ul li ul {
list-style-type: square;

}
div#informacion ol.listaEnc ul li ul li ul li ul {
list-style-type: circle;
}

div#informacion ol.listaEnc ul li ul li ul li ul li ul {
list-style-type: square;
}

ol.listaEnc p.negrita, ol.listaEnc ul.negrita, ol.listaEnc ol.negrita, ol.listaEnc td.negrita {
font-weight: bold;
}

/*---------------Fin de Listas ordenadas como encabezados--------------*/


.bloque {
display:block;

}

.flotarIzq {
float:left;
}

.flotarDch {
float:right;
}

.flotarNo {
float:none;
}


.clearB {
clear:both;
}

.clearR {
clear: right;
}

.clearL {
clear: left;
}

.bordeNegro {
border:#000000 solid .1em;

}
.bordeNo {
border:none;

}

td.td-textoSup {
vertical-align: top;

}

td.td-textoInf {
vertical-align: bottom;

}


/************************************** Fin - Clases varios ********/

/*---------------------ANCHOS --------------------------------------*/

.ancho100 {
	width: 100% !important;
}
.ancho98 {
	width: 98% !important;
}
.ancho95 {
	width: 95% !important;
}
.ancho90 {
	width: 90% !important;
}
.ancho85 {
	width: 85% !important;
}
.ancho80 {
	width: 80% !important;
}
.ancho75 {
	width: 75% !important;
}
.ancho70 {
	width: 70% !important;
}
.ancho65 {
	width: 65% !important;
}
.ancho60 {
	width: 60% !important;
}
.ancho55 {
	width: 55% !important;
}
.ancho50 {
	width: 50% !important;
}
.ancho45 {
	width: 45% !important;
}
.ancho40 {
	width: 40% !important;
}
.ancho35 {
	width: 35% !important;
}
.ancho33 {
	width: 33% !important;
}
.ancho30 {
	width: 30% !important;
}
.ancho25 {
	width: 25% !important;
}
.ancho20 {
	width: 20% !important;
}
.ancho15 {
	width: 15% !important;
}
.ancho14 {
	width: 14% !important;
}
.ancho13 {
	width: 13% !important;
}
.ancho12 {
	width: 12% !important;
}
.ancho11 {
	width: 11% !important;
}
.ancho10 {
	width: 10% !important;
}
.ancho5 {
	width: 5% !important;
}
/*--------------------- Fin ANCHOS --------------------------------------*/

/*---------------------MARGENES --------------------------------------*/

.margenAuto {
	margin: auto;
}

.margen50 {
	margin: 50% !important;
}
.margen45 {
	margin: 45% !important;
}
.margen40 {
	margin: 40% !important;
}
.margen35 {
	margin: 35% !important;
}
.margen30 {
	margin: 30% !important;
}
.margen25 {
	margin: 25% !important;
}
.margen20 {
	margin: 20% !important;
}
.margen15 {
	margin: 15% !important;
}
.margen10 {
	margin: 10% !important;
}
.margen5 {
	margin: 5% !important;
}
.margen4 {
	margin: 4% !important;
}
.margen3 {
	margin: 3% !important;
}
.margen2 {
	margin: 2% !important;
}
.margen1 {
	margin: 1% !important;
}
.margen0-5 {
	margin: 0.5% !important;
}
.margen0 {
	margin: 0% !important;
}

.margenSup50 {
	margin-top: 50% !important;
}
.margenSup45 {
	margin-top: 45% !important;
}
.margenSup40 {
	margin-top: 40% !important;
}
.margenSup35 {
	margin-top: 35% !important;
}
.margenSup30 {
	margin-top: 30% !important;
}
.margenSup25 {
	margin-top: 25% !important;
}
.margenSup20 {
	margin-top: 20% !important;
}
.margenSup15 {
	margin-top: 15% !important;
}
.margenSup10 {
	margin-top: 10% !important;
}
.margenSup5 {
	margin-top: 5% !important;
}
.margenSup4 {
	margin-top: 4% !important;
}
.margenSup3 {
	margin-top: 3% !important;
}
.margenSup2 {
	margin-top: 2% !important;
}
.margenSup1 {
	margin-top: 1% !important;
}
.margenSup0-5 {
	margin-top: 0.5% !important;
}
.margenSup0 {
	margin-top: 0% !important;
}

.margenInf50 {
	margin-bottom: 50% !important;
}
.margenInf45 {
	margin-bottom: 45% !important;
}
.margenInf40 {
	margin-bottom: 40% !important;
}
.margenInf35 {
	margin-bottom: 35% !important;
}
.margenInf30 {
	margin-bottom: 30% !important;
}
.margenInf25 {
	margin-bottom: 25% !important;
}
.margenInf20 {
	margin-bottom: 20% !important;
}
.margenInf15 {
	margin-bottom: 15% !important;
}
.margenInf10 {
	margin-bottom: 10% !important;
}
.margenInf5 {
	margin-bottom: 5% !important;
}
.margenInf4 {
	margin-bottom: 4% !important;
}
.margenInf3 {
	margin-bottom: 3% !important;
}
.margenInf2 {
	margin-bottom: 2% !important;
}
.margenInf1 {
	margin-bottom: 1% !important;
}
.margenInf0-5 {
	margin-bottom: 0.5% !important;
}
.margenInf0 {
	margin-bottom: 0% !important;
}

.margenIzq50 {
	margin-left: 50% !important;
}
.margenIzq45 {
	margin-left: 45% !important;
}
.margenIzq40 {
	margin-left: 40% !important;
}
.margenIzq35 {
	margin-left: 35% !important;
}
.margenIzq30 {
	margin-left: 30% !important;
}
.margenIzq25 {
	margin-left: 25% !important;
}
.margenIzq20 {
	margin-left: 20% !important;
}
.margenIzq15 {
	margin-left: 15% !important;
}
.margenIzq10 {
	margin-left: 10% !important;
}
.margenIzq5 {
	margin-left: 5% !important;
}
.margenIzq4 {
	margin-left: 4% !important;
}
.margenIzq3 {
	margin-left: 3% !important;
}
.margenIzq2 {
	margin-left: 2% !important;
}
.margenIzq1 {
	margin-left: 1% !important;
}
.margenIzq0-5 {
	margin-left: 0.5% !important;
}
.margenIzq0 {
	margin-left: 0% !important;
}

.margenDch50 {
	margin-right: 50% !important;
}
.margenDch45 {
	margin-right: 45% !important;
}
.margenDch40 {
	margin-right: 40% !important;
}
.margenDch35 {
	margin-right: 35% !important;
}
.margenDch30 {
	margin-right: 30% !important;
}
.margenDch25 {
	margin-right: 25% !important;
}
.margenDch20 {
	margin-right: 20% !important;
}
.margenDch15 {
	margin-right: 15% !important;
}
.margenDch10 {
	margin-right: 10% !important;
}
.margenDch5 {
	margin-right: 5% !important;
}
.margenDch4 {
	margin-right: 4% !important;
}
.margenDch3 {
	margin-right: 3% !important;
}
.margenDch2 {
	margin-right: 2% !important;
}
.margenDch1 {
	margin-right: 1% !important;
}
.margenDch0-5 {
	margin-right: 0.5% !important;
}
.margenDch0 {
	margin-right: 0% !important;
}
/*--------------------- Fin MARGENES --------------------------------------*/

/*-------------- Div para "aviso Localizador" en Oficina virtual ----------*/

.divLocalizador {
	margin-left:auto;
	margin-right:auto;
	width:35em;
	padding:1%;
	background-image: url(../img/fndAplicacion.jpg);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-color:#FFFFFF;
	border: #ebebeb solid 0.2em;
}

.textoLocalizador1 {
	font-size:1.2em; 
	font-weight:bold; 
	text-align:center;
	color: #006699; 
	background-color: #FFFFFF;
	margin-top:1.9%;
	margin-left:27%; 
	padding:0.5%; 

}

.textoLocalizador2 {
	font-size:1.2em; 
	font-weight:bold; 
	text-align:center; 
	margin-top:-1%;
}

/*------------------------------------------------------------ para fotos con pie de foto -----------------------------*/

.fotopieC25, .fotopieC50, .fotopieC75, .fotopieC100 {
	text-align: center;
	margin: 0 auto 0 auto;
}

.fotopieC75 .icono-ancla {
	display: none;
} 
.fotopieD25, .fotopieD50, .fotopieD75 {
	float:right;
	margin:0 0 0 1.5em;
}

.fotopieI25, .fotopieI50, .fotopieI75 {
	float:left;
	margin:0 1.5em 0 0;
}

.fotopieC25, .fotopieD25, .fotopieI25 {
	width:25%;
}

.fotopieC50, .fotopieD50, .fotopieI50 {
	width:50%;
}

.fotopieC75, .fotopieD75, .fotopieI75 {
	width:75%;
}

.fotopieC100 {
	width:100%;
}

.fotopieC25 img, .fotopieC50 img, .fotopieC75 img, .fotopieC100 img, .fotopieD25 img, .fotopieD50 img, .fotopieD75 img, .fotopieI25 img, .fotopieI50 img, .fotopieI75 img {
	width:100%;
}

.fotopieC25 p, .fotopieC50 p, .fotopieC75 p, .fotopieC100 p, .fotopieD25 p, .fotopieD50 p, .fotopieD75 p, .fotopieI25 p, .fotopieI50 p, .fotopieI75 p {
	text-align: justify;
	font-style:italic;
	margin-top:.5em;
	margin-bottom:.5em;
}

/*-----------------------------Fin para fotos con pie de foto ----------------------------------*/

/*------------------------- Para bloques de información como pág publicaciones -----------------*/

.bloqueInfo {
	margin-top:0;
	margin-bottom: 1em;
	margin-left: .5em;
	float: left;
	display:block;
	width:80%;
}

.bloqueInfo ul {
	padding:0%;
	margin-left: 3.5%;
}

.bloqueInfo ol {
padding:0%;
margin-left: 5%;
}

.bloqueInfo ol li ol {
list-style:lower-alpha;

}
.bloqueInfo ol li ol li ol {
list-style: upper-roman;

}

.bloqueInfo li {
	margin-top: 1.7%;
	margin-bottom: 1.7%;
}
.bloqueInfo table {
	margin-top: 1.7%;
	margin-bottom: 1.7%;
	border-collapse:collapse;
	border-top-width: .1em;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-left-color: #000000;
	border-left-width: .1em;
}
.bloqueInfo th {
	padding:.5%;
	background-color: #DFDFDF;
	text-align:center;
	border-right-width: 0.1em;
	border-bottom-width: .1em;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
}
.bloqueInfo td {
	padding:.5%;
	border-right-width: 0.1em;
	border-bottom-width: .1em;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
}

.tituloEncabezado {
	margin-top:0;

}

/*------------------------- Fin para bloques de información como pág publicaciones -----------*/

/*----------------------------estilos Campañas Ilegales----------------------------------*/

#cuerpo #informacion .bannerIlegalesBloque {
	width:20%;
	float:left;
	display:block;
	margin-right:2%;
}

#cuerpo #informacion .bannerIlegales, #cuerpo #informacion .bannerIlegales100 {
	background-color: #FFFFFF;
	background-image: url("../img/fndAplicacion.jpg");
	background-position: left bottom;
	background-repeat: repeat-x;
	border: 0.2em solid #EBEBEB;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:1em;
	padding: .5em;
	float:left;
	clear:both;
	width:93%;
	font-size: 1em;
	font-weight: bold;
	text-align:left;
}

.imgBannerIlegales {
	border: .15em solid #EBEBEB;
	width:40%;
	float:left;
	margin-right:5%;
}

#cuerpo #informacion .bannerIlegalesBloque a {
	text-decoration: none;	
}
	
#cuerpo #informacion .bannerIlegalesBloque a:hover {
	text-decoration: underline;
}

#cuerpo #informacion .texbannerIlegales {
	float: left;
	display: block;
	width:50%;
	margin-top:2%;	
}

#cuerpo #informacion #categoriasIlegales {
	display:block; 
    float: left;
    width: 77%;
	overflow:hidden;
	margin-bottom:2%;
}

#cuerpo #informacion .menuIlegales {
    float: left;
	margin:0%;
	padding:0% 0% 0% 8%;
	width:100%;
	list-style:none;
}

#cuerpo #informacion .menuIlegales li {
	float: left;
	text-align:center;
	margin: 0% 3% 1% -1.5%;
}

#cuerpo #informacion .menuIlegales a {
	background-color: #FFFFFF;
	background-image: url("../img/fndAplicacion.jpg");
	background-position: left bottom;
	background-repeat: repeat-x;
	display: block;
	padding: 1em;
	border: 0.2em solid #EBEBEB;
	font-weight: bold;
	text-decoration: none;
	white-space: pre;	
}

#cuerpo #informacion .menuIlegales a:hover {
	text-decoration: underline;
}

.textoIlegales {
	float: left;
	display:block;
    width: 77%;
}
/*------------------- FIN estilos Campañas Ilegales----------------------------------*/

/*------------------- estilos Pág. Información y ATT Ciudadano----------------------------------*/
.bannersAttCiu {
width: 100%;
padding-left:1%;
}
.bannersAttCiu img {
width: 22.5%;
margin-left:.5%;
padding:.5%;
border:#999999 solid .1em;

}
/*------------------- fin estilos Pág. Información y ATT Ciudadano-----------*/

/*------------------- estilos BannerIntDcha (BORRAR MÁS ADELANTE)----------------------------------*/
.BannerIntDcha {
float:right; 
border: #CCCCCC solid .1em; 
padding:.5em; 
margin-left:1em; 
background-image: url(../../diseno/img/fondo_ficha.jpg); 
background-position:bottom; 
background-repeat:repeat-x; 
}

.BannerIntDcha img {
float:left; 
margin-right:3%;
border:#d4d4d4 0.1em solid;

}
.BannerIntDcha img.icono-ancla {
float:none;

}
#indice .BannerIntDcha a {
display:block; 
text-align:left;
margin:9% 0 0 0;

}
/*------------------- fin estilos BannerIntDcha-----------*/

/*------------------- bannerInt (Para listados) ----------*/

#cuerpo #informacion ul.bannerInt, ul.bannerInt {
list-style-type:none;
margin: 0 0 0 1em;
}

#cuerpo #informacion ul.bannerInt li, ul.bannerInt li {
width:100%;
float: left; 
border: #CCCCCC solid .1em; 
padding:.5em;
background-color:#FFFFFF;
background-image: url(../../diseno/img/fondo_ficha.jpg); 
background-position:bottom; 
background-repeat:repeat-x;
margin:0 0 1em -1em;

}

#cuerpo #informacion ul.bannerInt li img, ul.bannerInt li img {
float:left; 
margin:1% 3% 1% 0;
border:#d4d4d4 0.1em solid;
vertical-align:middle;
}

#cuerpo #informacion ul.bannerInt li img.icono-ancla, ul.bannerInt li img.icono-ancla {
float:none;
}

#cuerpo #informacion ul.bannerInt li a, #indice ul.bannerInt li a { 
display:block; 
text-align:left;
}


/*------------fin estilos bannerInt (Para listados)-----------*/

/*------------------- estilos botonParrafo----------------------------------*/
p.botonParrafo, .botonParrafo {	
	margin: 0 0 2em 2em;
}

p.botonParrafo, .botonParrafo p {
	background: #FFFFFF;
	background-image: url(../img/fondo_ficha.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	padding: 1em; 
	display: inline-table;
	border:#CCCCCC solid .1em;
}

/*------------------- fin estilos botonParrafo-----------*/

/*------------------- estilos botonLista----------------------------------*/
#cuerpo #informacion ul.botonLista  {

/*	margin:0 auto;
	padding:0 0 0 3em;*/
	width: 100%;
	display: table;

}

#cuerpo #informacion ul.botonLista li {
	background-color: #FFFFFF;
	margin: 2%;
	padding: 2%;
	float: left;
	height: auto;
	min-height: 3em;
	width: 40%;
	list-style-type: none;
	border:#CCCCCC solid .1em;
	display:inline;
	text-align:center;
	line-height: 1.5em;
	background-image: url(../img/fondo_ficha.jpg);
	background-position: left bottom;
	background-repeat: repeat-x;

}

#cuerpo #informacion ul.botonLista li.listAnchoTotal {
width:88.5%;
}


#cuerpo #informacion ul.botonLista a {
font-weight:bold;
/*display:block;
padding:1em 0;
margin:-1em 0;*/


}

/*------------------- fin estilos botonLista-----------*/


/*-----------Listados columnas-------------------*/

#informacion #indice ul.columnas2, #informacion #indice ul.columnas3, #informacion #indice ul.columnas4, #informacion #indice ul.columnas5, /*<----Para zona indice / Para zona contenido ---->*/ #informacion ul.columnas2, #informacion ul.columnas3, #informacion ul.columnas4, #informacion ul.columnas5 { 
width:auto;
}

#informacion #indice ul.columnas2 li, #informacion #indice ul.columnas3 li, #informacion #indice ul.columnas4 li, #informacion #indice ul.columnas5 li, /*<----Para zona indice / Para zona contenido ---->*/  #informacion ul.columnas2 li, #informacion  ul.columnas3 li, #informacion ul.columnas4 li, #informacion ul.columnas5 li { 
float:left;
line-height:1.5em;
margin:.5% 1.5% .5% .5%;
padding:0;

}

#informacion ul.columnas2 li { 
width:48%;
}

#informacion ul.columnas3 li { 
width:31.3%; 
}

#informacion ul.columnas4 li { 
width:23%;
}

#informacion ul.columnas5 li { 
width:18%;
}
/*-----------Fin Listados columnas-------------------*/

/*-----------Listados columnas botones-------------------*/

#informacion #indice ul.columnas2boton, #informacion #indice ul.columnas3boton, #informacion #indice ul.columnas4boton, #informacion #indice ul.columnas5boton, /*<----Para zona indice / Para zona contenido ---->*/ #informacion ul.columnas2boton, #informacion ul.columnas3boton, #informacion ul.columnas4boton, #informacion ul.columnas5boton { 
width:auto;
padding:0;
margin:0;
list-style:none;
}

#informacion #indice ul.columnas2boton li, #informacion #indice ul.columnas3boton li, #informacion #indice ul.columnas4boton li, #informacion #indice ul.columnas5boton li, /*<----Para zona indice / Para zona contenido ---->*/  #informacion ul.columnas2boton li, #informacion  ul.columnas3boton li, #informacion ul.columnas4boton li, #informacion ul.columnas5boton li { 
float:left;
line-height:1.5em;
background: #FFFFFF;
background-image: url(../../diseno/img/fondo_ficha.jpg);
background-position: bottom;
background-repeat: repeat-x;
padding: 1.5%;
display: block;
border: #CCCCCC solid .1em;
margin:.5% 1% .5% 0%;
min-height: 3em;
vertical-align:middle;
}

#informacion ul.columnas2boton li { 
width:44.5%;
}

#informacion ul.columnas3boton li { 
width:29%; 
}

#informacion ul.columnas4boton li { 
width:20.5%;
}

#informacion ul.columnas5boton li { 
width:15.5%;
}
/*-----------Fin Listados columnas botones-------------------*/



/*--------------------------------------------- Eventos HMA - Toledo ------------------*/

#cuerpo #informacion .bloque-nav-eventoHMA {
	margin-right:2%;
	float:left;
	width:20%;
	padding:0;
}

#cuerpo #informacion .bloque-nav-eventoHMA .nav-eventoHMA {
	border: .1em solid #CCCCCC;	
	background-color: #FFFFFF;
	background-image: url("../img/fndAplicacion.jpg");
	background-position: left bottom;
	background-repeat: repeat-x;
	width:100%;
	margin-bottom:5%;
	font-weight: bold;
	text-align:left;
	display:block;
	clear:both;
	padding: 2%;
}

#cuerpo #informacion .nav-eventoHMA ul {
	display:block;
	margin-left:10%;
	list-style-image:url(../img/bullet_mapa2.gif);

}

#cuerpo #informacion .nav-eventoHMA li {
	margin:5% 0;
}

#cuerpo #informacion .nav-eventoHMA ul li ul {
	display:block;
	margin-left:6%;
	list-style-image: url(../img/vinetaDiscAzul.gif);

}

#cuerpo #informacion .nav-eventoHMA a#current_eventoHMA {
	color: #FF0000;
	text-decoration:none;
	display:block;
	padding: 1%;
	margin-right:.5em;

}

.formularioHMA {
	width:74%;
	margin: 0%;
	padding: 0 1.5% 1.5% 1.5%;
	/*border: 1px solid #CCCCCC;*/
	float:left;
}

/*.formularioHMA h1, .formularioHMA h2, .formularioHMA h3, .formularioHMA h4, .formularioHMA h5, .formularioHMA h6 {
	margin: 1% 0;
}*/

.formularioHMA table {
	background-color: #FFFFFF;
	margin: 2% 0;

}
.formularioHMA td {
	background-color: #FFFFFF;
	font-weight:bold;
	border: #CCCCCC solid .1em;
	padding:1%;
}

.formularioHMA select {
	font-size: 1em;
}

/*------------------------------------- Fin Eventos HMA - Toledo ------------------*/

/*---- btn en li de Industria MUH --------*/
.btn-infoPadding {background-color: #286D93; color: #fff !important; padding: 10px 15px; width: 40%; text-align: center;}
.btn-infoPadding a {text-decoration: none !important; color: #fff !important}
/*---- fin btn en li de Industria MUH --------*/