/* CSS Document */

/* @import url(https://fonts.googleapis.com/css?family=Noto+Serif:400,400italic); */
@import 'https://fonts.googleapis.com/css?family=Pathway+Gothic+One|Raleway:400';


body {
	-moz-background-size: auto;
	-webkit-background-size: auto;
	background-size: auto;
	width: auto;
	letter-spacing: 0.1em;
	font-size: 14px;
	/*	font-family: 'Noto Serif';
	font-family: 'Pathway Gothic One', sans-serif; */
	font-family: 'Raleway', sans-serif;
	-webkit-hyphens: auto;
	/* mantenimiento */
	-moz-hyphens: auto;
	hyphens: auto;
	height: 100%;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
	line-height: 1.5em;
	color: #000;
	background-color: #2771C2;
	background-image: url(../images/firulete_UOM.png);
	background-repeat: no-repeat;
	background-position: right;
	background-attachment: fixed;
	padding-top: 0%;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#encabezado_fijo {
	/*	border-bottom-width: .5ems; */
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5%;
	height: auto;
	background-color: #FFF;
	clear: both;
	z-index: 1200;
	background-image: url(../images/encabezado_small.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: fixed;
	background-attachment: fixed;
	float: left;
	margin-top: -10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.titulin {
	clear: both;
	width: 100%;
	font-size: 80%;
	letter-spacing: 0.09em;
	display: block;
	text-align: center;
/*	text-shadow: 1px 1px 2px #002; */
	float: none;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	background-color: #FFFFFF;
	color: #000;
	margin-bottom: 0.2em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-right: 0.2em;
	padding-left: 0.2em;
	line-height: normal;
	font-weight: bold;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
}

#muestro{
	position: fixed; 
	right: .6%;
	top: 180px;
	z-index: 5500;
	width: 30px;
	height: 65px;
	 -moz-border-radius: 50%; 
	 -webkit-border-radius: 50%;
	border-radius: 50%;  
	background-color: #111ac7;
	border: 3px solid #FFF;
	background-image: url(../images/sobre2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	outline: none;
}


.resumen {
	font-size: 80%;
	color: #000;
}



.fondo_marcador {
    text-decoration: none;
    background-color: #F3EA89;
    color: #666666; 
}

/*  MENU FIJO A LA IZQUIERDA VER...  */
#leftmenu {
    height: 100%;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-top: 20px;
}


#contiene_caja_palabra_busk2 {
	clear: both;
	width: 100%;
	padding-right: 0.5%;
	padding-bottom: 0.1em;
	padding-left: 0.5%;
	height: auto;
	float: left;
	border: 1px solid #F00;
	background-color: #000;
	display: block;
}
.caja_palabra_busk2 {
	height: auto;
	width: 23%;
	padding-left: 1%;
	float: left;
	padding-right: 1%;
	border: 1px solid #036;
	margin-right: 1%;
	margin-bottom: 5px;
	margin-left: 1%;
	background-color: #CBDCE7;
}
.resultado_palabras_bsk2 {
	font-size: 80%;
	color: #003366;
	text-align: center;
	/*	display: inline-block; */
	padding-top: 2px;
	width: 90%;
	font-weight: lighter;
	font-family: Calibri;
	text-transform: none;
	line-height: 0px;
	font-style: italic;
}
/* _________________________________________ */
/* ESTILOS PARA ZOOM DE IMAGENES SIMPLES !!! */
/* ----------------------------------------- */
.marko_z {
	width: 100px;
	height: 100px;
	/*  position: absolute; */

	left: 0;
	right: 0;
	top: 20px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.div-img_z {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.div-img_z.hidden {
  overflow: hidden;
}
.div-img_z .img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
}
.div-img_z:hover .img {
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
}
/* _________________________________________________ */
/*  FIN DE ESTILOS PARA ZOOM DE IMAGENES SIMPLES !!! */
/* ------------------------------------------------- */


.dias {
	font-size: 80%;
	color: #FFFFFF;
	text-align: center;
	display: inline-block;
	padding-top: 3px;
	line-height: normal;
	width: 70%;
	font-weight: lighter;
	font-family: Calibri;
	text-transform: uppercase;
}

.horas {
	font-size: 90%;
	color: #003366;
	font-weight: lighter;
	text-align: center;
	width: 100%;
	padding-top: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	font-family: Calibri;
}

.profesionales {
	text-align: left;
	clear: none;
	height: auto;
	color: #000;
	font-style: normal;
	font-size: 90%;
	float: left;
	line-height: normal;
	margin-bottom: 0.5em;
	padding-bottom: 0.1em;
	padding-top: 0.1em;
	width: auto;
	font-weight: lighter;
	font-family: Calibri;
}

.anio_X_cambios {
	font-family: verdana;
	font-size: 15px;
	font-weight: bold;
	background-color: #000000;
	display: block;
	height: auto;
	width: 97%;
	text-transform: uppercase;
	text-align: left;
	margin-left: 1%;
	padding-left: 1%;
	margin-right: 1%;
	clear: both;
	float: left;
	margin-top: 1em;
	padding-bottom: 5px;
	margin-bottom: 3px;
	padding-top: 3px;
	color: #FFF;
}
	
.meses_X_cambios {
	flex: 1;
	-webkit-flex: 1;
	clear: none;
	width: 8em;
	color: #000;
	height: 25px;
	background-color: #F2F2F2;
	font-weight: bold;
	border: 1px solid #000;
	font-size: 12px;
	line-height: 20px;
	vertical-align: middle;
	letter-spacing: 0.1em;
	margin-right: 5px;
	margin-left: 1%;
	display: block;
	float: left;
	margin-bottom: 10px;
	text-align: center;
}


#marco_videos {
	margin-left: 0.6em;
	float: left;
	height: 190px;
	width: auto;
	display: block;
	clear: none;
	background-color: #000;
	margin-right: 0.6em;
	margin-bottom: 1em;
}
#marco_pdf {
	float: left;
	height: auto;
	width: 150px;
	display: block;
	clear: none;
	background-color: #FFF;
	border: 10px solid #F60;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	margin: 5px;
	text-align: center;
	vertical-align: middle;
	line-height: normal;
	font-weight: bold;
	padding-top: 30px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 30px;
}

#copete {
	float: left;
	height: 100px;
	width: 100%;
	display: block;
	clear: right;
	background-color: #FFF;
	background-image: url(../images/encabezado_1.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

#cierre_bloque {
	float: left;
	height: 1px;
	width: 100%;
	display: inline-block;
	clear: right;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #039;
	margin-bottom: 5px;
}

/*
.x_anker{
	height: 2em;
	width: auto;
	margin-bottom: .5em;
	display: block;
	background-color: #DAEEEF;
	color: #000;
	font-size: 90%;
	letter-spacing: 0.2em;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #000;
	font-weight: normal;
	padding-top: 1em;
	padding-top: 0.3em;
	padding-right: 0.5em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
	margin-top: 0.5em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
*/

.x_anker{
	height: 1px;
	width: auto;
	display: inline-block;
	clear: both;
	float: left;
	margin: 0em;
	padding: 0em;
}

.zoom{
	/* Aumentamos la anchura y altura durante 2 segundos */
	transition: width 0.1s, height 0.1s, transform 0.1s;
	-moz-transition: width 0.1s, height 0.1s, -moz-transform 0.1s;
	-webkit-transition: width 0.1s, height 0.1s, -webkit-transform 0.1s;
	-o-transition: width 0.1s, height 0.1s,-o-transform 0.1s;
	height: auto;
	width: 150px;
	padding: .1em;
}
.zoom2{
	/* Aumentamos la anchura y altura durante 2 segundos */
/*	transition: width 1s, height 1s, transform 1s;
	-moz-transition: width 1s, height 1s, -moz-transform 1s;
	-webkit-transition: width 1s, height 1s, -webkit-transform 1s;
	-o-transition: width 1s, height 1s,-o-transform 1s;  */
	height: auto;
	width: auto;
	padding: 0em;
	border: 20px solid #CCC;
	z-index: 9000;
	display: block;
	background-color: #CCC;
}
.zoom:hover{
	/* tranformamos el elemento al pasar el mouse por encima al doble de
           su tamaño con scale(2). */
	transform : scale(0.1);
	-moz-transform : scale(0.1);      /* Firefox */
	-webkit-transform : scale(0.1);   /* Chrome - Safari */
	-o-transform : scale(0.1);
	z-index: 1;
}

.funciones{
	background-color: #E9E9E9;
	font-weight: lighter;
	width: 65%;
	height: auto;
	display: block;
	float: right;
	margin-right: 5%;
	padding-top: 0.3em;
	padding-right: .7em;
	padding-bottom: 0.3em;
	padding-left: .7em;
}

#header {
	padding: 0px;
	margin-top: -10em;
	margin-right: 0px;
	margin-bottom: 0em;
	margin-left: 0px;
	
	
	background-image: url(../images/encabezado_1.png);
	background-repeat: no-repeat;
	background-position: left 0px;
	padding-top: 100px;	
}





}


.container {
	height: auto;
	width: 100%;
	float: left;
	bottom: 0px;
}	


#contenedor {
	/*	max-width: 1200px; */
	max-width: 1240px;
	min-width: 300px;
	width: 100%;
	display: block;
	float: none;
	clear: both;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#contiene_fotos {
	width: 100%;
	clear: both;
	float: left;
	background-image: url(../images/transpa01.png);
	background-repeat: repeat;
	display: block;
	padding-top: .5em;
	padding-bottom: .5em;
}


.contiene_video_informativo {
	float: left;
	margin-top: 0.5em;
	color: #333;
	text-decoration: underline;
	display: inline-block;
	clear: none;
	height: auto;
	width: 350px;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
}

.foto_derecha {
	text-decoration: none;
	float: right;
	clear: none;
	/*	-webkit-box-shadow: 5px 5px 5px #999;
	-moz-box-shadow: 5px 5px 5px #999;
	filter: shadow(color=#999999, direction=135, strength=2); */
	height: auto;
	text-align: justify;
	vertical-align: text-bottom;
	/*	width: 150px; */
	font-size: 70%;
	color: #000;
	width: 24%;
	font-style: italic;
	line-height: 1.2em;
	font-weight: bold;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 0.3em;
	margin-top: 0.5em;
/*	margin-right: 1em; */
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
}


.todo_columnas_abm {
	clear: both;
    width: 80%;
    padding-top: 1.5em;
    padding-right: 0.5em;
    padding-bottom: 1em;
    padding-left: 0.5em;
    height: auto;
    margin-top: 20em;
    background-color: #FFF;
    display: block;
    margin-left: 10%;
    margin-bottom: 1em;
}
 
.sec_actual_abm {
	display: block;
	margin: 0px;
	padding: 0px;
	clear: right;
	float: left;
	width: 100%;
	position: fixed;
	z-index: 800;
}

.selec_flotante {
	display: block;
	padding: 3px;
	clear: both;
	float: left;
	width: 100%;
	position: fixed;
	z-index: 800;
	margin-top: -35px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: bold;
	color: #000;
	letter-spacing: .2em;
	font-size: 120%;
	background-color: #FFF;
}

.foto_derecha_abm {
	text-decoration: none;
	float: right;
	clear: none;
	margin-top: 0.6em;
	margin-right: 0.5em;
	margin-bottom: 1em;
	margin-left: 0.3em;
	/*	-webkit-box-shadow: 5px 5px 5px #999;
	-moz-box-shadow: 5px 5px 5px #999;
	filter: shadow(color=#999999, direction=135, strength=2); */
	height: auto;
	text-align: justify;
	vertical-align: text-bottom;
	/*	width: 150px; */
	font-size: 70%;
	color: #000;
	width: 20%;
	padding-top: 0.3em;
	padding-bottom: 0.5em;
	padding-left: 0.9em;
	padding-right: 0.2px;
	font-style: italic;
	text-transform: uppercase;
}

.foto_derecha_plus {
	text-decoration: none;
	float: right;
	clear: none;
	margin-top: 0.6em;
	margin-right: 0.7em;
	margin-bottom: 0.6em;
	margin-left: 0.5em;
	/*	-webkit-box-shadow: 5px 5px 5px #999;
	-moz-box-shadow: 5px 5px 5px #999;
	filter: shadow(color=#999999, direction=135, strength=2); */
	height: auto;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	text-align: left;
	vertical-align: text-bottom;
	/*	width: 150px; */
	font-size: 70%;
	color: #000;
	width: 45%;
	text-indent: 0.4;
	font-style: italic;
	padding-right: 0.2em;
	padding-left: 0.4em;
	line-height: 1em;
}


.fotito_album {
	text-decoration: none;
	float: left;
	clear: none;
	display: block;
	/*	background-position: center; */
	font-weight: lighter;
	/*	background-color: #DFEAE6; */
	text-align: left;
	/*	color: #000; */
/*	background-color: #FFF; */
	text-transform: uppercase;
	margin: 0.2em;
	/* height: 150px; */  
	width: auto;
	max-height: 200px;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 2em;
	padding-left: 0.5em;
}



