#cabecera_cvc{
    position: relative;
}

#cabecera_cvc img {
    margin: 0 auto;
    display: block;
    width: 100%;
    height: auto;
}

#intro_index {
   margin-left: 30px;
   margin-right: 30px;
   text-align: center;
	color: #01639B;
	margin-top: 20px;
	border-left: 3px solid #FF7200;
   border-right: 3px solid #FF7200;
}

.web-sii h1{
   margin-top: 3px;
   margin-bottom: 2px;
}

#select_nro_paso {
   margin-top: 3px;
   text-align: center;
   width: 100%;
}
#select_nro_paso img {
	width: 100%;
}

#miga_volver {
   margin-top: 15px;
}

.miga {
   width: 80%; 
	float: left;
}

.contenedor-paneles {
   padding-right: 0px; 
	padding-left: 0px;
	margin-top: 10px; 
	margin-top: 15px;
}

.nro_paso {
   cursor:pointer;
   margin-right: -5px;
	display:inline-block;
	width: 18%;
}
.nro_paso_primero {
   cursor: pointer;
   margin: -5px;
	display: inline-block;
	width: 20%;
}
.nro_paso_ultimo {
   cursor: pointer;
   margin-left: 0px;
	display: inline-block;
	width: 19%;
}

.web-sii .breadcrumb {
   display: block;
   border-top: none;
	border-bottom: none;
	padding-top: 5px;
	font-weight: 800;
	margin: 0px;
}
.web-sii .breadcrumb a {
   color: #B0B0B0;
}
.active:focus{
   background-color: #5dafe4 !important;
}

.web-sii .breadcrumb .active {
   color: #5dafe4;
	font-weight: 800;
}


.web-sii .breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "|";
}

.web-sii .btn {
   padding: 4px;
	float: right;
	font-size: 13px;
}

#titulo_banner{
    color: #fff;
	 font-size: 3vw;
	 font-style: italic;
	 position: absolute;
    bottom: 1%;
    margin-left: 5%;
}

#contenedor_principal {
   margin: 0px;
}

.div_cabecera img {
    margin: 0 auto;
   /*  display: block; */
    width: 100%;
    height: auto;
	 margin-top: 57px;
    /* filter: drop-shadow(0 0 0.25rem rgb(255, 255, 255)); */

}

div.preguntas-tab div.pregunta-tab-content:not(.active) {
    display: none;
    
}

.detailcycle {
   margin-left: 115px !important;
}

.mt-4{
   padding-top: 50px !important;
}
.fa-users:before, .fa-cogs:before, .fa-clock-o:before, .fa-map-marker {
    color: #0F629B;
}

/*.web-sii a.list-group-item::after {
   content: url('../img/borde_caja_preguntas.gif');
}
*/
.web-sii a.list-group-item {
    background-color: #0F629B;
	 color: #FFFFFF;
 	 border: none;
	 padding: 15px;
    display: table;
	 height: 65px;
	 width: 100%;
}

.web-sii margin-titulo{
   margin-top: 125px !important;
   margin-bottom: 125px !important;
}

.web-sii a.list-group-item:hover {
    background-color: #5dafe4
    ;
	 color: #FFFFFF;
}
.web-sii a.list-group-item span {
    display: table-cell;
    vertical-align: middle;
}
.web-sii a.list-group-item span {
    display: table-cell;
    vertical-align: middle;
}

.icono_por_pregunta {
   display: table;
	text-align: center;
	height: 150px;
}
#columa_iconos span {
    display: table-cell;
    vertical-align: middle;
}

div#columa_iconos div.icono_por_pregunta:not(.active) {
    display: none;
}

.web-sii .col-lg-3, .web-sii .col-md-3, .web-sii .col-sm-3, .web-sii .col-xs-3 {
    padding-left: 0px;
}

.pregunta-tab-content h6 {
   text-align: center;
}

.pregunta-tab-content h3 {
   content: "?";
	color: #0F629B;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 22px;
}

.pregunta-tab-content h2 {
	color: #0F629B;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 22px;
}

.pregunta-tab-content h3::before {
   content: "\bf";
	color: #EB510D;
}
.pregunta-tab-content h3::after {
   content: "?";
	color: #EB510D;
}
.pregunta-tab-content h4 {
    color: #0F629B;
    font-weight: bold;
    font-size: 22px;
}
.pregunta-tab-content p {
   color: #999;
	/* font-weight: bold; */
	text-align: justify;
}

.iconsize{
   font-size: 10em;
   color: #01639B;
}
.fa-4x {
    color: #01639B;
}

.marginvineta{
   margin-left: 15px;
	font-weight: bold;
	line-height: 24px;
	color: #999;
}


/*******************/
/*** MEDIA QUERY ***/

