/*  MAKE LAYOUT RESPONSIVE at 768px FOR IPAD PORTRAIT ================================================================ */


	
		header section, #banner, #logo, #nota_portada, #conte_mapa, #titulo_mapa, #contenedor_respuesta, 
		#contenedor_lista_grupo, #contenedor_lista, #contenedor_lista_archivos, #contenedor_lista_imagenes, #wd_notas_horizontal
		{
			width: 90%; 
			margin: 0 auto;
			padding: 10px;
		}
		nav section, #parche, #fono
		{
			display: none;
		}
		#banner
		{
			background: transparent;
			height: 250px;
		}
#logo {
    background-position: center center;
    background-size: 85% auto;
    float: none;
    margin-top: 20px;
}
		footer
		{
			overflow:hidden;
			background-position:center 180px;
		}
		footer section
		{
			overflow: hidden;
			height: auto;
			min-height: 340px
		}
		p
		{
			font-size: 16px;
		}
		h1 
		{ 
			font-size: 24px;
		}
		h2 
		{ 
			font-size: 21px;
		}
		h3
		{
			font-size: 18px;
 		}
		#wd_notas_horizontal, #wd_notas_horizontal_4
		{
			width: 90%;
		}
		.contenido
		{
			margin:0;
		}
		#menu_responsive
		{
			display: inherit;
			z-index: 100;
			position: absolute;
			width: 50%;
			margin: 0;
		}
		#contenedor_lista_grupo ul, #contenedor_lista ul, #contenedor_lista_archivos ul, #contenedor_lista_imagenes ul
		{
			padding: 0;
		}
		#contenedor_lista_archivos li
		{
			height: 140px;
		}
		#nota_portada 
		{
    		overflow: hidden;
    		padding: 20px 0;
    		text-align: center;
    		border-radius: 5px;
    		margin-bottom: 10px;
    		text-align: center;
		}
		#carrusel_portada
		{
			width: 90%; 
			margin: 0 auto;
		}
		#carrusel_portada h1 
		{
    		border-radius: 5px 5px 0 0;
    		height: 41px;
    		margin: 0 auto;
    		padding: 15px 0 5px;
    		width: 100%;
    		}

		#mapa h1
		{
			background-image: none;
			border-radius:5px 5px 0px 0px;
			padding-left: 0;
			text-align: center;
			font-size: 24px;
		}
		#redes, #ubicacion
		{
			border: 0px solid#fff;
		}
		.span_1_of_4 
		{
		    width: 50%;
		}
		.span_1_of_3 {
		width: 33.3%;
		}
		.span_2_of_3 {
		width: 66.1%; 
		}
		.span_4_of_6
		{
			width: 100%;
		}
		.span_2_of_6
		{
			width: 50%;
		}
		/* #maincontent{
			width: 93.75%;  720px / 768px 
		}

		
		.maincontent{
			width: 93.75%; 720px / 768px 
		}

		
		footer {
			width: 93.75%;  720px / 768px 
		}*/
		
		#carrusel_portada h3 {
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    height: 45px;
    margin: 5px auto 0;
    padding: 5px;
    text-transform: uppercase;
    width: 245px;
}