@charset "UTF-8";

img, video, object {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

body {
    margin: 0px;
    font-family: verdana, sans-serif;
    font-weight: 100;
    font-size: 12px;
    color: #82786f;
}


.rojo {
    font-size: 12px;
    font-weight: bold;
    color: #FF0004;
}
#circulo {
    list-style-position: outside;
    list-style-image: url(../images/benefit_icon.png);
}

.textos {
    font-size: 18px;
    color: #000;
    font-weight: normal;
    text-decoration: none;
}

.medica_text {
    font-size: 14px;
}

.card {
    width: 245px;
    float: left;
}
.card2 {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
	padding-top: 63px;
}
.boton {
    width: 100%;
    float: left;
    height: auto;
    text-align: center;
}
.imagenes {
    background-color: #DFDFDF;
    height: 309px;
    width: 100%;
    margin-top: 86px;
    color: #000;
    font-weight: lighter;
    text-align: center;
    font-size: 22px;
    margin-right: auto;
    margin-left: auto;
}
.slider_img {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    height: auto;
}
.imagenes_dos {
    background-color: #FC9;
    height: 135px;
    width: 954px;
    margin-top: 20px;
    margin-bottom: 40px;
    text-align: center;
    color: #000;
    padding-top: 115px;
    background-image: url(../images/tache.png);
    background-position: center center;
    background-attachment: scroll;
}
.medicamento {
    height: auto;
    width: 954px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #CCC;
    padding-top: 10px;
    padding-bottom: 12px;
}
.reg_col1 {
    height: 75px;
    width: 554px;
    float: left;
    margin-bottom: 50px;
    text-align: left;
    padding-top: 55px;
}
.reg_col2 {
    height: 105px;
    width: 400px;
    float: left;
    text-align: center;
    margin-bottom: 50px;
    padding-top: 25px;
}
.base_tarjeta {
    background-color: #e5f5fb;
    height: 115px;
    margin-top: 20px;
    width: 100%;
    padding-top: 85px;
    border-radius: 8px;
}
.base_tarjeta_txt {
    float: left;
    width: 20%;
    text-align: right;
    height: 24px;
    padding-top: 6px;
}
.base_tarjeta_espacio {
    float: left;
    width: 60%;
    text-align: center;
}
.base_tarjeta_boton {
    float: left;
    width: 20%;
}
.boton_azul {
    background-color: #029AD8;
    height: 30px;
    width: 150px;
    color: #FFF;
    font-size: 16px;
    font-weight: lighter;
}

.boton_agendar {
    height: 51px;
    width: 234px;
    background-image: url(../images/fnd_btn_agendar_off.png);
    border-style: none;
    border-width: 0px;
}

.boton_registro {
    height: 51px;
    width: 234px;
    background-image: url(../images/fnd_btn_registrate_on.png);
    border-style: none;
    border-width: 0px;
    background-color: #FFFFFF;
}

.boton_azul2 {
    background-color: #029AD8;
    height: 45px;
    width: 180px;
    color: #FFF;
    font-size: 16px;
    font-weight: lighter;
}
.espacio_form {
    width: 80%;
    height: 25px;
}

a.red:link {
    color: #E4002B;
    text-decoration: none;
    font-size: 17px;
	font-weight: bold;
}
a.red:visited {
    font-weight: 300;
    color: #E4002B;
    text-decoration: none;
	    font-size: 17px;
	font-weight: bold;
}
a.red:hover {
    font-weight: 300;
    color: #AA0061;
    text-decoration: none;
	    font-size: 17px;
	font-weight: bold;
}
a.red:active {
    font-weight: 300;
    color: #E4002B;
    text-decoration: none;
	    font-size: 17px;
	font-weight: bold;
}

a.black:link {
    color: #000;
    text-decoration: none;
    font-size: 17px;
	font-weight: bold;
}
a.black:visited {
    font-weight: 300;
    color: #000;
    text-decoration: none;
	    font-size: 17px;
	font-weight: bold;
}
a.black:hover {
    font-weight: 300;
    color: #000;
    text-decoration: none;
	    font-size: 17px;
	font-weight: bold;
}
a.black:active {
    font-weight: 300;
    color: #000;
    text-decoration: none;
	    font-size: 17px;
	font-weight: bold;
}


