@charset "UTF-8";
@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'Barlow-medium';
    src: url('https://www.epssura.com/templates/eps/fonts/Barlow-Medium.eot');
    src: url('https://www.epssura.com/templates/eps/fonts/Barlow-Medium.eot?#iefix') format('embedded-opentype'),
        url('https://www.epssura.com/templates/eps/fonts/Barlow-Medium.woff2') format('woff2'),
        url('https://www.epssura.com/templates/eps/fonts/Barlow-Medium.woff') format('woff'),
        url('https://www.epssura.com/templates/eps/fonts/Barlow-Medium.ttf') format('truetype'),
        url('https://www.epssura.com/templates/eps/fonts/Barlow-Medium.svg#Barlow-Medium') format('svg');
    font-style: normal;
}

@font-face {
    font-family: 'Barlow-light';
    src: url('https://www.epssura.com/templates/eps/fonts/Barlow-Light.eot');
    src: url('https://www.epssura.com/templates/eps/fonts/Barlow-Light.eot?#iefix') format('embedded-opentype'),
        url('https://www.epssura.com/templates/eps/fonts/Barlow-Light.woff2') format('woff2'),
        url('https://www.epssura.com/templates/eps/fonts/Barlow-Light.woff') format('woff'),
        url('https://www.epssura.com/templates/eps/fonts/Barlow-Light.ttf') format('truetype'),
        url('https://www.epssura.com/templates/eps/fonts/Barlow-Light.svg#Barlow-Light') format('svg');
    font-style: normal;
}

@font-face {
    font-family: 'Barlow-bold';
    src: url('https://www.epssura.com/templates/eps/fonts/Barlow-Bold.eot');
    src: url('https://www.epssura.com/templates/eps/fonts/Barlow-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://www.epssura.com/templates/eps/fonts/Barlow-Bold.woff2') format('woff2'),
        url('https://www.epssura.com/templates/eps/fonts/Barlow-Bold.woff') format('woff'),
        url('https://www.epssura.com/templates/eps/fonts/Barlow-Bold.ttf') format('truetype'),
        url('https://www.epssura.com/templates/eps/fonts/Barlow-Bold.svg#Barlow-Bold') format('svg');
    font-style: normal;
}

@font-face {
    font-family: 'Barlow-regular';
    src: url('https://www.epssura.com/templates/eps/fonts/Barlow-Regular.eot');
    src: url('https://www.epssura.com/templates/eps/fonts/Barlow-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://www.epssura.com/templates/eps/fonts/Barlow-Regular.woff2') format('woff2'),
        url('https://www.epssura.com/templates/eps/fonts/Barlow-Regular.woff') format('woff'),
        url('https://www.epssura.com/templates/eps/fonts/Barlow-Regular.ttf') format('truetype'),
        url('https://www.epssura.com/templates/eps/fonts/Barlow-Regular.svg#Barlow-Regular') format('svg');
    font-style: normal;
}


.control-checkbox span, .control-checkbox a {
    color: #fff;
    margin-left: 0.2rem;
    position: relative;
    top: 2px;
    font-size: 10px;
}

.flex{display:-webkit-box;display:flex}.flex-center{-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}.flex-center-horizontal{-webkit-box-pack:center;justify-content:center}.flex-center-vertical{-webkit-box-align:center;align-items:center}.flex-between{-webkit-box-pack:justify;justify-content:space-between}.flex-around{justify-content:space-around}.flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.flex-start-horizontal{-webkit-box-pack:start;justify-content:flex-start}.flex-end-horizontal{-webkit-box-pack:end;justify-content:flex-end}.flex-start-vertical{-webkit-box-align:start;align-items:flex-start}.flex-end-vertical{-webkit-box-align:end;align-items:flex-end}.flex-end{-webkit-box-align:end;align-items:flex-end;-webkit-box-pack:end;justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}

form label {
    font-family:"Barlow-medium";
    font-size: 10px;
    letter-spacing: 1px;
    margin-bottom: 16px;
    margin-bottom: 1rem;
    padding-left: 16px;
    padding-left: 1rem;
    text-transform: uppercase;
}