.fotito_album2 {
	text-decoration: none;
	float: left;
	clear: none;
	display: block;
	background-position: center;
	font-weight: lighter;
	/*	background-color: #DFEAE6; */
	text-align: left;
	color: #000;
	background-color: #FFF;
	text-transform: uppercase;
	padding: 0.5em;
	margin: 0.2em;
	height: 150px;/*	width: 250px; */
}



.fotito_izquierda {
	text-decoration: none;
	float: left;
	clear: none;
	height: auto;
	text-align: left;
	vertical-align: text-bottom;
	width: 24%;
	font-size: 70%;
	font-weight: normal;
	/*	color: #FFF; */
	color: #000;
	margin-top: 0.4em;
	/*	margin-right: .9em; */
	margin-bottom: 0.5em;
	/*	background-color: #666; */
	padding-bottom: 0.3em;
	text-indent: 0.2;
	line-height: 1.2em;
	font-style: italic;
	padding-right: 2%;
	letter-spacing: 0.1em;
	display: block;
}

.fotito_derecha {
	text-decoration: none;
	float: right;
	clear: none;
	height: auto;
	text-align: left;
	vertical-align: text-bottom;
	width: 24%;
	font-size: 70%;
	font-weight: normal;
	/*	color: #FFF; */
	color: #000;
	margin-top: 0.4em;
	/*	margin-right: .9em; */
	margin-bottom: 0.5em;
	/*	background-color: #666; */
	padding-bottom: 0.3em;
	text-indent: 0.2;
	line-height: 1.2em;
	font-style: italic;
	letter-spacing: 0.1em;
	display: block;
	padding-left: 2%;
	padding-top: 3em;
}

.fotito_izquierda_auto {
	text-decoration: none;
	float: left;
	clear: none;
	height: auto;
	text-align: left;
	vertical-align: text-bottom;
	width: auto;
	font-size: 70%;
	font-weight: normal;
	/*	color: #FFF; */
	color: #000;
	margin-top: 0.4em;
	margin-right: .9em;
	margin-bottom: 1em;
	/*	background-color: #666; */
	padding-bottom: 0.3em;
	text-indent: .2em;
	line-height: 1em;
	font-style: italic;
	padding-right: .5em;
}




.fotito_izquierda_sm {
	text-decoration: none;
	clear: none;
	/*	height: auto; */
	height: 150px;
	/*	width: auto; */
/*	width: 200px; */
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	font-size: 80%;
	font-style: italic;
	color: #000;
	line-height: 1em;
	float: left;
	display: block;
	margin-right: 0.5em;
	padding-right: .2em;
	margin-left: 0.2em;
	padding-left: .5em;
}

.fotito_izquierda_ultra_sm {
	text-decoration: none;
	float: left;
	clear: none;
	height: auto;
	width: 20%;
	padding: 0.5em;
	margin-top: .5em;
	margin-bottom: .5em;
	display: block;
	text-align: left;
	margin-right: .5em;
}


.fotito_izquierda_index_sm {
	float: left;
	width: 120px;
	padding-top: 0.2em;
	padding-right: .4em;
	padding-bottom: 0.2em;
	padding-left: 0.2em;
}


.foto_izquierda {
	text-decoration: none;
	float: left;
	clear: none;
	margin-top: 0.6em;
	margin-right: 2em;
	margin-bottom: 0.4em;
	margin-left: 0.3em;
	border: 1px solid #999;
	background-color: #99F;
	/*	-webkit-box-shadow: 5px 5px 5px #999;
	-moz-box-shadow: 5px 5px 5px #999;
	filter: shadow(color=#999999, direction=135, strength=2); */
	height: auto;
	padding-top: 0.3em;
	padding-right: 0.35em;
	padding-bottom: 0.3em;
	padding-left: 0.4em;
	text-align: left;
	vertical-align: text-bottom;
	width: auto;
	font-size: 80%;
	font-weight: bold;
	color: #FFF;
	line-height: .8em;
}

.foto_album {
	text-decoration: none;
	float: left;
	clear: none;
	margin-top: 0.6em;
	margin-right: 2em;
	margin-bottom: 0.4em;
	margin-left: 0.3em;
	border: 1px solid #999;
	background-color: #99F;
	/*	-webkit-box-shadow: 5px 5px 5px #999;
	-moz-box-shadow: 5px 5px 5px #999;
	filter: shadow(color=#999999, direction=135, strength=2); */
	height: auto;
	padding-top: 0.3em;
	padding-right: 0.35em;
	padding-bottom: 0.3em;
	padding-left: 0.4em;
	text-align: left;
	vertical-align: text-bottom;
	width: auto;
	font-size: 80%;
	font-weight: bold;
	color: #FFF;
}

.zoom{
        /* Aumentamos la anchura y altura durante 2 segundos */
        transition: width 2s, height 2s, transform 2s;
        -moz-transition: width 2s, height 2s, -moz-transform 2s;
        -webkit-transition: width 2s, height 2s, -webkit-transform 2s;
        -o-transition: width 2s, height 2s,-o-transform 2s;
}
.zoom:hover{
        /* tranformamos el elemento al pasar el mouse por encima al doble de
           su tamaño con scale(2). */
        transform : scale(1.2);
        -moz-transform : scale(1.2);      /* Firefox */
        -webkit-transform : scale(1.2);   /* Chrome - Safari */
        -o-transform : scale(1.2);        /* Opera */
}
/* .foto_izquierda {
	clear: none;
	width: auto;
	float: left;
	display: block;
	margin: 0.5em;
	border: 2px solid #333;
} */


/* este efecto no se usa ahora...
img {
    margin: 25px;
    opacity: 0.8;
    border: 10px solid #eee;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1)));
}
 
img:hover {
    opacity: 1;
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
    -webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
    -moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
    box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
}
*/


.ul navegacion {
	padding:20px;
	background:#CF9;
	margin:5% auto;
	width:90%;
	border:1px solid #666;
	list-style-type: none; 
}
.ul navegacion li{
	margin:10%;
	border:1px solid #fff;
	background:#c9830a;
}
.ul navegacion li a{
	display:block;
	color: #fff;
	text-decoration:none;
	font-size; 20px; 	
	padding: 10px;
}
.ul navegacion {
	display: -webkit-flex;
	display: flex;	
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap; 
	justify-content: space-around; 
	-ms-justify-content: space-around; 
	flex-flow: row wrap;
}


#flotante1 {
	height: auto;
	width: auto;
	padding-top: 1em;
	display: block;
	clear: none;
	float: right;
	margin-top: 2em;
	padding-bottom: 1em;
	background-attachment: fixed;
	z-index: 1100;
}

#b_n{

border: none;
	
}


#modulo {
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
/*	justify-content: space-around; */
	margin-top: .1rem;
	z-index: 100;/*	font-family: 'Noto Serif', serif; */
}

#modulo_spc {
	
min-height: 100%;
margin-bottom: -50px; 
position: relative;
/* background-color: #EAEAEA; */	
	
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	/*	justify-content: space-around; */

/*	margin-top: 13rem; */
/*	margin-top: 9rem;  */
	
		margin-top: .01rem; 
	
	z-index: 100;/*	font-family: 'Noto Serif', serif; */
/*	background-color: #06C; */
}


.clear{
    height: 50px; 
/*	height: auto;  */
	clear: both;
/*	background-color: #FFEAEA; */
}

#footer {
/*  ESTO ES IMPORTANTE */	
	height: auto;
	width: 100%;
	position: relative;
/*	background-color: #06C; */
}



/*
.modulo-item{
	order: 0;
	width: auto;
	-webkit-order: 0;
	width: auto;
	-ms-order: 0;
	width: auto;
}
*/

.abarca-pie{
	width: 33.3%;
	height: auto;
	margin-left: 2%;
	display: block;
	clear: none;
	float: left;
}

		
#modulo_pie {
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	justify-content: space-around;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	margin-top: 1em;
	margin-bottom: 0.5em;
	clear: both;
	width: 100%;
	background-color: #FFF;
	padding: 1%;
}
		

.dos_tres{
	/*	margin-top: 9.4rem; */
	margin-top: 7rem;
	position: relative;
	width: 35%;
}				


.uno {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 1;
	-webkit-order: 1;
	-ms-order: 1;
	/*	border-radius: 10px;
	-webkit-border-radius: 10px;  /* Safari  */
/*	-ms-border-radius: 10px;     /* Firefox */
	margin-top: 13rem;
	margin-right: 0.5rem;
	margin-bottom: 1rem;
	margin-left: 0.5rem;
	padding-top: 1rem;
	padding-right: 1rem;
	padding-bottom: 1.5rem;
	padding-left: 1rem;
	background-image: url(../images/transpa02.png);
	background-repeat: repeat;
	position: fixed;
	left: 0;
	width: 15rem;
	color: #333;
		}


/*
.uno {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 1;
	-webkit-order: 1;
	-ms-order: 1;
	/*	
	border-radius: 5px;
	-webkit-border-radius: 5px;  /* Safari  */
/*	-ms-border-radius: 5px;     /* Firefox */ 
	/*	margin-top: 30rem;  */
/*	margin-right: 0.5rem;
	margin-bottom: 1rem;
	margin-left: 0.5rem;
	padding-top: 1rem;
	padding-right: 1rem;
	padding-bottom: 1.5rem;
	background-image: url(../images/transpa02.png);
	background-repeat: repeat;
	border: 1px solid #FFF;
	height: auto;
	/* desde aqui a prueba */
	
/*	margin-top: 13rem;
	position: fixed;
	width: 20%;
	padding-left: 1rem;
	color: #333;
	float: left;
	clear: right;
	display: block;
}
*/



.dos{
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 2;
	-webkit-order: 2;
	-ms-order: 2;
	color: #003;
	letter-spacing: 0.1rem;
	color: #333;
	/*	height: 25rem; */
	/* width: 24%; */
	width: 100%;

	margin: .5rem; 
	padding: .5rem;
	padding-top: .5rem;
	padding-right: 1%;
	/*	padding-bottom: 3%; */
	padding-left: 1%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 1em;	/*	margin-top: -1em; */
}
		
		
.tres {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 3;
	-wbkit-order: 3;
	-ms-order: 3;
/*	border-radius: 5px;
	-webkit-border-radius: 5px;  /* Safari  */
/*	-ms-border-radius: 5px; */
	color: #003;

	letter-spacing: .1rem;
	background-image: url(../images/transpa02.png);
	background-repeat: repeat;
	color: #333;
	height: auto;
	width: 46%;
	padding-top: 0.5em;
	padding-right: 1%;
	padding-bottom: 1em;
	padding-left: 1%;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFF;
	border-left-color: #FFF;
}
		
.cuatro {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 1;
	-wbkit-order: 1;
	-ms-order: 1;
	clear: both;
	width: 96%;
	padding-right: 2%;
	padding-bottom: 1em;
	padding-left: 2%;
	color: #333;
	height: auto;
	background-color: #FFFFFF;
}

/* __________________________________________________________ */
/*  ESTILOS DE UNA, DOS y TRES COLUMNAS DISOCIADAS.... */
/* __________________________________________________________ */

.todo_columnas {
	clear: both;
	width: 80%;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 1em;
	padding-left: 0.5em;
	height: auto;
	margin-top: 24em;
	background-color: #FFF;
	display: block;
	margin-left: 10%;
	margin-bottom: 1em;
}

.todo_columnas_A {
	clear: both;
	width: 80%;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 1em;
	padding-left: 0.5em;
	height: auto;
	margin-top: 1em;
	display: block;
	margin-left: 10%;
*/
	margin-bottom: 1em;
	background-color: #FFF;
}


.todo_columnas_B {
	clear: both;
	width: 90%;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 1em;
	padding-left: 0.5em;
	height: auto;
	margin-top: 1em;
	display: block;
	margin-left: 5%;
	/*	margin-bottom: 1em; */
	margin-bottom: 0.1em;
	z-index: 800;
	margin-right: 5%;
	background-color: #FFF; 
	/* background-image: url(../images/transpa08.png); */
}


.todo_columnas_C {
	clear: both;
	/*	width: 90%; */
	width: 100%;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5ex;
	height: auto;
	height: 400px;
	margin-top: 1em;
	display: block;
	/*	margin-left: 5%; */
	margin-bottom: 0.5em;
}

.ruptura {
	clear: both;
	/*	width: 90%; */
	width: 100%;
	padding-top: 0px;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0ex;
	height: auto;
	height: 1px;
	display: block;
	margin: 0px;
}



