/* ----------------------------------------------------------------------------------
	Hoja de estilos global (FRAMEWORK)

	Desarrollado por Servicios Avanzados para las Instituciones S.L. (VIAVANSI)
	Contacto: comercial@viavansi.com
	http://www.viavansi.com	
	
	Encoding:	UTF-8
	Autor:		Juan G. Hurtado
	e-Mail:		jghurtado@viavansi.com
	
-------------------------------------------------------------------------------------
	Indice de contenidos
-------------------------------------------------------------------------------------
	1.MISC
		1.1.Estilos de reseteo
		1.2.Limpiado de contenedores con hijos flotantes
		1.3.Limpiado de elementos flotantes
		1.4.Flotados
		1.5.Ocultaciones
		1.6.Alineamientos de textos
		1.7.Posicionamiento de textos
		1.8.Clase CSS para debug
	2.GLOBALES
		2.1.Textos
		2.2.Listas
		2.3.Tablas
		2.4.Formularios
		2.5.Mensajes
	3.ANCHOS-GENERICOS
	4.MARGENES-PADDINGS
		4.1.Arriba
		4.2.Derecha
		4.3.Abajo
		4.4.Izquierda
	5.LAYOUTS-INTERNOS
		5.1.Anchos de columnas
		5.2.Espaciado antes de la columna
		5.3.Espaciado despues de la columna
---------------------------------------------------------------------------------- */

/* =1.MISC
---------------------------------------------------------------------------------- */

/* 1.1.Estilos de reseteo
---------------------------------- */
@import url(reset.css);

#body .main .content .content-elecciones .col-40 img {
	width: 100%;
	margin: 0;
}

#pie-dipu {
	margin: 1.5em 0;
	padding-right: 1em;
	text-align: right;
	clear: both;
}

	#pie-dipu a {
		display: inline;
		text-decoration: none;
		margin-left: 1.5em;
	}
	
		#pie-dipu img {
			border: 0;
			display: inline;
			margin-left: 1.5em;
		}

div.with-remove .result .acceder {
	background:url("../images/iconos/acceder.png") no-repeat scroll 0 0 transparent;
	display:block;
	height:16px;
	position:absolute;
	right:5px;
	text-indent:-3em;
	top:10px;
	width:15px;
}

div.content-encuestas div.with-remove div.result {
	padding-right: 60px;
}

.ico-pdf {
	background: url(../images/iconos/doc_pdf.png) no-repeat 0 50%;
	padding-left: 19px;
}

#migas strong {
	display: none;
}

#body #ultimoscontenidos {
	font-size: 1.1em;
}

	#body #ultimoscontenidos ul {
		border-top: 1px solid #eee;
		margin: 0;
		padding: 0;
	}
	
		#body #ultimoscontenidos ul li {
			border-bottom: 1px solid #eee;
			list-style-type: none;
			margin: 0;
			padding: 0.25em 0;
		}
		
			#body #ultimoscontenidos ul li .fecha {
				font-weight: bold;
				margin-right: 0.15em;
			}
			
			#body #ultimoscontenidos ul li a {
				text-decoration: none;
			}
			
			#body #ultimoscontenidos ul li a:focus,
			#body #ultimoscontenidos ul li a:hover {
				text-decoration: underline;
			}
			
			#body #ultimoscontenidos ul li em {
				color: #999;
				margin-left: 0.15em;
			}

#body ul.listadoIconos li.principal {
	background: url(../images/layout/icono_index_02.gif) no-repeat 0 50%;
	display: block;
	font-size 1.2em;
	padding: 1.5em 0.5em 1.5em 55px;
}

	#body ul.listadoIconos li a:focus,
	#body ul.listadoIconos li a:hover {
		text-decoration: underline;
	}

div.results li.odd,
div.results .odd li.odd {
	background: transparent;
	border-left: 0;
}

.content-gmaps .mapa {
	height: 350px;
}

.content-barra-20 {
	clear: both;
}

#preview embed, #preview object {
	width: 100%;
}

