/*
#------------------------------------------------------------------------
# inStyle - November Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2013 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

/* Here you can include your override CSS styles */
body {
    background: #eb2f2f;
    color: #eb2f2f;
}
#gkHeader {
     border-top: 30px solid #eb2f2f;
     background-color: #eb2f2f;
     color: #eb2f2f;
}
.color{
    background-color: #eb2f2f;
}
#gkMainbody .sin-riesgo.colortext{
    color: #eb2f2f;
}
.item-sector{
    background: #eb2f2f;
}
#cj-wrapper .btn-capital{
    background: #eb2f2f ;
}
#qn-344 .capital-item div.actions button:hover {
  color: #eb2f2f !important;
}
#section-final .compliance.colortext{
    color: #eb2f2f;
}
#gkMainbody .itemBody .separador.color{
    background-color: #eb2f2f;
}
#gkTop1 .separador.color{
    background-color: #eb2f2f;
}
#gkMainbody #chronoform-emailevaluacion .color{
    background-color: #eb2f2f;
}
#gkMainbody .contenedor-boton7 .boton-rojo.color{
    background: #eb2f2f;
}
form#chronoform-Contacto div#fin-button10 input{
    border: #eb2f2f;
    color: #ffffff !important;
}
#evaluacioninicial #pasos .cuadro .color{
    background-color: #eb2f2f;
}
#evaluacioninicial #pasos .cuadro .marco{
    border: 2px #eb2f2f solid;
}
#evaluacioninicial .botonrojo.marco{
    border: 2px #eb2f2f solid;
}
#gkTop2 .color{
  background-color: #eb2f2f;
}
#gkFooter {
    background: #eb2f2f;
}
.startnow .startnowbg input.btn-default{
    background: #eb2f2f;
}
.gkMenu > ul > li.active > a {
    color: #eb2f2f;
}
body #cj-wrapper .question-title {
    color: #eb2f2f;
}

body h5.error {
    color: #eb2f2f;
}

button#btn-previous:hover,
button#btn_submit:hover{
    color: #eb2f2f !important;
}
section#gkMainbody form#chronoform-Finalizar h3.red {
    color: #eb2f2f;
   
}
input#submit {
   background: #eb2f2f;
}

dd.validation.message {
    color: #eb2f2f;
}
form#chronoform-Contacto div#fin-button10 input {
    background: #eb2f2f;
   
}
/* menu.css */
.gkMenu > ul > li.active > a {
	color: #eb2f2f;	
}
.gkMenu a:hover,
.gkMenu a:active,
.gkMenu a:focus,
.gkMenu li.active > a {
	color: #eb2f2f;
}

a:hover, a:active, a:focus, #gkMainbody a, #gkMainbody header h2 a:active, #gkMainbody header h2 a:focus, 
#gkMainbody header h2 a:hover, #k2Container article header h2 a:active, #k2Container article header h2 a:focus, 
#k2Container article header h2 a:hover, #gkSidebar .box a:hover {
    color: #eb2f2f;
}
section#gkMainbody ul.posts li h2 .ttext {
    color: #eb2f2f;
}

/*
#------------------------------------------------------------------------
# inStyle - November Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2013 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

/* Here you can include your override CSS styles */


/****************************************************************************/
/*Css Patricia*/

/*LOGO*/
#gkMainMenu #gkExtraMenu{
    margin-top: -79px;
} 
#gkLogo img{
  margin-top:15px;
  width:190px;
}

.gkPage{
    max-width: 100% !important;
}
.cab_principal {
    width: 90%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.cab_principal .text-volador.cabecera {
    top: 40%;
    font-size: 2em;
    width: 100%;
    text-align: center;
    right: 0;
    text-shadow: 1px 2px 10px #000;
}
.cab_principal .text-volador {
    position: absolute;
    color: #FFFFFF;
    font-family: 'latoregular';, sans-serif;
    font-size: 4em;
    top: 35%;
    right: 15%;
    z-index: 500;
    line-height: 1em;
    text-align: right;
}
.title-sector{
    font-weight: normal;
}
#evaluacioninicial .descrip{
    width: 70%;
    margin: 0 auto;
    font-size: 18px;
    text-align: center;
    margin-bottom: 40px;
}

