/* Atributos generales de la página */

	*{
		margin: 0 auto;
	}
	
	body{
		overflow-x:hidden;		
		height: 100%;
		font-family: 'Open Sans', sans-serif;
		max-width: 1024px;
	}

	/* Ocultamos los que mostraremos en mobil */

	#contactoMobil{
		display: none;

	}

	/* HEADER */

	header{
		background-color:#00418A;
		margin-top:0%;	
	}

	header a{
		text-decoration: none;
		color: #fff !important;
	}

	header a:hover{
		text-decoration: underline !important;
		color: #fff !important;
	}	

	.titulo img {
		width: 50%;
	}

	.titulo{	
		padding-top:1%;
		text-align: center;
	}
	
	header p{
		color:white;
		text-align:center;
		padding-bottom:1.5%;
	}


	/* Estilos del cuerpo */

	/* definimos lo general */

	#contenedor article ul li{
		list-style:none;
		margin-top: 1%;
		margin-bottom: 1%;
	}

	section{
		background:url('/resources/img/guia/logo.png') no-repeat 100%;
		background-position:left;	
	} 

	section a{
		margin-bottom: 10px;
		color:black;
		text-decoration: none; 
		padding: 1px;
	}

	section a:hover{
		color:white;
		text-decoration: none; 
		background-color: gray;
		border-radius: 5px;
	}

	article div h1 {
		padding-left: 5%;
		color:white;	
	}

	/* definimos los colores del titulo de cada seccion */

	.secundaria  h1{
		background-color:#E8561B;
	}

	.basica h1{
		background-color:#636362;
	}

	.bachilleratos h1{
		background-color:#3DA435;
	}

	.medio h1{
		background-color:#009EE2;
	}

	.superior h1 {
		background-color:#D01717;
	}

	/* Para centrar el icono */

	.icono{
		text-align: center;
		padding-top: 3%;
	}
	

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

		header p{
			font-size: 87%;
		}

		article div ul{
			padding: 1%;
			font-size: 110%;
		}
		article div ul li{
			padding: 1%;
		}

		/* Ocultamos la cabecera de desktop */

		#contactoNormal{
			display: none;
		}

		/* Mostramos la cabecera del mobil */

		#contactoMobil{
			display: block;
			text-decoration: none;
			padding: 4%;
			/*text-align: center;*/
		}

		#contactoMobil ul li{
			list-style:none;
			color: white;		
		}
		
	}