@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');

h1,
h2 {
	font-family: 'Raleway', sans-serif;
}

@import url('https://fonts.googleapis.com/css?family=Noto+Sans&display=swap');

p {
	font-family: 'Noto Sans', sans-serif;
}

.sugerencia {
	color: #fff;
}

/*-----MENU---------*/
.nav-item i{
	color: #92C01F;
}
.menurelative{
	position: relative;
}
.menufixed{
	position: fixed;
	padding: 0px;
	width: 100%;
	z-index: 200;
}

.nav-item {
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.nav-link {
	white-space: nowrap;
	border-right: solid 1px #92C01F;
	padding: 0px;
	padding-left: 20px;
	font-weight: 600;
	letter-spacing: 1.6px;
	padding-right: 1rem!important;
}

.cl-effect-11 a {
	position: relative;
	display: inline-block;
	margin: 3px 3px;
	outline: none;
	color: #865849;
	text-decoration: none;

	letter-spacing: 1px;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
	font-size: 1.2em;
}

.cl-effect-11 a:hover,
.cl-effect-11 a:focus {
	outline: none;
}

.cl-effect-11 a::before {
	position: absolute;
	overflow: hidden;
	max-width: 0;
	color: #39A935;
	content: attr(data-hover);
	-webkit-transition: max-width 0.5s;
	-moz-transition: max-width 0.5s;
	transition: max-width 0.5s;
}

.cl-effect-11 a:hover::before,
.cl-effect-11 a:focus::before {
	max-width: 100%;
}

.img_logo_grande {
	transition: all .5s;
	max-width: 300px;
}

.img_logo_chico {
	transition: all .5s;
	max-width: 120px;
}

/*-----banner---------*/


.cont_imgbanner {
	padding-top: 0px;
	padding-bottom: 0px;
	height: 75vh;
	background-image: url(../../assets/img/sd_principal.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: left;
}
.cont_banner {
	padding-top: 15%;
	padding-right: 100px;
}

.cont_banner h1 {
	white-space: nowrap;
	text-align: right;
	font-size: 60px;
}

.cont_banner h1 span {
	white-space: nowrap;
	font-size: 50px;
}

.cont_button {
	padding-top: 30px;
}

.cont_button button {
	float: right;
	border-radius: 10px;
	padding: 8px 35px 8px 35px;
	background: #39A935;
}

.cont_button button i {
	font-size: 20pX;
	color: aliceblue;
}

/*-----Contenedor divisor---------*/
.cont_divider {
	background: rgba(57, 169, 53, 1);
	background: -moz-linear-gradient(left, rgba(57, 169, 53, 1) 0%, rgba(146, 192, 31, 1) 74%, rgba(146, 192, 31, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(57, 169, 53, 1)), color-stop(74%, rgba(146, 192, 31, 1)), color-stop(100%, rgba(146, 192, 31, 1)));
	background: -webkit-linear-gradient(left, rgba(57, 169, 53, 1) 0%, rgba(146, 192, 31, 1) 74%, rgba(146, 192, 31, 1) 100%);
	background: -o-linear-gradient(left, rgba(57, 169, 53, 1) 0%, rgba(146, 192, 31, 1) 74%, rgba(146, 192, 31, 1) 100%);
	background: -ms-linear-gradient(left, rgba(57, 169, 53, 1) 0%, rgba(146, 192, 31, 1) 74%, rgba(146, 192, 31, 1) 100%);
	background: linear-gradient(to right, rgba(57, 169, 53, 1) 0%, rgba(146, 192, 31, 1) 74%, rgba(146, 192, 31, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#39a935', endColorstr='#92c01f', GradientType=1);
}

.cont_divider h2 {
	text-align: center;
	padding: 15px;
	font-size: 32px;
	color: #ffffff;
}

/*-----Cont crear empatia---------*/
.cont_section {
	height: 100vh;
	padding-top: 4%;
	background-image: url(../../assets/img/sd_2.jpg);
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.cont_section h2 {
	padding: 20px;
	text-align: center;
	color: #39A935;
	font-size: 32px;
}
#mobil_text h2{
	padding: 20px;
	text-align: center;
	color: #39A935;
	font-size: 32px;
}

.cont_text_i {
	padding-top: 3%;
	padding-left: 5%;
	padding-right: 20%;
}
.cont_text_i h2{
	padding-left: 0px;
    text-align: left;
}

.cont_text_d {
	padding-top: 3%;
	padding-right: 5%;
	padding-left: 20%;
}
.cont_text_d h2{
	padding-left: 0px;
    text-align: left;
}
/*-----Contenedor respuestas inmediatas---------*/
.cont_respuestas {
	margin-top: 5%;
	margin-bottom: 5%;
}

.cont_respuestas .borde {
	margin-bottom: 5%;
	border-right: solid 1px #92C01F;
}

.cont_respuestas p {
	font-size: 17;
	text-align: center;
}

.cont_texto_respuestas {
	padding-top: 30px;
}

.cont_base_text hr {
	background: #39A935;
	width: 60%;
	align-items: center;
	height: 1px;
	margin-bottom: 6%;
	margin-top: 6%;
}

.cont_base_text {
	padding-top: 5%;
	padding-bottom: 5%;
}

.cont_base_text h2 {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 35;
	color: #39A935;
	text-align: center;

}

.cont_base_text p {
	font-size: 22px;
	text-align: center;
}

footer {
	background: #39A935;
	padding-top: 4%;
	padding-bottom: 2%;
}

.footer_cont1 a {
	text-decoration: none;
	color: #fff;
}

.footer_cont1 p {
	text-align: center;
	/*font-size: 20px;*/
	font-size: 1.3vw;
	color: #ffffff;
}

.footer_cont1 div>p {
	text-align: left;
	padding-left: 3%;
}

.footer_cont2 a {
	text-decoration: none;
	text-align: center;
	color: #fff;
}

.footer_cont2 p {
	/*font-size: 22px;*/
	font-size: 1.3vw;
	color: #ffffff;
	text-align: center;
}

.derechos p {
	font-size: 18px;
}

.footer_cont3 span {
	text-align: center;
}

.footer_cont3 span i {
	font-size: 60px;
	color: aliceblue;
}

.footer_cont3 p {
	padding-top: 20px;
	/*font-size: 20px;*/
	font-size: 1.3vw;
	color: #ffffff;
}

.footer_cont3 a {
	text-decoration: none;
}

footer p.titulo {
	/*font-size: 30px;*/
	font-size: 2vw;
}

video {
	width: 100%;
}

footer {
	padding: 3% 5%;
}

footer a .row {
	display: block;
}

footer .bandera {
	/**max-width: 50px;*/
	max-width: 100%;
}

footer .iconos {
	max-width: 30px;
	text-align: right;
}

footer .col-xs-10 {
	width: 80%;
	float: left;
}

footer .col-xs-1 {
	width: 10%;
	float: left;
}

footer .col-xs-3 {
	width: 30%;
	float: left;
}

footer .espacio {
	height: 15px;
}

footer .img-fluid {
	width: 200px;
}

footer .footer_cont4 {
	text-align: center;
}

footer .footer_cont4 .row {
	display: initial;
}

/***********************************************/
#modalLogin .modal-content {
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.8);
    box-shadow: 0 5px 15px rgba(0,0,0,.8);
}

#modalLogin .modal-header {
    /**background: rgba(57, 169, 53, 1);
	background: -moz-linear-gradient(left, rgba(57, 169, 53, 1) 0%, rgba(146, 192, 31, 1) 74%, rgba(146, 192, 31, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(57, 169, 53, 1)), color-stop(74%, rgba(146, 192, 31, 1)), color-stop(100%, rgba(146, 192, 31, 1)));
	background: -webkit-linear-gradient(left, rgba(57, 169, 53, 1) 0%, rgba(146, 192, 31, 1) 74%, rgba(146, 192, 31, 1) 100%);
	background: -o-linear-gradient(left, rgba(57, 169, 53, 1) 0%, rgba(146, 192, 31, 1) 74%, rgba(146, 192, 31, 1) 100%);
	background: -ms-linear-gradient(left, rgba(57, 169, 53, 1) 0%, rgba(146, 192, 31, 1) 74%, rgba(146, 192, 31, 1) 100%);
	background: linear-gradient(to right, rgba(57, 169, 53, 1) 0%, rgba(146, 192, 31, 1) 74%, rgba(146, 192, 31, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#39a935', endColorstr='#92c01f', GradientType=1);
    color: #fff;*/
    background-color: #f4f4f4;
    border-radius: 0px!important;
    border-bottom: none;
}

#modalLogin .modal-title {
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    color: #7f7f7f;
    font-weight: 800;
}