/*_________Contacto___________________*/

.w90p{
  margin-top: 40px;
  
}
/*Evaluación de riesgo*/

#gkTop1 .cab_principal.inicial .imagen-cabecera{
    margin-bottom: -6px;
}
.cab_principal .text-volador.cabecera.inicio{
    font-size: 2em;
    font-style: italic;
}

#gkMainbody article.item-page{
    margin-top: -30px;
}
#gkMainbody .item-page header{
    display: none;
}
#gkMainbody .item-page .itemBody .gbs3 form h2{
    text-align: center;  
    border-bottom: unset;
    padding-top: 40px;
    padding-bottom: 0px;
}
#gkContent .startnow{
    border-top: unset;
}
#gkMainbody .sectors .panel-sectors a .name-sector{
    font-size: 26px;
    margin: 51px 0 0 0;   
}

#gkContentWrap.gkSidebarLeft{
    margin-bottom: 30px;
}

/*Actualización ley*/
div#reforma{ 
    color: #ffffff;
    background-color: #ad1323;
    width: 100%;
    padding-top: 16px;
    height: 100px;
    margin-top: -38px;
}
#reforma .intro{
    font-size: 21px;
    text-align: center;
}
div#reforma-descrip{
    margin: 0 auto;
    text-align: justify;
}
#columnas{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.col1, .col2{
    width: 45%;
    padding-bottom: 20px;
}
.articulo{
    font-size: 20px;
    text-align: center;
    margin: 20px 0 20px 0;
    padding-bottom: 10px;
    box-shadow: 0px 2px #888888;
}
.parrafo{
      padding-bottom: 30px;
}
.separador{
    background-color: #ad1323;
    height: 80px;
    color: #ffffff;
    text-align: center;
    font-family: 'latoregular';
    font-size: 25px;
    padding-top: 20px;
    margin-top: -6px;
    margin: 0 auto;
    width: 91%;
}
.separador.blog{
    margin-top:-6px;
    width:90%
}
.separador.actual{
    height: 120px;
}
/*TRES PASOS*/
#pasos{
    width:70%;
    height: 350px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    text-align: center;
    padding-top:40px;
    margin: 0 auto;
    margin-bottom: 40px;
}
#pasos .cuadro{
    position: relative;
}
#pasos .cuadro .rojo{
    width: 250px;
    height: 155px;
    position: relative;
    background-color: #ad1323;
    color: #ffffff;
    top: 29px;
    z-index: 2;
}
#pasos .cuadro .blanco{
    width: 250px;
    height: 110px;
    position: absolute;
    background-color: #ffffff;
    top: 165px;
    border: 2px solid #ad1323;
}
#pasos .tresnumber{
    font-size: 54px;
}
#pasos .pasnum{
    font-size: 37px;
}
#pasos .trestexto{
    font-size: 15px;
    margin-top: -10px;
    line-height: 23px;
    padding-left: 20px;
    padding-right: 20px;
}
#pasos .trestexto span{
    font-size: 25px;
}
#pasos .tresimg img{
    width: 200px;
    margin-top: -81px;
}
#pasos .flecha img{
    width: 80px;
    margin-top: 75px;
}
#evaluacioninicial .botonrojo{
  border: 2px #ad1323 solid;
  border-radius: 9px;
  color: #ad1323;
}


/*MENUS PAG INICIO Y ÁREAS*/

