@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600&subset=latin,latin-ext,cyrillic,cyrillic-ext,greek,greek-ext,vietnamese);
charset "utf-8";
/* CSS Document */
* 
{
	padding:0;
	margin:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	@font-face
			.normal1
			{
				font-family: 'News Cycle', sans-serif;
			}
			.normal
			{
				font-family: 'News Cycle', sans-serif;
			}
			.a_mano
			{
				font-family: 'Patrick Hand', cursive;
			}

			.titular
			{
				font-family: 'Shrikhand', cursive;
				font-size: 20px;	
			}

			body
			{
				width: 100%;
				margin: 0;
				padding: 0;
				align-items: center;
				height: 100%			
				
			}
			header
			{
				top: 0px;
				left: 0px;
				right: 0px;
				width: 100%;
				max-height: 170px;

				background-size: 100% 150px;
				text-align: center;
				vertical-align: middle;	
				float: left;			
			}
			nav
			{
 				float: right;
    			margin: 5px 15px 0 0;	
			}
			section
			{
				float: right;
				width: 100%;

				position: relative;
				padding-bottom: 120px;
				overflow-x: hidden;
				overflow-y: auto;
				margin: 15px 15px 15px 15px;
				align-content: center;
				align-items: center;
			}
			article
			{
				display: inline-table;
				width: 90%;
				margin: 5%;
				border-collapse: separate;
				border-style: solid;		
				border-radius: 10px;
				cursor: pointer;	
				float: left;
				position: relative;
				align-content: center;
				align-items: center;
    			-webkit-filter: grayscale(0%);
			   filter: grayscale(0%);	
			}
			.completo
			{
				display: inline-table;
				width: 40%;
				margin: 2%;
				border-collapse: separate;
				border-style: solid;		
				border-radius: 10px;
				cursor: pointer;	
				float: right;
				position: relative;
				align: center;
    			-webkit-filter: grayscale(0%);
			   filter: grayscale(0%);	
			}

			nav a
			{
				text-decoration: none;
				color: #000000;			
			}
			.pc
			{
				display: inline;
			}
			.movil
			{
				display: none;
			}
			.logo
			{
				vertical-align: middle;
				width: 90%;				
			}
			footer
			{
    			width:100%;
    			height:120px;
    			position:fixed;
    			bottom:0;
    			left:0;
				font-family: 'Patrick Hand', cursive;
				color: #FFFFFF;
				text-align: center;
				align-content: center;
				vertical-align: middle;
				background-color: #000000;
			}
			footer a
			{
				color: white;
				text-decoration: none;	
				cursor: pointer;			
			}
@media screen and (max-width: 800px) 
{
			section
			{
				float: right;
				width: 100%;

				position: relative;
				padding-bottom: 135px;
				overflow-x: hidden;
				overflow-y: auto;
				margin: 15px 15px 15px 15px;
				align-content: center;
				align-items: center;
			}
			article
			{
				display: inline-table;
				width: 90%;
				margin: 5%;
				border-collapse: separate;
				border-style: solid;		
				border-radius: 10px;
				cursor: pointer;	
				float: right;
				position: relative;
 				align-content: center;
				align-items: center;
   			-webkit-filter: grayscale(0%);
			   filter: grayscale(0%);	
			}
			.completo
			{
				display: inline-table;
				width: 90%;
				margin: 2%;
				border-collapse: separate;
				border-style: solid;		
				border-radius: 10px;
				cursor: pointer;	
				float: right;
				position: relative;
				algn: center; 
    			-webkit-filter: grayscale(0%);
			   filter: grayscale(0%);	
			}

			.pc
			{
				display: none;
			}
			.movil
			{
				display: inline;
			}
			footer
			{
    			width:100%;
    			height:130px;
    			position:fixed;
    			bottom:0;
    			left:0;
				font-family: 'Patrick Hand', cursive;
				font-size: 14px;
				color: #FFFFFF;
				text-align: center;
				align-content: center;
				vertical-align: middle;
				background-color: #000000;
			}

}
@media screen and (max-width: 400px) 
{
			section
			{
				float: right;
				width: 100%;

				position: relative;
				padding-bottom: 160px;
				overflow-x: hidden;
				overflow-y: auto;
				margin: 15px 15px 15px 15px;
				align-content: center;
				align-items: center;
			}
			article
			{
				display: inline-table;
				width: 90%;
				margin: 5%;
				border-collapse: separate;
				border-style: solid;		
				border-radius: 10px;
				cursor: pointer;	
				float: right;
				position: relative;
				align-content: center;
				align-items: center;
    			-webkit-filter: grayscale(0%);
			   filter: grayscale(0%);	
			}
			footer
			{
    			width:100%;
    			height:155px;
    			position:fixed;
    			bottom:0;
    			left:0;
				font-family: 'Patrick Hand', cursive;
				color: #FFFFFF;
				text-align: center;
				align-content: center;
				vertical-align: middle;
				background-color: #000000;
			}
			.completo
			{
				display: inline-table;
				width: 90%;
				margin: 2%;
				border-collapse: separate;
				border-style: solid;		
				border-radius: 10px;
				cursor: pointer;	
				float: right;
				position: relative;
				align: center;
    			-webkit-filter: grayscale(0%);
			   filter: grayscale(0%);	
			}

			.pc
			{
				display: none;
			}
			.movil
			{
				display: inline;
			}

}