.modal .inputs .div-input {
    margin-bottom: 36.8px;
    margin-bottom: 2.3rem;
}
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

 .aling-label-fila1 {
    width: 43%;
}

*{margin:0px;
padding: 0px;}


.modal-content form input[type=text], .modal-content form input[type=email], .modal-content form textarea {
    background-color: #a6a5aa;
    background-color: rgba(166,165,170,.15);
    border: 0;
    border-radius: 5px;
    padding: 16px 24px;
    padding: 1rem 1.5rem;
}

input, select {
    -webkit-appearance: none;
    appearance: none;
}
button, input, select, textarea {
    font-family: "Barlow-medium";
    font-size: inherit;
    line-height: inherit;
	color: #fff;
}
.control input:checked~.control_indicator:after {
    display: block;
}
.control-checkbox .control_indicator:after {
    left: 6px;
    top: 2px;
    width: 3px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.control_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none;
}
.check-terminos {
    margin-top: 20px;
}
.modal-content span.close {
    color: #fff;
}

.fila3 {
    margin-top: 32px;
    margin-top: 2rem;
}

.flex-between {
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

 .inputs {
    width: 43%;
}
/* The Modal (background) */
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
	    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
/* Modal Content/Box */
.modal-content {
    background-color: #2e71f2;
    color: #fff;
    padding: 2rem 2rem 2rem 2rem;
    position: relative;
    width: 600px;
}

.fila2 textarea {
    width: 90%;
}

.modal .titulo-texto {
    width: 51%;
}
.flex-center-vertical {
    -webkit-box-align: center;
    align-items: center;
}

.control_indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background: transparent;
    border: 2px solid #174dab;
}

.control {
    font-family: arial;
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px;
    padding-top: 3px;
    cursor: pointer;
    font-size: 13px;
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    line-height: normal;
}
input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

.ar-pregunta .inputs .div-input {
    margin-bottom: 36.8px;
    margin-bottom: 2.3rem;
}
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

/* The Close Button */
.modal-content .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    margin-top: -30px;
	margin-right: -20px;
    font-weight: bold;
}

.modal-content .titulo-texto h2 {
    font-size: 45px; font-family: "Barlow-bold";
}

.modal-content .titulo-texto p {
    font-family: "Barlow-regular";
}

.modal-content .close:hover,
.modal-content .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

span.youtube-link {
    cursor: pointer!Important;
}


a{text-decoration: none!important;}

main {
    overflow-x: hidden;
    width: 100%;
}

header{height:400px;
    width: 100%;
    overflow: hidden;}

footer {
    width: 100%;
    overflow-x: hidden;
	height: 250px;
	background: #213a99;
}

.completo {
    width: 100%;
    display: block;
    height: auto;
    white-space: nowrap;
}
.mitad {
	vertical-align: top;
    min-width: 50%;
    display: inline-block;
    white-space: normal;
	    width: 50%;
}

.cuarto {
	vertical-align: top;
    min-width: 25%;
    display: inline-block;
    white-space: normal;
	    width: 25%;
}



