a, abbr, acronym, address, article, aside, audio, 
b, big, blockquote, body, caption, canvas, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em,
fieldset, figcaption, figure, form, footer, 
header, hgroup, h1, h2, h3, h4, h5, h6, html, 
i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
object, ol, output, p, q, samp, section, small, span, strike, sub, summary, sup, 
tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, ul, var, video { 
    font-family: inherit; 
    font-size: 100%; 
    font-weight: inherit;
    font-style: inherit; 
    vertical-align: baseline; 
    white-space: normal;
    text-align: left; 
    margin: 0; 
    padding: 0; 
    border: 0; 
    outline: 0;
    background: transparent; 
    color: #3474b4;
}

article, aside, details, figcaption, footer, header, hgroup,
menu, nav, section { 
    display: block; 
}
                                  
blockquote, q {
    quotes: none; 
}

table { 
    border-collapse: collapse; 
    border-spacing: 0; 
}

img, iframe, object, video {
    width: 100%;
    max-width: 100%;
}
a, a:active { text-decoration: none }

/* //////////// reset \\\\\\\\\\\\\\\\\\*/

/* /////////// CSS \\\\\\\\\\\\\\\\\\\ */

body {
    font-size: 1em;
}

body section:nth-child(2){
  padding-top: 0;
}
h1, h2, h3 {
    padding: 0;
 font-family: Arial, Helvetica,'Open Sans', sans-serif;
 font-weight: bold;
}

h2, h3 {
    font-size: 1em;
padding-bottom: 1em;
text-align: left;
}
h2 {
color: #00529b;
}

p {
    padding-bottom: 1.2em;
}
p.bordeinferior {
    padding-bottom: 0.6em;
}
.imgservicios p.primero {
    padding-top: 0.6em;
}
}
strong {
    color: #00529b;
    font-weight: bold;
}
b {
    font-weight: bold;
}

ul.disco {
    padding-bottom: 1em;
     list-style-position: outside;
     padding-left: 1.05em;
}

address{
  padding-top: 2em;
}

.azulclaro {
    color: #fff;
    background-color: #3474b4;
}

.azuloscuro {
     color: #fff;
    background-color: #00529b;
}