#contenedor-principal2 .derecho{
    background-image: url("https://www2.responsabilidadpenal.com/images/penal.jpg");
    background-size: cover;
    height: 250px;
    font-size: 20px;
    padding-top: 13%;
}
#contenedor-principal .derecho{
    background-image: url("https://www2.responsabilidadpenal.com/images/penal.jpg");
    background-size: cover;
    height: 50%;
}
#contenedor-principal2 .comp-penal{
  background-image: url("https://www2.responsabilidadpenal.com/images/penalmano.jpg");
  background-size: cover;
  height: 250px;
  font-size: 20px;
  padding-top: 13%;
}
#contenedor-principal .comp-penal{
  background-image: url("https://www2.responsabilidadpenal.com/images/penalmano.jpg");
  background-size: cover;
  height: 50%;
}
#contenedor-principal2 .mercantil{
  background-image: url("https://www2.responsabilidadpenal.com/images/mercantil.jpg");
  background-size: cover;
  height: 250px;
      font-size: 20px;
    padding-top: 13%;
}
#contenedor-principal .mercantil{
    background-image: url("https://www2.responsabilidadpenal.com/images/mercantil.jpg");
      background-size: cover;
    height: 50%;
}
#contenedor-principal2 .admin,
#contenedor-principal .admin{
    background-image: url("https://www2.responsabilidadpenal.com/images/admin.jpg");
    background-size: cover;
    height: 250px;
}
#contenedor-principal2 .civil,
#contenedor-principal .civil{
    background-image: url("https://www2.responsabilidadpenal.com/images/min-compliance.jpg");
    background-size: cover;
    height: 250px;
    font-size: 25px;
    padding-top: 13%;
}
#contenedor-principal2 .tribut,
#contenedor-principal .tribut{
    background-image: url("https://www2.responsabilidadpenal.com/images/calcu.jpg");
    background-size: cover;
    height: 250px;
    font-size: 25px;
    padding-top: 13%;
}

/**/
/*BLOG*/

#contentInner #content1a {
    width: 65%;
    margin: 0 auto;
    margin-top: 30px;
}

/**/

#evaluacioninicial .botonrojo{
    width: 190px;
    height: 57px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding-top: 18px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 30px;
    border: 2px #ad1323 solid;
    border-radius: 9px;
    font-weight: 700;
}

#gkMainbody .botonrojo{
    width: 350px;
    height: 57px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 30px;
    border: 2px #eb2f2f solid;
    border-radius: 9px;
    font-weight: 700;
    color: #eb2f2f !important;
    float: none;
}

#container-input-mailevaluacion {
  text-align: center;
}

#container-input-mailevaluacion .input-mailevaluacion:nth-child(1) {
    margin-bottom: 50px;
}


#evaluacioninicial .botonrojo a
#gkMainbody .botonrojo a{
    color: #ad1323;
}
.cab_principal .text-volador.cabecera{
    margin-top: -2px;
    font-size: 30px;;
}
#reforma .intro{
    font-size: 12px;
    text-align: center;
    padding-left: 60px;
    padding-right: 60px;
}
.col1, .col2, .parrafo{
    width: 100%;
}
#chronoform-Contacto #politica {
    position: relative;
    left: -47%;
    top: -48px;
}

@media (max-width: 940px){
  .cab_principal{
        width: 100%;
  }
}

/* CSS LEO */

/* ------------ BOTONES ÁREAS DE PRÁCTICA ----------- */


#contenedor-principal {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width:91%;
    margin: 0 auto;
}

#contenedor-principal a {
    width: 30%;
}

.contenedor-boton {
    width: 100%;
    height: 250px;
    border: solid 1px black;
    float: left;
    margin: 10px 0px;
    position: relative;
    text-align: center;
    box-sizing: border-box;
}

/* ---------------- BOTONES ANÁLISIS ------------------ */

#contenedor-principal3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 91%;
    margin: 0 auto;
    margin-top:20px;
}

.contenedor-boton7 {
    width: 30%;
    border: solid 1px black;
    float: left;
    position: relative;
    text-align: center;
    box-sizing: border-box;
}

.boton-rojo {
    background: #ad1323;
    border: 1px solid black;
    line-height: 90px;
    color: white;
}

.boton-descripcion {
    color: black;
    padding: 50px 50px;
}

.contenedor-boton7 .boton-descripcion {
    padding: 20px 50px;
    height: 140px;
}

