/* ------- */
/* FUENTES */
/* ------- */

@font-face {
  font-family: 'Roboto-Regular';
  src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf')  format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Medium';
  src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium.ttf')  format('truetype'), url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Bold';
  src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf')  format('truetype'), url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* -------- */
/* CSS GRAL */
/* -------- */

* { margin:0; padding:0;}

body {
    font-family: "Roboto-Regular",Arial,sans-serif;
    background: #004987;
}

strong {
	font-family: "Roboto-Bold",Arial,sans-serif;
}

img{
	display: block;
	max-width: 100%;
	height:auto;
	border: 0;
}

hr {
	border:0;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}

a {
	text-decoration: none;
    color: #004987;
}

ul {
	margin:10px 0;
}

p, ul li {
	font-size: 12px;
	line-height:1.2em;
	color: #636363;
	font-weight: normal;
	font-style: normal;
	text-align: justify;
	margin-bottom:10px;
}

p a, ul li a {
	text-decoration:underline;
}

li {
	margin-left:15px;	
}

h1, h2, h3, h4, h5, h6 {
    color: #004987;
	line-height:1.2em;
	padding:1.2em 0;
}

h1 {
	font-size: 16px;
}

sup {
	font-size:8px;
	line-height:0;	
}

/* clear */
.clear { clear:both;}

/* estructura */
.estructura{
	max-width: 600px;
	padding:0 20px 20px 20px;
	margin: 0 auto;
	background: #fff;
}

/* links top y redes sociales */
.link_top, .link_bottom {
	text-align: right;
	font-size:12px;
    color: #636363;
	padding:10px 0;
}

.link_top a, .link_bottom a {
    color: #004987;
}

.link_top a:hover, .link_bottom a:hover {
	text-decoration:underline;
}

/* logos */
.logos .principal { 
	width:33%;
	float:left;
	padding:4.5% 0;
}

.logos .secundario, .logos .secundario img {
	float:right;
}

.logos .secundario {
	width:27%;
}

/* destacados (en <a> y <h1>) */
.destacado {
	display: block;
	font-size: 16px;
	text-align: center;
	padding: 20px;
	margin-bottom: 10px;
	font-weight:normal;
	color: #fff;
	background: #004987;
}

/* informativos */
.informativo{
	display: block;
	padding: 20px 20px 10px 20px;
	background: #8b8b8b;
	margin-bottom:10px;
}
	
.informativo p{
	text-align: center;
	color: #fff;
}

.informativo .tit{
	font-size: 16px;
	margin-bottom:5px;
}

/* backgrounds alternativos */
.bg-gris {
	color: #004987;
	background: #eeeeee;
}

.bg-verde {
	color: #fff;
	background: #00b9ad;
}

/* legales */
.legales {
	margin-bottom:10px;
}

.legales p {
	font-size: 10px;
	margin-bottom:0px;
}

.cftna-max, .cftna-min {
	color:#004987;
	line-height:1em;
}

.cftna-max {
	font-size:5em;
}

.cftna-min {
	font-size:1.5em;
}

/* ---------- */
/* RESPONSIVE */
/* ---------- */
@media screen and (max-width: 450px) {
	
	/* links top y redes sociales */
	.link_top, .link_bottom {
		text-align: center;
		font-size:10px;
	}
	
}