.condegradado{
background: rgba(221,243,243,1);
background: -moz-linear-gradient(left, rgba(221,243,243,1) 0%, rgba(204,226,227,1) 76%, rgba(199,221,222,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(221,243,243,1)), color-stop(76%, rgba(204,226,227,1)), color-stop(100%, rgba(199,221,222,1)));
background: -webkit-linear-gradient(left, rgba(221,243,243,1) 0%, rgba(204,226,227,1) 76%, rgba(199,221,222,1) 100%);
background: -o-linear-gradient(left, rgba(221,243,243,1) 0%, rgba(204,226,227,1) 76%, rgba(199,221,222,1) 100%);
background: -ms-linear-gradient(left, rgba(221,243,243,1) 0%, rgba(204,226,227,1) 76%, rgba(199,221,222,1) 100%);
background: linear-gradient(to right, rgba(221,243,243,1) 0%, rgba(204,226,227,1) 76%, rgba(199,221,222,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddf3f3', endColorstr='#c7ddde', GradientType=1 );

}



.tituloheader{
	font-family:"Barlow-bold";
	color: #00a0de;
	    font-size: 2em;

}

.tituloheader span{
	font-family:"Barlow-regular";
}




.mujer-cabezote-inicio{
	height: 416px;
    display: block;
    float: right;
    margin-right: 15%;
}




.frases-cabezote-inicio{
	width: 470px;
    display: block;
    float: right;
    margin-right: 35%;
	margin-top: 100px;
}

.subcompleto {
    width: 100%;
    vertical-align: top;
    display: inline-block;
    white-space: normal;
}

img.iconos-menu {
	position: relative;
    width: 35px;
    float: none;
    margin-left: 0 !important;
    margin-top: -5px;
	top: 10px;
	left: -12px;
}

img.logo-tiempo-cabezote {
    width: 300px;
    margin-top: 15%;
}

.texto-bienvenida {
    font-family: "Barlow-regular";
    text-align: center;
    display: block;
    width: 50%;
    margin: 0 auto;
    margin-top: 50px;
    font-size: 1.1em;
    color: #02339c;
    line-height: 1.3;
}

a.btn-bazul {
    display: table;
    width: auto;
    padding: 10px 50px;
    border: 1px solid #02339c;
    text-transform: uppercase;
    font-size: 1.35em;
    text-decoration: none;
    font-family: "Barlow-bold";
    text-align: center;
    color: #00b4e4;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
    transition-property: all;
    transition-duration: 150ms;
    transition-timing-function: ease-in;
}

a.btn-bazul:hover {
    background: #00b4e4;
    color: #fff;
    border-radius: 5px;
    transition-property: all;
    transition-duration: 150ms;
    transition-timing-function: ease-out;
	    padding: 10px 70px;
}

.inquietudanonima a:hover {
    border-right: 5px solid #fff;
    color: #fff;
	 transition-property: all;
    transition-duration: 150ms;
    transition-timing-function: ease-out;
}

.inquietudanonima a {
   	 transition-property: all;
    transition-duration: 150ms;
    transition-timing-function: ease-out;
}


a.btn-testimonio{
	 transition-property: all;
    transition-duration: 150ms;
    transition-timing-function: ease-out;


}

a.btn-testimonio:hover {
    background: #00b4e4;
    color: #fff;
    border-radius: 5px;
    transition-property: all;
    transition-duration: 150ms;
    transition-timing-function: ease-out;
	    padding: 10px 70px;
}


.texto-bienvenida span{
	    font-family: "Barlow-bold";
	    font-size: 1.35em;
}

.fondobaner2{
	background: url(img/bg-inicio-banner2.jpg);
	    background-size: cover;
}

.titulocursivo{
	text-align: center;
	 font-family: "Barlow-bold";
	    font-size: 1.5em;
	font-weight: normal;
	color: #06379d;

}



.titulocursivo2{
	text-align: left;
	 font-family: "Barlow-bold";
	    font-size: 2em;
	font-weight: normal;
	color: #00b4e4;

}



.previa-video {
    margin: 0 auto;
    display: block;
    margin-top: 45px;
    max-width: 548px;
    width: 90%;
}




.texto-articulo {
    width: 35%;
    display: inline-block;
    vertical-align: top;
    height: 200px;
}


.imagen-articulo {
    display: inline-block;
    width: 50%;
    text-align: right;
}

.texto-articulo h1 {
    font-size: 1.35em;
    color: #00b4e4;
    font-family: "Barlow-medium";
    font-weight: normal;
    margin-bottom: 10px;
}


.texto-articulo p {
    font-size: 1.0em;
    color: #5b5b5b;
    font-family: "Barlow-regular";
    font-weight: normal;
    line-height: 1.4;
    margin-bottom: 10px;
}

.imagen-articulo img {
    margin-right: 20px;
	width: 70%;
	max-width: 241px;
}


.btn-articulo {
    display: table;
    width: auto;
    padding: 10px 30px;
    border: 1px solid #02339c;
    text-transform: uppercase;
    font-size: 1.2em;
    text-decoration: none;
    font-family: "Barlow-bold";
    text-align: center;
    color: #00b4e4;
    margin-top: 30px;
    margin-bottom: 30px;
}

.faq-banner a:after{
	transition-property: all;
    transition-duration: 150ms;
    transition-timing-function: ease-out;
}
.faq-banner a:hover:after {
      transform: rotate(90deg);
    transition-property: all;
    transition-duration: 150ms;
    transition-timing-function: ease-out;
    padding-top: 10px;
    padding-left: 12px;
    margin-left: 10px;
}

a.btn-articulo:hover:after {
    transform: rotate(90deg);
    transition-property: all;
    transition-duration: 150ms;
    transition-timing-function: ease-out;
    padding-top: 10px;
    padding-left: 12px;
    margin-left: 10px;
}


.mitad.mandalas-banner:hover .mandalas-personalizado>img {
    margin-top: 20px;
	  transform: rotate(-90deg);
	   transition-property: all;
    transition-duration: 150ms;
    transition-timing-function: ease-out;
}

.mandalas-personalizado>img {
	   transition-property: all;
    transition-duration: 150ms;
    transition-timing-function: ease-out;
}

nav ul li a:hover img.iconos-menu {
    margin-top: -10px;
    width: 55px;
	transition-property: all;
    transition-duration: 150ms;
    transition-timing-function: ease-out;
}

img.iconos-menu {
	transition-property: all;
    transition-duration: 150ms;
    transition-timing-function: ease-out;
}

.btn-articulo:after {
	transition-property: all;
    transition-duration: 150ms;
    transition-timing-function: ease-out;
    content: "+";
    margin-left: 10px;
    font-size: 35px;
    line-height: 0;
    font-family: "Barlow-regular";
    padding-top: 8px;
    display: block;
    float: right;
}


.mitad.faq-banner,.mitad.mandalas-banner {
    height: 180px;
	padding-bottom: 20px;
}

.faq-banner{
background: url(img/preguntas-bg.jpg);
	background-size: cover;
}

.mandalas-banner{
	background: url(img/mandalas-bg.jpg);
	background-size: cover;
}

.faq-personalizado {
    width: 53%;
    margin-left: 15%;
    margin-top: 25px;
}

.faq-banner h2{
    font-size: 1.7em;
    color: #06379d;
    font-family: "Barlow-bold";
    font-weight: normal;
    margin-bottom: 10px;

}


.faq-banner p{
    font-size: 1.3em;
    color: #06379d;
    font-family: "Barlow-regular";
    font-weight: normal;
    margin-bottom: 10px;

}

.faq-banner a{
        display: table;
    width: auto;
    text-transform: uppercase;
    font-size: 1.2em;
    text-decoration: none;
    font-family: "Fs-bold";
    text-align: center;
    color: #00b4e4;
    margin-top: 20px;

}

.faq-banner a:after {
    content: "+";
    margin-left: 10px;
    font-size: 35px;
    line-height: 0;
    font-family: "Barlow-regular";
    padding-top: 8px;
    display: block;
    float: right;
}

.faq-mandalas h2{
    font-size: 1.7em;
    color: #06379d;
    font-family: "Barlow-bold";
    font-weight: normal;
    margin-bottom: 10px;
}

.textocursivo{
	font-weight: normal;
	font-family: "Barlow-bold";
	    font-size: 1.7em;
}

.completo.faq-mandalas {
    border-top: 1px solid #e5e5e5;
    margin-top: 50px;
}

.mandalas-personalizado img {
    width: 50px;
    float: left;
    margin-right: 30px;
}

.mandalas-personalizado {
    margin-left: 8%;
    margin-top: 55px;
}


.testimoniales{
	height: 310px;
	background: url(img/testimonios-bg.jpg);
	background-size: cover;
}


.mitad.testimonio {
    width: 450px;
    display: block;
    min-width: 0;
    color: #06379d;
    padding-top: 40px;
    font-family: "Barlow-regular";
    margin-left: 200px;
    line-height: 1.4;
}

p.textotestimonio {
    font-size: 1.3em;
}



span.comillas1 img {
    width: 30px;
    position: absolute;
    margin: 0px 0px 0px -40px;
}

span.comillas2 img {
    width: 30px;
    position: absolute;
    margin: 0px 0px 0px 10px;
}

h3.nombretestimonio {
    font-style: italic;
    font-size: 1.3em;
}



.btn-testimonio {
    display: table;
    width: auto;
    padding: 10px 30px;
    border: 1px solid #02339c;
    text-transform: uppercase;
    font-size: 1.2em;
    text-decoration: none;
    font-family: "Barlow-bold";
    text-align: center;
    color: #02339c;
	margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;

}

img.logopie {
    width: 190px;
    margin-top: 80px;
}


.lineas {
    font-family: "Barlow-regular";
    color: #fff;
    line-height: 2;
    font-size: 1.1em;
    display: block;
    width: 260px;
    margin: 0 auto;
    margin-top: 60px;
}

.lineas h4{
	    font-family: "Barlow-bold";
}


.enlaces{
    font-family: "Barlow-regular";
    color: #fff;
    line-height: 2;
    font-size: 1.1em;
    display: block;
    width: 260px;
    margin: 0 auto;
    margin-top: 60px;
}

.enlaces h4{
	    font-family: "Barlow-bold";
}

.enlaces a{
 color: #fff;
    line-height: 2;
    font-size: 1.1rem;}


.inquietudanonima{
    font-family: "Barlow-regular";
    color: #fff;
    line-height: 1.2;
    font-size: 1.1em;
    display: block;
    width: 350px;
    margin: 0 auto;
    margin-top: 40px;
	text-align: center;
}

.inquietudanonima h1{
	font-size: 1.5em;
	    font-family: "Barlow-bold";
			font-weight: normal;
}


.inquietudanonima a {
    color: #fff;
    font-size: 1.1em;
    font-family: "Barlow-regular";
    font-weight: normal;
    border: solid 2px #00b4e4;
    display: block;
    padding: 10px 10px;
    border-radius: 10px;
    margin-top: 10px;
	text-align: center;
}

.completo.titulotiempo.titulocursivo {
    height: 70px;
    width: 600px;
    margin: 0 auto;
}


.titulotiempo.titulocursivo h2 {
    float: left;
    font-weight: normal;
}




img.icono_ayuda {
    width: 40px;
    display: block;
    float: left;
    margin-right: 10px;
}

.copy{
    color: #fff;
    font-size: 1.1em;
    font-family: "Barlow-regular";
    font-weight: normal;
    padding: 30px 0px 0px 0px;
    border-radius: 10px;
    margin-top: 10px;
	margin-left: 100px;
	text-align: left;
}

img.logosura-home {
    position: absolute;
    width: 170px;
    top: 20px;
    right: 20px;
}


img.logosura-internas {
    position: absolute;
    width: 170px;
    top: 20px;
    left: 80px;
}


img.logotiempo-internas {
    position: absolute;
    width: 170px;
    top: 20px;
    right:80px;
}

.cont1 {
    width: 70%;
   float: right;
    margin-right: 10%;
    max-width: 440px;
}

.cont3 {
    width: 70%;
    float: left;
    margin-left: 35%;
    max-width: 440px;
}




.text-cont1 p,.text-cont1 li {
    font-size: 1.0em;
    color: #5b5b5b;
    font-family: "Barlow-regular";
    font-weight: normal;
    line-height: 1.4;
    margin-bottom: 10px;
	list-style: none;
}

.img-interna1 {
    display: block;
    max-width: 450px;
    width: 90%;
    text-align: left;
}


.img-interna {
    display: block;
    max-width: 550px;
    width: 90%;
    text-align: left;
}


.fondomiedo2{
	background: url("img/bg_miedo2.jpg");
	background-size:cover;
	height: 450px;
}

.fondosedes{
	background: url("img/bg_sedes.jpg");
	background-size:cover;
	height: 380px;
}



.fondotristeza{
	background: url("img/bg_tristeza.jpg");
	background-size:cover;
	height: 310px;
}

.fondobrindar {
    background: url("img/bg_brindar2.jpg");
    background-size: cover;
    height: 396px;
}




.text-cont2 {
    width: 70%;
    float: right;
    margin-right: 20%;
    white-space: normal;
    max-width: 550px;
	margin-top: 95px;
}

.text-cont2 p {
    font-size: 1.1em;
    color: #5b5b5b;
    font-family: "Barlow-regular";
    font-weight: normal;
    line-height: 1.4;
    margin-bottom: 10px;
}

.textos-completos p {
    font-size: 1.2em;
    color: #5b5b5b;
    font-family: "Barlow-bold";
    font-weight: normal;
    line-height: 1.4;
	width: 90%;
	text-align: left;
	margin: 0 auto;
    margin-bottom: 10px;
	max-width: 950px;
	white-space: normal;
	padding: 30px 0px;
}

.textos-completos3 p {
    font-size: 1.1em;
    color: #5b5b5b;
    font-family: "Barlow-regular";
    font-weight: normal;
    line-height: 1.4;
    width: 100%;
    text-align: left;
    margin: 0 auto;
    margin-bottom: 10px;
    max-width: 1000px;
    white-space: normal;
    padding: 20px 0px 10px 0px;
}

.textos-completos2 p{
    font-size: 2em;
    color: #213a99;
    font-family: "Barlow-bold";
    font-weight: normal;
    line-height: 1.2;
	width: 80%;
	text-align: center;
	margin: 0 auto;
    margin-bottom: 10px;
	max-width: 950px;
	white-space: normal;
	padding: 30px 0px 60px 0px;
}

.text-cont2 p span {
    font-size: 1.2em;
    font-family: "Barlow-bold";
}

.contmandalas {
    width: 80%;
    margin: 0 auto;
}

img.lista {
    width: 45px;
    display: block;
    position: absolute;
    margin-left: -60px;
    margin-top: -5px;
}



img.palomo {
    width: 100px;
    display: block;
    position: absolute;

}



.fondomiedo{
	background: url("img/bg_miedo.jpg");
	background-size:cover;
}

.fondotristeza2{
	background: url("img/bg_mujer_tristeza.jpg");
	background-size:cover;
}

.fondarticulo{
	background: url("img/bg_articulos.jpg");
	background-size:cover;
}

.fondomandalas{
	background: url("img/bg_mandalas.jpg");
	background-size:cover;
}

.fondoresultados{
	background: url("img/bg_resultados.jpg");
	background-size:cover;
}

.fondopreguntas{
	background: url("img/bg_preguntas.jpg");
	background-size:cover;
}

.fondobienvenida{
	background: url("img/bg_bienvenida1.jpg");
	background-size:cover;
}

.cont3 {
    width: 75%;
    white-space: normal;
    margin: 0 auto;
    height: 70px;
}

.text-cont3 {
    width: 75%;
    display: block;
    margin: 0 auto;
    float: left;
}
.cont3 p {
    font-family: "Barlow-regular";
    text-align: left;
    display: block;
    margin: 0 auto;
    font-size: 1.3em;
    color: #02339c;
    line-height: 1.3;
}

a.btn-relleno {
    font-family: "Barlow-regular";
    text-transform: uppercase;
    background: #02339c;
    color: #fff;
    padding: 8px 20px;
	display: block;
    float: left;
    line-height: 2;
}


img.flecha-de-btn {
    width: 30px;
    float: left;
    display: block;
    margin-right: 10px;
}

.contmandalas {
    max-width: 1100px;
    width: 80%;
    margin: 0 auto;
    white-space: normal;
}


.mandala {
    width: 30%;
    display: inline-block;
    border: 1px solid #00aeab;
    border-radius: 5px;
    text-align: center;
    max-width: 330px;
	margin-bottom: 50px;
}

span.btn-mandala {
    font-family: "Barlow-medium";
    background: #00aeab;
    color: #fff;
    width: 100%;
    padding: 8px 0px;
    display: block;
    line-height: 2;
    text-align: right;
    margin-right: 10px;
}

span.btn-mandala p {
    font-size: 1.3em;
    width: 120px;
    margin-left: 50%;
}

.lineas-azul {
    width: 90px;
    height: 4px;
    background: #06379d;
    float: left;
    border-radius: 100px;
    margin: 20px 15px;
}




span.btn-mandala .flecha-de-btn {
    float: left;
    display: initial;
    margin-top: 8px;
    margin-right: 0px;
}

img.previa-mandala {
    height: 190px;
	margin: 10px 0px;
}

.mandala a {
    display: block;
    z-index: 9;
}

.mandala-central{

	margin:0px 4%;
}


h1.titulosmandalas {
    font-size: 1.7em;
    font-family: "Barlow-bold";
    color: #213a98;
    margin-bottom: 30px;
}

.titulocursivo3{
	text-align: left;
	 font-family: "Covered";
	font-weight: normal;
	color: #00b4e4;

}


.contenedordetitulos {
    width: 100%;
    margin: 0 auto;
    max-width: 1000px;
    white-space: normal;
    margin-top: 30px;
}


.contenedordetitulos h1 {
    font-family: "Barlow-bold";
    font-weight: normal;
    font-size: 1.3em;
    color: #2e3e84;
    display: block;
    width: 230px;
    padding: 10px;
    border-left: 2px solid #2e3e84;
    border-bottom: 2px solid #2e3e84;
    border-top: 2px solid #2e3e84;
    border-radius: 0px 0px 0px 15px;
}

.contenedordetitulos2 {
    width: 100%;
    margin: 0 auto;
    max-width: 1000px;
    white-space: normal;
    margin-top: 30px;
    border-bottom: 1px solid #02339C;
}


.contenedordetitulos2 h1 {
    font-family: "Barlow-bold";
    font-weight: normal;
    font-size: 1.3em;
    color: #2e3e84;
    display: block;
    width: 80%;
    padding: 10px;
}

.contenedordetitulos:before {
    content: " ";
    border-right: 2px solid #2e3e84;
    border-top: 2px solid #2e3e84;
    display: block;
    position: absolute;
    margin-left: 235px;
    height: 31px;
    width: 31px;
    margin-top: 7px;
    transform: rotate(45deg);

}

ul.listas-resultados li{margin-top:30px;
margin-left: 60px;}
.listas-resultados2 li {
    margin: 3px;
    margin-left: 60px;
}

.img-interna3 {
    display: block;
    max-width: 450px;
    width: 90%;
    text-align: left;
}


img.icono_ayuda2 {
    width: 30px;
    position: absolute;
    margin-top: 10px;
    margin-left: -30px;
}

.preguntas .img-interna3{width:auto!important;}

.preguntas .img-interna3.especial{width:auto!important;
max-width: 700px;
float: right;}

.especiales{

	    margin-bottom: -103px!Important;
}


.especiales2{
    margin-bottom: -300px;
    padding-top: 164px;
}


#customers {
    font-family: "Barlow-medium";
    border-collapse: collapse;
	color:#02339C;

}

#customers td, #customers th {
    border: 1px solid #ddd;
    padding: 8px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #00b4e4;
    color: white;
}