/* ------------------- BOTONES INICIO -------------------- */

#contenedor-principal2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 91%;
    margin: 0 auto;
}

#contenedor-principal2 a {
    width: 30%;
}

.contenedor-boton2 {
    width: 100%;
    border: solid 1px black;
    float: left;
    position: relative;
    text-align: center;
    box-sizing: border-box;
    background-color: #eb2f2f;
    line-height: 100px;
    color: white;
    margin: 10px 0px;
    padding: 35px;
}

/* -------------- CUERPO PÁGINAS ----------------- */

.section-page {
    margin: 0 auto;
    padding: 70px 0;
    text-align: justify;
    width: 70%;
}

.sin-riesgo {
    color: #ad1323;
    font-weight: bold;
}
div#form-row-reference, div#form-row-reference_chat {
    display: flex;
    align-items: center;
}
/*    ----------------- LINKS PIES DE PÁGINAS -----------------  */

.link-pie {
    text-align: center;
    margin-top: 80px;
}

.link-pie a {
    color: #ad1323;
}

.link-pie2 {
    text-align: center;
    margin-top: 40px;
    font-weight: bold;
}

.links {
    color: #ad1323;
    width: 50%;
    float: left;
}


/* ------------------ ANÁLISIS ONLINE ------------------ */

#section-final {
    width: 80%;
    margin: 0 auto;
    padding: 70px 100px;
    text-align: justify;
    height: 200px;
}

#contenedor-final {
    position: relative;
}

.final-text {
    width: 50%;
    float: left;
    margin-top: 31px;
    text-align: center;
}

.final.text {
    width: 50%;
}

.evaluacion {
    font-weight: bold;
    text-align: center;
}

.compliance {
    font-weight: bold;
    color: #ad1323;
}

.link-pie3 {
    margin-top: 5px;
    text-align: center;
}

.link-pie3 a:hover {
    color: #ad1323;
    font-weight: bold;
}

/*---------------- EVALUACION DE RIESGO -----------------------*/


#gkMainbody .sectors .item-sector:nth-child(1) {
  background-image: url(/images/RP/EntidadesReligiosas.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
#gkMainbody .sectors .item-sector:nth-child(2) {
  background-image: url(/images/RP/otros.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
#gkMainbody .sectors .item-sector:nth-child(3) {
  background-image: url(/images/RP/agenda-3511208_1920.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
#gkMainbody .sectors .item-sector:nth-child(4) {
  background-image: url(/images/RP/GASOLINERA_BLACK.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
#gkMainbody .sectors .item-sector:nth-child(5) {
  background-image: url(/images/RP/taller_2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
#gkMainbody .sectors .item-sector:nth-child(6) {
  background-image: url(/images/RP/AgenciasDeViajes_2.jpg);
  background-repeat: no-repeat;
  background-size: cover; /*260px;*/
  /*background-position: center;
  background-color: #ffffff;
  border: #9c0f17 solid 5px;*/
}
#gkMainbody .sectors .item-sector:nth-child(6) .name-sector{
 /* display: none;*/
 color: black;
}
#gkMainbody .sectors .item-sector:nth-child(7) {
  background-image: url(/images/RP/bares.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}




/*
#practica .contenedor-boton2 {
    height: 190px;
    padding-top: 40px;
}
*/

/*sectores*/
.title-sector {
    text-transform: uppercase;
    margin-top: 50px;
}
.sectors .title-sector{
    display:none !important;
}
.title-evaluation{
    font-size: 20px;
    color: #555555;
    font-family: 'latoregular';
    padding-bottom: 21px;
    text-transform: none;
    margin-top: 20px;
    text-align: center;
}

/*tres pasos*/

@media (max-width: 430px){
  #evaluacioninicial{
    width: 100%;
  }
  #evaluacioninicial #pasos{
    width: 100%;
    margin: 0 auto;
  }
  #evaluacioninicial #pasos .cuadro{
    width: 100%;
  }
  #evaluacioninicial #pasos .cuadro .rojo,
  #evaluacioninicial #pasos .cuadro .blanco{
    width: 100%;
  }
}
/*media tres pasos*/

