/*!
 * Start Bootstrap - Full Width Pics (https://startbootstrap.com/template-overviews/full-width-pics)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-full-width-pics/blob/master/LICENSE)
 */

body {
  padding-top: 56px;
}

/*margen entre seccion y seccion*/
section {
  padding: 15px;
}

/*------------------------------------------
  Imagen de presentacion HEADER
-------------------------------------------*/
#imgHeader{
    -webkit-box-shadow: 1px 1px 10px #527AC8;/*color de sombreado*/
}

/*------------------------------------------
  Imagen familia inicio
-------------------------------------------*/
#familiaMain{
            display: block;
            margin: auto;
            margin-top: 50px;
            background: #56ab2f;  /* fallback for old browsers */
            background: -webkit-linear-gradient(to right, #a8e063, #56ab2f);  /* Chrome 10-25, Safari 5.1-6 */
            background: linear-gradient(to right, #a8e063, #56ab2f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
            padding: 5px;
            border-radius: 10px;
}



/*estilo de imagen header presentacion*/
.bg-image-full {
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}



/*-------------Color de la navbar--------------*/
nav{
	background-color: #9CBC37;
}
/*---------------------------------------------*/



/*--------------Titulos de Secciones-----------*/
h2 {
    /*display: inline-block;*/
    position: relative;
    /*left: -22%;*/
    padding: .2em 1em .2em;
    border: 0px solid #fff;
    /*border-left-color: rgb(255, 255, 255);
    border-left-style: solid;
    border-left-width: 3px;*/
    /*border-left: 0;
    border-right: 0;*/
    text-align: center;
    color: #052B6C;/*color de fuente (#356494)*/
    text-shadow: 2px 2px 2px rgba(255,255,255,0.6);
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    -moz-box-shadow: 5px 5px 30px rgba(0,0,0,0.17);
    -webkit-box-shadow: 5px 5px 30px rgba(0,0,0,0.17);
    box-shadow: 5px 5px 30px rgba(0,0,0,0.17);
    background: -moz-linear-gradient(left,#d0dafd 0,#9CBC37 100%);
    background: -webkit-linear-gradient(left,#d0dafd 0,#9CBC37 100%);
    background: -o-linear-gradient(left,#d0dafd 0,#9CBC37 100%);
    background: -ms-linear-gradient(left,#d0dafd 0,#9CBC37 100%);
    background: linear-gradient(to right,#d0dafd 0,#9CBC37 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0dafd',endColorstr='#9fb5fe',GradientType=1);*/
}

/*Imagen valores*/
#valoresimg{
            background-color: #60C35E;/*color relleno redondeado*/
            padding: 5px;
            width: 325px;
            -webkit-border-radius: 0px;/*redondeo de imagen valores*/
            -moz-border-radius: 0px;/*redondeo de imagen valores*/
            -webkit-box-shadow: 1px 1px 10px #527AC8;/*color de sombreado imagenes*/
            border-radius: 10px;/*redondeo de imagen valores*/
}


/*--------------------------------------------------
      Animacion de las cajas de presentacion
----------------------------------------------------*/
    .w3-animate-fading{
    	animation:fading 10s infinite
    }

    @keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}




/*---------------------------------------
    Area Filosofia
-----------------------------------------*/
#titleVideoCorporativo{
            color: #052B6C;/*color de fuente (#356494)*/
}

#videoCorporativo{
            background: #56ab2f;  /* fallback for old browsers */
            background: -webkit-linear-gradient(to right, #a8e063, #56ab2f);  /* Chrome 10-25, Safari 5.1-6 */
            background: linear-gradient(to right, #a8e063, #56ab2f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
            padding: 5px;
            border-radius: 10px;
}



/* -------------------------------
          Area Servicios
/*--------------------------------*/

.services-icon {
  color: #444;
  display: inline-block;
  font-size: 36px;
  line-height: 36px;
  margin-bottom: 20px;
}

.services-details {
  padding-top: 40px;
  transition: all 0.5s ease 0s;
}

.services-details:hover h4, .services-details:hover .services-icon {
  color: #052B6C; /*color marcado de titulos servicios #1552A8*/
}

.single-services>h4 {/*color/estilo titulos servicios*/
  color: #444;
  font-size: 24px;
  font-weight: 500;
}

.single-services>p {/*estilo descripcion de servicios*/
  color: #333;
  font-size: 16px;
}

.valoresimg{
            background-color: #60C35E;/*color relleno redondeado*/
            padding: 5px;
            width: 325px;
            -webkit-border-radius: 0px;/*redondeo de imagen servicios*/
            -moz-border-radius: 0px;/*redondeo de imagen servicios*/
            -webkit-box-shadow: 1px 1px 10px #527AC8;/*color de sombreado imagenes*/
            border-radius: 0px;/*redondeo de imagen servicios*/
}

.contenedor{
            background-color: #60C35E;/*color relleno redondeado*/
            padding: 5px;
            width: 200px;
            -webkit-border-radius: 150px;/*redondeo de imagen servicios*/
            -moz-border-radius: 150px;/*redondeo de imagen servicios*/
            -webkit-box-shadow: 1px 1px 10px #527AC8;/*color de sombreado imagenes*/
            border-radius: 150px;/*redondeo de imagen servicios*/
        }


/*---------------Parrafos de la pagina justificados---------------------*/
        .body-parrafo{
        	text-align: justify;
        }



/*============================================================
    Contacto
============================================================*/
#contactDescript{
    color: #FFFFFF;
    text-align: center;
}

.w3-container{
  padding:0.01em 16px
}

.w3-padding-large{padding:12px 24px!important}

.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}

.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}

.w3-center{text-align:center!important}

.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}

