*{ margin:0; }
body { font-family:Arial, sans-serif, 'Open Sans'; font-size:0.9em; }
p  { margin:0 auto 2em; color:#3D3E41; text-align:justify; }
h2 { font-weight:600; margin-bottom:1.5em; color:#073A70; }
h3 { font-weight:600; margin-bottom:1.5em; color:#0080C9; font-size:1.5em; }

ul { list-style-image: url("img/bullet.png"); }

a  { color:#0080C9; padding-right:2em; background: url(img/icoEnlaceIr.png) no-repeat 99% center transparent; text-decoration:none; }
a:hover { background-position-x: right; }

strong { color:#3F357D; }

section {
     background-size:cover;
}
article{
    display:block; background-color:#fff;
    margin: 0 -1em;
    padding:3em 1em;
}

section div, article div { display:inline-block; margin:-0.2em; vertical-align:top; }
section.contenido div:nth-child(1), article div:nth-child(1) { width:26%; padding:0 2%; }
section.contenido div:nth-child(2), article div:nth-child(2) { width:62%; padding:0 4%; }

cite { display:block; font-size:1.5em; margin:0 0 1.5em 0; font-style:normal; font-weight:100; color:#88BCE2; padding:0.5em 0; }

    article cite { color:#fff;  font-size:1.2em; font-weight:500; color:#0080C9;
         background:url(img/fndFrase.png) no-repeat top left; background-size:cover;
         padding:55px 1em 20px 2em;
    }

footer {  background-color:#555; padding:3em 0% 5em;  }
footer address {  color:#fff; text-align:center; font-style:normal;  }

p.imgPrinc { border:1px solid #8881B7; padding:1em; background-color:#fff; margin-bottom:3em; }
p.botones  { margin-top:2em; text-align:right; }

#home { 
        padding-top:0; min-height:450px;
        min-height:700px;
        position:relative;
}
.home  { background-image:url(img/imgCabecera.jpg); background-position:top center; }

#cabecera { 
        background-image:url(img/ct.jpg); background-position:center center;
        padding-top:0; min-height:150px;
        position:relative;
}
    nav { margin:auto; position:relative; height:125px; }
    nav p { position:absolute;left:0; display:inline-block; width:19%; vertical-align:middle; margin:0; 
            background-color:#fff; padding:10px 15px 15px; text-align:center; width:225px;
                -webkit-box-shadow: 1px 1px 20px 0px rgba(0,0,0,0.75);
                -moz-box-shadow: 1px 1px 20px 0px rgba(0,0,0,0.75);
                box-shadow: 1px 1px 20px 0px rgba(0,0,0,0.75);
    }
    nav p a  { display:block; background:url(img/logotipo.png) no-repeat top center; height:100px; width:100%; color:#3D3E41; padding-right:0; }
    nav p a:hover { background-position-x:center; }
    nav p a span  { display:none; }

    nav ul  { position:absolute;right:0; top:10px; width:50%; min-width:455px;
              display:inline-block; margin:0; padding:10px 15px 15px;
              list-style:none; vertical-align:middle; text-align:center;
    }
    nav ul li      { display:block; }
    nav ul li a    { display:none; }    
    nav ul li a:hover { background-color:#0080C9; color:#fff; }
    
    nav ul ul      { display:block; width:100%; background-color:rgba(255, 255, 255, 0.60); }
    nav ul ul li   { margin:0 -0.2em; text-align: center; vertical-align:middle; display:inline-block; }
    nav ul ul li a { display:inline-block; display:inline-block; background:none; text-decoration:none; padding:0.5em 1em; font-weight:600; }


    #home .informacion { position:relative; width:100%; line-height: 1.3em; min-height:350px; margin-top:2em; }

    /*#home .frase { font-family: Arial, sans-serif; font-size:2.5em; width:50%; line-height:1.2em; padding-top:1em; clear:both;    }*/
    #home .frase { font-family: Arial, sans-serif, 'Open Sans'; font-size:2.5em; padding-top:0.5em; clear:both;    }
    #home .frase p { margin:0.2em 0 0.3em; text-align:left; }
    #home .frase p strong { color:#0080C9; }

    /*#home ul.areas { position:absolute; top:0%; background-color:rgba(255, 255, 255, 0.60); margin:0; padding:1em 0 2em; list-style:none; }*/
    #home ul.areas { background-color:rgba(255, 255, 255, 0.60); margin:0; padding:0.5em 0 1em; list-style:none; float:left; }
        #home ul.areas li { background: url(img/icoHomeEnlaceIr.png) no-repeat 95% center transparent; }
        #home ul.areas li:hover { background-position-x: 97%; }
    #home ul.areas li a { background:none; display:block; padding:0.6em 2em 0 1em; vertical-align:middle; font-size:1.2em; color:#0080C9; }
    #home ul.areas li blockquote { display:block; padding:0 0.2em 0.5em 0em; margin:0; vertical-align:middle; font-size:0.75em; color:#3F357D; }

    /*#home div.noticias { position:absolute; bottom:0%; width:35%; right:0; background-color:rgba(255, 255, 255, 0.80); margin:0; padding:0 2em; list-style:none; }
    #home div.noticias p.titulo { font-size:1.3em; text-align:left; margin:0; }
    #home div.noticias p        { font-size:0.85em; padding:0.5em 0; margin-bottom:1em;  }
    #home div.noticias a        { display:block; padding:0 1em; text-align:right; }*/

    #home div.noticias { position:absolute; top:0%; width:40%; right:0; background-color:rgba(255, 255, 255, 0.80); margin:0; padding:0; list-style:none; }
    #home div.noticias p:nth-child(1) { font-weight:600; color:#0080C9; font-size:1.5em; margin-bottom:1em; background-color:rgba(255, 255, 255, 0.40); margin:0; padding:0.7em 1em 0.5em; border-bottom:1px solid #8881B7; }
    #home div.noticias p.botones { padding:0em 1em 0em; }
    #home div ul.noticias { margin:0; padding:0; list-style:none; }
    #home div ul.noticias li { font-size:1.1em; text-align:left; margin:0.8em 0; border-bottom:1px solid #c8e1c2; padding:0.5em 1.2em 0.8em; }
    #home div ul.noticias a  { background:none; color:#0080C9; display:block; padding-right:0em; background-image:none; }

    #home div.telf {
        position:absolute; top:110px; right:0; z-index:2;
        font-family: Arial, sans-serif, 'Open Sans'; font-size:1.5em; color:#3F357D;
        width:auto; margin:0; padding:0.5em 1em; text-align:right;
        background-color:rgba(255, 255, 255, 0.60);
    }

#quienesSomos { background-color:#f0f5f5;  }
span.imgQuienesSomos { display:block; height:180px; background-size:cover; }

#porQue { background-color:#e4e9e9;  }
span.imgPorQue { display:block; height:180px; background-size:cover; }

#areas { background-color:#f0f5f5;  }
    #areas ul.areas { margin:0 0 2em; padding:0; list-style:none; text-align:center; }
        #areas ul.areas a  { background:none; display:block; padding:0em 0.5em 1em; font-size:1.1em; color:#0080C9; }
        #areas ul.areas li { display:inline-block; background: url(img/icoAreasEnlaceIr.png) no-repeat center 90% transparent; }
        #areas ul.areas li:hover { background-position-y: bottom; }
    #areas span.imgAreas { display:block; height:180px; background-size:cover; }
#areas article { display:none; }

#metodo { background-color:#e4e9e9;  }
span.imgMetodo { display:block; height:180px; background-size:cover; }


.da-slider {
    width: 100%;
    min-height: 664px;
    position: relative;
    overflow: hidden;
    background: url(../images/slider-bg.jpg);
    background-size: 100% 100%;
    -webkit-transition: background-position 1s ease-out 0.3s;
    -moz-transition: background-position 1s ease-out 0.3s;
    -o-transition: background-position 1s ease-out 0.3s;
    -ms-transition: background-position 1s ease-out 0.3s;
    transition: background-position 1s ease-out 0.3s;
    text-align: center;
}

/*.formulario { width:400px; display:inline-block; padding:0 0 20px; margin-left:0%; }*/
.formulario { display:block; padding:0 0 20px; margin-left:425px; }
    .formulario p { margin:10px; }
    .formulario label { display:block; color:#0080C9; font-size:1em; padding-bottom:0.2em; }
    .formulario .enLinea label { display:inline; padding-left:10px; font-weight:normal; color:#7174d1; }
    input, textarea { 
        font-family: Arial, sans-serif, 'Open Sans'; font-size:1em; border:1px solid #0080C9; border-radius:3px;
         padding:0.3em 5px; width:95%;
    }
.formulario .enLinea input { width:auto; }
    .formulario p.botonera { margin:1.5em 0; text-align:right; }
        .boton { background-color:#0080C9; color:#fff; padding:0.2em 0.8em; width:auto; }


        .direc { padding-left:0px; width:425px; display:inline-block; float:left;   }
            .direc address { margin:2em 0; font-style:normal; background:url(img/bulletAddress.png) no-repeat 15px top; color:#555; }
            .direc strong  { padding-left:50px; display:block; color:#7174d1; font-size:1.2em; }
            .direc span    { padding-left:50px; display:block; }
            .direc .tel    { padding:30px 0 0 50px; }
            .direc .fax    { padding:10px 0 0 52px; }
            .direc b       { color:#7174d1; display:inline; width:40px; }
            .direc .eml    { margin-top:15px; padding-bottom:5px; font-weight:bold; color:#7174d1; }
            iframe         { padding:15px; background:url(img/fndGoogle.png) no-repeat center center #fff;
                             border-radius:10px; }
            
/*
        #textos p a        { padding-left:30px; font-size:0.85em; }
            .resaltado     { width:285px; padding:10px 20px 50px 125px; background:url(img/infContacto.jpg) no-repeat left top #fff; border-radius:10px; }
            .resaltado p   { text-align:justify; font-size:1em; color:#7174d1; }
            .resaltado .telefono   {  font-weight:bold;  }
*/

span.imgQuienesSomos { background: url(img/qs.jpg) no-repeat center center transparent; background-size:cover; }
span.imgPorQue       { background: url(img/pq.jpg) no-repeat center center transparent; background-size:cover; }
#areas span.imgAreas { background: url(img/ar.jpg) no-repeat center center transparent; background-size:cover; }
span.imgMetodo       { background: url(img/mt.jpg) no-repeat center center transparent; background-size:cover; }

/*span.imgs1 { display:block; height:180px; background: url(img/dp_7416822.jpg) no-repeat center center transparent; background-size:cover; }
span.imgs2 { display:block; height:180px; background: url(img/dp_23094148.jpg) no-repeat center center transparent; background-size:cover; }
span.imgs3 { display:block; height:180px; background: url(img/dp_3643259.jpg) no-repeat center center transparent; background-size:cover; }
span.imgs4 { display:block; height:180px; background: url(img/dp_15640501.jpg) no-repeat center center transparent; background-size:cover; }
span.imgs5 { display:block; height:180px; background: url(img/dp_24628981.jpg) no-repeat center center transparent; background-size:cover; }
span.imgs6 { display:block; height:180px; background: url(img/dp_1095043.jpg) no-repeat center bottom transparent; background-size:cover; }*/

#noticias { }
#noticias p.titulo   { font-size:1.8em; font-weight:600; margin-bottom:1em; color:#073A70; }
#noticias h2 { font-weight:600; margin-bottom:1em; color:#073A70; }
#noticias .entradilla { font-weight:600; margin-bottom:2em;  }
#noticias img { margin:0.3em 2em 2em; width:50%; max-width:400px; float:right;  }
.noticia    { padding-top:0px; }
.noticia h3 { font-weight:300; margin-bottom:0.5em; color:#0080C9; font-size:1.5em; }
.noticia a  { background-image:none; padding-right:0;  }
.adjNoticia     { width:300px; float:right; margin:0px 0px 20px 50px; padding:5px; border:1px solid #7174d1; }
    #noticias .adjNoticia img  { max-width:250px; max-height: 150px; margin:0; padding:0; float:none;}
    .adjNoticia h4   { margin:10px; }
    .adjNoticia ul   { margin:10px; }
         
.fecha          { color:#999; margin-top:0; color:#073A70; }
.resumen        { color:#0080C9; font-weight:600; }
.adjuntos       { width: 200px; margin:0; padding:0 0 0 20px; }
.adjuntos li    { margin:0; padding:0; }
.imagenes       { list-style:none;  margin:0; padding:0;}
.imagenes li    { margin:0; padding:0; width:200px; height:200px; overflow:hidden; }
.imagenes img   { width:150px; }

#noticias .listaNoticias      { padding:0px; }
#noticias .listaNoticias li   { list-style:none; margin-bottom:1.5em; }
#noticias .listaNoticias span { display:block; margin:10px 0; }
#noticias .listaNoticias li a { display:block; font-weight:300; margin-bottom:0.5em; color:#0080C9; font-size:1.5em; background-image:none; }
#noticias .listaNoticias li a:hover      { text-decoration:underline; }	




@media screen and (min-width:1260px){
    section { width: 70%; padding: 4em 15%; margin:auto; min-width:800px; }
}
@media screen and (max-width:1260px){
    nav ul  { min-width: 450px; padding: 10px 10px 15px;  }
    section { width: 750px; padding: 4em calc(50% - 375px); margin:auto; padding: 4em -webkit-calc(50% - 375px); padding: 4em -moz-calc(50% - 375px);}
    article { width:100%; }
    #home   { min-height:500px; }    
    #home .informacion { position:relative; width:100%; line-height: 1.3em; }

}
/*@media screen and (max-width:900px){


}*/

@media screen and (max-width:768px){
    section { width: 94%; padding: 4em 3%; margin:auto; }
    #home .informacion { width:96%; margin: auto; padding: 2%; }
    nav a { display: block; }

    nav ul { display: inline-block; width:auto; min-width:initial; top:0; padding:5px; z-index:10; width:auto; }
    nav ul li      { display:inline; text-align:right; }
    nav ul li a    { display:block; background-image:none; background-color:rgba(255, 255, 255, 1); padding:0.5em 1em; }        
    nav ul ul { display: none; width:auto; }
    nav ul li a { padding-top:30px; height:60px;  }
    nav ul li:hover ul { display: block; top:100px;  }
    nav ul li li a { height:auto; padding:0.6em; min-width:150px; width:25%; text-align:right; }
    nav ul li ul { background-color:#fff; }

    section.contenido div:nth-child(1), article div:nth-child(1) { width:98%; padding:0 2%; }
    section.contenido div:nth-child(2), article div:nth-child(2) { width:98%; padding:0 2%; }

    article cite { padding:40px 1em 20px 2em;background-size:auto; }

    nav p { display: block; width:205px; padding:5px;  }

    #home .informacion { position:initial; width:100%; line-height: 1.3em; }
    #home .frase { font-size:2em; padding:0 2%; width:96%; font-size:1.2em; }
    #home .frase p { text-align:left; }

    #home ul.areas     { position:initial; width:90%; margin:1em 0; padding:1em 5%; }
        #home ul.areas li a { padding:0.6em 0 0; }
    #home div.noticias { position:initial; width:90%; margin:1em 0; padding:5%; }
    #areas ul.areas { position:initial; text-align:left; }
    #areas ul.areas li { display:block; background: url(img/icoHomeEnlaceIr.png) no-repeat 96% center transparent; }
    #areas ul.areas li:hover { background-position-y: center; }

    #noticias img { display:block; width:90%; margin:1em auto; float:none;  }

    .direc { width:350px; display:block;   }
    .direc iframe { padding:0;   }
    .formulario { width:100%; margin-left:0; }
    input, textarea { width: 100%; }
}