@media (max-width: 940px){
  #evaluacioninicial{
    width: 70%;
    margin: 0 auto;
  }
  #evaluacioninicial #pasos .cuadro{
    width:100%;
  }
  
  #evaluacioninicial #pasos .cuadro .blanco,
  #evaluacioninicial #pasos .cuadro .rojo{
    width: 100%;    
  }
  #evaluacioninicial .botonrojo{
    margin-top: 5%;
  }
  #evaluacioninicial .flecha{
    margin-top: 70px;
  }
  #evaluacioninicial .flecha img{
    transform: rotate(90deg);
  }
  #evaluacioninicial #pasos{
    height: 100%;
  }
  #evaluacioninicial .descrip{
    width:100%;
    margin-top:160px;
    margin-bottom:0px;
  }
  #contentInner #content1a {
    width: 100%;
  }
}
@media (max-width: 1200px){
  #gkMainMenu #gkExtraMenu li.first a img{
    margin-left: -60px;
    margin-bottom: -29px;
    margin-right:190px;
  }
}
@media (max-width: 1300px){
  #evaluacioninicial #pasos{
    width: 100%;
  }
}
@media (max-width: 1400px){
  #gkExtraMenu li.first a img{
    margin-left: -110px;
    margin-bottom: -29px;
    margin-right:260px;
  }
}
  #chronoform-Canal_de_denuncia #fitem1 {
  top: unset;
  left: unset;
}
#chronoform-Canal_de_denuncia .gcore-radio-item input {
  margin-right: 5px;
}

#form-row-tipo {
  width: 100%;
}
div#form-row-reference {
    display: flex;
    align-items: center;
}

@media (max-width: 1000px) {

    #comunicante {
      flex-wrap: wrap;
    }

  #chronoform-Canal_de_denuncia #fin-company {
    width: 100%;
  }

    #chronoform-Canal_de_denuncia #comunicante input,
        input#company, #form-row-company{
      width: 98%!important;
  }
}

@media (max-width: 650px) {
  div#form-row-reference {
    flex-wrap: wrap;
}
}


form#chronoform-Canal_de_denuncia #comunicante .form-group {
    width: 30% !important;
    margin-right: 2% !important;
}
form#chronoform-Canal_de_denuncia .form-group input,
form#chronoform-Canal_de_denuncia .form-group textarea,
form#chronoform-Canal_de_denuncia .chronoform-container .form-group
{
    width: 100% !important;
}
form#chronoform-Canal_de_denuncia .chronoform-container .form-group#form-row-reference,
form#chronoform-Canal_de_denuncia .chronoform-container .form-group#form-row-reference_chat  {
    float: left;
    width: auto !important;
    margin-right: 10px !important;
}
form#chronoform-Canal_de_denuncia .chronoform-container .form-group#form-row-button58,
form#chronoform-Canal_de_denuncia .chronoform-container .form-group#form-row-button97 {
    width: 200px !important;
    float: left;
}
form#chronoform-Canal_de_denuncia .chronoform-container .form-group #reference,
form#chronoform-Canal_de_denuncia .chronoform-container .form-group #reference_chat  {
    float: left;
    margin-right: 10px;
}
form#chronoform-Canal_de_denuncia .form-group input[type="radio"],
form#chronoform-Canal_de_denuncia .form-group input[type="checkbox"]
{
    width: auto !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

#form-row-reference_chat label
{
	    max-width: 190px;
	    min-width: 190px;
    width: auto;
    padding-right: 10px;
}
@media (min-width: 768px) {
        .gbs3 .form-horizontal .control-label {
            text-align: right;
            margin-bottom: 0;
            padding-top: 7px;
        }
}
@media (max-width: 768px)
{
        form#chronoform-Canal_de_denuncia #comunicante .form-group {
            width: 100% !important;
            margin-right: 0% !important;
        }
}
form#chronoform-Canal_de_denuncia
{
        width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 20px;
}