.noticia #preview embed, .noticia #preview object {
	display: block;
	margin: 0 auto;
	width: auto;
}

#body .main .content strong {
	color: #333;
}

.box {
	margin-bottom: 2.5em;
}

/* 1.2.Limpiado de contenedores con hijos flotantes
--------------------------------------------------- */
.clearfix:after, .grupo:after, .group:after {
	clear: both; 
	content: ".";
	display: block; 
	height: 0; 
	visibility: hidden;
}

/* 1.3.Limpiado de elementos flotantes
-------------------------------------- */
.clear, .limpiar {
	clear: both;
}

.clear-left, .limpiar-izquierda, .limpiar-izq {
	clear: left;
}

.clear-right, .limpiar-derecha, .limpiar-der {
	clear: right;
}

/* 1.4.Flotados
--------------- */
.left, .izquierda, .izq {
	float: left;
}

.right, .derecha, .der {
	float: right;
}

/* 1.5.Ocultaciones
------------------- */
.separador, .enlace-interno, .esconder, .separator, .internal, .hide {
	display: block;
	height: 1px;
	left: -999em;
	position: absolute;
	text-indent: -999em;
	top: -999em;
	visibility: hidden;
	width: 1px;
}

/* 1.6.Alineamiento de texto
---------------------------- */
.text-align-right, .align-right, .alinear-derecha, .alinear-der {
	text-align: right;
}

.text-align-left, .align-left, .alinear-izquierda, .alinear-izq {
	text-align: left;
}

.text-align-center, .align-center, .alinear-centro, .alinear-cen {
	text-align: center;
}

/* 1.7.Posicionamientos
----------------------- */
.relative, .relativo, .position-parent, .position-relative, .posicion-padre, .position-wrapper {
	position: relative;
}

.absolute, .absoluto, .position-child, .position-absolute, .posicion-hijo, .position-content {
	position: absolute;
}

.static, .estatico, .position-fixed, .posicion-fija, .posicion-normal {
	position: static;
}

/* 1.8.Clase CSS para debug
--------------------------- */
.debug-css {
	background: red;
	background: rgba(255, 0, 0, .5);
}

/* =2.GLOBALES
---------------------------------------------------------------------------------- */
#body .main .content img {
	margin: 0 1em;
}

/* 2.1.Textos
------------- */
p {
	margin-bottom: 0.75em;
}

h2, h3, h4, h5, h6, ul, ol, dl, table, fieldset, form, #body div.msg {
	margin-bottom: 1em;
}

/* 2.2.Listas
------------- */
#body li {
	list-style-position: inside;
}

#body .content li {
	list-style-position: outside;
	margin-left: 1em;
}

#body ul, #body ol {
	margin-left: 1em;
}
	
	/* Desordenadas */
	#body ul li {
		list-style-type: disc;
		margin-bottom: .25em;
	}

	/* Ordenadas */
	#body ol li {
		list-style-type: decimal;
		margin-bottom: .25em;
	}

/* De definición */
#body dl {
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.5em 0;
	overflow: hidden;
	width: 100%;
}
	
	#body dl dt {
		border-top: 1px solid #ddd;
		clear: left;
		float: left;
		font-weight: bold;
		margin: 0 0 0.5em 0;
		padding: 0.25em 0.5em;
		width: 30%;
	}
	
	#body dl dd {
		border-top: 1px solid #ddd;
		float: left;
		margin: 0 0 0.5em 2%;
		padding: 0.25em 0.5em;
		width: 63%;
	}
	
/* Con iconos */
#body ul.listadoIconos {
	border-top: 1px solid #eee;
	margin: 1.5em 0 0 0;
	padding: 0;
}

	#body ul.listadoIconos li {
		border-bottom: 1px solid #eee;
		list-style-type: none;
		padding: 0.45em 0;
	}
	
		#body ul.listadoIconos li a {
			text-decoration: none;
		}
		
			#body ul.listadoIconos li a img {
				vertical-align: middle;
			}
			
/* Galeria imágenes */
.image-gallery li {
	height: 150px;
	text-align: center;
	width: 120px;
}