.azul {
    background-color: #85addc;
    padding: 1em 0;
    background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #3474b4),
    color-stop(1, #85addc)
);
background-image: -o-linear-gradient(bottom, #3474b4 0%, #85addc 60%);
background-image: -moz-linear-gradient(bottom, #3474b4 0%, #85addc 60%);
background-image: -webkit-linear-gradient(bottom, #3474b4 0%, #85addc 60%);
background-image: -ms-linear-gradient(bottom, #3474b4 0%, #85addc 60%);
background-image: linear-gradient(to bottom, #3474b4 0%, #85addc 60%);
}

.azul h1 {
 color: #fff;
 font-size: 1.5em;
 padding: 0 1em;
 }

blockquote h2::before { content:"«"; }
blockquote h2::after { content:"»"; }
.bordesuperior{
    border-top: 0.1em solid #ef4136;
}
.bordederecho{
    border-right: 0.1em solid #ef4136;
}
.bordeizquierdo {
     border-left: 0.1em solid #ef4136;
}
.bordeinferior{
    border-bottom: 0.1em solid #ef4136;
}
.centro{
    text-align: center;
}

}
.contacto {
    margin: 4em 0;
 }

.contacto img {
    max-width: 8.3em;
}

.contacto h3{
    padding-top:.2em;
}
.contacto h2{
    padding-top:.2em;
}

.contenido-uno, .contenido-dos, .encabezado , .pie-pagina{
    padding: 0 1.2em 1em 1em;
}

.contenido-uno {
    padding-top: 1em;
}

.contenido-uno .contenido-dos:first-child{
    padding-left: 0;
}
.contenido-tres, {
    padding: .5em .5em;
}
.contenido-cuatro{
    padding: 0;
}
.contenido-uno, .contenido-dos, .pie-pagina, .logo, .contenido-tres, .contenido-cuatro{
    float: left;
    box-sizing: border-box;
}
.contenido-uno{
    width: 100%;
}
.contenido-dos{
    width: 50%;
}

.contenido-tres {
    width: 33.3%;
}
.contenido-cuatro {
    width: 25%;
    background-color: red;
}

.encabezado {
    height: 60px;
    padding-top: 1em;
}

.encabezado img{
    width: 100px;
    max-width: 35%;
    height: 49px;
    max-height: auto;
}
.icono img{
    max-width: 3em;
    height: auto;
    vertical-align: middle; 
}
.iconocontacto img {
 max-width: 1.25em;
    height: auto;
    vertical-align: middle;    
}

.imgAPI img {
   height: auto; 
    max-height: auto;
}
.imgiconosAPI img {
    width: 15%;
    max-width: 15%;
    height: auto; 
    max-height: auto;
}
.imgiconosAPI, .imgAPI{
    text-align: center;
    padding: 0;
}

.imgservicios img {
    width: 100%;
    max-width: 100%;
    height: auto; 
    max-height: auto;
    text-align: center;
}

.izq {
    padding-left: 1em;
}

.main {
    width: 100%;
    margin: 0 auto;
    height: auto;
   font-family: "Roboto", Helvetica, sans-serif;
   font-weight: 300;
   font-style: normal;
   color: #58585a;
}

.mainmenu {
    float: right;
    display: inline;
}

.pie-pagina{
    width: 100%;
   height: 75px;
    vertical-align: middle;
    text-align: center;
}
.post{
    margin-bottom: 1em;
}
pre {
   padding: 1em 1em 0;
      margin: 0 0 1em;
    font-family: "Roboto", Helvetica, sans-serif;
   font-weight: 300;
   font-style: normal;
text-align: justify;
background-color: #E6E6E6;
}

.prensa {
    padding-bottom: 2em;
}

.prensa a {
    text-align: right;
    float: right;
    text-decoration: underline;
}
.prensa p {
    /*border-left: 0.1em solid #ef4136;*/
    padding: 1em;
    background-color: #E6E6E6;
}

.primero {
    padding-top: 1em;
}

.ultimo {
    padding-bottom: 0em;
}

/* --------------------------- */

/* Menu */ 

.slimmenu {
     text-align: center;
     vertical-align: text-bottom;
 }
.menu-collapser {
    position: relative;
    background-color: white;
    color: #5695d0;
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    padding: 0 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.collapse-button {
    position: absolute;
    right: 8px;
    top: 50%;
    width: 40px;
    background: #5695d0;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
   color: #FFFFFF;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
    padding: 7px 10px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    cursor: pointer;
    font-size: 14px;
    text-align: center;

    transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.collapse-button:hover, .collapse-button:focus {
    background-image: none;
   /*background-color: #040404;*/
   background: #00529b;
    color: #FFF;
}
.collapse-button .icon-bar {
    background-color: #F5F5F5;
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    display: block;
    height: 2px;
    width: 18px;
    margin: 2px 0;
}

ul.slimmenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    padding-top: 1em;
}
ul.slimmenu li {
    position: relative;
    display: inline-block;
    background-color: #fff;
}
ul.slimmenu > li { margin-right: -5px; border-left:0;}
/*ul.slimmenu > li:first-child { border-left: 0 }*/
/*ul.slimmenu > li:last-child { margin-right: 0; border-right: 1px solid #999; }*/
ul.slimmenu li a {
    display: block;
       color: #56585d;
     padding: 0.75em 1.25em;
     font-family: "Roboto", Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-shadow: 0 1px 0 rgba(255,255,255,0.2);
    transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -webkit-transition: background-color 0.5s ease-out;
}
ul.slimmenu li a:hover {
    background-color: #5b97d1;
    color: #fff;
    text-decoration: none;
}
ul.slimmenu li .sub-collapser {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
    height: 100%;
    text-align: center;
    z-index: 999;
    cursor: pointer;
}
ul.slimmenu li .sub-collapser:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}
ul.slimmenu li .sub-collapser > i {
    color: #5b97d1;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
}
ul.slimmenu li ul {
    margin: 0;
    list-style-type: none;
}
ul.slimmenu li ul li { background-color: #fff }
ul.slimmenu li > ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 999;
    width: 100%;
}
ul.slimmenu li > ul > li ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 999;
    width: 100%;
}

ul.slimmenu.collapsed li {
    display: block;
    width: 100%;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
ul.slimmenu.collapsed li a {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.075);

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
ul.slimmenu.collapsed li .sub-collapser {
    height: 40px;
}
ul.slimmenu.collapsed li > ul {
    display: none;
    position: static;
}

/*//////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*media queries*/

/*max-width 479*/


@media screen and (max-width: 479px){

address{
  padding-top: 1em;
}

h1 {
    text-align: left;
}

.bordeizquierdo {
     border-left: 0;
}
.bordederecho {
    border-right: 0;
}
.contenido-dos{
    width: 100%;
}

.contacto {
    margin: 2em 0;
 }

.contenido-uno .contenido-dos{
    padding:0;
}

.contenido-uno .contenido-dos:first-child {
    padding-top:1em;
}

.imgAPI img {
    max-width: 45%;
   }
.izq {
    padding-left: 0;
}
.mainmenu {
      width: 60%;
}
.pc {
    display: none;
}
ul.slimmenu > li {border-left: 1px solid #999; }
}
/*fin max-width 479*/

/*min-width 480 -- max-width 780*/
@media screen and (min-width: 480px) and (max-width: 780px){

.bordeizquierdo {
     border-left: 0;
}
.bordederecho {
    border-right: 0;
}

.contacto {
    margin: 2em 0;
 }
.contenido-dos{
    width: 100%;
 }
.contenido-uno .contenido-dos{
    padding:0;
}

.imgAPI img {
    max-width: 45%;
   }
.mainmenu {
      width: 60%;
}
.pc {
    display: none;
}
 ul.slimmenu > li {border-left: 1px solid #999; }
}
/*fin min-width 480 -- max-width 780*/

@media screen and (min-width: 780px) and (max-width: 1024px){

.encabezado{
      height: 90px;
}
.encabezado img{
    width: 150px;
    height: 74px;
    max-width: 15%;
}

.imgAPI img {
    max-width: 30%;
   }
.imgiconosAPI img {
    width: 10%;
    max-width: 10%;
    height: auto; 
    max-height: auto;
}
.imgservicios img {
    max-width: 80%;
}

.mainmenu {
    width: 80%;
    float: right;
    display: inline;
}
.movil {
    display: none;
}

.primero {
    padding-top: 1em;
}
ul.slimmenu li a {
    padding: 0.75em .9em;
}
}


/*fin min-width 780 -- max-width 1024*/


@media screen and (min-width: 1025px){

body {
    font-size: 1.1em;
}    
h2, h3 {
    font-size: 1.2em;
padding-bottom: 1em;
}
.azul h1 {
  font-size: 1.7em;
 padding: 0 1em;
 }

.encabezado{
        height: 90px;
          }
.encabezado img{
    width: 150px;
   height: 74px;
    max-width: 40%;
    max-height: auto;
}
.imgAPI img {
        max-width: 30%;
   }
.imgiconosAPI img {
    width: 10%;
    max-width: 10%;
    height: auto; 
    max-height: auto;
}
.imgiconosAPI, .imgAPI{
    text-align: center;
    padding: 0;
}
.imgservicios img {
    max-width: 80%;
}
.izq{
    padding: 0 3em;
}
.main {
    max-width: 52.5em;
}
.mainmenu {
    width: 80%;
    float: right;
    display: inline;
}
.movil {
    display: none;
}

.primero {
    padding-top: 2em;
}
}