/*
* Creado 22-05-2019
* lcaraves
* Para agregar reglas de css
* por el equipo de ORUGGA*/



/*
* DATEPICKER
* Para la vista de AGENDA
* Modificación del datepicker jQuery
* Colores: #2f72b9 - #13253b
*/
.ui-widget-header {
	border: unset !important;
	background: #2f72b9 !important;
	color: #222;
	font-weight: 700;
}


#ui-datepicker-div {
	font-size: 100%;
	font-family: 'Montserrat', sans-serif;
	background: #2f72b9;
	border-right: 0px #666 solid;
	border-bottom: 0px #666 solid;
	z-index: 9999 !important;
}

table.ui-datepicker-calendar{
	background-color: #2f72b9;
}
.ui-widget-content {
	border: unset;
}

.ui-datepicker td {
	padding: 3px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #2f72b9;
    background: #2f72b9 !important;
    color: white;
}

.ui-widget-content {
    color: white;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
	border-bottom-left-radius: 0px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	border-top-right-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	border-bottom-right-radius: 0px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
	border-top-left-radius: 0px;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	border: 1px solid #13253b !important;
	background: #13253b !important;
	color: #fff !important;
	text-align: center;
	font-weight: bold;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #fff;
    background: #fff !important;
    font-weight: bold;
    color: #13253b;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	text-align: center;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	text-align: center;
}

.ui-state-hover, .ui.widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover{
	background: url(images/ui-icons_454545_256x240.png) !important;
	border: unset;
}

.view-id-agenda .views-exposed-widget.views-widget-filter-field_localidad_tid, .views-exposed-widget.views-widget-filter-field_tema_tid {
        width: 33.33%;
}

.view-id-agenda .view-empty {
    border-top: #ccc solid 1px;
    padding-top: 20px;
}

/*Fin - Datepicker AGENDA*/




/*
* Modificación de la Página de Tramites.
*
*/
.ctools-collapsible-content .row .field-content a {
	/* font-size: 29px; */
	text-transform: uppercase;
}

/*Fin - Page Tramites*/



/*
*
* Modificación del Iframe de Si Propone
* Para responsive
*/
.iframe-si-propone .container {
	margin-top: 15px;
}
/*FIN  - Page Iframe Si Propone*/





/*
*
* Buscador
*
*/
#buscador .field-name-fecha-y-taxonomia::before,
#buscador .field-name-field-fecha-noticia::before,
#buscador .field-name-field-fecha-agenda::before {
    content: unset;
}

#buscador .field-name-field-fecha-agenda, #buscador .field-name-field-fecha-noticia {
	font-size: small;
	color: #bbbaba;
	margin-top: 8px;
}
/*Fin - Buscador*/




/*
* Main Menu Principal
*
*
*/

.menu-block-ctools-main-menu-5 ul > li,
.menu-block-ctools-main-menu-6 ul > li,
.menu-block-ctools-main-menu-8 ul > li,
.menu-block-ctools-main-menu-9 ul > li,
.menu-block-ctools-main-menu-10 ul > li,
.menu-block-ctools-main-menu-11 ul > li,
.menu-block-ctools-main-menu-12 ul > li {
    border-bottom: 1px solid #2b3b4c;
    padding: 2px 0px;
}

@media (max-width: 1024px) {
    .menu-block-ctools-main-menu-5 ul > li,
    .menu-block-ctools-main-menu-6 ul > li,
    .menu-block-ctools-main-menu-8 ul > li,
    .menu-block-ctools-main-menu-9 ul > li,
    .menu-block-ctools-main-menu-10 ul > li,
    .menu-block-ctools-main-menu-11 ul > li,
    .menu-block-ctools-main-menu-12 ul > li {
            border-bottom: unset !important;
            padding: unset !important;
    }
}
/*END - Menú Principal- Tramites*/




/*
* Corrección de Error de Opacidad en menú
*/
@media (max-width: 1024px) {
	.tramite-home .jcarousel-skin-default .jcarousel-item-5 img {
    	opacity: 0.5;
	}
}

.tramite-home .jcarousel-skin-default .jcarousel-item-5 img {
    opacity: 0.5;
}

/*END*/





/*
* MODAL Newslleter
* Modificación de modal de boostrap
*
*/
body.modal-open{
	overflow-x: hidden;
	overflow-y: auto;
	padding-right: 0px !important;
}

#modal-newsletter .modal-dialog {
    bottom: 10px;
    margin: unset;
    position: absolute;
    right: 10px;
    width: 420px;
}

#modal-newsletter .modal-content {
        border-radius: 0;
        /*border: 0px solid #13253b;*/
}