.todo_columnas_autoridades {
	clear: both;
	width: 80%;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 1em;
	padding-left: 2%;
	height: auto;
	margin-top: 33em;
	background-color: #FFF;
	display: block;
	margin-left: 10%;
	margin-bottom: 3em;
	float: left;
}

.todo_columnas_2 {
	clear: both;
	width: 94%;
	padding-top: 0.1em;
	padding-bottom: 1em;
	height: auto;
	margin-top: 5em;
	margin-left: 3%;
	background-color: #FFF;
	padding-right: 0.2em;
	padding-left: 0.3em;
}


.cada_bloque {
	clear: both;
	width: 100%;
	height: auto;
	display: block;
}


.porc_100 {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 1;
	-wbkit-order: 1;
	-ms-order: 1;
	clear: both;
	width: 100%;
	padding-right: 0.5%;
	padding-bottom: 0.1em; 
	padding-left: 0.5%;
	height: auto;
}


.porc_50_index {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 1;
	-wbkit-order: 1;
	-ms-order: 1;
	/*	letter-spacing: .1rem; */
	height: 140px;
	width: 47%;
	float: left;
	display: block;
	clear: none;
	font-size: 80%;
	color: #000;
	margin-top: 0.5em;
	margin-bottom: 1em;
	margin-right: 2%;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	margin-left: 1%;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 2%;
	background-color: #DCE3C4;
	line-height: normal;
}

.porc_50_index_X {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 1;
	-wbkit-order: 1;
	-ms-order: 1;
	font-size: 90%;
	padding-right: 2%;
	display: block;
	clear: none;
	float: left;
	text-align: left;
	height: 90px;
	width: 48%;
	color: #333;
	background-color: #D2E0E6;
	border: 1px solid #999;
	border-radius: 5px;
	-webkit-border-radius: 5px;  /* Safari  */
	-ms-border-radius: 5px;
	margin-left: 1%;
	padding-left: 2%;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	line-height: normal;
	vertical-align: middle;
	margin-right: 1%;
	text-transform: uppercase;
	background-image: url(../images/angulo_uom.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-weight: lighter;
	font-style: italic;
}




.porc_50_2_V {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 2;
	-wbkit-order: 2;
	-ms-order: 2;

	letter-spacing: .1rem;
	height: auto;
	width: 50%;
	padding-top: 0.5em;
	/*	padding-right: 0.5%; */
	padding-bottom: 1em;
	/*	float: left; */
/*	float: right; */	 
	color: #066;
	float: left;
}


.porc_50_1 {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 1;
	-wbkit-order: 1;
	-ms-order: 1;

	letter-spacing: .1rem;
	height: auto;
	width: 47%;
	padding-top: 0.5em;
	padding-right: 1%; 
	padding-bottom: 1em;
/*	padding-left: 1%; */
	float: left;
}


.porc_50_2 {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 2;
	-wbkit-order: 2;
	-ms-order: 2;

	letter-spacing: .1rem;
	height: auto;
	width: 50%;
	padding-top: 0.5em;
	padding-right: 0.5%;
	padding-bottom: .5em;
	padding-left: 1.5%;
	float: left;
}

.porc_33_1 {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 1;
	-wbkit-order: 1;
	-ms-order: 1;

	letter-spacing: .1rem;
	height: auto;
	width: 30%;
	padding-top: 0.5em;
	padding-bottom: 1em;
	float: left;
	padding-left: 2.7%;
}



.porc_33_2 {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 2;
	-wbkit-order: 2;
	-ms-order: 2;

	letter-spacing: .1rem;
	height: auto;
	width: 33%;
	padding-top: 0.5em;
	padding-bottom: 1em;
	float: left;
	padding-left: 2.7%;
}


.porc_33_3 {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 3;
	-wbkit-order: 3;
	-ms-order: 3;

	letter-spacing: .1rem;
	height: auto;
	width: 30%;
	padding-top: 0.5em;
	padding-bottom: 1em;
	float: left;
	padding-left: 2.7%;
}

.porc_25_1 {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 1;
	-wbkit-order: 1;
	-ms-order: 1;

	letter-spacing: .1rem;
	height: auto;
	width: 22%;
	padding-top: 0.5em;
	padding-bottom: 1em;
	padding-left: 2%;
	float: left;
	padding-right: 1%;
}
.porc_25_2 {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 2;
	-wbkit-order: 2;
	-ms-order: 2;

	letter-spacing: .1rem;
	height: auto;
	width: 25%;
	padding-top: 0.5em;
	padding-bottom: 1em;
	padding-left: 2%;
	float: left;
	padding-right: 1%;
}

.porc_25_2_busk2 {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 2;
	-wbkit-order: 2;
	-ms-order: 2;

	letter-spacing: .1rem;
	height: auto;
	width: 23%;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	float: left;
	padding-right: 1%;
	border: 2px solid #666;
	margin-right: 1%;
	margin-left: 1%;
	background-image: url(../images/transpa08.png);
	background-repeat: repeat;
	margin-bottom: 5px;
}

.porc_25_3 {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 3;
	-wbkit-order: 3;
	-ms-order: 3;

	letter-spacing: .1rem;
	height: auto;
	width: 22%;
	padding-top: 0.5em;
	padding-bottom: 1em;
	padding-left: 2%;
	float: left;
	padding-right: 1%;
}
.porc_25_4 {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 4;
	-wbkit-order: 4;
	-ms-order: 4;

	letter-spacing: .1rem;
	height: auto;
	width: 22%;
	padding-top: 0.5em;
	padding-bottom: 1em;
	padding-left: 2%;
	float: left;
	padding-right: 1%;
}

/* ________________________________________________________________ */
/*  FIN DE ESTILOS DE UNA, DOS, TRES y CUATRO COLUMNAS DISOCIADAS   */
/* ________________________________________________________________ */


.seleccion {
	color: #FFF;
	letter-spacing: 0.3em;
	line-height: 1em;
	margin-top: 0.3em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0.5em;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
	background-color: #000000;
	clear: none;
	float: left;
	display: inline-block;
	font-size: 50%;
	border: 1px solid #FFF;
	text-align: center;
	font-weight: normal;
	text-decoration: underline;
	right: 0px;
}	




.seleccion2 {
	font-size: 60%;
	color: #FFFF00;
	font-weight: bold;
	margin-right: 1px;
	margin-left: 1px;
	letter-spacing: 0.2em;
	background-color: #FF0000;
	text-align: center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000;
	border-bottom-color: #000;
	float: left;
	padding-top: 0.1em;
	padding-right: 0.3em;
	padding-bottom: 0.1em;
	padding-left: 0.3em;
}
.seleccion3 {
	font-size: 100%;
	color: #FFFFFF;
	font-weight: bold;
	margin-right: 2px;
	margin-left: 2px;
	letter-spacing: 0.2em;
	background-color: #000000;
	text-align: center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}


.membrete {
	font-size: 50%;
	color: #FFFFFF;
	font-weight: lighter;
	margin-right: 2px;
	margin-left: 2px;
	letter-spacing: 0.1em;
	background-color: #000000;
	text-align: center;
	display: block;
	width: auto;
	clear: none;
	padding-right: 0.1em;
	padding-left: 0.1em;
}

.membrete2 {
	font-size: 70%;
	color: #000000;
	font-weight: normal;
	margin-right: 2px;
	margin-left: 2px;
	letter-spacing: normal;
	text-align: center;
	display: block;
	width: auto;
	clear: none;
	padding-right: 2em;
	padding-left: 2em;
}

.mantenimiento {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 1;
	-wbkit-order: 1;
	-ms-order: 1;
	clear: both;
	/*	width: 96%; */
	width: 90%;
	padding-right: 1%;
	padding-bottom: 1em;
	padding-left: 1%;
	color: #333;
	height: auto;
	margin-top: 12em;
	background-color: #FFF;
}
.mantenimiento_2 {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 1;
	-wbkit-order: 1;
	-ms-order: 1;
	clear: both;
	/*	width: 96%; */
	width: 100%;
	padding-right: 1%;
	padding-bottom: 1em;
	padding-left: 1%;
	color: #333;
	height: auto;
	background-color: #ffffff;/*	background-image: url(../images/transpa02.png);
	background-repeat: repeat; */

/*	margin-top: 4em; */
	margin-top: -10em; 
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.mantenimiento_x {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 1;
	-wbkit-order: 1;
	-ms-order: 1;
	clear: both;
	/*	width: 96%; */
	width: 100%;
	padding-right: 1%;
	padding-bottom: 1em;
	padding-left: 1%;
	color: #333;
	height: auto;
	background-color: #ffffff;/*	background-image: url(../images/transpa02.png);
	background-repeat: repeat; */

/*	margin-top: 4em; */
	margin-top: -20em; 
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


.mantenimiento_i {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 1;
	-wbkit-order: 1;
	-ms-order: 1;
	clear: both;
	/*	width: 96%; */
	width: 98%;
	padding-top: 0em;
	padding-right: 1%;
	padding-bottom: 3px;
	padding-left: 1%;
	color: #333;
	height: auto;
	background-color: #FFF;/*	background-image: url(../images/transpa08.png);
	background-repeat: repeat; */
}

.mantenimiento_t {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 1;
	-wbkit-order: 1;
	-ms-order: 1;
	clear: both;
/*	width: 96%; */
	width: 100%;
	padding-top: 0.5em;
	/*	padding-right: 2%; */
	padding-bottom: 1em;
	/*	padding-left: 2%; */
	color: #333;
	height: auto;
	margin-top: 10em;/*	background-image: url(../images/transpa01.png);
	background-repeat: repeat; */
}

.noventa{
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 2;
	-webkit-order: 2;
	-ms-order: 2;
	color: #003;
	letter-spacing: 0.1rem;
	height: auto;
	width: 90%;
	margin: .5rem;
	padding: .5rem;
	padding-top: .5rem;
	padding-right: 1%;
	padding-bottom: 8em;
	padding-left: 1%;
	margin-right: 10%;
	margin-left: 10%;
	margin-top: 9rem;
	font-size: 90%;
}
		

.logos1 {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 1;
	-webkit-order: 1;
	-ms-order: 1;
	background-image: url(imagenes/puntito2.png);
	background-repeat: repeat;
	padding-bottom: 3em;
	background-color: #CCC;
	padding-top: 3em;
	width: 10%;
}

.logos2 {
	flex: 3;
	-webkit-flex: 3;
	-ms-flex: 3;
	order: 3;
	-wbkit-order: 3;
	-ms-order: 3;
	padding: 0.5em;
	font-size: 70%;
	width: 10%;
	margin: 0.5em;
	display: block;
	float: right;
	clear: none;
}

.centro_uno {
	flex: 2;
	-webkit-flex: 2;
	-ms-flex: 2;
	order: 2;
	-webkit-order: 2;
	-ms-order: 2;
	background-image: url(imagenes/puntito2.png);
	background-repeat: repeat;
	width: 70%;
	padding: 0.5em;
	display: block;
	clear: none;
		}





/*  modulos del pie de pagina */

#negro {
	background-color: #19232D;
	width: 100%;
	display: block;
	clear: both;
	float: left;
	}
	

	
/*	
.pie_uno {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 1;
	-webkit-order: 1;
	-ms-order: 1;
	color: #FFFFFF;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #19232D;
	padding-bottom: 1rem;
	height: 14rem;
	width: 31.3%;
	padding-top: .5rem;
	line-height: 1.5rem;
	font-size: 105%;
	text-align: left;
	clear: none;
	float: left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #19232D;
	border-left-color: #10232D;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #19232D;
	background-color: #19232D;
	padding-right: 0.93%;
	padding-left: 0.93%;
	margin-left: .01%;
}
*/

.pie_uno {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 1;
	-webkit-order: 1;
	-ms-order: 1;
	color: #FFF;
	/*	height: 14.5rem; */
	height: 9rem;
	/*	width: 33.12%; */
	width: 33.3%;
/*	margin-left: 0.01%;
	padding-left: 0.1%;
	padding-right: 0.1%; */
	padding-bottom: 1rem;
	padding-top: .5rem;
	line-height: 1.3rem;
	font-size: 90%;
	text-align: left;
	clear: none;
	float: left;
	padding-top: 0.3em;
	background-color: #19232D;
	/*	margin-top: 0.3em; */
	margin-top: 0;
}

.pie_dos{
	flex: 3;
	-webkit-flex: 3;
	-ms-flex: 3;
	order: 3;
	-webkit-order: 3;
	-ms-order: 3;
	color: #FFF;
	height: 14rem;
	font-size: 90%;
	width: 33.12%;
	padding-bottom: 1rem;
	padding-top: .5rem;
	line-height: 1.5rem;
	text-align: left;
	clear: none;
	float: left;
	background-color: #19232D;

}

/*
.trasfondo_pie{
	background-color: #19232D;
	width: 100%;
	padding-bottom: 2em;
	margin-top: 3em;
	z-index: 500;
}
*/

#footer {
    width: auto;
    height: 200px;
    
    margin-top:-200px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background: #333;
    border-top: 2px solid #000;
	z-index: 1500;
}

.trasfondo_pie{
	background-color: #19232D;
	width: 100%;
	padding-bottom: 1em;
	margin-top: 2em;
	z-index: 500;
}

.divisor_pie {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #333;
    color: white;
    height: auto;
    width: auto;
/*    padding-bottom: 5px;
      padding-top: 5px; */
    padding-bottom: 1px;
    padding-top: 1px;
    text-align: center;
    font-size: 90%;
}



.pie_tres {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 3;
	-wbkit-order: 3;
	-ms-order: 3;
	padding-left: 0.5em;
	background-color: #FFF;
	height: 5em;
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
		}


/*  @media all and (max-width: 500px) {  */
@media all and (max-width: 500px) {
#modulo {
	flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
}

body {
	font-size: 16px;
/*	background-image: url(../images/firulete_UOM.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 200px top; */
} 

.modulo-item{
	order: 1;
	width: auto;
	-webkit-order: 1;
	width: auto;
	-ms-order: 1;
	width: 100%;
	float: left;
	flex-direction: column;
	-webkit-flex-direction: column;
}



.porc_50_index {
/*	width: 95%; */
	font-size: 70%;
}



.porc_50_1 {
	width: 100%;	
	clear: both; 
}
.porc_50_2 {
	width: 98%;
	clear: both;
}

.porc_33_1 {
	width: 100%;
	clear: both;

}
.porc_33_2 {
	width: 98%;
	clear: both;
}
.porc_33_3 {
	width: 98%;
	clear: both;
}

.porc_25_1 {
	width: 98%;
	clear: both;
}
.porc_25_2 {
	width: 98%;
	clear: both;
}
.porc_25_3 {
	width: 98%;
	clear: both;
}
.porc_25_4 {
	width: 98%;
	clear: both;
}

#contiene_fotos {
	padding: 1%;
	width: 90%;
	clear: both;
	float: left;
	background-image: url(/images/transpa01.png);
	background-repeat: repeat;
	margin: 1%;
	display: block;
	border: 1px solid #F60;
}