#body .main .content .image-gallery li a img,
.image-gallery li a img {
	display: block;
	margin: 0 auto;
}
	
/* 2.3.Tablas
------------- */
table {
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	width: 100%;
}

	table th, table td {
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		padding: 0.25em;
	}
	
	table th {
		background: #aaa;
		border-left: 1px solid #aaa;
		color: #fff;
		text-align: left;
	}
	
/* 2.4.Formularios
------------------ */
form {
	width: 100%;
}

/* Grupos de campos */
fieldset {
	border: 1px solid #ddd;
	padding: 0.5em;
}

	fieldset legend {
		font-size: 1.35em;
		font-weight: bold;
		padding: 0 0.25em;
	}

/* Etiquetas */
label {}

/* Campos */
input, textarea, select {
	width: 50%;
	border: 1px solid #a9a9a9;
	font: 1.1em Arial, Helvetica, Verdana, sans-serif;
	padding: 0.15em;
}

/* Cajas de texto */
input.text {}

/* Areas de texto */
textarea {
	height: 8em;
	width: 90%;
}

/* Combos */
select {
	width: auto;
}

/* Botones radio */
.radio input {
	border: none;
	height: auto;
	width: auto;
}

/* Checkboxes */
.checkbox input {
	border: none;
	height: auto;
	width: auto;
}

/* Botones de submit */
input.button {
	background: #c1c1c1 url(../images/layout/back-search-btn.gif) repeat-x 0 0;
	cursor: pointer;
	height: auto;
	line-height: 1.2;
	padding: 0.15em 0.25em;
	width: auto;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

input.button:hover, input.button:focus {
	background: #c1c1c1 url(../images/layout/back-search-btn.gif) repeat-x 0 -20px;
	color: #fff;
}

/* 2.5.Mensajes
--------------- */
/* Marca de requerido */
#body strong.required {
	color: #8a1f11;
	font-style: italic;
}

/* Mensaje de error en campo de formulario */
#body span.error {
	color: #8a1f11;
	display: block;
}

/* Mensajes globales */
#body div.msg {
	border-bottom: 2px solid #ddd;
	border-top: 2px solid #ddd;
	padding: 0.75em;
}
	
	/* Mensaje de error */
	#body div.error {
		background: #FBE3E4;
		border-color: #FBC2C4;
		color: #8a1f11;
	}
	
		#body div.error a {
			color: #8a1f11;
		}
	
	/* Mensaje de exito */
	#body div.success {
		background: #E6EFC2;
		border-color: #C6D880;
		color: #264409;
	}
	
		#body div.success a {
			color: #264409;
		}
	
	/* Mensaje de warning */
	#body div.warning {
		background: #FFF6BF;
		border-color: #FFD324;
		color: #514721;
	}
	
		#body div.warning a {
			color: #514721;
		}
	#body div.info {
		background: #EAEAFF;
		border-color: #9191F4;
	}

/* =3.ANCHOS-GENERICOS
---------------------------------------------------------------------------------- */
.width-05,  .ancho-05  { width: 5%;   }
.width-10,  .ancho-10  { width: 10%;  }
.width-15,  .ancho-15  { width: 15%;  }
.width-20,  .ancho-20  { width: 20%;  }
.width-25,  .ancho-25  { width: 25%;  }
.width-30,  .ancho-30  { width: 30%;  }
.width-35,  .ancho-35  { width: 35%;  }
.width-40,  .ancho-40  { width: 40%;  }
.width-45,  .ancho-45  { width: 45%;  }
.width-50,  .ancho-50  { width: 50%;  }
.width-55,  .ancho-55  { width: 55%;  }
.width-60,  .ancho-60  { width: 60%;  }
.width-65,  .ancho-65  { width: 65%;  }
.width-70,  .ancho-70  { width: 70%;  }
.width-75,  .ancho-75  { width: 75%;  }
.width-80,  .ancho-80  { width: 80%;  }
.width-85,  .ancho-85  { width: 85%;  }
.width-90,  .ancho-90  { width: 90%;  }
.width-95,  .ancho-95  { width: 95%;  }
.width-100, .ancho-100 { width: 100%; }