#modalLogin .modal-body {
	background-color: #f4f4f4;
}

#modalLogin .modal-backdrop.in {
    filter: alpha(opacity=80);
    opacity: .8;
}

#modalLogin .modal form .btn-primary {
    background-color: #97b63e;
    color: #fff;
    border-color: #97b63e;
}

#modalLogin .modal-header .close {
	font-size: 2.6rem;
    position: absolute;
    opacity: 1;
    padding: 3px 8px 8px 8px;
    color: #fff;
    top: 0px;
    right: 10px;
    margin: 0;
    text-shadow: 0 1px 4px #7f7f7f;
}

#modalLogin .marco {
	width: 85%;
    margin-left: 7.5%;
}

#modalLogin #login_status {
	display: none;
}

#modalLogin form .logotipo {
	text-align: center;
	width: 100px;
	height: auto;
	margin-bottom: 4%;
}

#modalLogin form .form-control {
	background-color: #e8e8e8;
	border: 1px solid #878787;
	width: 60%;
	margin-left: 20%;
}

#modalLogin form .form-control::placeholder {
	color: #878787;
}

#modalLogin button.btn-primary {
	background-color: #97b63e;
	border-color: #97b63e;
	max-width: 60%;
    margin-left: 20%;
    padding: .1rem 1rem;
    margin-bottom: 6%;
}