.pie_uno {
	width: 100%;
}


}
		

		
/*  @media all and (max-width: 768px) {  */
@media all and (max-width: 768px) {
#modulo {
	flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
}
.modulo-item{
	order: 0;
	width: auto;
	-webkit-order: 0;
	width: auto;
	-ms-order: 0;
	width: auto;
}


.porc_50_index {
	font-size: 60%;
}

.porc_50_1 {
	width: 100%;
	clear: both;
}
.porc_50_2 {
	width: 98%;
	clear: both;
}

.porc_33_1 {
	width: 98%;
	clear: both;
}
.porc_33_2 {
	width: 100%;
	clear: both;
}
.porc_33_3 {
	width: 98%;
	clear: both;
}

.porc_25_1 {
	width: 98%;
	clear: both;
}
.porc_25_2 {
	width: 98%;
	clear: both;
}
.porc_25_3 {
	width: 98%;
	clear: both;
}
.porc_25_4 {
	width: 98%;
	clear: both;
}



body {

/*	font-size: 120%; */

	background-position: center -300px;
}

.todo_columnas {

	margin-top: 6em;
}


#banner {
	height: 80px;
/*	background-color: #0a13bf; */
	background-color: #000000;

	border-top-style: solid;
/*	border-top-color: #0A13BF; */
	z-index: 1000;
	background-attachment: fixed;
/*	background-image: url(../images/titulo_chico_old.png); */
	background-image: url(../images/encabezado_2.png);
	
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 100%;
	display: block;
	clear: both;
	float: left;
	padding-top: 90px;
}




.dos {
	width: 95%;
}

.tres {
	margin-top: 1rem;
	width: 95%; 

}


.pie_uno {
	width: 100%;
}


/*
.header-site{
	background-attachment: scroll;
	background-color: #000099;
	background-image: url(../images/titulo_chico_old.png); 
	background-repeat: no-repeat;
	background-position: top;
	width: 100%;
} 
*/	

}



.mitad_1{
	display: inline-block;
	clear: none;
	text-align: left;
	margin-left: 2%;
	float: left;
	font-size: 0.8em;
	line-height: 2em;
	margin-top: 1em;
	margin-right: 2%;
	margin-bottom: 1em;
	width: auto;
	background-color: #EAFFE8;
	font-weight: bold;
	padding-top: 1em;
	padding-right: .5em;
	padding-bottom: 1em;
	padding-left: .5em;
}

#marco_iconos {
	display: inline-block;
	clear: none;
	float: left;
	width: 48%;
	font-size: 12px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	margin-bottom: 20px;
	margin-right: 1%;
}

#marco_iconos_small {
	display: block;
	clear: none;
	float: left;
	width: 130px;
	height: 50px;
	padding-top: 5px;
	padding-bottom: 5px;
}


.iconos_flotantes {
	clear: none;
	float: left;
	height: auto;
	width: 130px;
	display: block;
	margin-right: 0.5em;
	margin-left: 0.5em;
	margin-bottom: 10px;
}

.iconos_flotantes_small {
	clear: none;
	float: left;
	height: auto;
	width: 40px;
	margin-right: 3px;
}

.foto_flota {
	text-decoration: none;
	float: left;
	clear: both;
	margin-top: 0.6em;
	margin-bottom: 1em;
	/*	-webkit-box-shadow: 5px 5px 5px #999;
	-moz-box-shadow: 5px 5px 5px #999;
	filter: shadow(color=#999999, direction=135, strength=2); */
	height: auto;
	text-align: justify;
	vertical-align: text-bottom;
	width: 98%;
	font-size: 70%;
	font-weight: bold;
	color: #000;
	display: block;
	margin-right: 2%;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-left: 0.3em;
	font-style: italic;
	line-height: 1.2em;
}

.foto_flota_abm {
	text-decoration: none;
	float: left;
	clear: both;
	margin-top: 0.6em;
	margin-bottom: 1em;
	/*	-webkit-box-shadow: 5px 5px 5px #999;
	-moz-box-shadow: 5px 5px 5px #999;
	filter: shadow(color=#999999, direction=135, strength=2); */
	height: auto;
	text-align: justify;
	vertical-align: text-bottom;
	width: 50%;
	font-size: 70%;
	font-weight: normal;
	color: #000;
	display: block;
	margin-right: 2%;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-left: 0.3em;
	font-style: italic;
	text-transform: uppercase;
}
	

p {
	text-align: left;
	margin-bottom: .2em;
	letter-spacing: 0.04em;
	line-height: 1.4em;
	width: 99%;
	margin-right: 0.5em;
	margin-left: 0.5em;
	color: #000;
	padding: 0.5em;
}

.pepe {
	padding-top: 0.2em;
	margin-top: 0.1em;
	height: auto;
	width: auto;
}

.pepa {
	margin-top: 0.3em;
	height: auto;
	width: 96%;
	color: #666;
	display: block;
	float: left;
	margin-left: 2%;
	margin-bottom: 1em;
	padding-top: 0.4em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	border-bottom-width: 0.6em;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	font-weight: lighter;
	border-left-width: .2px;
	border-left-style: solid;
	border-left-color: #999;
}

/*
#letra_capital p:first-letter {
	font-size: 3rem;
	line-height: 0.8em;
	float: left;
	padding-right: 0.1em;/*	color: #390; */
/*	font-weight: bold;
	margin-right: 0.01em;
	margin-bottom: 0.01em;
	margin-left: 0.01em;
}
*/



#letra_capital p:first-letter {
	/*	font-size: 2.4em; */
	font-size: 250%;
	font-weight: normal;
	/*	line-height: 0.3em; */
	float: left;
	margin-right: 0.1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	/*	background-image: url(../images/pattern.png); */
/*	border: 1px solid #999; */
/*	border-radius: 5px;
	-webkit-border-radius: 5px;  /* Safari  */
/*	-ms-border-radius: 5px; */
	color: #666;
	padding-top: 0.2em;
	padding-right: 0.1em;
	padding-bottom: 0.1em;
	padding-left: 0.1em;



#letra_capital p:first-line {
	margin-top: .3em;/*  font-weight: bold; *//*	text-transform: uppercase; */
}


#letra_capital2 p:first-letter {
	font-size: 3rem;
	line-height: 0.8em;
	float: left;
	padding-right: 0.1em;
	/* color: #390; */ 
	padding-left: 0.1em;
	margin: 0.01em;
}
#letra_capital2 p:first-line {

}

}


#pie {
	height: .5em;
	width: 100%;
	float: left;
	/*	color: #333333; */
	text-align: center;
	text-indent: 10;
	font-weight: bold;
	font-size: 50%;
	text-decoration: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000066;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000066;
	background-color: #FFFFFF;
	display: block;
	clear: both;
	background-image: url(../images/piepagina.png);
	background-repeat: repeat-x;
}

.fuego_text {
	text-shadow: 1px 1px #ffffff;
	margin-left: .5em;
	color: #000;
}

.titulo {
	clear: both;
	width: 100%;
	font-size: 120%;
	letter-spacing: 0.09em;
	display: block;
	text-align: center;
	text-shadow: 2px 2px 3px #002;
	float: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	background-color: #F1F5F5;
	color: #333;
	margin-bottom: 0.2em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-right: 0.2em;
	padding-left: 0.2em;
	line-height: normal;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #000;
	height: auto;
}

/* 
.titulo {
	clear: both;
	width: 100%;
	font-size: 130%;
	letter-spacing: 0.09em;
	display: block;
	text-align: center;
	text-shadow: 2px 2px 3px #002;
	float: none;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #003;
	background-color: #76A09E;
	color: #FFF;
	margin-bottom: 0.2em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-right: 0.2em;
	padding-left: 0.2em;
	line-height: 1em;
}
*/

.modulo_abm_album {
	clear: both;
	width: 100%;
/*	font-size: 110%; */
	letter-spacing: 0.09em;
	display: block;
/*	text-align: center; */
	float: none;
/*	background-color: #CCCCCC;v */
	color: #333;
	margin-top: 0.3em;
	margin-bottom: 0em;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-left: 0.3em;
	padding-bottom: 2em;
}



.modulo_abm {
	clear: both;
	width: 99%;
	/*	font-size: 120%; */
/*	letter-spacing: 0.09em; */
	display: block;
	text-align: center;
	float: none;
	background-color: #FFFFFF;
	color: #333;
	margin-top: 0.3em;
	margin-bottom: 0em;
	padding-top: 5em;
	padding-right: 0.3em;
	padding-left: 0.3em;
	padding-bottom: 2.5em;
}

/*
.salir_abm {
	clear: right;
	width: 10%;
	font-size: 90%;
	letter-spacing: 0.03em;
	text-align: left;
	float: none;
	margin-left: 44%;
	font-weight: bold;
	height: 0.5em;
	display: block;
	line-height: normal;
	padding: 0.2em;
}
*/

.titulo_abm {
	clear: both;
	width: 99%;
	font-size: 120%;
	letter-spacing: 0.09em;
	display: block;
	text-align: center;
	float: none;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #003;
	background-color: #990000;
	color: #FFF;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-bottom: 2em;
	padding-left: 0.3em;
}

.mover {
	clear: none;
	width: 20px;
	font-size: 120%;
	text-align: center;
	float: left;
	background-color: #A9A9E2;
	color: #FFF;
	/*	border-radius: 150px 150px 150px 150px;
	-moz-border-radius: 150px 150px 150px 150px;
	-webkit-border-radius: 150px 150px 150px 150px; 
	border: 3px solid #003300; */
	font-weight: bold;
	height: 1em;
	display: block;
	margin-left: 0.2em;
	margin-bottom: 0.2em;
	padding-top: 0.1em;
	padding-right: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.3em;
}

.alta {
	clear: none;
	width: 20px;
	/*	font-size: 90%; */
	font-size: 170%;
	text-align: center;
	float: left;
	background-color: #009900;
	color: #FFF;
	font-weight: bold;
	height: 15px;
	display: block;
	margin-left: 0.2em;
	margin-bottom: 0.2em;
	/*	padding-top: 0.4em; */
	padding-right: 0.4em;
	padding-bottom: 0.3em;
	padding-left: 0.4em;
}

.alta_bloque {
	clear: none;
	width: 30px;
	height: 15px;
/*	font-size: 90%; */
	font-size: 110%;	
	text-align: center;
	float: left;
	background-color: #009900;
	color: #FFF;

/*	border: 3px solid #003300; */
	font-weight: bold;

	display: block;
	margin-left: 0.2em;
	padding-right: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.4em;
	margin-bottom: 0.2em;
}