@media (max-width: 360px) {
	/* #cabecera_cvc{
		margin-top: 60px;
   } */
   .hero-section{
      text-align: center;
      background-image: url('../img/img_lg_size.jpg');
      background-repeat: no-repeat;
      background-size: cover;
      color:#01639B;
      /* text-shadow: 0.125em 0.25em 0.125em #707070; */
      padding-bottom: 6.125rem; /* Aqui hay propiedades para padding en varios lados */
      padding-top: 12.125rem;
      /* background-position-y: 100px; */
  }

  .step-section{
      text-align: center;
      background-image: url('../img/step.jpg');
      background-repeat: no-repeat;
      background-size: cover;
      color: #FFFFFF;
      /* text-shadow: 0.125em 0.25em 0.125em #707070; */
      padding-top: 4.125rem; /* Aqui hay propiedades para padding en varios lados */
      padding-top: 4.125rem;
      padding-bottom: 2.125rem;
      background-position-y: 0px;
   }

   .logocontribuyentes{
      width: 45px !important;
   }

   .pas1sname{
      text-align: center; 
      font-style: italic;
   }

   .detailcycle {
      margin-left: 0px !important;
   }

   .colortextovida{
      color: #01639B;
      margin-bottom: 30px !important;
      font-style: italic;
      font-size: large;
      font-size: 16px;
      margin-top: -30px;
   }
   
   .fontindex {
      font-size: 13px;
      display: flex;
   }
   
   .fontindexv {
      font-size: 13px;
      color: #EB510D;
   }

   .fontindexbox {
      font-size: 13px;
      color: #EB510D;
      margin-top: -5px !important;
   }
   
   .containercyclelife {
      width: 280px !important;
      
      align-self: center;
   }
   
   .border_cyclelife {
      padding-top: 10px;
      margin-right: 0px;
      text-align: center;
      color: #01639B;
      margin-top: 0px;
      display: inline-flex;
   }

   .margenuno{
      margin-left: 0px;
   }

   .margendos{
      margin-left: -7px;
   }

   .margentres{
      margin-left: -8px;
   }
   .margencuatro{
      margin-left: -8px;
   }
   .margencinco{
      margin-left: -8px;
   }
}

@media (min-width: 360px) {
	/* #cabecera_cvc{
		margin-top: 60px;
   } */
   .hero-section{
      text-align: center;
      background-image: url('../img/img_lg_size.jpg');
      background-repeat: no-repeat;
      background-size: cover;
      color:#01639B;
      /* text-shadow: 0.125em 0.25em 0.125em #707070; */
      padding-bottom: 6.125rem; /* Aqui hay propiedades para padding en varios lados */
      padding-top: 12.125rem;
      /* background-position-y: 100px; */
  }

  .step-section{
      text-align: center;
      background-image: url('../img/step.jpg');
      background-repeat: no-repeat;
      background-size: cover;
      color: #FFFFFF;
      /* text-shadow: 0.125em 0.25em 0.125em #707070; */
      padding-top: 4.125rem; /* Aqui hay propiedades para padding en varios lados */
      padding-top: 4.125rem;
      padding-bottom: 2.125rem;
      background-position-y: 0px;
   }

   .logocontribuyentes{
      width: 80px !important;
   }

   .pas1sname{
      text-align: center; 
      font-style: italic;
   }

   .detailcycle {
      margin-left: 0px !important;
   }

   .colortextovida{
      color: #01639B;
      margin-bottom: 30px !important;
      font-style: italic;
      font-size: large;
      font-size: 18px;
      margin-top: -30px;
   }
   
   .fontindex {
      font-size: 16px;
      display: flex;
      vertical-align: bottom !important;
   }
   
   .fontindexv {
      font-size: 16px;
      color: #EB510D;
   }

   .fontindexbox {
      font-size: 16px;
      color: #EB510D;
      margin-top: -5px !important;
   }
   
   .containercyclelife {
      width: 346px !important;
      
      align-self: center;
   }
   
   .border_cyclelife {
      padding-top: 10px;
      margin-right: 0px;
      text-align: center;
      color: #01639B;
      margin-top: 0px;
      display: inline-flex;
   }

   .margenuno{
      margin-left: 10px;
   }

   .margendos{
      margin-left: -10px;
   }

   .margentres{
      margin-left: -11px;
   }
   .margencuatro{
      margin-left: -10px;
   }
   .margencinco{
      margin-left: -11px;
   }
}