.modal-backdrop.show {
    opacity: .75;
}

/* aviso oportuno */
.cont_imgbanner_aviso {
	padding-top: 0px;
	padding-bottom: 0px;
	/**height: 47vh;*/
	background-image: url(../../assets/img/sd_aviso-oportuno.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	/*background-position: left;*/
}

.aviso .container-fluid {
	padding: 0;
}

.aviso .container-fluid .row {
	margin: 0;
}

.aviso .cont_banner h1 {
    white-space: nowrap;
    text-align: left;
    font-size: 60px;
}

.aviso .titulos h2 {
	padding: 20px;
	text-align: center;
	color: #39A935;
	font-size: 32px;
}


.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333 !important;
    border: 1px solid transparent;
    background: rgba(57, 169, 53, 1);
	background: -moz-linear-gradient(left, rgba(57, 169, 53, 1) 0%, rgba(146, 192, 31, 1) 74%, rgba(146, 192, 31, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(57, 169, 53, 1)), color-stop(74%, rgba(146, 192, 31, 1)), color-stop(100%, rgba(146, 192, 31, 1)));
	background: -webkit-linear-gradient(left, rgba(57, 169, 53, 1) 0%, rgba(146, 192, 31, 1) 74%, rgba(146, 192, 31, 1) 100%);
	background: -o-linear-gradient(left, rgba(57, 169, 53, 1) 0%, rgba(146, 192, 31, 1) 74%, rgba(146, 192, 31, 1) 100%);
	background: -ms-linear-gradient(left, rgba(57, 169, 53, 1) 0%, rgba(146, 192, 31, 1) 74%, rgba(146, 192, 31, 1) 100%);
	background: linear-gradient(to right, rgba(57, 169, 53, 1) 0%, rgba(146, 192, 31, 1) 74%, rgba(146, 192, 31, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#39a935', endColorstr='#92c01f', GradientType=1);
}

.home-section .container {
	width: 85%;
	max-width: 1300px;
}

#ofertas table,
#ofertas table tbody,
#ofertas table tbody tr {
	width: 100%;
}

#ofertas table {
	background-color: #fff;
	border-spacing: 0 1.2em;
	width: 35%;
	margin: unset;
	min-height: 950px;
}

#ofertas {
	margin-bottom: 60px;
}

#ofertas table thead th {
	border-bottom: none;
}

#ofertas table tbody tr {
	border: 1px solid #e0e0e0;
	height: fit-content;
}

#ofertas table tbody tr td {
	padding: 5%;
}

#ofertas table .ficha h2 {
	color: #337ab7;
	text-decoration: underline;
	margin-bottom: 15px;
}

#ofertas table .ficha h5 {
	margin-bottom: 5px;
}

#ofertas table .ficha p {
	margin-top: 20px;
}

#ofertas table .ficha ul,
#ofertas table .ficha ol {
	padding: 0px 40px;
}

#ofertas input[type="search"] {
    border: 1px solid #888;
    margin-bottom: 5%;
    border-radius: 3px;
    line-height: 40px;
    width: 35vw;
    min-width: 350px;
    padding: 0px 10px;
}

#ofertas input[type="search"]:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

table.dataTable.no-footer {
    border-bottom: none;
}

.ofertas_detalle {
	background-color: #fff;
}

.ofertas_detalle ul,
.ofertas_detalle ol {
	padding: 0px 40px;
}