.baja {
	clear: none;
	width: 20px;
	font-size: 100%;
	text-align: center;
	float: left;
	background-color: #FF0000;
	color: #FF0;
	font-weight: bold;
	height: 15px;
	display: block;
	margin-bottom: 0.2em;
	margin-left: 0.2em;
	padding-top: 0.4em;
	padding-right: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.2em;
}

.cambio {
	clear: none;
	width: 20px;
	font-size: 100%;
	text-align: center;
	float: left;
	background-color: #FFFF00;
	color: #F30;
	font-weight: bold;
	height: 15px;
	display: block;
	margin-bottom: 0.2em;
	margin-left: 0.2em;
	padding-top: 0.4em;
	padding-right: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.2em;
}

.visible_o_no_album {
	clear: none;
	width: auto;
/*	font-size: 50%; */
	font-size: 90%;	
	text-align: center;
	float: left;
	color: #000;
	font-weight: bold;
	height: auto;
	display: block;
	margin-bottom: 0.3em;
	padding-top: 0.1em;
	padding-right: 0.4em;
	padding-bottom: 0.1em;
	padding-left: 0.4em;
	background-color: #FFF;
	border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
	border: 3px solid #F00;
}


.visible_o_no {
	clear: none;
	width: 20px;
	/*	font-size: 95%; */
	font-size: 100%;
	text-align: center;
	float: left;
	background-color: #FFF;
	color: #000;
	font-weight: bold;
	height: 15px;
	display: block;
	margin-bottom: 0.2em;
	margin-left: 0.2em;
	padding-top: 0.4em;
	padding-right: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.2em;
	border: 1px solid #000;
}

.selector_imagen_album {
	clear: none;
	width: 1px;
	float: left;
	height: auto;
	text-align: left;
	display: compact;
	position: relative;
	margin-top: -15px;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0px;
	padding: 0px;
}

.tabique {
	width: auto;
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
	margin-right: 0.05em;
	margin-left: 0.05em;
	height: 2em;
	clear: none;
	float: left;
} 

.arriba_abajo {
	width: auto;
	font-size: 1em;
	font-weight: bold;
	color: #000;
	margin-left: 0.1em;
	height: 1.8em;
	clear: none;
	float: left;
	padding-right: 0.05em;
	padding-left: 0.05em;
} 


.titulo_BE {
	clear: both;
	width: 100%;
	font-size: 150%;
	letter-spacing: 0.09em;
	display: block;
	text-align: center;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	color: #FFF;
	/*	text-transform: uppercase;  */
	padding: 0.3em;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	font-weight: bold;
}

.fec_dd_mm_aaaa {
	color: #000;
	background-color: #CCC;
	float: left;
	height: auto;
	width: auto;
	margin-top: 0px;
}

.fec_noti {
	width: auto;
	letter-spacing: 0.1em;
	line-height: 1em;
	display: block;
	clear: left;
	float: right;
	height: auto;
	background-color: #DAE4DF;
	color: #333333;
	font-size: 60%;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333;
	padding-right: 0.5em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
	font-weight: normal;
	padding-top: 0.2em;
	margin-top: -0.6em;
	margin-right: 0px;
}	


.salir_abm {
	color: #000;
	letter-spacing: 0.3em;
	line-height: normal;
	display: inline-block;
	text-align: center;
	font-weight: bolder;
	/*	text-decoration: underline; */
	width: 20%;
	font-size: 120%;
	background-color: #FFF;
	margin-top: 0.1em;
	margin-right: 40%;
	margin-bottom: 0.1em;
	margin-left: 40%;
	padding-top: .5em;
	padding-right: 0.1em;
	padding-bottom: 0.1em;
	padding-left: 0.1em;
}


.alerta2 {
	color: #FF0;
	letter-spacing: 0.3em;
	line-height: 1em;
	margin-top: 0.3em;
	margin-right: 0em;
	margin-bottom: 0.3em;
	margin-left: 0.5em;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
	background-color: #FF0000;
	display: inline-block;
	font-size: 90%;
	text-align: center;
	font-weight: bold;
	text-decoration: underline;
	width: 90%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000;
	border-bottom-color: #000;
}

.alerta {
	color: #FF0;
	letter-spacing: 0.3em;
	line-height: 1em;
	margin-top: 0.3em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0.5em;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
	background-color: #FF0000;
	clear: right;
	float: left;
	display: inline-block;
	font-size: 90%;
	border: 3px solid #000;
	text-align: center;
	font-weight: bold;
	text-decoration: underline;
}	


.alerta3 {
	color: #FF0;
	letter-spacing: 0.2em;
	line-height: 0.5em;
	margin-top: 0.1em;
	margin-right: -10em;
	margin-bottom: 0em;
	/*	margin-left: 0.5em;  */
	margin-left: 0.5em;
	background-color: #FF0000;
	clear: right;
	float: left;
	display: inline-block;
	font-size: 70%;
	text-align: center;
	font-weight: bold;
	position: relative;
	padding: 0.5em;
}	

.alerta4 {
	color: #FF0;
	line-height: 0.5em;
	margin-top: 1.5em;
	margin-right: -10em;
	margin-bottom: 0em;
	/*	margin-left: 0.5em;  */
	margin-left: 0.5em;
	background-color: #000000;
	clear: right;
	float: left;
	display: inline-block;
	font-size: 100%;
	border: 1px solid #FF0;
	text-align: center;
	font-weight: bold;
	position: relative;
	padding: 0.3em;
}

.alerta5 {
	color: #FFF;
	letter-spacing: 0.2em;
	line-height: 0.5em;
	margin-top: 22em;
	margin-bottom: 0em;
	/*	margin-left: 0.5em;  */
	margin-left: 0em;
	background-color: #000000;
	display: inline-block;
	font-size: 60%;
	text-align: center;
	font-weight: lighter;
	position: relative;
	padding: 0.5em;
	float: left;
}

.alerta6 {
	color: #000;
	letter-spacing: 0.2em;
	line-height: 0.5em;
	margin-top: 22em;
	margin-bottom: 0em;
	/*	margin-left: 0.5em;  */
	margin-left: 3em;
	background-color: #000000;
	display: inline-block;
	font-size: 60%;
	text-align: center;
	font-weight: lighter;
	position: relative;
	padding: 0.5em;
	margin-right: 3px;
}


.x_enter {
	letter-spacing: 0.2em;
	line-height: normal;
	margin-top: 3px;
	margin-right: 0em;
	margin-bottom: 0em;
	/*	margin-left: 0.5em;  */
	margin-left: 0em;
	clear: both;
	float: right;
	display: block;
	font-size: 10px;
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 11em;
	padding-bottom: 1px;
	padding-left: 1px;
	height: 15px;
	width: 100px;
}
.x_lupita {
	letter-spacing: 0.2em;
	line-height: normal;
	margin-top: -3px;
	margin-right: 0em;
	margin-bottom: 10px;
	/*	margin-left: 0.5em;  */
	margin-left: 0.3em;
	clear: left;
	float: right;
	display: block;
	font-size: 30%;
	text-align: center;
	font-weight: bold;
	position: relative;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 1px;
	background-image: url(../images/lupita.png);
	background-repeat: no-repeat;
	background-position: right 1px;
	height: 20px;
	width: 150px;
}	


.agrega_foto {
	color: #000;
	letter-spacing: 0.2em;
	line-height: 0.5em;
	margin-top: 2em;
	margin-bottom: 0em;
	/*	margin-left: 0.5em;  */
	margin-left: 0em;
	background-color: #009900;
	display: inline-block;
	font-size: 25px;
	text-align: center;
	font-weight: bold;
	position: relative;
	padding: 0.5em;
	float: left;
	border: 1px solid #000;
	height: 0.5em;
}

.llamativo {
	color: #000;
	letter-spacing: 0.3em;
	line-height: 1em;
	margin-top: 0.3em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0.3em;
	background-color: #FF3300;
	display: inline-block;
	font-size: 100%;
	border: 3px solid #000;
	text-align: center;
	font-weight: bolder;
	padding: 0.3em;
	text-transform: uppercase;
}	

.llamativo_crear {
	color: #FFF;
	letter-spacing: 0.2em;
	line-height: normal;
	margin-top: 0.3em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
	background-color: #669900;
	display: inline-block;
	font-size: 110%;
	border: 3px solid #FFF;
	text-align: center;
	font-weight: bolder;
	text-transform: uppercase;
	padding-top: 1%;
	padding-right: 0%;
	padding-bottom: 1%;
	padding-left: 0%;
	clear: none;
	float: left;
	width: 99%;
}	

.llamativo_cambiar {
	color: #FFF;
	letter-spacing: 0.3em;
	line-height: 1em;
	margin-top: 0.3em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0.3em;
	background-color: #FFCC00;
	display: inline-block;
	font-size: 110%;
	border: 3px solid #FFF;
	text-align: center;
	font-weight: bolder;
	text-transform: uppercase;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
}	

.llamativo_eliminar {
	color: #FFF;
	letter-spacing: 0.3em;
	line-height: normal;
	margin-top: 0.3em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0.3em;
	background-color: #FF0000;
	display: inline-block;
	font-size: 100%;
	border: 3px solid #FFF;
	text-align: center;
	font-weight: bolder;
	text-transform: uppercase;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
}	


.normal {
	color: #060;
	letter-spacing: 0.3em;
	line-height: 1em;
	margin-top: 0.3em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0.5em;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
	background-color: #99FF33;
	clear: right;
	float: left;
	display: inline-block;
	font-size: 90%;
	border: 3px solid #FF3;
	text-align: center;
	font-weight: bold;
	text-decoration: underline;
}

.head_tabla {
	color: #000;
	letter-spacing: 0.3em;
	line-height: 1em;
	background-color: #E6F0F0;
	font-size: 120%;
	text-align: center;
	font-weight: bold;
	border-top-width: 2px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #333;
	border-right-color: #333;
	border-left-color: #333;
}

.activa {
	color: #006;
	letter-spacing: 0.3em;
	line-height: 1em;
	margin-top: 0.3em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0.5em;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
	background-color: #D9EAE8;
	clear: right;
	float: left;
	display: inline-block;
	font-size: 90%;
	border: 3px solid #069;
	text-align: center;
	font-weight: bold;
	text-decoration: underline;
}

.destacado {
	color: #666;
	line-height: 1em;
	font-size: 90%;
	font-weight: bold;
	text-decoration: underline;
	width: 100%;
}

.destak2 {
	color: #333;
	line-height: 1em;
	font-weight: bold;
	width: auto;
	margin-top: 10px;
	background-color: #D1D8E7;
	display: inline-block;
	clear: both;
	float: left;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}

.titu_pie {
	color: #447369;
	letter-spacing: 0.3em;
	line-height: 1.3em;
	background-color: #E3F0F0;
	clear: right;
	float: left;
	display: inline-block;
	font-size: 100%;
	font-weight: bold;
	width: 97%;
	padding-top: 0.1em;
	padding-right: 0.3em;
	padding-bottom: 0.1em;
	padding-left: 0.3em;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0.4em;
	margin-left: 0em;
	border-radius: 10px;
	-webkit-border-radius: 10px;  /* Safari  */
	-ms-border-radius: 10px;
	border-right-width: 4px;
	border-left-width: 4px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000;
	border-left-color: #000;
}	


.solicitada {
	color: #000;
	letter-spacing: 0.3em;
	line-height: 1em;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: .5em;
	margin-left: 0em;
	background-color: #E9F3F3;
	clear: right;
	float: left;
	display: inline-block;
	font-weight: bold;
	padding: 0.1em;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000;
	border-bottom-color: #000;
	font-size: 90%;
}	

.todo_noticias {
	color: #FFF;
	letter-spacing: 0.3em;
	line-height: 1em;
	margin-top: 1em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
	background-color: #E8F4EF;
	clear: right;
	float: left;
	display: block;
	font-size: 80%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000;
	border-bottom-color: #000;
}	

.ampliar_nota {
	color: #000;
	letter-spacing: 0.3em;
	line-height: 1em;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
	background-color: #E8F4EF;
	clear: right;
	display: inline-block;
	font-size: 80%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	width: auto;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000;
}	

.paginador {
	color: #333;
	letter-spacing: 0.2em;
	line-height: 1em;
	/*	margin-top: 4em; */
	margin-top: 0.5em;
	margin-right: 5%;
	margin-bottom: 0.5em;
	margin-left: 1em;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
	clear: both;
	display: block;
	font-size: 90%;
	width: 85%;
	float: left;
	text-align: left;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #09C;
}	

.info_repro {
	width: 30%;
	letter-spacing: 0.09em;
	text-align: center;
	margin-top: .5rem;
	display: block;
	clear: both;
	float: left;
	padding-top: .3rem;
	height: auto;
}