#modal-newsletter .modal-header {
    border-bottom: none;
    padding: 5px 10px;
    position: fixed;
    right: 0;
    z-index: 99999999999;
}

#modal-newsletter .modal-body > h4{
	font-variant-caps: small-caps;
	font-weight: bolder;
	padding-left: 10%;
	padding-right: 10%;
	text-align: center;
}
#modal-newsletter .webform-component-email {
	padding-left: 5%;
	padding-right: 5%;
}
#modal-newsletter .form-actions{
	text-align: center;
	margin-top: 15px;
}
#modal-newsletter .button-primary{
	background-color: rgb(0,49,96);
	color: white;
	 width: 100px;
}
#modal-newsletter .btn-newsletter {
	background-color: rgb(0,49,96);
	color: white;
}

#modal-newsletter .form-item-captcha-response{
	padding-left: 5%;
	padding-right: 5%;
}

#modal-newsletter header {
	display: none;
}

#modal-newsletter div.error, table tr.error {
    background-color: white;
    color: #a94442;
    padding: 0 5%;
}

div#lightbox + div.modal-backdrop.in {
    opacity: 0;
}
div.modal-backdrop{
    opacity: 0 !important;
}


.big-modal {
    bottom: unset !important;
    margin: unset !important;
    position: unset !important;
    right: unset !important;
    width: unset !important;
}
.big-modal-error{
	padding: unset !important;
}
.big-modal-title{
	    font-size: 28px;
}



#cboxLoadedContent {
	border: unset !important;
}

#cboxOverlay {
	background: #a8a8a87d !important;
}

#cboxClose{
	top: 0px;
	right: 0px;
}

@media (max-width: 768px) {
	#modal-newsletter .modal-dialog {
	    bottom: 0px;
	    margin: unset;
	    position: absolute;
	    right: 0px;
	    width: 100%;
	}
}

/*FIN - Newsletter Modal*/



/*
* Module
* AddToAny
*
*/

.field-name-addtoany{
	margin-bottom: 20px;
}
/* END AddToAny */




/*
* Corrección
* menú icono Header
*/
.panels-flexible-3 .panels-flexible-region-inside-last{
        padding-left: 0;
}
.panels-flexible-region-3-center {
    width: 56.69%;
}
.panels-flexible-region-3-right {
     width: 41.8%;
}

/* END */






/*
*
* Modal con frases
*
*/
.frases-splash {
	background: #04243F;
	width: 729px;
	height: 330px;
}
.group-divgeneral{
	background: #04243F !important;
}
/* .frases-splash::after {
	content: '';
	padding-right: 100%;
	background: #04243F;
	padding-top: 1px;
	padding-bottom: 27%;
} */

/* #cboxLoadedContent{
  scrollbar-width: none;
  overflow-y: scroll;
} */
/* iframe.cboxIframe{
  scrollbar-width: none;
  overflow-y: scroll;
}
iframe.cboxIframe::-webkit-scrollbar-thumb:vertical {
  height: 50px;
  background-color: papayawhip;
} */




.field-name-field-frases {
        text-align: center;
        font-size: 24px;
        padding: 0 5% 0 5%;
        margin-top: 50px;
        color: #FFF;
}
.field-name-field-frases-autor {
	position: absolute;
	right: 120px;
	color: #FFF;
	font-size: 12px;
	top: 150px;
}

.field-name-field-frases::before {
	content: '';
	width: 24px;
	background: #FFF;
	position: absolute;
	z-index: 1;
	top: 30px;
	height: 1px;
	left: 30px;
	width: calc(100% - 85%);
}
.field-name-field-frases::after {
	content: '';
	width: 24px;
	background: #FFF;
	position: absolute;
	z-index: 1;
	bottom: -25px;
	height: 1px;
	right: 30px;
	width: calc(100% - 85%);
}

.field-name-field-frases > .field-items::before{
	content: '';
	width: 1px;
	height: 35%;
	background: #FFF;
	position: absolute;
	z-index: 1;
	top: 30px;
	left: 30px;
}
.field-name-field-frases > .field-items::after{
	content: '';
	width: 1px;
	height: 35%;
	background: #FFF;
	position: absolute;
	z-index: 1;
	bottom: -25px;
	right: 30px;
}