/* =4.MARGENES-PADDINGS
---------------------------------------------------------------------------------- */
/* 4.1.Arriba
------------- */
.margin-top-0   { margin-top: 0;     }
.margin-top-0-5 { margin-top: 0.5em; }
.margin-top-1-0 { margin-top: 1em;   }
.margin-top-1-5 { margin-top: 1.5em; }
.margin-top-2-0 { margin-top: 2em;   }
.margin-top-2-5 { margin-top: 2.5em; }
.margin-top-3-0 { margin-top: 3em;   }
.margin-top-3-5 { margin-top: 3.5em; }
.margin-top-4-0 { margin-top: 4em;   }

.padding-top-0   { padding-top: 0;     }
.padding-top-0-5 { padding-top: 0.5em; }
.padding-top-1-0 { padding-top: 1em;   }
.padding-top-1-5 { padding-top: 1.5em; }
.padding-top-2-0 { padding-top: 2em;   }
.padding-top-2-5 { padding-top: 2.5em; }
.padding-top-3-0 { padding-top: 3em;   }
.padding-top-3-5 { padding-top: 3.5em; }
.padding-top-4-0 { padding-top: 4em;   }

/* 4.2.Derecha
-------------- */
.margin-right-0   { margin-right: 0;     }
.margin-right-0-5 { margin-right: 0.5em; }
.margin-right-1-0 { margin-right: 1em;   }
.margin-right-1-5 { margin-right: 1.5em; }
.margin-right-2-0 { margin-right: 2em;   }
.margin-right-2-5 { margin-right: 2.5em; }
.margin-right-3-0 { margin-right: 3em;   }
.margin-right-3-5 { margin-right: 3.5em; }
.margin-right-4-0 { margin-right: 4em;   }

.padding-right-0   { padding-right: 0;     }
.padding-right-0-5 { padding-right: 0.5em; }
.padding-right-1-0 { padding-right: 1em;   }
.padding-right-1-5 { padding-right: 1.5em; }
.padding-right-2-0 { padding-right: 2em;   }
.padding-right-2-5 { padding-right: 2.5em; }
.padding-right-3-0 { padding-right: 3em;   }
.padding-right-3-5 { padding-right: 3.5em; }
.padding-right-4-0 { padding-right: 4em;   }

/* 4.3.Abajo
------------ */
.margin-bottom-0   { margin-bottom: 0;     }
.margin-bottom-0-5 { margin-bottom: 0.5em; }
.margin-bottom-1-0 { margin-bottom: 1em;   }
.margin-bottom-1-5 { margin-bottom: 1.5em; }
.margin-bottom-2-0 { margin-bottom: 2em;   }
.margin-bottom-2-5 { margin-bottom: 2.5em; }
.margin-bottom-3-0 { margin-bottom: 3em;   }
.margin-bottom-3-5 { margin-bottom: 3.5em; }
.margin-bottom-4-0 { margin-bottom: 4em;   }

.padding-bottom-0   { padding-bottom: 0;     }
.padding-bottom-0-5 { padding-bottom: 0.5em; }
.padding-bottom-1-0 { padding-bottom: 1em;   }
.padding-bottom-1-5 { padding-bottom: 1.5em; }
.padding-bottom-2-0 { padding-bottom: 2em;   }
.padding-bottom-2-5 { padding-bottom: 2.5em; }
.padding-bottom-3-0 { padding-bottom: 3em;   }
.padding-bottom-3-5 { padding-bottom: 3.5em; }
.padding-bottom-4-0 { padding-bottom: 4em;   }

/* 4.4.Izquierda
---------------- */
.margin-left-0   { margin-left: 0;     }
.margin-left-0-5 { margin-left: 0.5em; }
.margin-left-1-0 { margin-left: 1em;   }
.margin-left-1-5 { margin-left: 1.5em; }
.margin-left-2-0 { margin-left: 2em;   }
.margin-left-2-5 { margin-left: 2.5em; }
.margin-left-3-0 { margin-left: 3em;   }
.margin-left-3-5 { margin-left: 3.5em; }
.margin-left-4-0 { margin-left: 4em;   }