.pie_repro {
	width: 30%;
	letter-spacing: 0.09em;
	text-align: center;
	margin-top: 0rem;
	display: block;
	clear: both;
	float: none;
	/*	padding-top: .3rem; */
	height: 147px;
	background-image: url(../images/film2.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-right: 70%;
	margin-bottom: 2em;
}


a{
	color: #069;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #F60;
}
/*
h1 {
	font-size: 140%;
	letter-spacing: 0.03em;
	width: 98%;
	color: #FFF;
	margin-bottom: 2em;
	border-right-width: .5em;
	border-left-width: .5em;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFF;
	border-left-color: #FFF;
	padding-bottom: 2em;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
	display: inline-block;
	clear: both;
	float: left;
	background-color: #00C;
	padding-top: 1em;
}

h2 {

	border-top-width: 0.1em;
	border-bottom-width: 0.1em;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333;
	border-bottom-color: #333;
	background-color: #FFF;

	font-weight: bolder;
	color: #000;
	line-height: 2rem;
/*	border-radius: 7px;
	-webkit-border-radius: 7px;  /* Safari  */
/*	-ms-border-radius: 7px; 
	border-right-width: 0.05em;
	border-left-width: 0.05em;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999;
	border-left-color: #999;
	letter-spacing: 0.03em;	
}


h3 {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333;
	border-bottom-color: #333;
	background-color: #FFF;

	font-weight: bolder;
	color: #333;
	line-height: normal;
	letter-spacing: 0.03em;
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 2em;
	padding-top: 1em;
	margin-top: 1em;
	margin-bottom: 8px;
	text-transform: uppercase;
	font-size: 150%;
}

h4 {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #003;
	background-color: #06C;
	font-size: 110%;/*	color: #03C; 
	line-height: 1.5rem;
	padding: 0em;
	margin: 0em;
	color: #FFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #003;
	
}



h5 {
	font-size: .9rem;
	padding: 0em;
	margin: 0em;
	font-size: 0.9rem;
	font-weight: bold;
}
*/
ex_h1 {
	font-size: 135%;
	text-decoration: none;
	text-align: center;
	color: #333;
	background-color: #DEF3E9;
	display: block;
	clear: both;
	float: left;
	width: 100%;
	margin-top: 0.7em;
	margin-bottom: 0.4em;
	padding-top: 0.4em;
	padding-right: 1em;
	padding-left: 1em;
	line-height: 1.3em;
	letter-spacing: .2em;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333;
	border-bottom-color: #333;
	padding-bottom: 0.4em;
}



h1 {
	clear: both;
	width: 100%;
	font-size: 150%;
	letter-spacing: 0.05em;
	display: block;
	text-align: left;
	float: none;
	color: #003;
	font-weight: bold;
	padding-left: 2%;
	margin-top: 0.1em;
	padding-right: 1%;
	padding-top: 2px;
	padding-bottom: 2px;
	font-family: Calibri;
	margin-bottom: 0.1em;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #036;
	height: auto;
	font-style: italic;
}


ex_h2 {
	font-size: 115%;
	line-height: normal;
	clear: both;
	height: auto;
	width: auto;
	display: block;
	color: #666;
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 0.3em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #333;
	padding-left: 1em;
}



h2 {
	text-align: left;
	clear: both;
	height: auto;
	width: 100%;
	color: #000;
	letter-spacing: 0.1em;
	font-size: 120%;
	float: left;
	line-height: 1.4em;
	margin-bottom: 0.5em;
	padding-right: 2%;
	padding-bottom: 0.1em;
	padding-left: 2%;
	font-weight: lighter;
	margin-top: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	font-style: italic;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
}


h3 {
	font-size: 105%;
	text-decoration: underline;
	color: #000000;
	line-height: normal;
	text-align: left;
	letter-spacing: .2em;
	width: 98%;
	margin-right: 2%;
	margin-left: 2%;
}
h4 {
	font-size: 95%;
	color: #666666;
	line-height: normal;
	text-align: left;
	letter-spacing: .2em;
	font-style: italic;
	text-transform: uppercase;
	width: 95%;
}

h5 {
	font-size: 85%;
	color: #006699;
	line-height: normal;
	text-transform: uppercase;
	display: block;
	padding: 0.5em;
	clear: both;
	width: auto;
	background-color: #ECF4F3;
	letter-spacing: 0.01em;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	text-align: left;
	text-indent: .5em;
	float: left;
	margin: 1em;
}

h6 {
	font-size: 70%;
	color: #CCCCCC;
	font-weight: bolder;
	margin-right: 2px;
	margin-left: 2px;
	letter-spacing: .1em;
}

h6 {
	font-size: 70%;
	color: #000000;
	font-weight: bold;
	margin-right: 2px;
	margin-left: 2px;
	letter-spacing: 0.2em;
	background-color: #FFFFFF;
	text-align: center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000;
	border-bottom-color: #000;
	padding-top: .3em;
	padding-bottom: .3em;
}

#separacion{
	display: block;
	clear: both;
	float: left;
	height: 15em;
	width: 100%;
	background-color: #CCC;
	margin-top: 5em;
	margin-bottom: 5em;
}

#separa {
	display: block;
	height: auto;
	/*	width: 30%; */
	width: 60%;
	float: left;
	margin-top: 20em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0.5em;
	padding: 0.1em;
	clear: none;
}

#separa2 {
	display: block;
	height: auto;
	width: 35%;
	float: left;
	margin-top: 7em;
	margin-right: 0em;
	margin-bottom: 0em;
	padding: 0em;
	clear: none;
	margin-left: -1em;
}

.anticipos {
	height: 7em;
	width: 40%;
	float: left;
	border-radius: 7px;
	-webkit-border-radius: 7px;  /* Safari  */
	-ms-border-radius: 7px;
	clear: none;
	vertical-align: middle;
	background-color: #517975;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	display: inline-block;
	margin-right: 0.2em;
	border-top-width: 6px;
	border-right-width: 1px;
	border-bottom-width: 6px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #6699CC;
	border-right-color: #6699CC;
	border-bottom-color: #6699CC;
	border-left-color: #6699CC;
	padding-top: 0.4em;
	padding-right: 0.2em;
	padding-bottom: 0.4em;
	padding-left: 0.2em;
	margin-left: 0.4em;
	color: #FFF;
	text-align: left;
}

.anticipos:hover {
	color: #006;
	background-color: #A8D0C7;
	border-top-color: #006;
	border-right-color: #006;
	border-bottom-color: #006;
	border-left-color: #006;
	transition-property: width, height, background-color;
	transition-duration: 0.4s, 0.3s, 0.4s;
	transition-timing-function: linear, linear;
	transition-delay: 0s ,0.2s, 0.2s;
	;
}

#salir {
	text-align: center;
	display: inline-block;
	clear: both;
	height: 1.5em;
	width: auto;
	font-size: 120%;
	font-weight: bold;
	padding-right: 0.3em;
	padding-left: 0.3em;
	margin-top: .2em;
	background-color: #000000;
	color: #FFF;
	border: 1px solid #F90;
}

#seccion {
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #003;
	display: inline-block;
	clear: both;
	height: 1.5em;
	width: 98%;
	color: #335E57;
	background-color: #ABCBC8;
	font-size: 150%;
	font-weight: bold;
	padding-right: 0.3em;
	padding-left: 0.3em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003;
	text-indent: 2%;
	margin-top: .5em;
}


#seccion2 {
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
	display: inline-block;
	clear: both;
	height: 1.5em;
	width: 98%;
	color: #FFFFFF;
	background-color: #FF0000;
	font-size: 90%;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	text-indent: 1%;
	margin-top: 0.5em;
	line-height: 1em;
	padding: 0.3em;
}

#desplaza {
	display: block;
	width: 50px;
	clear: none;
	float: left;
	height: 30px;
	background-color: #F00;
}


#seccion_fija {
	text-align: left;
	display: inline-block;
	height: 2.5em;
	width: auto;
	color: #FFFFFF;
	font-size: 110%;
	/*	z-index: -5;  */
	float: left;
	margin-top: 0px;
	/*	position: fixed; */
	left: 1px;
	line-height: 2em;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #538FA2;
	background-color: #71949F;	/*	background-image: url(../images/pattern.png); 
	background-repeat: repeat; */
	/*	margin-top: 0.4em; */
	margin-bottom: 0.5em;
	margin-top: 8px;
	padding-top: 2px;
	padding-left: 1em;
	padding-right: 1em;
	clear: both;
}


.nom_seccion {
	margin-left: 0.1em;
	padding-right: 0.3em;
	padding-left: 0.1em;
	color: #FFF;
	font-size: 110%;
	padding-top: 0.1em;
	margin-top: 0.1em;/*	text-shadow: -1px 0 #090, 2px 0 #090, 0 2px #090, 0 -1px #090; */
	letter-spacing: .2em;
	line-height: normal;
	font-weight: normal;
	padding-bottom: 0.1em;
}

#seccion_fija_abm {
	text-align: left;
	display: inline-block;
	clear: right;
	height: 3.5em;
	width: 100%;
	color: #FFFFFF;
	font-size: 120%;
	font-weight: bold;
	text-indent: 2%;
	z-index: 2;
	float: left;
	position: fixed;
	left: 1px;
	line-height: 2em;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	background-color: #F60;
	text-transform: capitalize;
	margin-top: 2.8em;
	padding-top: 1.5em;
}

#tipo_separador {
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #033;
	display: inline-block;
	clear: both;
	height: 1.5em;
	width: 95%;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 150%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #033;
}

/* Aca se usa animación de texto */
#separador {
	text-align: left;
	display: block;
	clear: both;
	height: auto;
	width: 98%;
	color: #000;
	font-size: 100%;
	font-weight: bold;
	/*	background-image: url(../images/transpa01.png);
	background-repeat: repeat; */
	z-index: 4000;
	animation-duration: 2s;
	animation-name: novedades;
	background-color: #FFF;
	letter-spacing: .3em;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #033;
	padding-top: 0.5em;
	padding-right: 0em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	margin-top: 0.5em;
	margin-right: 2%;
	margin-bottom: 0.5em;
	margin-left: 0em;
}

/* Aca se usa animación de texto */
#separador2 {
	text-align: center;
	display: block;
	clear: both;
	height: auto;
	width: 100%;
	color: #000;
	font-size: 120%;
	font-weight: bold;
	/*	background-image: url(../images/transpa01.png);
	background-repeat: repeat; */
	z-index: 3000;
	animation-duration: 3s;
	animation-name: novedades;
	background-color: #FFF;
	letter-spacing: 0.2em;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #033;
	border-bottom-color: #033;
	padding-top: 0.1em;
	padding-right: 0em;
	padding-bottom: 0.1em;
	padding-left: 0em;
	margin-top: 0.3em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
}

#separador3 {
	text-align: center;
	display: block;
	clear: both;
	height: auto;
	width: 50%;
	font-size: 110%;
	/*	text-shadow: 3px 3px 5px #000; */
/*	z-index: 3000; */
	animation-duration: 1s;
	animation-name: novedades3;
	letter-spacing: 0.3em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFF;
	border-left-color: #FFF;
	padding-top: 0.5em;
	padding-right: 0.3em;
	padding-bottom: 0.5em;
	padding-left: 0.3em;
	text-transform: uppercase;
	background-color: #000;
	margin-top: 7em;
	color: #FFF;
	margin-bottom: 3em;
}
#separador4 {
	text-align: center;
	display: block;
	height: auto;
	width: 50%;
	/*	text-shadow: 3px 3px 5px #000; */
	z-index: 3000;
	animation-duration: 1s;
	animation-name: novedades4;
	letter-spacing: 0.3em;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFF;
	border-left-color: #FFF;
	padding-top: 0.5em;
	padding-right: 0.3em;
	padding-bottom: 0.5em;
	padding-left: 0.3em;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 110%;
	background-color: #333333;
	color: #000;
	margin-top: 0.5em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	float: left;
}
#separador5 {
	text-align: left;
	display: block;
	clear: both;
	height: auto;
	width: 100%;
	/*	text-shadow: 3px 3px 5px #000; */
	z-index: 3000;
	animation-duration: 1s;
	animation-name: novedades5;
	letter-spacing: 0.3em;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFF;
	border-left-color: #FFF;
	padding-top: 0.5em;
	padding-right: 0.7em;
	padding-bottom: 0.5em;
	padding-left: 0.7em;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 120%;
	background-color: #333;
}

#separador6 {
	text-align: left;
	display: block;
	clear: both;
	height: auto;
	width: 100%;
	/*	text-shadow: 3px 3px 5px #000; */
	z-index: 3000;
	animation-duration: 1s;
	animation-name: novedades6;
	letter-spacing: 0.3em;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
	font-weight: bold;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFF;
	border-left-color: #FFF;
	padding-top: 0.5em;
	padding-right: 0.7em;
	padding-bottom: 0.5em;
	padding-left: 0.7em;
	text-transform: uppercase;
	font-size: 120%;
	background-color: #666;
}