.field-name-field-frases > .field-items > .field-item::before {
	content: '"';
	font-family: monserrat;
}
.field-name-field-frases > .field-items > .field-item::after {
	content: '"';
	font-family: monserrat;
}
.field-name-field-frases > .field-items > .field-item{
	padding-right: 10%;
	padding-left: 10%;
}
.group-imagen-splash::after {
	background: url(../img/si.png) no-repeat;
	/* background-position: 50% 20%; */
	/* padding-top: 82px; */
	background-size: 90px;
	position: absolute;
	bottom: -180px;
	height: 120px;
	content: '';
	width: 120px;
	left: 328px;
}
.cuadro-top::before {
	content: '';
	width: 100%;
	background: #fff;
	height: 5px;
	position: absolute;
	top: 0;
}
.cuadro-top::after {
	content: '';
	width: 100%;
	background: #fff;
	height: 5px;
	position: absolute;
	bottom: -218px;
}
.cuadro-bottom::before {
	content: '';
	width: 5px;
	background: #fff;
	height: 366px;
	position: absolute;
	top: 0;
}
.cuadro-bottom::after {
	content: '';
	width: 5px;
	background: #fff;
	height: 361px;
	position: absolute;
	right: 0px;
	bottom: -213px;
}

.field-name-field-frases {
	height: 100px;
}
.sin-comillas::after, .sin-comillas::before{
	content:'' !important;
}
@media (max-width: 520px) {
	.frases-splash {
		width: 100%;
		height: 330px;
	}
	.field-name-field-frases {
		height: 100px;
	}
	#cboxLoadedContent{
		width: 100% !important;
	}
	#cboxContent {
		width: 100vw !important;
	}
	.cboxIframe {
	    width: 100vw;
	}
	.field-name-field-frases {
    	font-size: 20px;
	}

	#cboxTopLeft {
		width: unset !important;
		height: unset !important;
		background: unset !important;
	}
	#cboxTopCenter {
		height: unset !important;
		background: unset !important;
	}
	#cboxTopRight {
		width: unset !important;
		height: unset !important;
		background: unset !important;
	}
	#cboxMiddleLeft {
		width: unset !important;
		background: unset !important;
	}
	#cboxBottomLeft {
		width: unset !important;
		height: unset !important;
		background: unset !important;
	}
	#cboxBottomCenter {
		height: unset !important;
		background: unset !important;
	}
	#cboxBottomRight {
		width: unset !important;
		height: unset !important;
		background: unset !important;
	}
	#cboxMiddleRight {
		width: unset !important;
		background: unset !important;
	}
	#cboxClose {
	  margin-right: 5px;
	}
	.group-imagen-splash::after {
		left: 40.33%;
		background-size: 80px;
		bottom: -195px;
		height: 100px;
		width: 100px;
	}
	/* .frases-splash::after {
		padding-bottom: 60%;
	} */

	.cuadro-top::after {
		bottom: -147%;
	}
	.cuadro-bottom::after {
		height: 241%;
		bottom: -216px;
	}
	.field-name-field-frases-autor {
		right: 80px;
		top: 165px;
	}
	.field-name-field-frases > .field-items::after {
		bottom: -40px;
	}
	.field-name-field-frases::after {
		bottom: -40px;
	}
}



/*END modalFrases*/


/* Agrego color en blanco a contacto
*  13-02-2020
*/

.list-inline a:nth-child(2) button {
    font-weight: bolder;
    color:
    white;
}
/*END*/


/*
* 17-03-2020
* modal-messageGral
*/

#modal-messageGral .modal-content {
    background: #04243F;
    color: #fff;
}
#modal-messageGral button span{
	color: #FFF;
}


#modal-messageGral .cuadro-top::before {
    content: '';
    width: 25%;
    background: #fff;
    height: 1px;
    position: absolute;
    top: 0;
}
#modal-messageGral .cuadro-bottom::before {
    content: '';
    width: 1px;
    background: #fff;
    height: 30px;
    position: absolute;
    top: 0;
}

#modal-messageGral .cuadro-bottom::after {
  	content: '';
	width: 1px;
	background: #fff;
	height: 30px;
	position: absolute;
	right: 10px;
	bottom: 20px;
}
#modal-messageGral .cuadro-top::after {
   content: '';
   width: 25%;
   background: #fff;
   height: 1px;
   position: absolute;
   right: 10px;
   bottom: 20px;
}
#parafo a {
    color: #fff;
}
#parafo a:hover {
    color: #909090;
}
/*END Modal #modalmessageGral*/

/*
* Agrego 19-03-2020
* item menu con icon
* por icono de agenda por codvid-19
*
*/
.subMenuCodvid19  {
	/*width: 125px;*/
    position: absolute !important;
    background-color: #00baf2;
    right: 0px;
}
.subMenuCodvid19 a::before {
  content: '';
	font-family: "Font Awesome 5 Free";
	margin-right: 0rem;
	font-weight: 900;
	font-size: 3rem;
	position: relative;
	top: 0.5rem;
}
.subMenuCodvid19 > a {
    padding: 8px !important;
}