a.liga:link {
    font-weight: 400;
    color: #029AD8;
    text-decoration: none;
}
a.liga:visited {
    font-weight: 300;
    color: #029AD8;
    text-decoration: none;
}
a.liga:hover {
    font-weight: 300;
    color: #029AD8;
    text-decoration: none;
}
a.liga:active {
    font-weight: 300;
    color: #029AD8;
    text-decoration: none;
}

a.reintentar:link {
    font-weight: 400;
    color: #029AD8;
    text-decoration: none;
}
a.reintentar:visited {
    font-weight: 300;
    color: #029AD8;
    text-decoration: none;
}
a.reintentar:hover {
    font-weight: 300;
    color: #029AD8;
    text-decoration: none;
}
a.reintentar:active {
    font-weight: 300;
    color: #029AD8;
    text-decoration: none;
}

.bienvenida {
    height: auto;
    width: 954px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 35px;
    padding-bottom: 35px;
    padding-left: 35px;
    margin-top: 0px;
}


.contenedor {
	height: auto;
    width: 954px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 86px;
    padding: 35px;
    margin-bottom: 35px;
}

/*INICIO DE ESTILOS KITS PROOCIONALES*/
.k_contenedor {
    height: auto;
    width: 954px;
    background-color: #FFF;
    float: left;
}

.k_descriptor {
    height: auto;
    width: 934px;
    background-color: #289bd5;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 7px;
    color: #FEFEFE;
    margin-top: 10px;
}

.k_promo_1 {
    height: 218px;
    width: 353px;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 7px;
    color: #FEFEFE;
    margin-top: 10px;
	border: thin solid #DCDCDC;
}

.k_promo_2 {
    height: 218px;
    width: 544px;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 7px;
    color: #FEFEFE;
    margin-top: 10px;
    border: thin solid #DCDCDC;
    margin-left: 10px;
}

.k_title {
    font-weight: bold;
    color: #279BD5;
    font-size: 12px;
	}

.k_promo_2a {
    height: 218px;
    width: 374px;
    float: left;
	color: #82786f;
}

.k_promo_2b {
    height: 218px;
    width: 170px;
    float: left;
}