@media (min-width: 480px) {
	/* #cabecera_cvc{
		margin-top: 60px;
   } */
   .hero-section{
      text-align: center;
      background-image: url('../img/img_lg_size.jpg');
      background-repeat: no-repeat;
      background-size: cover;
      color:#01639B;
      /* text-shadow: 0.125em 0.25em 0.125em #707070; */
      padding: 6.125rem 4.125rem; /* Aqui hay propiedades para padding en varios lados */
      padding-top: 12.125rem;
      /* background-position-y: 100px; */
  }

  .step-section{
      text-align: center;
      background-image: url('../img/step.jpg');
      background-repeat: no-repeat;
      background-size: cover;
      color: #FFFFFF;
      /* text-shadow: 0.125em 0.25em 0.125em #707070; */
      padding-top: 4.125rem; /* Aqui hay propiedades para padding en varios lados */
      padding-top: 4.125rem;
      padding-bottom: 2.125rem;
      background-position-y: 0px;
   }

   .logocontribuyentes{
      width: 80px !important;
   }

   .pas1sname{
      text-align: center; 
      font-style: italic;
   }

   .colortextovida{
      color: #01639B;
      margin-bottom: 30px !important;
      font-style: italic;
      font-size: large;
      font-size: 18px;
      margin-top: -30px;
   }
   
   .fontindex {
      font-size: 18px;
      display: flex;
   }
   
   .fontindexv {
      font-size: 18px;
      color: #EB510D;
   }

   .fontindexbox {
      font-size: 18px;
      color: #EB510D;
      margin-top: -5px !important;
   }
   
   .containercyclelife {
      width: 390px !important;
      
   }
   
   .border_cyclelife {
      padding-top: 10px;
      margin-right: 0px;
      text-align: center;
      color: #01639B;
      margin-top: 0px;
      display: inline-flex;
   }

   .margenuno{
      margin-left: -8%;
      width: 20%;
   }

   .margendos{
      margin-left: -3%;
   }

   .margentres{
      margin-left: -3%;
   }
   .margencuatro{
      margin-left: -3%;
   }
   .margencinco{
      margin-left: -3%;
   }
}



@media (min-width: 768px) {
	.div_cabecera img {
		 margin-top: 5px;
   }
   
   .hero-section{
      text-align: center;
      background-image: url('../img/img_lg_size.jpg');
      background-repeat: no-repeat;
      background-size: cover;
      color: #01639B;
      /* text-shadow: 0.125em 0.25em 0.125em #707070; */
      padding: 6.125rem 4.125rem; /* Aqui hay propiedades para padding en varios lados */
      /* padding-top: 12.125rem; */
  }

  .step-section{
      text-align: center;
      background-image: url('../img/step.jpg');
      background-repeat: no-repeat;
      background-size: cover;
      color: #FFFFFF;
      /* text-shadow: 0.125em 0.25em 0.125em #707070; */
      padding-top: 4.125rem; /* Aqui hay propiedades para padding en varios lados */
      padding-top: 4.125rem;
      padding-bottom: 2.125rem;
      background-position-y: 0px;
   }

   .logocontribuyentes{
      width: 80px !important;
   }

   .pass1name{
      margin-left: -370px !important; 
      font-style: italic;
   }

   .pass2name{
      margin-left: -190px !important; 
      font-style: italic;
   }

   .pass3name{
      margin-left: 10px !important; 
      font-style: italic;
   }

   .pass4name{
      margin-left: 250px !important; 
      font-style: italic;
   }

   .pass5name{
      margin-left: 441px !important; 
      font-style: italic;
   }

   .colortextovida{
      color: #01639B;
      margin-bottom: 30px !important;
      font-style: italic;
      font-size: large;
      font-size: 24px;
      margin-top: -30px;
   }
   
   .fontindex {
      font-size: 28px;
      display: flex;
   }
   
   .fontindexv {
      font-size: 28px;
      color: #EB510D;
   }

   .fontindexbox {
      font-size: 28px;
      color: #EB510D;
      margin-top: -5px !important;
   }
   
   .containercyclelife {
      width: 620px !important;
      
   }
   
   .border_cyclelife {
      padding-top: 10px;
      margin-right: 0px;
      text-align: center;
      color: #01639B;
      margin-top: 0px;
      display: inline-flex;
   }

   .margenuno{
      margin-left: 10px;
      width: 140px;
   }

   .margendos{
      margin-left: -22px;
   }

   .margentres{
      margin-left: -24px;
   }
   .margencuatro{
      margin-left: -20px;
   }
   .margencinco{
      margin-left: -22px;
   }
}