.padding-left-0   { padding-left: 0;     }
.padding-left-0-5 { padding-left: 0.5em; }
.padding-left-1-0 { padding-left: 1em;   }
.padding-left-1-5 { padding-left: 1.5em; }
.padding-left-2-0 { padding-left: 2em;   }
.padding-left-2-5 { padding-left: 2.5em; }
.padding-left-3-0 { padding-left: 3em;   }
.padding-left-3-5 { padding-left: 3.5em; }
.padding-left-4-0 { padding-left: 4em;   }

/* =5.LAYOUTS-INTERNOS
---------------------------------------------------------------------------------- */
.grupo, .group {}

	.group .col-05, .group .col-10, .group .col-15, .group .col-20, .group .col-25,
	.group .col-30, .group .col-35, .group .col-40, .group .col-45, .group .col-50,
	.group .col-55, .group .col-60, .group .col-65, .group .col-70, .group .col-75,
	.group .col-80, .group .col-85, .group .col-90, .group .col-95, .group .col-100,
	.grupo .col-05, .grupo .col-10, .grupo .col-15, .grupo .col-20, .grupo .col-25,
	.grupo .col-30, .grupo .col-35, .grupo .col-40, .grupo .col-45, .grupo .col-50,
	.grupo .col-55, .grupo .col-60, .grupo .col-65, .grupo .col-70, .grupo .col-75,
	.grupo .col-80, .grupo .col-85, .grupo .col-90, .grupo .col-95, .grupo .col-100 {
		float: left;
	}
	
	.debug .group .col-05, .debug .group .col-10, .debug .group .col-15, .debug .group .col-20, .debug .group .col-25,
	.debug .group .col-30, .debug .group .col-35, .debug .group .col-40, .debug .group .col-45, .debug .group .col-50,
	.debug .group .col-55, .debug .group .col-60, .debug .group .col-65, .debug .group .col-70, .debug .group .col-75,
	.debug .group .col-80, .debug .group .col-85, .debug .group .col-90, .debug .group .col-95, .debug .group .col-100,
	.debug .grupo .col-05, .debug .grupo .col-10, .debug .grupo .col-15, .debug .grupo .col-20, .debug .grupo .col-25,
	.debug .grupo .col-30, .debug .grupo .col-35, .debug .grupo .col-40, .debug .grupo .col-45, .debug .grupo .col-50,
	.debug .grupo .col-55, .debug .grupo .col-60, .debug .grupo .col-65, .debug .grupo .col-70, .debug .grupo .col-75,
	.debug .grupo .col-80, .debug .grupo .col-85, .debug .grupo .col-90, .debug .grupo .col-95, .debug .grupo .col-100 {
		background: rgba(287,66,111,.25);
		outline: 1px solid rgba(87,66,211,.5);
	}
	
	/* 5.1.Anchos de columnas
	------------------------- */
	.group .col-05,  .grupo .col-05  { width: 5%;   }
	.group .col-10,  .grupo .col-10  { width: 10%;  }
	.group .col-15,  .grupo .col-15  { width: 15%;  }
	.group .col-20,  .grupo .col-20  { width: 20%;  }
	.group .col-25,  .grupo .col-25  { width: 25%;  }
	.group .col-30,  .grupo .col-30  { width: 30%;  }
	.group .col-35,  .grupo .col-35  { width: 35%;  }
	.group .col-40,  .grupo .col-40  { width: 40%;  }
	.group .col-45,  .grupo .col-45  { width: 45%;  }
	.group .col-50,  .grupo .col-50  { width: 50%;  }
	.group .col-55,  .grupo .col-55  { width: 55%;  }
	.group .col-60,  .grupo .col-60  { width: 60%;  }
	.group .col-65,  .grupo .col-65  { width: 65%;  }
	.group .col-70,  .grupo .col-70  { width: 70%;  }
	.group .col-75,  .grupo .col-75  { width: 75%;  }
	.group .col-80,  .grupo .col-80  { width: 80%;  }
	.group .col-85,  .grupo .col-85  { width: 85%;  }
	.group .col-90,  .grupo .col-90  { width: 90%;  }
	.group .col-95,  .grupo .col-95  { width: 95%;  }
	.group .col-100, .grupo .col-100 { width: 100%; }
	
	/* 5.2.Espaciado antes de la columna
	------------------------------------ */
	.group .prepend-05,  .grupo .prepend-05  { margin-left: 5%;   }
	.group .prepend-10,  .grupo .prepend-10  { margin-left: 10%;  }
	.group .prepend-15,  .grupo .prepend-15  { margin-left: 15%;  }
	.group .prepend-20,  .grupo .prepend-20  { margin-left: 20%;  }
	.group .prepend-25,  .grupo .prepend-25  { margin-left: 25%;  }
	.group .prepend-30,  .grupo .prepend-30  { margin-left: 30%;  }
	.group .prepend-35,  .grupo .prepend-35  { margin-left: 35%;  }
	.group .prepend-40,  .grupo .prepend-40  { margin-left: 40%;  }
	.group .prepend-45,  .grupo .prepend-45  { margin-left: 45%;  }
	.group .prepend-50,  .grupo .prepend-50  { margin-left: 50%;  }
	.group .prepend-55,  .grupo .prepend-55  { margin-left: 55%;  }
	.group .prepend-60,  .grupo .prepend-60  { margin-left: 60%;  }
	.group .prepend-65,  .grupo .prepend-65  { margin-left: 65%;  }
	.group .prepend-70,  .grupo .prepend-70  { margin-left: 70%;  }
	.group .prepend-75,  .grupo .prepend-75  { margin-left: 75%;  }
	.group .prepend-80,  .grupo .prepend-80  { margin-left: 80%;  }
	.group .prepend-85,  .grupo .prepend-85  { margin-left: 85%;  }
	.group .prepend-90,  .grupo .prepend-90  { margin-left: 90%;  }
	.group .prepend-95,  .grupo .prepend-95  { margin-left: 95%;  }
	.group .prepend-100, .grupo .prepend-100 { margin-left: 100%; }
	
	/* 5.3.Espaciado despues de la columna
	-------------------------------------- */
	.group .append-05,  .grupo .append-05  { margin-right: 5%;   }
	.group .append-10,  .grupo .append-10  { margin-right: 10%;  }
	.group .append-15,  .grupo .append-15  { margin-right: 15%;  }
	.group .append-20,  .grupo .append-20  { margin-right: 20%;  }
	.group .append-25,  .grupo .append-25  { margin-right: 25%;  }
	.group .append-30,  .grupo .append-30  { margin-right: 30%;  }
	.group .append-35,  .grupo .append-35  { margin-right: 35%;  }
	.group .append-40,  .grupo .append-40  { margin-right: 40%;  }
	.group .append-45,  .grupo .append-45  { margin-right: 45%;  }
	.group .append-50,  .grupo .append-50  { margin-right: 50%;  }
	.group .append-55,  .grupo .append-55  { margin-right: 55%;  }
	.group .append-60,  .grupo .append-60  { margin-right: 60%;  }
	.group .append-65,  .grupo .append-65  { margin-right: 65%;  }
	.group .append-70,  .grupo .append-70  { margin-right: 70%;  }
	.group .append-75,  .grupo .append-75  { margin-right: 75%;  }
	.group .append-80,  .grupo .append-80  { margin-right: 80%;  }
	.group .append-85,  .grupo .append-85  { margin-right: 85%;  }
	.group .append-90,  .grupo .append-90  { margin-right: 90%;  }
	.group .append-95,  .grupo .append-95  { margin-right: 95%;  }
	.group .append-100, .grupo .append-100 { margin-right: 100%; }
	
	
/* styles for mobile */
@media screen and (min-width: 480px) {
.show-responsive {
    display: none !important;
}
}