#separador7 {
	text-align: left;
	display: block;
	clear: both;
	height: auto;
	width: 80%;
	animation-duration: 1s;
	animation-name: novedades3;
	letter-spacing: 0.3em;
	border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	margin-top: 7em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 10%;
	font-weight: bold;
	padding-top: 0.5em;
	padding-right: 0.7em;
	padding-bottom: 0.5em;
	padding-left: 0.7em;
	text-transform: uppercase;
	font-size: 140%;
	background-color: #F60;
	color: #000;
	border: 5px solid #000;
}



.div-img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    &.hidden{
          overflow: hidden;
      }
    .img{
        display:block;
        margin-left: auto;
        margin-right: auto;
        width: 100%;   
        transform:scale(1);
        -ms-transform:scale(1); // IE 9 
        -moz-transform:scale(1); // Firefox 
        -webkit-transform:scale(1); // Safari and Chrome 
        -o-transform:scale(1); // Opera 
        -webkit-transition: all 500ms ease-in-out; // IE 9
        -moz-transition: all 500ms ease-in-out; // Firefox
        -ms-transition: all 500ms ease-in-out; // Safari and Chrome 
        -o-transition: all 500ms ease-in-out; // Opera       
    }        
    &:hover{
        .img{
            transform:scale(1.2);
            -ms-transform:scale(1.2); // IE 9 
            -moz-transform:scale(1.2); // Firefox 
            -webkit-transform:scale(1.2); // Safari and Chrome 
            -o-transform:scale(1.2); // Opera
        }
    
    } 
}


@keyframes novedades {
  from {
    margin-left: 110%;
    width: 50%
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}


@keyframes novedades3 {
  from {
    margin-left: 1000%;
    width: 0%
  }

  to {
    margin-left: 20%;
    width: 100%;
  }
}
@keyframes novedades4 {
  from {
    margin-left: -100%;
    width: 50%
  }

  to {
    margin-left: 10%;
    width: 50%;
  }
}
@keyframes novedades5 {
  from {
    margin-left: 2000%;
    width: 100%
  }

  to {
    margin-left: 20%;
    width: 100%;
  }
}
@keyframes novedades6 {
  from {
    margin-left: -200%;
    width: 100%
  }

  to {
    margin-left: 20%;
    width: 100%;
  }
}

/* Aca se usa animación de texto */
#lateral1 {
	/*	display: block;
	clear: both; */
	height: auto;
	color: #FFF;
	font-weight: bold;
	width: 5px;
	writing-mode: vertical-lr;
	/*	background-image: url(../images/transpa01.png);
	background-repeat: repeat; */

	animation-duration: 3s;
	animation-name: lateral;
	float: right;
	padding-top: 0.5em;
	padding-right: 0.2em;
	padding-bottom: 0.5em;
	padding-left: 0.2em;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	width: 20px;
	word-wrap: break-word;
	background-attachment: fixed;
	margin-top: 9em;
	margin-right: .1em;
	margin-bottom: 0em;
	margin-left: 0em;
	z-index: 3500;
}

@keyframes lateral {
  from {
    margin-left: 110%;
    width: 10%
  }

  to {
    margin-left: 100%;
    width: 100%*/
  }
}

/*
#separador {
	display: block;
	clear: both;
	height: auto;
	width: 100%;
	margin-top: .5em;
	line-height: 2em;
	float: left;
	margin-bottom: .5em;
}

#separador2 {
	display: block;
	clear: both;
	height: auto;
	width: 100%;
	margin-top: 0.3em;
	line-height: 1.5em;
	float: left;
	margin-bottom: 0.3em;
}
*/


#cierre {
	display: inline-block;
	clear: both;
	height: auto;
	width: 100%;
	margin-top: 1px;
	margin-bottom: 1px;
	float: left;
}

#separa_titulo {
	display: block;
	clear: both;
	height: 3em;
	width: 100%;
	color: none;
}

/*
#cierre_linea {
	display: inline-block;
	clear: both;
	height: .3em;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
*/
.cierre_linea {
	display: inline-block;
	clear: both;
	height: 0.1em;
	width: 98%;
/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC; */
}

#cierre_album {
	display: inline-block;
	clear: both;
	height: .5em;
	width: 100%;

}

.cierre_autoridad {
	display: inline-block;
	clear: both;
	height: 1px;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	margin-top: 1em;
	margin-bottom: 1em;
}


.subtitulo {
	/*	max-width: 1200px;
	min-width: 300px; */
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
	clear: both;
	height: auto;
	width: 99%;
	color: #003;
	background-color: #DDE8E4;
	font-style: normal;
	letter-spacing: 0.1em;
	font-size: 110%;
	float: left;
	line-height: normal;
	margin-bottom: 0.5em;
	margin-top: 0.2em;
	padding-top: 0.1em;
	padding-right: 0.2em;
	padding-bottom: .2em;
	padding-left: 0.3em;
}

.subtitulo_abm {
	/*	max-width: 1200px;
	min-width: 300px; */
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	text-align: left;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #000;
	clear: both;
	height: auto;
	width: 98%;
	color: #003;
	background-color: #E2E2E2;
	font-style: normal;
	letter-spacing: 0.2em;
	font-size: 110%;
	float: left;
	line-height: normal;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	padding-top: 0.2em;
	padding-right: 0.5em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
}


.sub_menu_mante {
	max-width: 1200px;
	min-width: 300px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00C;
	text-align: left;
	clear: both;
	height: auto;
	margin-right: 0em;
	margin-left: 1em;
	width: 95%;
	color: #000;
	background-color: #DFEAF7;
	font-style: normal;
	letter-spacing: 0.1em;
	font-size: 140%;
	display: block;
	float: left;
	line-height: normal;
	margin-bottom: 0.4em;
	margin-top: 0.1em;
	font-weight: bold;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	padding-left: 2em;
}

.mignon {
	font-size: 70%;
	font-weight: bold;
	color: #FFF;
	text-align: left;
	margin-left: 0.1em;
	float: left;
	background-image: url(../images/U_D.jpg);
	vertical-align: middle;
	height: 3.3em;
	background-repeat: no-repeat;
	background-position: center top;
	line-height: 3em;
	width: auto;
	margin-top: -0.5em;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ad641b;
	padding-top: 0.1em;
	padding-right: 0.1em;
	padding-left: 0.1em;
}

.mignon2 {
	font-size: 70%;
	font-weight: normal;
	color: #FFF;
	margin-left: 0.1px;
	float: right;
	height: 1.5em;
	line-height: 1em;
	width: auto;
	margin-top: -0.3em;
	background-color: #000000;
	padding-top: 0.1em;
	padding-right: 0.1em;
	padding-left: 0.1em;
}


.pie_slider {
	font-size: 90%;
	color: #036;
	text-align: center;
	vertical-align: middle;
	height: auto;
	width: 100%;
	background-color: #FFFFFF;
	padding-top: 0.1em;
	padding-right: 0.5em;
	padding-left: 0.5em;
	letter-spacing: 0.01em;
	display: inline-block;
	line-height: normal;
}

/*
.letrones {
	font-size: 160%;
	line-height: normal;
	color: #FFFFFF;
	text-align: left;
	/*	text-shadow: 2px 2px 4px #000; 
	display: block;
	float: left;
	font-weight: lighter;
	border-radius: 10px;
	-webkit-border-radius: 10px;  
	-ms-border-radius: 10px;  
	width: 100%;
	text-transform: uppercase;
	border-left-width: 15px;
	border-left-style: solid;
	border-left-color: #2573C3;
	letter-spacing: 0.04em;
	text-indent: 0.5;
	background-color: #19232D;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
*/

.letrones {
	font-size: 130%;
	line-height: normal;
	color: #000000;
	text-align: center;
/*	text-shadow: 2px 2px 4px #000; */
	display: block;
	float: left;
	font-weight: lighter;
	/*	border-radius: 6px;
	-webkit-border-radius: 6px;  /* Safari  */
/*	-ms-border-radius: 6px; */
	width: 100%;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
	background-color: #D5E6F0;
	/*	margin-right: 1%;  */
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 1%;
}


.letrones_2 {
	font-size: 120%;
	line-height: normal;
	color: #FFF;
	text-align: center;
	display: block;
	float: left;
	font-weight: bold;
	/*	border-radius: 10px;
	-webkit-border-radius: 10px;  /* Safari  */
/*	-ms-border-radius: 10px; */
	width: 98%;
	padding: 0.3em;
	background-color: #2673c3;
	border-top-width: 10px;
	border-bottom-width: 10px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000;
	margin-top: 2em;
	margin-bottom: 0.5em;
}

.letrones_2 {
	font-size: 150%;
	line-height: normal;
	color: #000;
	text-align: center;
	display: block;
	float: left;
	font-weight: lighter;
/*	border-radius: 6px;
	-webkit-border-radius: 6px;  /* Safari  */
/*	-ms-border-radius: 6px; */
	width: 98%;
	padding: 0.3em;
	background-color: #BDD6DD;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #003;
	border-bottom-color: #003;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #003;
	border-left-color: #003;
	margin-top: 0.1em;
	margin-bottom: 0.5em;
}

.capitel_negro {
	color: #FFF;
	background-color: #000000;
	padding: .2em;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #599699;
}

.confirmar_seleccion {
	color: #000;
	padding: 0.1em;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	width: auto;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #000;
	font-size: 80%;
	text-transform: uppercase;
	background-color: #FFF;
}

.selector_especialidades {
	color: #668CB3;
	letter-spacing: 0.3em;
	line-height: 1.5em;
	background-color: #E4EEF1;
	clear: right;
	float: left;
	display: inline-block;
	font-size: 120%;
	font-weight: lighter;
	width: 98%;
	padding-top: 0.2em;
	padding-right: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 1%;
	border-radius: 10px;
	-webkit-border-radius: 10px;  /* Safari  */
	-ms-border-radius: 10px;
	border-right-width: 4px;
	border-left-width: 4px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000;
	border-left-color: #000;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999;
	border-bottom-color: #999;
}

.dia_hora_espec {
	flex: 1;
	-webkit-flex: 1;
	clear: none;
	width: auto;
	padding-right: .5%;
	padding-left: .5%;
	color: #000;
	/*	height: auto; */
	height: 150px;
	background-color: #F2F2F2;
	font-weight: normal;
	display: block;
	float: left;
	border: 1px solid #000;
	font-size: 12px;
	line-height: 1.3em;
	vertical-align: middle;
	letter-spacing: 0.1em;
	margin-top: 0.3em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
}




.letrones_3 {
	font-size: 1.8em;
	line-height: normal;
	color: #000;
	text-align: center;
	display: block;
	float: left;
	font-weight: lighter;
	/*	border-radius: 5px;
	-webkit-border-radius: 5px;  /* Safari  */
/*	-ms-border-radius: 5px; */
	width: 94%;
	margin-right: 3%;
	margin-left: 1%;
	padding: 0.3em;
	background-color: #BDD6DD;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
	margin-bottom: 0.5em;
}

.letrones_4 {
	font-size: 2.3em;
	line-height: normal;
	color: #000;
	text-align: center;
	display: block;
	float: left;
	font-weight: lighter;
	/*	border-radius: 10px;
	-webkit-border-radius: 10px;  /* Safari  */
/*	-ms-border-radius: 10px; */
	width: 100%;
	padding: 0.3em;
	background-color: #BDD6DD;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
	margin-bottom: 0.5em;
}

#contiene_fotos {
	display: block;
	width: 99.6%;
	height: auto;
	clear: none;
	float: left;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	padding-left: 0.2em;
	margin-left: 0.2em;
}	



#tipo3 {
	max-width: 1200px;
	min-width: 300px;
	width: 100%;
	display: block;
	clear: both;
	float: left;
	height: auto;
	font-size: 1.2rem;
	line-height: 1.5rem;
	font-weight: bold;
	padding: 0em;
	margin: 0em;
	text-decoration: underline;
	color: #FFF;
}


.pie_pag {
	position: relative; /* esto da a IE6 hasLayout para borrar correctamente */
	clear: both;
	padding-top: 0.3em;
	padding-right: 0;
	padding-bottom: 2em;
	padding-left: 0.3em;
	font-size: 0.8em;
	font-weight: bold;
	vertical-align: bottom;
	width: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #003;
	background-color: #8EAAB9;
	margin: 0px;
	height: 200px;
	background-image: url(../images/piepagina.png);
	background-repeat: repeat-x;
	background-position: bottom;
} 

.izquierda_piepag {
	width: 24%;
	font-size: 0.8em;
	color: #003;
	line-height: 1.5em;
	letter-spacing: 0.3em;
	font-weight: bold;
	clear: none;
	text-transform: uppercase;
	text-align: left;
	padding-left: 1%;
	float: left;
	background-position: center center;
	height: auto;
}