@media (min-width: 992px) {
	#cabecera_cvc{
	   margin-top: -21px;
   }
   
   .hero-section{
      text-align: center;
      background-image: url('../img/img_lg_size.jpg');
      background-repeat: no-repeat;
      background-size: cover;
      color: #01639B;
      /* text-shadow: 0.125em 0.25em 0.125em #707070; */
      padding-top: 0.125rem; /* Aqui hay propiedades para padding en varios lados */
      padding-top: 10.125rem;
      padding-bottom: 15.125rem;
      background-position-y: 0px;
  }

  .step-section{
      text-align: center;
      background-image: url('../img/step.jpg');
      background-repeat: no-repeat;
      background-size: cover;
      color: #FFFFFF;
      /* text-shadow: 0.125em 0.25em 0.125em #707070; */
      padding-top: 4.125rem; /* Aqui hay propiedades para padding en varios lados */
      padding-top: 4.125rem;
      padding-bottom: 2.125rem;
      background-position-y: 0px;
   }

   .logocontribuyentes{
      width: 140px !important;
   }

   .pass1name{
      margin-left: -470px !important; 
      font-style: italic;
   }

   .pass2name{
      margin-left: -270px !important; 
      font-style: italic;
   }

   .pass3name{
      margin-left: 0px !important; 
      font-style: italic;
   }

   .pass4name{
      margin-left: 280px !important; 
      font-style: italic;
   }

   .pass5name{
      margin-left: 520px !important; 
      font-style: italic;
   }

   .colortextovida{
      color: #01639B;
      margin-bottom: 30px !important;
      font-style: italic;
      font-size: 28px;
      margin-top: -30px;
   }
   
   .fontindex {
      font-size: 30px;
      display: flex;
   }
   
   .fontindexv {
      font-size: 30px;
      color: #EB510D;
   }

   .fontindexbox {
      font-size: 30px;
      color: #EB510D;
      margin-top: -5px !important;
   }
   
   .containercyclelife {
      width: 660px !important;
      
   }
   
   .border_cyclelife {
      padding-top: 10px;
      margin-right: 0px;
      text-align: center;
      color: #01639B;
      margin-top: 0px;
      display: inline-flex;
   }

   .detailcycle {
      margin-left: 135px !important;
   }

   .margenuno{
      margin-left: 50px;
      width: 180px;
   }

   .margendos{
      margin-left: -28px;
   }

   .margentres{
      margin-left: -28px;
   }
   .margencuatro{
      margin-left: -26px;
   }
   .margencinco{
      margin-left: -30px;
   }
}



@media (min-width: 1200px) {
	#cabecera_cvc{
	   margin-top: -21px;
   }
   
   .hero-section{
      text-align: center;
      background-image: url('../img/img_lg_size.jpg');
      background-repeat: no-repeat;
      background-size: cover;
      color: #01639B;
      /* text-shadow: 0.125em 0.25em 0.125em #707070; */
      padding-top: 2.125rem; /* Aqui hay propiedades para padding en varios lados */
      padding-top: 8.125rem;
      padding-bottom: 8.125rem;
      background-position-y: 0px;
        
  }

  .step-section{
      text-align: center;
      background-image: url('../img/step.jpg');
      background-repeat: no-repeat;
      background-size: cover;
      color: #FFFFFF;
      /* text-shadow: 0.125em 0.25em 0.125em #707070; */
      padding-top: 0.125rem; /* Aqui hay propiedades para padding en varios lados */
      padding-top: 0.125rem;
      padding-bottom: 0.125rem;
      background-position-y: 0px;
   }

   .logocontribuyentes{
      width: 140px !important;
   }

   .pass1name{
      margin-left: -640px !important; 
      font-style: italic;
   }

   .pass2name{
      margin-left: -270px !important; 
      font-style: italic;
   }

   .pass3name{
      margin-left: 50px !important; 
      font-style: italic;
   }

   .pass4name{
      margin-left: 400px !important; 
      font-style: italic;
   }

   .pass5name{
      margin-left: 750px !important; 
      font-style: italic;
   }

   .colortextovida{
      color: #01639B;
      margin-bottom: 30px !important;
      font-style: italic;
      font-size: large;
      font-size: 28px;
      margin-top: -30px;
   }
   
   .fontindex {
      font-size: 46px;
      display: flex;
      
   }
   
   .fontindexv {
      font-size: 46px;
      color: #EB510D;
      
   }

   .fontindexbox {
      font-size: 46px;
      color: #EB510D;
      margin-top: -5px !important;
   }
   
   .containercyclelife {
      width: 1020px !important;
      
   }
   
   .border_cyclelife {      
      margin-right: 0px;
      text-align: center;
      color: #01639B;
      margin-top: 0px;
      display: inline-flex; 
      vertical-align: bottom !important; 
   }

   .detailcycle {
      margin-left: 135px !important;
   }

   .margenuno{
      margin-left: 50px;
      width: 203px;
   }

   .margendos{
      margin-left: -32px;
   }

   .margentres{
      margin-left: -35px;
   }
   .margencuatro{
      margin-left: -32px;
   }
   .margencinco{
      margin-left: -35px;
   }
}