.w3-third{float:left;width:100%}

.w3-third{width:33.33333%}

.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}

.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}


/*============================================================
    Footer
============================================================*/

ul.footer {
 list-style-type: none;
 margin: 0;
 padding: 0;
 overflow: hidden;
 background-color: #9CBC37;
 /*position: fixed;*/  /*visible permanente*/
 bottom: 0;
 width: 100%; 
}

li.fuss {
  float: left;
  width: 15%
}

li.fuss a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.wortmarke {
  color: #ffc995;
  font-size: 150%;
  text-align: center;
  width: 40%; 
  display:inline-block;
  float:left;
}

p.copyright {
 font-size: 40%;
 margin: -4%;
 color: white;
}


/*-----------------------------------
    Carousel Imagenes
------------------------------------*/

#fondominiaturas{
background: #A1FFCE;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #FAFFD1, #A1FFCE);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #FAFFD1, #A1FFCE); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}


#imageMainCarousel{
            background: #56ab2f;  /* fallback for old browsers */
            background: -webkit-linear-gradient(to right, #a8e063, #56ab2f);  /* Chrome 10-25, Safari 5.1-6 */
            background: linear-gradient(to right, #a8e063, #56ab2f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
            padding: 8px;
            border-radius: 10px;
}


/*------------------------------------
      Imagen cambio de idioma
-------------------------------------*/
#go-top {
    display: none;
    position: fixed;
    bottom: 25px;
    right: 10px;
    z-index: 9;
    color: white;
    text-shadow: 3px 2px white;
}

#imgflag{
    border-radius: 10px;
}


/*--------------------------------------------
      Imagenes politicas
----------------------------------------------*/
/*imagen politica integral*/
    .img-contenedor{
        /* Aumentamos la anchura y altura durante 2 segundos */
        transition: width 1s, height 1s, transform 1s;
        -moz-transition: width 1s, height 1s, -moz-transform 1s;
        -webkit-transition: width 1s, height 1s, -webkit-transform 1s;
        -o-transition: width 1s, height 1s,-o-transform 1s;
    }

    .img-contenedor:hover{
        /* tranformamos el elemento al pasar el mouse por encima al doble de
           su tamaño con scale(2). */
        transform : scale(1.1);
        -moz-transform : scale(1.1);      /* Firefox */
        -webkit-transform : scale(1.1);   /* Chrome - Safari */
        -o-transform : scale(1.1);        /* Opera */
    }
/*imagen politica integral*/


/*css tarjeta de avisos*/


/*AVISO PRIVACIDAD*/
 .option{
    text-align: left;
 }

 ol{
    color: black;
 }

 .body-parrafo-avisoP{
    font-weight: bold;
    color: black;
    text-align: justify;
 }