.preguntas .destacado{width:300px!important;
}

.bienenidos {
    background-image: url(img/bg_bienvenida.jpg);
    background-repeat: no-repeat;
    background-position: top right;
}

@media (max-width: 700px) {

	.especiales,
.especiales2{

display: none!important;}



	.fondomandalas {
    background-position: -400px;
}

	.fondoresultados {
    background-position: -380px;
}

	a.btn-relleno {
    float: none;
    width: 170px;
    margin: 0 auto;
    margin-top: 20px;
}
	.cont3 {
    width: 75%;
    white-space: normal;
    margin: 0 auto;
    height: auto;
}

		.cont1 {
float: none!important;
}
	.mandala {
    width: 100%;
}

.completo.titulotiempo.titulocursivo {
    height: 70px;
    margin: 0 auto;
    text-align: center;
    margin-top: 40px;
	width: auto!important;
}

	.titulotiempo.titulocursivo h2 {
    float: none;
    font-weight: normal;
}

	.lineas-azul{display:none;}

	.text-cont3 {
    float: none;
}

	.mandala-central {
    margin: 0px!important;
    margin-bottom: 50px!Important;
}

	ul.listas-resultados li, ul.listas-resultados2 li {
    margin-left: 0px;
}

	.cont1 {
    width: 90%;
    margin: 0 auto!important;
    float: none;
    margin-right: 10%;
    max-width: 440px;
    padding-bottom: 10px;
}

	.textos-completos3 {
    width: 85%;
    margin: 0 auto;
}



.completonuevo {
    width: 100%;
    display: block;
    height: auto;
    margin-left: 24%;
    white-space: nowrap;
}


	header.cabezote.condegradado {
    height: auto;
    padding-bottom: 30px;
}

	.cabezote {
    height: auto;
    padding-bottom: 30px;
}
	.text-cont2 {
    float: none;
    margin: 0 auto;
}

	img.frases-cabezote-inicio {
    width: 90%;
    margin: 0 auto;
    margin-top: 130px;
    float: none;
}

	img.logosura-internas {
    width: 120px;
    left: 20px;
    top: 20px;
}

	img.logotiempo-internas {
    width: 150px;
    right: 20px;
}

	img.img-interna2 {
    padding-top: 40px;
}

	.completo.fondomiedo2 {
    height: auto;
    background-position: -400px;
    padding: 30px 0px;
}


.completo.fondotristeza {
    height: auto;
    background-position: -400px;
    padding: 30px 0px;
}

	img.img-interna2,img.img-interna,img.img-interna1,img.img-interna3{ width: 90%;
	text-align: center;
	margin: 0 auto;
	display: block;}


	h1.titulocursivo2 {
    margin-top: 30px;
}


	img.img-interna3.especial {
    float: right!important;
}

	img.img-interna2, img.img-interna, img.img-interna1, img.img-interna3 {
    width: 90%;
    text-align: center!important;
    float: none!Important;
    margin: 0 auto!important;
    display: block;
}

	img.palomo {
    width: 100px;
    display: block;
    position:initial;
		margin: 0 auto;
}


	.mitad {width: 100%!important;
	display: block;}

	table{width: 90%;
	margin: 0 auto;}

	footer {
    width: 100%;
    overflow-x: hidden;
	height: auto;
	background: #213a99;
}

	.cuarto {
    width: 100%;
    text-align: center;
}

	.completo{
		white-space: normal;
	}

	.texto-articulo {
    width: 70%;
    display: block;
		margin: 0 auto;
		margin-bottom: 30px;
}

	.imagen-articulo {
    display: block;
    width: 100%;
    text-align: center;
}

	.titulocursivo img.iconos-menu {
    margin-left: -35px!important;
    width: 30px;
    margin-top: 2px;
}

p.texto-bienvenida {
    width: 80%;
}

.mujer-cabezote-inicio {
    display: none;
}


	img.logo-tiempo-cabezote {
    width: 70%;
    margin: 0 auto;
    display: block;
margin-top: 100px;

	}

	.tituloheader {
    font-family: "Barlow-bold";
    color: #00a0de;
    font-size: 2em;
    display: block;
    width: 70%;
    margin: 0 auto;
    margin-top: 20px;
}

	nav {
    height: auto;
    width: 100%;
    display: block;
    background: #00B4E4;
    position: relative;
    padding: 10px 0px 30px 0px;
}

nav ul li {
    list-style: none;
    float: none;
    width: 100%;
    text-align: center;
    margin-left: 15px;
    padding: 5px 0px;
}
	.mitad.testimonio {
    width: 70%;
    margin: 0 auto;
}

	.testimoniales {
    height: auto;
    background: url(img/testimonios-bg.jpg);
    background-size: cover;
    padding-bottom: 20px;
}

.faq-banner {
    background: url(img/preguntas-bg.jpg);
    background-size: cover;
    background-position: 700px;
    height: auto!important;
    padding: 10px 0px 30px 0px;
}


	.mandalas-banner {
    background: url(img/mandalas-bg.jpg);
    background-size: cover;
    background-position: 550px;
    height: auto!important;
    padding: 10px 0px 30px 0px;
}

	.enlaces {
    margin-top: 20px;
}

	.lineas{
		   margin-top: 40px;
	}

	img.logopie {
    margin-top: 30px;
    width: 100px;
}

	.copy{
    color: #fff;
    font-size: 1.1em;
    font-family: "Barlow-regular";
    font-weight: normal;
    padding: 30px 0px 40px 0px;
    border-radius: 10px;
    margin-top: 10px;
	margin-left: 0px;
		width: 300px;
		margin: 0 auto;
	text-align: center;
}
	.fondarticulo {
    background-position: -500px;
}

	.nuestropro{
		float: none;
		height: auto!important;
	}

}

/* CSS Document */