.icon_search_aviso {
	display:inline-table;
	margin-top: 5px;

	background: rgba(57, 169, 53, 1);
	background: -moz-linear-gradient(left, rgba(57, 169, 53, 1) 0%, rgba(146, 192, 31, 1) 74%, rgba(146, 192, 31, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(57, 169, 53, 1)), color-stop(74%, rgba(146, 192, 31, 1)), color-stop(100%, rgba(146, 192, 31, 1)));
	background: -webkit-linear-gradient(left, rgba(57, 169, 53, 1) 0%, rgba(146, 192, 31, 1) 74%, rgba(146, 192, 31, 1) 100%);
	background: -o-linear-gradient(left, rgba(57, 169, 53, 1) 0%, rgba(146, 192, 31, 1) 74%, rgba(146, 192, 31, 1) 100%);
	background: -ms-linear-gradient(left, rgba(57, 169, 53, 1) 0%, rgba(146, 192, 31, 1) 74%, rgba(146, 192, 31, 1) 100%);
	background: linear-gradient(to right, rgba(57, 169, 53, 1) 0%, rgba(146, 192, 31, 1) 74%, rgba(146, 192, 31, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#39a935', endColorstr='#92c01f', GradientType=1);

	color: #fff;
    padding: 8px 30px;
}

.genera_cv {
	position: absolute;
	padding: 8px 30px;
	border: 1px solid #888;
	margin-top: 5px;
	margin-bottom: 10px;
	z-index: 1;
}

.genera_cv a,
.genera_cv a:focus,
.genera_cv a:visited,
.genera_cv a:hover {
	color: #888;
	text-decoration: none;
	cursor: pointer;
}

#ofertas table tr.odd {
	background-color: #eafadc;
}

#ofertas table tr.even td {
	border: 1px solid #888;
}

@media (max-width: 872px) {
	.genera_cv {
		position: initial;
		width: 100%;
    	text-align: center;
	}
}

#ofertas .intento {
	position: absolute;
    width: 60%;
    max-height: 850px;
    overflow-y: auto;
    top: 8vw;
    right: 0;
    border: 1px solid #888;
    padding: 3%;
}

#ofertas .intento h2.h-bold {
	font-weight: 600;
	text-decoration: underline;
}

.aviso #ofertas.detalles {
	margin-top: 4%;
}

.aviso #ofertas.detalles h2 {
	padding: 20px;
	text-align: center;
	color: #39A935;
	font-size: 32px;
}

.aviso #ofertas.detalles .ofertas_detalle,
.aviso #ofertas.detalles .ofertas_detalle p {
	text-align: center;
}

.aviso #ofertas.detalles .ofertas_detalle ul,
.aviso #ofertas.detalles .ofertas_detalle ol {
    padding: 0px 0px;
    list-style-position: inside;
}

#ofertas .ficha .responsive_2 {
	display: none;
}

@media (max-width: 991px) {
	#ofertas table {
		width: 100%;
		min-height: auto;
	}

	#ofertas .intento {
		display: none;
	}

	#ofertas .ficha .responsive_1 {
		display: none;
	}

	#ofertas .ficha .responsive_2 {
		display: block;
	}
}

/**************************************************************/
@media (max-width: 1445px) {
	footer .col-xs-3 {
	    width: 0%;
	    float: left;
	}
}

/**************************************************************/
@media (max-width: 1104px) {
	.cont_banner h1 span {
		white-space: normal;
	}
	.img_logo_grande {
	  max-width: 200px;
    }
}

/*-----cortan las columnar md----*/
@media (max-width: 991px) {
	.img_logo_grande {
		width: 100px;
	}
	.img_logo_chico {
		width: 100px;
	}
	.nav-link{
	  border-right: none;
	}
	.nav-item{
		padding-left: 8%;
	}
	
	.cont_banner h1,
	.aviso .cont_banner h1 {
		font-size: 6vw;
	}
	.cont_banner h1 span {
		font-size: 5vw;
		white-space: normal;
	}
}
@media (max-width: 900px) {
	.cont_imgbanner,
	.cont_imgbanner_aviso{
		height: auto;
	}
	.cont_banner{
		padding-top: 10%;
		padding-bottom: 5%;
	}
	
}

/*----cortan los offset----*/
@media (max-width: 768px) {
	
	.cont_section_text h2 {
		font-size: 4vw;
	}
	.aviso #ofertas.detalles h2{
		font-size: 6.5vw;
	}
	.cont_banner h1 {
		text-align: center;
	}
	.cont_banner {
		padding-right: 0px;
	}
	.cont_button  button{
		float: none;
	}
	.cont_button button{
		position: relative;
		left: 50%;
		width: auto;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.cont_text_i{
		padding-left: 0px;
		padding-right: 0px;
	}
	.cont_text_d{
		padding-left: 0px;
		padding-right: 0px;
	}
	.cont_text_i h2{
		text-align: center;
	}
	.cont_text_i p{
		text-align: center;
	}
	.cont_text_d h2{
		text-align: center;
	}
	.cont_text_d p{
		text-align: center;
	}
	.cont_section {
	   height: 70vh;
		margin-top: -20%
	}
	.cont_respuestas .borde2{
		border-right: none;
	}
	.footer_cont4{
		display: none;
	}
}

@media (max-width: 574px) {
	.cont_respuestas .borde{
		border-right: none;
	}
	.mobil_text div h2{
		font-size: 4vw;
	}
	.cont_divider h2{
		font-size: 7vw;
	}
	.row p{
		font-size: 5vw!important;
	}
}