.k_promo_3 {
    height: 210px;
    width: 288px;
    float: left;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 10px;
    margin-bottom: 0px;
    border: thin solid #DCDCDC;
    border-radius: 7px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.k_promo_3a {
    height: 140px;
    width: 288px;
	float: left;
	text-align: center;
}

.k_promo_3b {
    height: 60px;
    width: 288px;
    float: left;
    border-top: thin solid #DCDCDC;
    text-align: center;
    padding-top: 10px;
}

.k_promo_4 {
    height: 210px;
    width: 286px;
    float: left;
    margin-top: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
	border: thin solid #DCDCDC;
	border-radius: 7px;
	padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
	
}

.k_promo_4a {
    height: 140px;
    width: 286px;
	float: left;
	text-align: center;
}

.k_promo_4b {
    height: 60px;
    width: 286px;
    float: left;
    border-top: thin solid #DCDCDC;
	text-align: center;
	padding-top: 10px;
}

.k_promo_5 {
    height: 596px;
    width: 288px;
    float: left;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 10px;
    margin-bottom: 0px;
    border: thin solid #DCDCDC;
    border-radius: 7px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px; 
}
.k_promo_5a {
    height: 200px;
    width: 288px;
	float: left;
	text-align: center;
}

.k_promo_5b {
    height: 306px;
    width: 288px;
    float: left;
    border-top: thin solid #DCDCDC;
    padding-top: 10px;
    padding-bottom: 10px;
}
.k_promo_5c {
    height: auto;
    width: 288px;
    float: left;
    text-align: center;
}
.k_promo_5d {
    height: auto;
    width: 288px;
    float: left;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #FFFFFF;
    border-radius: 7px;
    background-color: #279BD5;
}

.k_promo_6 {
    height: 596px;
    width: 286px;
    float: left;
    margin-top: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
	border: thin solid #DCDCDC;
	border-radius: 7px;
	padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px; 
	
}

.k_promo_6a {
    height: 200px;
    width: 286px;
	float: left;
	text-align: center;
}

.k_promo_6b {
    height: 306px;
    width: 286px;
    float: left;
    border-top: thin solid #DCDCDC;
    padding-top: 10px;
    padding-bottom: 10px;
}
.k_promo_6c {
    height: auto;
    width: 286px;
    float: left;
    text-align: center;
}
.k_promo_6d {
    height: auto;
    width: 286px;
    float: left;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #FFFFFF;
    border-radius: 7px;
    background-color: #279BD5;
}
.k_promo_7 {
    height: 290px;
    width: 930px;
    float: left;
    margin-top: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
	border: thin solid #DCDCDC;
	border-radius: 7px;
	padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px; 
}
.k_promo_7a {
    height: 45px;
    width: 930px;
    float: left;
    text-align: center;
    font-size: 25px;
    color: #279BD5;
    padding-top: 5px;
    border-bottom: thin solid #DCDCDC;
}

.k_promo_7b {
    height: 200px;
    width: 286px;
    float: left;
    text-align: center;
    margin-top: 15px;
}

.k_promo_7c {
    height: 230px;
    width: 644px;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
}

.k_promo_8 {
    height: 210px;
    width: 447px;
    float: left;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 12px;
    margin-bottom: 0px;
    border: thin solid #DCDCDC;
    border-radius: 7px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.k_promo_8R {
    height: 210px;
    width: 447px;
    float: left;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    border: thin solid #DCDCDC;
    border-radius: 7px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.k_promo_8a {
    height: 140px;
    width: 447px;
	float: left;
	text-align: center;
}

.k_promo_8b {
    height: 60px;
    width: 447px;
    float: left;
    border-top: thin solid #DCDCDC;
    text-align: center;
    padding-top: 10px;
}
/*FIN DE ESTILOS KITS PROOCIONALES*/
.titulobeneficios {
    color: #029AD8;
    font-size: 12px;
    }
    
.medicamentos
{
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #E3E3E3;
    }    

h1 {
    color: #029AD8;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 30px;
    text-decoration: none;
    margin-top: 30px;
}
h2 {
    color: #029AD8;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    text-decoration: none;
    font-weight: lighter;
}

h3 {
    color: #E72B78;
    font-weight: lighter;
    font-size: 40px;
    margin-bottom: 60px;
}
.encabezado {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e5e5e5;
    background-image: url(../images/fondo_head.jpg);
    height: 86px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: left;
    position: fixed;
    z-index: 1;
    background-color: #FFF;
    left: 0px;
    top: 0px;
    right: 0px;
}
.pie_informacion {
    height: 103px;
    width: 100%;
    background-color: #f1f1f1;
    background-image: url(../images/indicador.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.pie_linea {
    height: 65px;
    width: 270px;
    float: left;
    background-repeat: no-repeat;
    padding-top: 37px;
}
.pie_icon {
    float: left;
    width: 75px;
    height: 72px;
    padding-top: 31px;
    text-align: right;
}
.pie_privacidad {
    height: 60px;
    width: 320px;
    float: right;
    padding-right: 2%;
    text-align: right;
    padding-top: 43px;
}
.pie_principal {
    height: auto;
    width: 100%;
    background-color: #FFF;
}


.pie_principal_b {
    height: auto;
    width: 100%;
    background-color: #FFF;
	position: absolute;
	bottom: 0;
}

.pie {
    height: 90px;
    width: 100%;
    background-image: url(../images/fondo_foot.jpg);
    background-repeat: no-repeat;
    background-position: right;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #FFF;
    text-align: right;
}
.pie_aviso {
    float: left;
    width: 79%;
    height: 64px;
    text-align: left;
    padding-left: 2%;
    padding-top: 26px;
    font-size: 12px;
}
.pie_logo {
    float: left;
    width: 18%;
    text-align: right;
}

.formorbis input[type="text"], .formorbis select{
	font-family: Roboto, sans-serif;
    font-weight: 100;
	padding: 5px;
    font-size: 16px;
    color: #757575;
}

@media screen and (max-width: 1024px) {
    .contenedor {
	height: auto;
    width: 93.16%;
    padding-right: 3.41%;
    padding-left: 3.41%;
}

.medicamento {
    width: 100%;
}

    .bienvenida {
    width: 92.67%;
    padding-right: 3.41%;
    padding-left: 3.41%;
}

/*.boton {
    width: 26.75%;
    padding-left: 2.92%;
    padding-top: 5%;
}

.card {
    width: 23.92%;
    float: left;
}

.card2 {
    width: 42.48%;
    float: left;
}*/

.imagenes_dos {
    width: 100%;
}

.reg_col1 {
    width: 57.02%;
    padding-top: 55px;
}
.reg_col2 {
    width: 41.92%;
    padding-top: 25px;
}

.imagenes {
    height: auto;
}
	
	/*INICIA KITS CSS*/
	
	.k_contenedor {
    width: 100%;
}

.k_descriptor {
    width: 97.90%;
    padding-left: 0.97%;
    padding-right: 0.97%;
    margin-top: 0.97%;
}
	
.k_promo_1 {
    height: auto;
    width: 37.00%;
    padding-left: 1.04%;
    padding-right: 1.04%;
}

.k_promo_2 {
    height: auto;
    width: 57.02%;
    padding-left: 1.04%;
    padding-right: 1.04%;
    margin-left: 1.04%;
}
	
	.k_promo_2a {
    height: auto;
    width: 68.75%;
}

.k_promo_2b {
    height: auto;
    width: 31.25%;
}
	
	.k_promo_3 {
    height: auto;
    width: 30.18%;
    margin-right: 1.04%;
    padding-left: 1.04%;
    padding-right: 1.04%;
}
	
	.k_promo_3a {
    height: auto;
    width: 100%;
}

.k_promo_3b {
    height: 60px;
    width: 100%;
}
	
	.k_promo_4 {
    height: auto;
    width: 29.97%;
    padding-left: 1.04%;
    padding-right: 1.04%;
	
}
	
	.k_promo_4a {
    height: auto;
    width: 100%;
}

.k_promo_4b {
    height: 60px;
    width: 100%;
}
	
	.k_promo_5 {
	height: auto;
    width: 30.18%;
    margin-right: 1.04%;
    padding-left: 1.04%;
    padding-right: 1.04%;
}
	
	.k_promo_5a {
		height: auto;
    width: 100%;
}

.k_promo_5b {
	height: auto;
    width: 100%;
}
	
.k_promo_5c {
    width: 100%;
}
.k_promo_5d {
    width: 100%;
}
	
	.k_promo_6 {
	height: auto;
    width: 29.97%;
    padding-left: 1.04%;
    padding-right: 1.04%;
	
}
	
	.k_promo_6a {
	height: auto;
    width: 100%;
}

.k_promo_6b {
    height: auto;
    width: 100%;
}
	.k_promo_6c {
    width: 100%;
}
.k_promo_6d {
    width: 100%;
}
	
	.k_promo_7 {
    height: auto;
    width: 97.48%;
    float: left;
    padding-left: 1.04%;
    padding-right: 1.04%;
}
.k_promo_7a {
    width: 100%;
}

.k_promo_7b {
    height: auto;
    width: 30.75%;
}

.k_promo_7c {
    height: auto;
    width: 69.24%;
    padding-top: 1.04%;
    padding-bottom: 1.04%;
}
	
	.k_promo_8 {
    height: auto;
    width: 47.32%;
    margin-right: 1.25%;
    padding-left: 1.04%;
    padding-right: 1.04%;
}

.k_promo_8R {
    height: auto;
    width: 46.32%;
    padding-left: 1.04%;
    padding-right: 1.04%;
}

.k_promo_8a {
    height: auto;
    width: 100%;
}

.k_promo_8b {
    height: auto;
    width: 100%;
}

}

@media screen and (max-width: 768px) {
    
    

.pie_privacidad {
    height: 40px;
    width: 230px;
    float: right;
    padding-right: 23px;
    padding-top: 33px;
    font-size: 12px;
}

.pie_linea {
    height: 53px;
    width: 230px;
    float: left;
    padding-top: 20px;
    font-size: 15px;
}

.pie_icon {
    height: 57px;
    padding-top: 16px;
    text-align: right;
}

.pie_informacion {
    height: 73px;
}

.base_tarjeta {
    height: 150px;
    padding-top: 50px;
}
.base_tarjeta_txt {
    width: 100%;
    text-align: center;
    height: 24px;
    padding-top: 6px;
}
.base_tarjeta_espacio {
    width: 100%;
    text-align: center;
}
.base_tarjeta_boton {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.reg_col1 {
    width: 100%;
    padding-top: 0px;
    margin-bottom: 0px;
}
.reg_col2 {
    width: 100%;
    padding-top: 0px;
    margin-bottom: 20px;
}
	
	/*kits css*/
	.k_promo_1 {
    width: 97.90%;
    padding-left: 1.04%;
    padding-right: 1.04%;
    text-align: center;
}

.k_promo_2 {
     width: 97.90%;
    padding-left: 1.04%;
    padding-right: 1.04%;
}
	
	.k_promo_5 {
    width: 97.90%;
    margin-right: 0px;
    padding-left: 1.04%;
    padding-right: 1.04%;
}
.k_promo_5a {
    width: 100%;
}

.k_promo_5b {
    width: 100%;
}
.k_promo_5c {
    width: 100%;
}
.k_promo_5d {
    width: 100%;
}
	
	.k_promo_6 {
    width: 97.90%;
    margin-right: 0px;
    padding-left: 1.04%;
    padding-right: 1.04%;
}
.k_promo_6a {
    width: 100%;
}

.k_promo_6b {
    width: 100%;
}
.k_promo_6c {
    width: 100%;
}
.k_promo_6d {
    width: 100%;
}
	
	.k_promo_7b {
    height: auto;
    width: 97.48%;
	margin-top: 5px;
}

.k_promo_7c {
    height: auto;
    width: 97.48%;
}
	
		.k_promo_8 {
    width: 100%;
    margin-right: 0%;
    padding-left: 0%;
    padding-right: 0%;
}

.k_promo_8R {
    height: auto;
    width: 100%;
    padding-left: 0%;
    padding-right: 0%;
}


}

@media screen and (max-width: 592px) {

.encabezado {
    text-align: center;    
}

.pie_informacion {
    height: 130px;
}


.pie_aviso {
    float: left;
    padding-left: 3%;
    font-size: 12px;
    height: 53px;
    padding-top: 40px;
}


.pie_privacidad {
    height: 25px;
    width: 100%;
    float: left;
    text-align: center;
    padding-top: 15px;
    font-size: 15px;
}


.pie_linea {
    text-align: center;
    width: 100%;
    height: auto;
    padding-top: 30px;
    padding-bottom: 10px;
}

.pie_icon {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    z-index: 1;
}

/*.boton {
    width: 93.16%;
    padding-left: 0%;
    padding-top: 1%;
    text-align: center;
    height: auto;
    padding-bottom: 50px;
}

.card {
    width: 93.16%;
    text-align: center;
}

.card2 {
    width: 93.16%;
    text-align: center;
}*/
}

@media screen and (max-width: 480px) {
 .pie_logo {
    float: left;
    width: 20%;
    text-align: right;
}

.pie_aviso {
    width: 77%;
    padding-top: 42px;
    font-size: 10px;
}
    
}

/*inicia SLIDER*/

div#slider {
  overflow: hidden;
  margin: auto;
  width: 100%;
  max-width: 1024px;
  max-height: 309px;
}
div#slider div {
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  font-size: 0;
  animation: 40s slider infinite;
}
div#slider div img {
  width: 20%;
  float: left;
}
@keyframes slider {
  0% {
    left: 0%;
  }
  15% {
    left: 0%;
  }
  20% {
    left: -100%;
  }
  35% {
    left: -100%;
  }
  40% {
    left: -200%;
  }
  55% {
    left: -200%;
  }
  60% {
    left: -300%;
  }
  75% {
    left: -300%;
  }
	 80% {
    left: -400%;
  }
  95% {
    left: -400%;
  }
}
    
    
/* finaliza Slider*/