.centro_piepag {
	width: 48%;
	height: auto;
	font-size: 0.7em;
	color: #003;
	line-height: 2em;
	letter-spacing: 0.3em;
	clear: none;
	text-transform: uppercase;
	text-align: left;
	float: left;
	vertical-align: middle;
	margin-top: 2em;
	padding-top: 3px;
}

.derecha_piepag {
	width: 24%;
	height: auto;
	font-size: 0.7em;
	color: #003;
	line-height: 2em;
	letter-spacing: 0.3em;
	clear: none;
	text-transform: uppercase;
	text-align: left;
	float: right;
	vertical-align: middle;
	padding-right: 1%;
	padding-top: 0.4em;
}

.area_telefonos {
	text-decoration: none;
	background-color: #80B39D;
	border: 3px solid #FFF;
	border-top-left-radius: 1.2em;
	border-top-right-radius: 1.2em;
	border-bottom-right-radius: 1.2em;
	border-bottom-left-radius: 1.2em;
	color: #FFF;
	font-size: 100%;
	padding: 0.5em;
	display: block;
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 0.6em;
	margin-left: 1em;
	width: 25%;
	float: right;
}
.area_formulario {
	text-decoration: none;
	border-top-left-radius: 1.2em;
	border-top-right-radius: 1.2em;
	border-bottom-right-radius: 1.2em;
	border-bottom-left-radius: 1.2em;
	padding: 0.5em;
	font-weight: normal;
	width: 60%;
	float: left;
	display: block;
	margin: 0.5em;
	color: #333;
	letter-spacing: .02em;
	background-image: url(../images/transpa01.png);
	background-repeat: repeat;
}

.area_formulario_validado {
	text-decoration: none;
	font-weight: lighter;
	width: 100%;
	display: block;
	color: #000;
	letter-spacing: .02em;
	font-size: 120%;
	height: 15em;
	padding-top: 3em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	margin-top: 3em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	clear: both;
	float: left;
}


/* ~~ Los estilos de lista de navegación (pueden eliminarse si opta por usar un menú desplegable predefinido como el de Spry) ~~ */
ul.nav {
	list-style: none;
	color: #FFF;
/*	width: 95%; */
	width: 100%;
	line-height: 1em;
	padding-top: 0em;
	padding-right: 0px;
	padding-bottom: 1em;
	padding-left: 0px;
	margin: 0em;
}
ul.nav li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #213D54;
	font-weight: bold;
	margin: 0px;
	list-style-type: none;
	line-height: 1em;
	padding: 0px;
}
ul.nav a, ul.nav a:visited { /* al agrupar estos selectores, se asegurará de que los vínculos mantengan el aspecto de botón incluso después de haber sido visitados */
	text-decoration: none;
	color: #003;
	display: block;
	line-height: 1em;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 1px;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* esto cambia el color de fondo y del texto tanto para usuarios que naveguen con ratón como para los que lo hagan con teclado */
	color: #FFF;
	display: block;
	line-height: 1em;
	width: 100%;
	background-image: url(../images/punto_M.png);
	background-repeat: repeat;
}
.estrofa_email {
	text-decoration: none;
	border-top-left-radius: .7em;
	border-top-right-radius: .7em;
	border-bottom-right-radius: 0.5em;
	border-bottom-left-radius: 0.5em;
	box-shadow: -6px 6px 6px rgba(0,0,0,0.5);
	/*	box-shadow: 4px 5px 10px rgba(0,0,0,0.7); */

	display: inline-block;
	line-height: 1em;
	/*	color: #666; */
	padding: 0.3em;
	letter-spacing: 0.1em;
	margin-top: 0.5em;
	margin-right: 2em;
	margin-bottom: 1em;
	margin-left: 1em;
	height: auto;
	width: 93%;
	background-image: url(../images/fondo_caja.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.telefunken {
	text-decoration: none;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
	border-bottom-right-radius: 0.5em;
	border-bottom-left-radius: 0.5em;
	color: #2B4857;
	width: 100%;
	font-weight: bold;
	margin: 0em;
	padding-top: 0.1em;
	padding-right: 1px;
	padding-bottom: 0.1em;
	padding-left: 1px;
}

.pie_foto_album {
	text-align: left;
	clear: none;
	height: auto;
	color: #000;
	font-style: italic;
	letter-spacing: 0.1em;
	font-size: 10px;
	float: left;
	line-height: normal;
	margin-bottom: 0.5em;
	padding-right: 1%;
	padding-bottom: 0.1em;
	padding-left: 1%;
	margin-top: 0px;
	padding-top: 0.1em;
	display: inline-block;
	width: auto;
}

#espaciado{
	display: block;
	clear: both;
	float: left;
	height: 10em;
	width: 100%;/*	position: relative; */
}

.medio_iz{
	float: left;
	width: 50%;/*	margin-right: 1em; */
	display: block;
}

.medio_iz2{
	float: left;
	width: 50%;/*	margin-right: 1em; */
	padding-left: 20%;
	display: block;
}

.medio_de{
	width: 50%;/*	margin-right: 1em; */
	padding-left: 20%;
}

.enterito{
	display: block;
	float: left;
	width: 100%;
	clear: both;
	font-style: italic;
	color: #000;
	font-weight: lighter;
	padding-left: 2%;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #039;
	margin-bottom: 3px;
	font-size: 120%;
	padding-bottom: 3px;
}

/*
.header-site{
	background-attachment: scroll;
	background-color: #000099;
	background-image: url(../images/titulo_chico_old.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}	

*/



/* Media Queries */
@media screen and (max-width: 910px){ 

	
	.mi-slider nav {
		max-width: 90%;
	}
	.mi-slider nav a {
		font-size: 12px;
		padding: 40px 10px 30px 14px;
	}

.funciones{
	width: 90%;
	display: block;
	float: none;
	clear: both;
	margin-right: 1em;
	margin-left: 1em;
}

/*
.fotito_album {
	margin-top: .3em;
	margin-right: .2em;
	margin-bottom: .3em;
	margin-left: .2em;
	padding-bottom: 0.3em; 

width: 250px;   

float: none;
clear: none;
display: inline-block;
}
*/

.foto_derecha {
	height: auto;
	width: 50%;
}



.foto_derecha_plus {
	height: auto;
	width: 50%;
}

.fotito_izquierda {
	height: auto;
	width: 50%;
}

.porc_50_index {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 1;
	-wbkit-order: 1;
	-ms-order: 1;
	margin-right: 2%;
	padding-right: 2%;
}
	
.porc_50_1 {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 1;
	-wbkit-order: 1;
	-ms-order: 1;

	width: 96%;
	margin-right: 2%;
	padding-right: 2%;
}

.porc_33_1 {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 1;
	-wbkit-order: 1;
	-ms-order: 1;

	width: 90%;
	margin-right: 2%;
	padding-right: 2%;
}

.porc_25_1 {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 1;
	-wbkit-order: 1;
	-ms-order: 1;

	width: 90%;
	margin-right: 2%;
	padding-right: 2%;
}	
	
	
}

@media screen and (max-width: 800px){



.mi-slider {
		height: 500px;
	}
	.mi-slider nav {
		top: 220px;
	}

.funciones{
	background-color: #fff;
	width: 85%;
	display: block;
	float: none;
	clear: both;
	margin-right: 1em;
	margin-left: 1em;
}

/*
.fotito_album {
	margin-top: 1em;
	margin-right: 3%;
	margin-bottom: 1em;
	margin-left: 2%;
	padding-bottom: 0.5em;
	padding-right: 0.3em;
	padding-left: 1%;
	line-height: 1.3em;
}
*/

.foto_derecha {
	height: auto;
	width: 50%;
}

.foto_derecha_plus {
	height: auto;
	width: 60%;
}

.fotito_izquierda {
	height: auto;
	width: 50%;
}

.porc_50_index {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 1;
	-wbkit-order: 1;
	-ms-order: 1;

	font-size: 70%;
	margin-right: 2%;
	padding-right: 2%;
	display: block;
	clear: none;
	float: left;
	text-align: left;
}



	
.porc_50_1 {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 1;
	-wbkit-order: 1;
	-ms-order: 1;

	width: 96%;
	margin-right: 2%;
	padding-right: 2%;
}

.porc_33_1 {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 1;
	-wbkit-order: 1;
	-ms-order: 1;

	width: 90%;
	margin-right: 2%;
	padding-right: 2%;
}

.porc_25_1 {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 1;
	-wbkit-order: 1;
	-ms-order: 1;

	width: 90%;
	margin-right: 2%;
	padding-right: 2%;
}


	
}



/* @media screen and (max-width: 740px){ */
@media screen and (max-width: 768px){

.resumen {
	font-size: 60%;
}

.mi-slider {
		height: 500px;
	}
	.mi-slider nav {
		top: 220px;
	}

.funciones{
	background-color: #fff;
	width: 85%;
	display: block;
	float: none;
	clear: both;
	margin-right: 1em;
	margin-left: 1em;
}

/*
.fotito_album {
	margin-top: 1em;
	margin-right: 3%;
	margin-bottom: 1em;
	margin-left: 2%;
	padding-bottom: 0.5em;
	padding-right: 0.3em;
	padding-left: 1%;
	line-height: 1.3em;
}
*/

.foto_derecha {
	height: auto;
	width: 70%;
}

.foto_derecha_plus {
	height: auto;
	width: 60%;
}

.fotito_izquierda {
	height: auto;
	width: 80%;
	float: left;
}


.porc_50_index {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 1;
	-wbkit-order: 1;
	-ms-order: 1;
	
	font-size: 70%;
	margin-right: 2%;
	padding-right: 2%;
}


	
.porc_50_1 {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 1;
	-wbkit-order: 1;
	-ms-order: 1;

	width: 96%;
	margin-right: 2%;
	padding-right: 2%;
}

.porc_33_1 {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 1;
	-wbkit-order: 1;
	-ms-order: 1;

	width: 90%;
	margin-right: 2%;
	padding-right: 2%;
}

.porc_25_1 {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 1;
	-wbkit-order: 1;
	-ms-order: 1;

	width: 90%;
	margin-right: 2%;
	padding-right: 2%;
}


	
}

@media screen and (max-width: 490px){ 


.funciones{
	background-color: #fff; 
	width: 80%;
	display: block;
	float: none;
	clear: both;
	margin-right: 1em;
	margin-left: 1em;
}

.p {
	font-size: 50%;
}

.porc_50_index_X {
	font-size: 70%;
}

.resumen {
	font-size: 60%;
}

h1  {
	font-size: 120%;
}

h2 {
	font-size: 110%;
	font-weight: normal;
}



.foto_derecha {
	height: auto;
	width: 100%;
}

.foto_derecha_plus {
	height: auto;
	width: 100%;
}



.fotito_izquierda {
	height: auto;
	width: 80%;
	float: left;
}


.porc_50_index {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 1;
	-wbkit-order: 1;
	-ms-order: 1;
	
	font-size: 60%;	
	width: 96%;
	margin-right: 4%;
	padding-right: 2%;
}


.porc_50_1 {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 1;
	-wbkit-order: 1;
	-ms-order: 1;

	width: 96%;
	margin-right: 2%;
	padding-right: 2%;
}

.porc_33_1 {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 1;
	-wbkit-order: 1;
	-ms-order: 1;

	width: 90%;
	margin-right: 2%;
	padding-right: 2%;
}

.porc_25_1 {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	order: 1;
	-wbkit-order: 1;
	-ms-order: 1;

	width: 90%;
	margin-right: 2%;
	padding-right: 2%;
}


	.mi-slider {
		text-align: center;
		height: auto;
	}

	.mi-slider ul {
		position: relative;
		display: inline;
		bottom: auto;
		pointer-events: auto;
	}

	.mi-slider ul li {
		-webkit-animation: none !important;
		animation: none !important;
		-webkit-transform: translateX(0) !important;
		transform: translateX(0) !important;
		padding: 10px 3px;
		min-width: 140px;
	}

	.mi-slider nav {
		display: none;
	}
	
.nom_seccion {
	margin-left: 0.1em;
	padding-right: 0.3em;
	padding-left: 0.1em;
	font-size: 70%;
	padding-top: 0.3em;
	margin-top: 0.2em;/*	text-shadow: -1px 0 #090, 2px 0 #090, 0 2px #090, 0 -1px #090; */
	letter-spacing: .2em;
	line-height: normal;
	font-weight: bold;
}	
	
.dia_hora_espec {
	flex: 1;
	-webkit-flex: 1;
	clear: none;
	width: auto;
	padding-right: 0.5%;
	padding-left: 0.5%;
	color: #000;
	height: auto;
	/*		height: 250px; */
	background-color: #F2F2F2;
	font-weight: normal;
	float: left;
	border: 1px solid #000;
	font-size: 12px;
	line-height: 20px;
	vertical-align: middle;
	letter-spacing: 0.1em;
	font-style: italic;
}	
	
}