body {
	color: #666;
	font-family: Roboto, sans-serif;
	font-size: 17px;
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
}

h1 {
	font-size:40px;
	font-weight:900;
	text-align:left;
	text-transform:uppercase;
	margin:0;
	padding:0;
}
h2 {
	font-size:20px;
	font-weight:300;
	text-align:left;
	text-transform: uppercase;
	margin:0;
	padding:0;
}
h3{
	text-transform:uppercase;
}
/*------------------ ELEMENTOS GENERALES*/
h2.pageTitle{
	text-align:center;
	text-transform:none
	font-size: 30px;
	font-weight: 600;
	margin: 30px 0 0 0;
	padding: 0;
	color:#163448;
}
.superior, .medio, .footerMain{
	display:block;
	overflow:hidden;
	min-height:1%
}
header, section {
	clear: both;
	float: left;
	position: relative;
	width: 100%;
}
.container {
	width: 1024px;
	margin: 0 auto;
	display: block;
	text-align: center
}
.superior {
	color:#666;
	text-align: center;
	background:#f7f7f7
}
.superior a{
	color:#aa2633;
	text-decoration: none;
	font-weight: bold;
}
ul {
	list-style: none;
}
/*------------------ HEAD*/
.headData{
	text-align:right;
	font-size:16px
}
/*------------------ CUERPO DE PAGINA*/
.medio {
	background: url(../img/crossed_stripes2.png) repeat 0 0;
}
.col50 {
	display: block;
	width: 45%;
	float: left;
	padding: 30px 5% 30px 0;
}
.col50 img {
	padding:6px;
	border:1px solid #f8f8f8;
	background:#fefefe;
	width:100%
}

.col50logo {
	display: block;
	width: 45%;
	float: left;
	padding:10px 5% 5px 0;
}
.col50logo img {
	padding:6px;
	border:1px solid #f8f8f8;
	background:transparent;
	width:auto;
}
.col50logo img:hover {
    opacity:1;
}
.col50datos{
	padding-top:6%
}

.medio a {
	color: #1099ec;
	text-decoration: none;
	font-weight: bold;
}
.medio a:hover {
	color: #084b74;
}
/*------------------ FOOTER*/
.footerMain {
	clear: both;
	color: white;
	text-align: center;
	font-size: 16px;
	width: 100%;
	padding: 20px 0;
	background:#263d57
}
.footerMain ul {
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 30px
}
.footerMain a{
	color:#fefefe;
	text-decoration: none;
	font-weight: bold;
}

@media(max-width:1000px) {
	.container {
	width: 90%;
	margin: 0 5%;
	display: block;
	text-align: center
}

h1 {
	font-size:35px;
	
}
h2 {
	font-size:25px;
	
}
}

@media(max-width:600px) {
.col50 {
	display: block;
	width:94%;
	float: left;
	padding: 30px 3%;
}
.headData{
	text-align:center;
	
}
.col50 {
    display: block;
    width: 94%;
    float: left;
    padding:20px 3% 10px 3%;
}
.col50logo {
	text-align:center;
	width:100%;
	margin:0 auto;
	display:block;
	float:none;
	padding:0;
	margin:0;
}
.col50logo img{
	    margin: 0 auto;
    display: block;
}
.col50datos {
	display: block;
	width: 100%;
	clear:both;
	padding:10px;
	text-align:center
}
}