/*END ITEM del menu CODVID19*/


/**/

@media (max-width: 470px) {
  .sobreimagen h2 {
     font-size: 1.2rem;
  }
}
/*END*/


/*
* Slider Home
*/

.sobreimagen-slider {
    position: absolute;
    top: 35%;
    width: 65%;
    z-index: 100;
    left: 5%;
}
.sobreimagen-slider-header{
	font-family: "Montserrat", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	line-height: 5%;
}
.sobreimagen-slider-header a{
	color: #FFF;
}
.sobreimagen-slider-header h2{
	line-height: 40px;
	margin-top: 0px;
    margin-bottom: 0px;
}
.field-name-field-bajada-slider-home {
    background-color: rgba(19, 37, 59,0.7);
    color: #FFF;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 20px;
    margin-top: 2%;
    padding: 1rem 1rem 1rem 3rem;
}
@media (max-width: 768px) {
  .red-bck.transparente{
    padding: .2rem .2rem .2rem 1rem;
    background-color: rgba(162, 41, 41, 0.7);
  }

  .green-bck.transparente{
    padding: .2rem .2rem .2rem 1rem;
    background-color: rgba(0, 177, 137, 0.7);
  }

  .blue-light-bck.transparente{
    padding: .2rem .2rem .2rem 1rem;
    background-color: rgba(0, 186, 241, 0.7);
  }
  .field-name-field-bajada-slider-home{
    font-size: 11px !important;
    padding: .2rem .2rem .2rem 1rem !important;
  }
  .sobreimagen-slider{
    top: 20%;
    width: 60%;
  }
  .sobreimagen-slider-header h2{
  	line-height: 1.1;
    margin-bottom: 5px;
    margin-top: 10px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 380px) {
	.field-name-field-bajada-slider-home{
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		display: -webkit-box;
		font-size: 10px !important;
		height: 45px;
		line-height: 1.4;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.sobreimagen-slider {
		top: 20%;
    	width: 75%;
    	left: 10%;
	}
}
/*END*/



/*
*
* Agrego Diseño de Contenido de Reservas Anticipadas
* con parrafos.
*/
.node-reservas-anticipadas .field-type-text-with-summary {
    margin-top: 3rem;
}
.field.field-name-field-title-generic.field-type-text.field-label-hidden {
    font-size: 1.52rem;
    font-weight: bolder;
    padding: 5px 0;
    margin: .5rem 0;
}

.field.field-name-field-par-row-day.field-type-paragraphs.field-label-hidden .field-item{
	float: left; margin-bottom: .8rem;
}
.paragraphs-item-row-actividad {
    margin-bottom: 3.5rem;
    margin-top: 1.2rem;
    padding-left: 0;
}
.field.field-name-field-url-destino-intermedia.field-type-url.field-label-hidden a{
	background-color: #337ab7;
	padding: 10px;
	margin: 4px;
	text-align: center;
	border-radius: 15px;
	color: white;
	font-weight: bold;
	font-size: 1.35rem;
	transition: 0.3s;
}

.field.field-name-field-url-destino-intermedia.field-type-url.field-label-hidden a:hover{
	background-color: #336ab7;
}

/*END*/
/*GiselaCristaldo*/
.font{
	font-size: 12px;
}

.font-title{
	font-weight: 700;
}

/*
* Pasos de trámites y servicios.
*/
.paragraphs-items-field-paso-del-tr-mite {
    margin-top: 3rem;
    padding-top: 1rem;
}
span.nro_tramite {
    color: #FFF;
    font-size: 15px;
    font-weight: bolder;
}
span.nro_tramite::after {
    content: '';
    background-image: url(/sites/default/files/svg/circle.svg);
    background-repeat: no-repeat;
    display: block;
    width: 45px;
    height: 45px;
    position: relative;
    left: -16px;
    top: -32px;
    z-index: -9;
    background-size: 70px 70px;
}

h3.title_tramite, .summary p {
    margin-left: 10px;
}
h3.title_tramite {
    position: relative;
    top: -89px;
    left: 34px;
    font-weight: 700;
}
.summary {
    position: relative;
    top: -89px;
    left: 34px;
    text-align: initial;
    margin-right: 30px;
}
.summary::after {
    content: '';
    position: absolute;
    height: calc(100% *2.5);
    width: 5px;
    background: #00baf1;
    left: -32px;
    z-index: -1;
    top: -7px;
}
@media (max-width: 768px) { 
	.summary{
		margin-right: 25px;
	}
}
/*
* End 
*/