* {
		box-sizing: border-box;
	}

	body {
		font-family: Arial, Helvetica, sans-serif;
		color: #aaaaaa;
	}

	h1, h2 {
		color: #f5a94c;
		font-size: 18px;
	}
	p {
		color: #02405b;
		font-size: 16px;
	}
	hr.fat {
	  border: 10px solid #f5a94c;
	  border-radius: 5px;
	}

	
	/*
	a {
		outline: none;
		text-decoration: none;
		border-radius: 5px;
		border: 2px solid;
		padding: 5px 5px 5px 5px;
		color: #02405b;
	}
	a:hover {
		border-radius: 5px;
		border: 2px solid;
		background: #f5a94c;
	}
	*/

	/* diseño*/
	.cabecera {
		border-radius:20px;
		border-style: solid;
		//background-color: #e5e5e5;
		padding: 5px;
		margin-bottom: 15px;
		text-align: center;
	}
	
	.piepagina {
		border-radius:20px;
		border-style: solid;
		//background-color: #e5e5e5;
		padding: 15px;
		margin-top: 15px;
		text-align: center;
	}
	.piepagina a {
		border-radius:10px;
		border-style: solid;
		border-color: #e5e5e5;
		background-color: #e5e5e5;
		padding: 5px;
		margin-top: 5px;
		display: block;
		width: 100%;
		color: black;
		text-decoration: none;
	}
	.piepagina a:hover {
		background-color: #f5a94c;
	}
	
	.piepaginajustifica {
		border-radius:20px;
		border-style: solid;
		//background-color: #e5e5e5;
		padding: 15px;
		margin-top: 15px;
		text-align: justify;
	}

	.menu {
		border-radius:20px;
		border-style: solid;
		padding: 5px;
		float: left;
		width: 40%;
		text-align: left;
	}
	.menusinborde {
		//border-radius:20px;
		//border-style: solid;
		padding: 5px;
		float: left;
		width: 40%;
		text-align: left;
	}

	.menu a {
		border-radius:10px;
		border-style: solid;
		border-color: #e5e5e5;
		background-color: #ffffff;
		padding: 5px;
		margin-top: 5px;
		display: block;
		width: 100%;
		color: #02405b;
		text-decoration: none;
	}
	.menu a:hover {
		background-color: #f5a94c;
	}

	.main {
		padding-left: 5px;
		padding-left: 5px;
		float: left;
		width: 60%;
		height: 100%;
		padding: 0 10px;
	}
	.mainframe {
		width: 100%;
		height: 600px;
	}
	
	/* formulario*/
	.Icon-inside {
		position:relative;
	}
	.Icon-inside i {
		position:absolute;
		left:0;
		top:10px;
		padding:10px 10px;
		color:#02405b;
		font-size:30px;
	}
	button {
		width:100%;
		font-size:18px;
		cursor:pointer;
		//height:50px;
		color:#ffffff;
		background:#02405b;
		padding: 1px;
	}
	button:hover {
		//outline:3px solid white;
		//border-width:5px solid red;
		color:#ffffff;
		background:#f5a94c;      
	}
	form {
		background-color:#ffffff;
		padding:10px;
		font-weight:bold;
		margin:10px;
		border-radius:20px;
		border-style: solid;
	}
	fieldset {
		background-color: #ffffff;
	}
	textarea {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		width: 100%;
		height: 140px;
		padding: 15px;
		margin:4px;
		box-sizing: border-box;
		padding-left:60px;
	}
	legend {
		background-color: #02405b;
		color: white;
		padding: 5px 10px;
	}
	input {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		width: 100%;
		padding: 15px;
		margin:4px;
		box-sizing: border-box;
		padding-left:60px;
	}
	select {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		width: 100%;
		padding: 15px;
		margin:4px;
		box-sizing: border-box;
		padding-left:60px;
	}
	input[type=submit]:hover {
		//outline:3px solid white;
		//border-width:5px solid red;
		color:#ffffff;
		background:#f5a94c;      
	}
	input[type=submit] {
		width:100%;
		font-size:18px;
		cursor:pointer;
		//height:50px;
		color:#ffffff;
		background:#02405b;
		padding: 1px;
	}
	input[type=reset]:hover {
		//outline:3px solid white;
		//border-width:5px solid red;
		color:#ffffff;
		background:#f5a94c;      
	}
	input[type=reset] {
		width:100%;
		font-size:18px;
		cursor:pointer;
		height:50px;
		color:#ffffff;
		background:#02405b;
	}
	.mycheck {
		border: 3px solid red;
		width: 32px;
		height: 32px;
		display: inline-block;
		vertical-align: middle;
	}

	.titulin {
		border: 3px solid;
		width: 100%;
		padding: 10px;
		border-radius:20px;
		border-style: solid;
		text-align: center;
		vertical-align: middle;
	}

	/* efectos*/
	.newspaper {
	  column-count: 2;
	  column-gap: 40px;
	  column-rule-style: solid;
	  color: #f5a94c;
	  text-align: justify;
	}
	
	.div_menu_logo {
		display: table-cell;
		color: #02405b;
		padding-right: 5px;
		//vertical-align: middle;
	}
	.div_menu_dch {
		display: table-cell;
		width: 95%;
		text-align: right;
		vertical-align: middle;
		padding-right: 5px;
	}
	.div_menu_dch a {
		border-radius:10px;
		border-style: solid;
		border-color: #f5a94c;
		//background-color: #e5e5e5;
		padding: 5px;
		margin-top: 5px;
		display: block;
		width: 100%;
		color: black;
		text-decoration: none;
	}
	.div_menu_dch a:hover {
		background-color: #f5a94c;
	}
	.div_menu_opcion {
		display: table-cell;
		float: right;
		color: #02405b;
		padding-left: 10px;
		padding-top: 16px;
		padding-right: 30px;
		padding-bottom: 10px;
	}

	@media only screen and (max-width: 620px) {
		/* For mobile phones: */
		.menu, .menusinborde, .main {
		width: 100%;
		margin-top: 5px;
		}
		h1, h2 {
			color: #f5a94c;
			font-size: 13px;
		}
		p {
			color: #02405b;
			font-size: 12px;
		}
		.newspaper {
			column-count: 2;
			column-gap: 40px;
			column-rule-style: solid;
			color: #f5a94c;
			text-align: justify;
			font-size: 14px;
		}
		form {
			background-color:#ffffff;
			padding:10px;
			font-weight:bold;
			margin:5px;
			border-radius:10px;
			border-style: solid;
		}
		input {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 18px;
			width: 100%;
			padding: 5px;
			margin:4px;
			box-sizing: border-box;
			padding-left:30px;
		}
		input[type=submit] {
			width:100%;
			font-size:18px;
			cursor:pointer;
			//height:50px;
			color:#ffffff;
			background:#02405b;
			padding-left:5px;
		}
		input[type=reset] {
			width:100%;
			font-size:18px;
			cursor:pointer;
			//height:50px;
			color:#ffffff;
			background:#02405b;
			padding-left:5px;
		}
		.Icon-inside i {
			position:absolute;
			left:0;
			top:10px;
			padding:5px 10px;
			color:#02405b;
			font-size:20px;
		}
	}