/*
font-family: 'Open Sans', Arial , sans-serif;
font-family: 'Roboto', Arial , sans-serif;
font-family: 'Ubuntu', Arial , sans-serif;
*/
/*------------------------------ PC SCREEN -------------------------- */
body{
	font-size: 16px;
	font-family: 'Open Sans', Arial, sans-serif;
	background-color: #FFF;
}
header{
	width: 100%;
	color: #FFF;
	background-color: #4169E1;
	border-bottom: 1px solid #000066;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#258dc8+0,163b81+100 */
	background: #163B81; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI1OGRjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNjNiODEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #258dc8 0%, #163b81 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #258dc8 0%,#163b81 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #258dc8 0%,#163b81 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8', endColorstr='#163b81',GradientType=0 ); /* IE6-8 */
}
.container{
	box-sizing: border-box;
	width: 98%;
	min-width: 720px;
	max-width: 1024px;
	margin: 0 auto;
	overflow: hidden;
}
header .primero{
	background: url("logo.png");
    background-repeat: no-repeat;
    background-position: 5% 50%;	
	height: 120px;
	padding: 60px 2% 0 6%;	
	/*border: 1px solid yellow;*/
}
header .primero h1{
	font-family: 'Arial' , Serif;
	font-size: 280%;
	font-weight: 600;
	letter-spacing: 2px;
	display: inline;
	float: left;
}
header .primero h1 a{
	text-decoration: none;
	color: #FFF;
}
header .primero p{
	font-size: 128%;
	font-weight: 600;
	letter-spacing: 1px;
	display: inline;
	padding: 2% 0 0 2%;
	float: left;
	/*border: 1px solid yellow;*/
}
header .primero .argen-flag{
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	border-radius: 5px;
	background: url("flag.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float: right;
}
main{
	width: 100%;
	background-color: #FFF;
}
main .segundo{
	background: url("foto1.jpg");
    background-repeat: no-repeat;
    background-size: 80% 100%;
    overflow: auto;
    /*border: 1px solid blue;*/
}
main .segundo section{
	width: 30%;
	padding: 2%;
	float: right;
	box-sizing: border-box;
	background-color: #b3b3b3;
	color: #FFF;
}
main .segundo section h2{
	font-family: 'Ubuntu', Arial , sans-serif;
	font-size: 110%;
	font-weight: 600;
	text-align: center;
}
main .segundo section p{
	padding-top: 8px;
	text-align: justify;
    text-justify: inter-word;
}
main .segundo p strong{
	
	font-weight: 600;
}
main .segundo a{
	font-family: 'Roboto', Arial , sans-serif;	
	text-decoration: none;
	color: #FFF;
	font-size: 110%;
	text-align: center;
	box-sizing: border-box;
	width: 60%;
	display: block;
	margin: 0 auto;
	background-color: #33CCFF;
	margin-top: 8px;
	padding: 4px;
	border-radius: 2%;
	border-bottom: 1px solid #3399FF;
	width: 200px;
	height: 50px;
}
main .segundo a:hover{
	width: 62%;
	border-bottom: 2px solid #3399FF;
	font-size: 105%;
	width: 200px;
	height: 50px;

}

main .tercero{
	overflow: hidden;
	/*border: 1px solid blue;*/
}
main .tercero figure{
	width: 50%;
	max-width: 512px;
	box-sizing: border-box;
	float: left;
	display: inline-block;
	padding-left: 8%;
	/*border: 1px solid red;*/
}
main .tercero figure img{
	width: 80%;
	height: 100%;
	/*border: 1px solid black;*/
}
main .cuarto{
	/*border: 1px solid green;*/
}
main .cuarto section{
	width: 50%;
	padding: 2%;
	box-sizing: border-box;
	color: #3f4170;
	display: inline-block;
	/*border: 1px solid blue;*/
}
main .cuarto section h2{
	font-family: 'Ubuntu', Arial , sans-serif;
	font-size: 130%;
	font-weight: 600;
	text-align: center;
	letter-spacing: 1px;
}
main .cuarto section p{
	padding-top: 8px;
	font-size: 120%;
	font-weight: 500;
}
main .cuarto a{
	font-family: 'Roboto', Arial , sans-serif;	
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	color: #FFF;
	font-size: 130%;
	font-weight: 500;
	background-color: #0097db;
	display: inline-block;
	float: right;	
	padding: 20px 8%;
	margin: 30px 3% 0 0;
	box-sizing: border-box;
	border-bottom: 1px solid #330066;
	width: 400px;
	height: 60px;
}
main .cuarto a:hover{
	width: 400px;
	height: 60px;
	font-size: 120%;
	border-bottom: 2px solid #330066;
}

footer{
	width: 100%;
	box-sizing: border-box;
	background-color: #b3b3b3;
	color: #FFF;
	padding: 5px 0;
	margin-top: 20px;
	border-bottom: 1px solid #888888;
	/*border: 1px solid black;*/
}
footer .quinto{	
	/*border: 1px solid black;*/
}
footer h3{
	font-family: 'Ubuntu', Arial , sans-serif;
	font-size: 120%;
	font-weight: 500;
	text-align: center;	
}
footer p{
	font-size: 120%;
	font-weight: 500;
	/*letter-spacing: 1px;*/
	display: inline-block;
	padding: 10px 0 10px 20%;
}
.links-banner{
	overflow: hidden;
	text-align: center;
}
.links-banner .grupo1{
	width: 60%;	
	display: inline-block;
	float: left;
	/*border: 1px solid red;*/
}
.links-banner .grupo2{
	width: 39%;
	float: right;
	/*border: 1px solid blue;*/
}
.links-banner a{
	display: inline-block;	
}
.links-banner img{
	width: 98%;	
}
.links-banner img:hover {
	width: 100%
}