/*
Author: auSoleil Visual Communication
Version: 1.0
Project: simulador a 10 años
*/
body {
	color: #2167AE;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h6 {
	font-family: "ZurichSans-light", "Helvetica Neue", Arial, sans-serif;
}
header {
  background-color: #2167AE;
}
.TitHeader {
  color: #ECEEEF;
}
.oggstyle {
	font-family: 'Ogg-Regular';
}
.text-blanco {
	color: #ECEEEF;
}
.disfruta {
  font-size: 1.2rem;
}
a {
	text-decoration: underline !important;
}
.skyblue {
	color: #1FB1E6;
}
.tit_Form {
  font-size: 24px;
}
.border-bottom {
  border-bottom: 1px solid #2167AE !important;
}

/* Formularios */
.verticalCenter {
	vertical-align: baseline;
}
.form-control, .form-select {
	border-radius: 25px;
	background-color: #eceeef;
}
.form-select {
	width: auto;
}
#fechanacimiento, #InicioCobroRenta {
	vertical-align: -.125em;
	background-image: url("../images/calendar.svg");
	background-repeat: no-repeat;
	background-position:   calc(100% - 5%) /* 0px from the right */;
	background-size: 1rem 1rem;  
}
#TipodePrestacion, #Periocidad, #ImporteDuracion, #EurosAnyos {
	width: 100%;
}

.btn-primary {
    color: #fff;
    background-color: #2167AE;
    border-color: #2167AE;
	border-radius: 25px;
}
.btn-primary:hover {
    color: #2167AE;
	background-color: #eceeef;
	border-color: #eceeef;
}

.btn-secondary {
    color: #fff;
    background-color: #FF7569;
    border-color: #FF7569;
	border-radius: 25px;
}
.btn-secondary:hover, .btn-success:hover {
    color: #2167AE;
	background-color: #eceeef;
	border-color: #eceeef;
}
.btn-success {
	color: #fff;
    background-color: #19BAB6;
    border-color: #19BAB6;
	border-radius: 25px;
}
.bi-calculator-fill, .bi-clipboard2-x , .bi-printer, .bi-arrow-repeat {
	font-size: 14px;
	margin-right: 10px;
}
.legales {
	font-size: 0.7rem;
	color:#5D6162;
}

footer {
	background: #E4E9EC;
	font-family: "ZurichSans-light", "Helvetica Neue", Arial, sans-serif;
	font-size: 13px;
}
footer a {
	color: #2167AE;
}
footer a:hover {
	color: #000;
	text-decoration: none;
}

.cajaResultados {
	font-size: 18px;
	font-family: 'ZurichSans-SemiBold', "Helvetica Neue", Arial, sans-serif;
	color: #23366F;
}

.cajaResultadosGris {
	background-color: #eceeef;
	font-size: 18px;
	font-family: 'ZurichSans-SemiBold', "Helvetica Neue", Arial, sans-serif;
	color: #23366F;
}
.backgroundGrises {
	background-color: #eceeef;
}
.backgroundWhite {
	background-color: #fff;
}
@media only screen and (min-width: 600px) and (max-width: 959px) {

  .imgResponsive {
	display: inline !important;
}
	.responsiveBot {
    display: none;
}
	.titulares h1 {
		font-size: 35px;
	}
.p-3 {
	padding: 5px !important;
}
.pt-5 {
	padding-top: 10px !important;
}

	.bordes {
	font-family:"ZurichSans-Regular", "Helvetica Neue", Arial, sans-serif;
	}
	.header-text-center {
		text-align: center !important;
	}

}
@media only screen and (min-width: 300px) and (max-width: 600px) {

  .imgResponsive {
	display: inline !important;
}
	.responsiveBot {
    display: none;
}
.p-3 {
	padding: 5px !important;
}
.pt-5 {
	padding-top: 10px !important;
}
	.titulares h1 {
		font-size: 35px;
	}
	.logonoresponsive {
		display: none;
	}

	.bordes {
	font-family:"ZurichSans-Regular", "Helvetica Neue", Arial, sans-serif !important;
	}
	.header-text-center {
		text-align: center !important;
	}
}




/*___________________________________*/



.imgResponsive {
	display: none;
}

.listado li {
	/*list-style-image: url("../images/bola.png");*/
	list-style: none;
            padding: 0px 0px 0px 30px;
            background-image: url(
"../images/bola2.png?v=1");
            background-repeat: no-repeat;
            background-position: left top 5px;
            background-size: 15px;

}
.listado li li {
	/*list-style-image: url("../images/bola.png");*/
	list-style: circle;
            padding: 0px 0px 0px 0px;
            background-image: none !important;
            background-repeat: no-repeat;
            /*background-position: left top 5px;
            background-size: 15px;*/

}
.listado ul {
	background-image: url("../images/linea.png");
	background-repeat: repeat-y;
	background-position: +45px;
}
.listado ul ul {
	background-image: none !important;
	background-repeat: repeat-y;
	background-position: +45px;
}
.lightbox {
    padding: 25px;
}

.btn-info {
	background: #23366F;
	border: 0px;
	border-radius: 50px;
	padding: 5px 30px;
}
.btn-info:hover {
    background: #5495CF;

}
.header-text-center {
	
	color: #2167AE;
	text-align: left;
}
.logo {
    background-image: url("../images/zurich-logo-big.png");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: 92%;
    background-size: 100px;
}
.logoresponsive {
		display: none;
	}
.modal-title {
	font-family: "ZurichSans-Regular", "Helvetica Neue", Arial, sans-serif;
}
@media only screen and (min-width: 600px) and (max-width: 959px) {

  .imgResponsive {
	display: inline !important;
}
	.responsiveBot {
    display: none;
}
	.titulares h1 {
		font-size: 35px;
	}


	.bordes {
	font-family:"ZurichSans-Regular", "Helvetica Neue", Arial, sans-serif;
	}
	.header-text-center {
		text-align: center !important;
	}

}
@media only screen and (min-width: 300px) and (max-width: 600px) {

  .imgResponsive {
	display: inline !important;
}
	.responsiveBot {
    display: none;
}
	.titulares h1 {
		font-size: 35px;
	}
	.logonoresponsive {
		display: none;
	}

	.bordes {
	font-family:"ZurichSans-Regular", "Helvetica Neue", Arial, sans-serif !important;
	}
	.header-text-center {
		text-align: center !important;
	}
}






.fondo {
	background: #E4E4E4;
}
.bordes {
	font-family:"ZurichSans-Regular", "Helvetica Neue", Arial, sans-serif;
	color: #003399;
	margin-bottom: 40px;
}
.bordes2 {
	font-family: "ZurichSans-Regular", "Helvetica Neue", Arial, sans-serif;
	color: #003399;
	margin-bottom: 40px;
}
.border-fotos {
    border: solid 10px #F0EDE5;
    border-radius: 10px;
}
.cajaverde {
	background: #00b0ad;
	color: #fff;
	padding: 15px;
}
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
	font-size: 1rem !important;
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote:after {
  color: #ccc;
  content: close-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-left: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}
.carousel-control-prev {
    justify-content: left;
}
.carousel-control-next {
    justify-content: right;
}
.carousel-control-prev-icon {
    color: #000;
}



/* LOGOS */