/* =============================================================================================== */
/* flowww - Setup System                                         Copyright 2013 Integra Digital S.L. */
/* http://www.integradigital.com                                           info@integradigital.com */
/* =============================================================================================== */
/**********************14/08/2103*****************/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap');

html,body {
	margin:0;
	padding:0;
	height:100%;	
    font-family: 'DM Sans', sans-serif;
	}

#wrapper {
	min-height:100%;
	position:relative; 	
	}


.visible { display: block; }
.invisible { display: none; }


/**************** CABECERA *******************************/

#head { padding:0px; width: 100%;}
#head_wrapper { width: 1200px; height: 84px; margin: auto; background-image: url('/images/logo_full.svg'); background-size: 200px 84px; background-repeat: no-repeat; }
	/*#head_content { float: right; width: 500px; height: 84px; }
	DIV#head_select_lang,DIV#head_select_lang_on { float: left; min-width: 200px; height: 30px; text-align: right; position: relative; top: 25px; right: -202px; text-align: right; }
	DIV#head_select_lang_on { right: -175px; }
	DIV#head_icons { float: right; width: 105px; height: 30px; position: relative; top: 25px; text-align: right;  }*/
	#head_content { float: right; padding-top: 25px; }
	DIV#head_select_lang,DIV#head_select_lang_on { float: right; }
	DIV#head_icons { float: right;  }
DIV#head_banner { background-image: url('/images/bg_head.png'); width: 1200px; height: 170px; margin: auto;  }

/**************** MENU *******************************/

DIV#head_menu { width: 100%; height: 65px; background-color: #6e5ee2; }
	DIV#head_menu_container { width: 1200px; height: 65px; margin: auto; }
	
	ul#navigation {
		list-style:none;
		margin:0;
		padding:0;
		float:right;
		width:100%;
	}

	ul#navigation li {
		float:left;
		padding-top:0px;
		height:65px;
		padding-right:3px;
		top:3px;
	}

	li#navigation a, li#navigation a:hover {
		line-height:100%;
		width:100%;
		height:65px;
		font-size:32px;
	}

li#FAMILY a, li#TREATMENT a, li#PRODUCT a, li#PACK a, li#SUMMARY a {
	display:block;
	line-height:180%;
	text-align:center;
	width:237px;
	height:65px;
	font-size:32px;	
	color:#FFFFFF;
	text-decoration:none;
	text-shadow: none !important; 
}

li#FAMILY_off a, li#TREATMENT_off a, li#PRODUCT_off a, li#PACK_off a, li#SUMMARY_off a {
	display:block;
	line-height:180%;
	text-align:center;
	width:237px;
	height:65px;
	font-size:32px;	
	color:#FFFFFF;
	text-decoration:none;
	cursor: url('/images/prohibido.png'); -moz-zoom-in, pointer;
    text-shadow: none !important; 
}

li#FAMILY_on a, li#TREATMENT_on a, li#PRODUCT_on a, li#PACK_on a, li#SUMMARY_on a {
	display:block;
	line-height:180%;
	text-align:center;
	width:237px;
	height:65px;
	font-size:32px;
	background-color: #350072;
	color:#FFFFFF !important;
	text-decoration:none;
    text-shadow: none;
}

/**************** CONTENIDO *******************************/

#content_total { min-height: 515px; background-color: #f1f1f5; }
#content { width: 1200px; min-height: 515px; margin-left: auto; margin-right: auto; background-color: #f1f1f5; }


/*************** PACKS CONTENIDO ***********************/

DIV#content_pack_left { float: left; width: 400px; height: 300px; position: relative; margin-top: 20px;  }
DIV#content_pack_buttons {float: left; width: 394px; height: 300px; position: relative; margin-top: 20px; }
	DIV#content_pack_buttons_content {width: 300px; height: 150px; position: relative; margin-top: 75px; margin-left: auto; margin-right: auto; }
DIV#content_pack_right { float: right; width: 400px; height: 300px; position: relative; margin-top: 20px;}


/**************** PIE *********************************/

#foot {	
	bottom:0;
	min-width:1200px;
	height: 235px;
	}

	#foot_contact { background-color: #414F53; width: 100%; height: 180px; }
		DIV#foot_contact_container { width: 1200px; height: 180px; margin: auto; }
		DIV#foot_contact_text { position: relative; width: 1200px; height: 160px; top: 20px;  text-align: right; }
	#foot_copyright { background-color: #350072; width: 100%; height: 55px; }
		DIV#foot_copyright_container { width: 1200px; height:55px; margin: auto; }
		DIV#foot_copyright_text_version { position: relative; float: left; text-align: left; font-family: 'DM Sans', sans-serif; font-size: 13px; color: #FFFFFF; font-weight: lighter;  }
		DIV#foot_copyright_text { position: relative; float: right; text-align: right; }

/***************** TABLA CONTENIDOS *********************/

DIV#table { width: 1200px; min-height: 105px; position: relative; margin-top: 20px; margin-bottom: 5px;  }
#table_content {
margin-left:auto;
margin-right:2px; } 

DIV#cabecera {position: fixed; top: 400px; border: 1px solid #FF0000; width: 1200px; height: 43px; }

/****************** CABECERA DE LAS TABLAS *****************************/
#head_table { height: 43px; position: absolute; top: 88px; }



/***** PANTALLA "NUEVOS" ******/

DIV.new_content_left { float: left; width: 435px; /*height: 520px; position: relative;*/ margin-top: 38px; margin-left: 24px; }
DIV.new_content_right { float: right; width: 645px; /*height: 520px; position: relative;*/ margin-top: 36px; margin-right: 2px; }
DIV.new_example { background-image: url('/images/bg_example_v1.png'); width: 432px; height: 248px; margin-bottom: 20px; }
DIV.text_example { position: relative; left: 37px; width: 358px; }
DIV.text_example .instructions { margin-top: 15px; color: #00e68f }


/*********** PARA LIMPIAR LOS FLOTANTES **************/

DIV.clear_ { clear: both !important; }




/*************** VENTANA COPIAR HACIA ABAJO *******************************/

DIV#copy_down_window_total { position: absolute; width: 100%; height: 100%; z-index: 10; }


#copy_down_window { 
	background-image: url('/images/bg_copy_v2.png'); 
	width: 142px; 
	height: 50px; 	
	z-index: 20;   
	text-align: center;
	vertical-align: middle; }
	
.copy_down_text	{
	font-size: 9px;	
	color: #414F53;
	position: relative;
	top: 12px;
	left: -10px;	
	
}
.copy_down_icon	{
	font-size: 12px;	
	color: #414F53;
	position: relative;
	top: 12px;
	left: 107px;	
	font-weight: bold;
}
	
	
/*********** BOTONES DE NAVEGACIÓN **************/

DIV#nav_buttons_content {  /*position: relative; width: 1168px;*/ height: 55px; padding:30px 1px 30px 31px; }

DIV#nav_buttons { float: right; width: 450px; height: 55px; }

.button_nav_after {
	/*position: relative;
	top: 5px;*/
   background: #ffffff;
   padding: 5px 30px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   border: 1px solid #f1f1f5;
   color: #171725;
   font-size: 22px;
   font-family: 'DM Sans', sans-serif;
   font-weight: lighter;
   text-decoration: none;
   vertical-align: middle; 
   }

.button_nav_after .symbol_nav {
    filter: brightness(0);
}

.button_nav_next {	
	/*position: relative;
	top: 5px;*/
	margin-left: 10px;
   background: #350072;
   padding: 5px 30px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   color: #FFFFFF;
   font-size: 22px;
   font-family: 'DM Sans', sans-serif;
   font-weight: lighter;
   text-decoration: none;
   vertical-align: middle;   
   }
.symbol_nav { filter: brightness(0) invert(1); position: relative; top: -2px; right: 1px; vertical-align: middle; }

/*********** BOTON DE AÑADIR **************/

DIV#add_button_content { width: 1200px; height: 55px; position: relative; top: 20px; }
DIV#add_button { float: right; width: 500px; height: 55px; position: relative; top: 0px; right: 1px; }

.button_add {
	position: relative;
	top: 5px;
   background: #FFFFFF;
   padding: 5px 30px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   border: 1px solid #f1f1f5;
   color: #171725;
   font-size: 22px;
   font-family: 'DM Sans', sans-serif;
   font-weight: lighter;
   text-decoration: none;
   vertical-align: middle;
   }

.button_add > img {
    filter: brightness(0);
}

.symbol_add { position: relative; top: -2px; right: 1px; vertical-align: middle; }

/***************** RESUMEN *****************************/

DIV.summary_important { background-image: url('/images/bg_summary_text.png'); width: 100%; height: 92px; background-repeat: no-repeat; }
DIV.summary_important_text { position: relative; left: 37px; }
DIV.summary_important_text .text_9 { color: #00e68f; }

/***************** LOGIN *****************************/

DIV.bg_login { background-image: url('/images/bg_login_v1.png'); width: 1200px; height: 620px; margin: auto; }
DIV.login { position: relative; top: 46px; left: 157px; width: 600px; height: 572px; }

/********************** PORTADA *********************************/
/** A LA ESPERA DE LOS ENLACES DE PORTADA: FORMACIÓN Y CONTACTO #content_home { min-height: 515px; background-color: #EFF3F6; }***/
#content_home { min-height: 238px; background-color: #EFF3F6; }
#content_index_0 { width: 1200px; min-height: 170px; margin-left: auto; margin-right: auto; }
#content_index_0_2	{ width: 886px; min-height: 125px; position: relative; top: 45px; left: 157px; }
#content_index_1 { min-width: 1200px; min-height: 220px; margin: auto; background-color: #EFF3F6; }
#content_index_1_2 { width: 886px; min-height: 187px; margin-left: auto; margin-right: auto; background-color: #EFF3F6; padding-top: 33px; }
/** A LA ESPERA DE LOS ENLACES DE PORTADA: FORMACIÓN Y CONTACTO #Content_index_2 { min-height: 510px; margin: auto; background-color: #BAD11B; }***/
/** A LA ESPERA DE LOS ENLACES DE PORTADA: FORMACIÓN Y CONTACTO #content_index_2_2 { width: 886px; min-height: 500px; margin-left: auto; margin-right: auto; background-color: #BAD11B; padding-top: 10px; }***/
#content_index_2 {  min-width: 1200px; min-height: 220px; margin: auto; background-color: #BAD11B;  }
#content_index_2_2 { width: 886px; min-height: 187px; margin-left: auto; margin-right: auto; background-color: #BAD11B; padding-top: 33px; }
#content_index_3 {  min-width: 1200px; min-height: 220px; margin: auto; background-color: #a4bbb7; }
#content_index_3_1 { width: 886px; min-height: 187px; margin-left: auto; margin-right: auto; background-color: #a4bbb7; padding-top: 33px; }
#content_index_3_2 { width: 886px; min-height: 228px; margin-left: auto; margin-right: auto; background-color: #a4bbb7; padding-top: 10px; }



#btn_start_training_content {width: 886px; height: 55px; position: relative; top: 20px;  }
DIV#btn_start_training { float: left; width: 350px; height: 55px; position: relative; top: 0px; right: 1px; margin-bottom: 30px;  }
.button_training {
	position: relative;
	top: 5px;
   background: #ffffff;
   padding: 5px 15px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   color: #646463;
   font-size: 22px;
   font-family: 'DM Sans', sans-serif;
   font-weight: lighter;
   text-decoration: none;
   vertical-align: middle;
   }
   
#btn_start_login_content {width: 886px; height: 55px; position: relative; top: 20px; }
DIV#btn_start_login { float: left; width: 350px; height: 55px; position: relative; top: 0px; right: 1px; margin-bottom: 30px; }
.button_login {
	position: relative;
	top: 5px;
   background: #ffffff;
   padding: 5px 15px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   color: #646463;
   font-size: 22px;
   font-family: 'DM Sans', sans-serif;
   font-weight: lighter;
   text-decoration: none;
   vertical-align: middle;
   }   

#btn_start_contact_content {width: 886px; height: 55px; position: relative; top: 20px; }

DIV#btn_start_contact { float: left; width: 350px; height: 55px; position: relative; top: 0px; right: 1px; margin-bottom: 30px; }

.button_contact {
	position: relative;
	top: 5px;
   background: #ffffff;
   padding: 5px 15px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   color: #646463;
   font-size: 22px;
   font-family: 'DM Sans', sans-serif;
   font-weight: lighter;
   text-decoration: none;
   vertical-align: middle;
   }   


/************************ AYUDA ? ******************************/

DIV.help_content { height: 43px; position: relative; }	
DIV.help_content_text { min-width: 60px; position: relative; top: 10px; }
DIV.help_content_icon { width: 30px; height: 20px; position: relative;  top: -23px; float: right; }	

DIV#help_window_total {
	background-color: #000000;
	opacity:0.4;
	filter:alpha(opacity=4);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1; }
    
DIV#help_window_text_1,
	#help_window_text_2,
	#help_window_text_3,
	#help_window_text_4,
	#help_window_text_5,
	#help_window_text_6,
	#help_window_text_7,
	#help_window_text_8,
	#help_window_text_9,
	#help_window_text_10,
	#help_window_text_11,
	#help_window_text_12,
	#help_window_text_13,
	#help_window_text_14,	
	#help_window_text_15 { background-color: #FFFFFF; border: 1px solid #DDDDDD; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; top: 25px; left: auto; margin-left: 30%; padding: 20px; position: fixed; width: 400px; min-height: 250px; z-index: 4; }


DIV#help_window_text_6 { width: 480px;  }



.icon_close { float: right;  position: relative; height: 30px; width: 27px; top: 10px; }

.help_on { display: block; }
.help_off { display: none; }

/********* STYLOS ******************/
TABLE { font-size: 1px }

TD { font-family: 'DM Sans', sans-serif; font-size: 16px; color: #666666; text-decoration: none; font-weight: lighter; vertical-align: middle; }
H1,P,A { font-family: 'DM Sans', sans-serif; font-size: 14px; color: #666666; text-decoration: none; font-weight: lighter; }
INPUT { width: 230px; height: 32px; border: solid 0px #E5E5E5; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-family: 'DM Sans', sans-serif; font-size: 16px; color: #414F53; }
SELECT { width: auto; height: 41px; border: solid 1px #FFFFFF; font-family: 'DM Sans', sans-serif; font-size: 16px; color: #414F53; }
TEXTAREA { width: 645px; height: 517px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: solid 1px #FFFFFF; font-family: 'DM Sans', sans-serif; font-size: 16px; color: #807D77;  padding: 8px; }
INPUT[type=checkbox] { width: auto; height: 19px; border: solid 0px #E5E5E5; }
INPUT[type=image] { width: 217px; height: 41px; border: solid 0px #E5E5E5; }
INPUT[type=radio] { width: 20px; height: 12px; border: solid 0px #E5E5E5; }

H1 { margin: 10px 0px 0px 0px; }
p { margin: 10px 0px; }

A { text-decoration: none; }
A:LINK,
A:VISITED,
A:HOVER { text-decoration: none; }
A IMG { border: none; }

.text_1,.text_2,.text_3,.text_4,.text_5,.text_6,.text_7,.text_8,.text_9,.text_10,.text_11,.text_12,.tex_t13,.text_14,.text_15,.text_16,.text_17,.text_18,.text_19,.text_20,.text_21,.text_22 { font-family: 'DM Sans', sans-serif; font-size: 18px; color: #FFFFFF; font-weight: lighter; text-align: left; }
.text_2 { font-size: 20px; color: #6E5EE2;  }
.text_3 { font-size: 18px; color: #888888; }
.text_4 { font-size: 14px; color: #FFFFFF; }
.text_5 { font-size: 35px; color: #FFFFFF; vertical-align: middle; }
.text_6 { font-size: 55px; color: #414F53; }
.text_7 { font-size: 30px; color: #414F53; }
.text_8 { font-size: 22px; color: #414F53; }
.text_9 { font-size: 22px; color: #350072; }
.text_10 { font-size: 9px; color: #350072; }
.text_11 { font-size: 20px; color: #414F53; }
.text_12 { font-size: 40px; color: #414F53; }
.text_13 { font-size: 35px; color: #888888; vertical-align: middle; }
.text_14 { font-size: 35px; color: #888888; vertical-align: middle; }
.text_15 { font-size: 48px; color: #414F53; }
.text_16 { font-size: 14px; color: #888787; }
.text_17 { font-size: 14px; color: #b6cc17; }
.text_18 { font-size: 18px; color: #414F53; }
.text_19 { font-size: 16px; color: #414F53; }
.text_20 { font-size: 24px; color: #686767; }
.text_21 { font-size: 24px; color: #414F53; }
.text_22 { font-size: 26px; color: #414F53; }

.select_1 { width: 122px; height: 23px; font-size: 14px; color: #888888; font-weight: lighter; text-align: left; border: 1px solid #efefef; }

#TREATMENT INPUT { width: auto; height: 41px; border: solid 0px #E5E5E5; font-family: 'DM Sans', sans-serif; font-size: 16px; color: #414F53; }
#TREATMENT SELECT { width: auto; height: 41px; border: solid 0px #E5E5E5; font-family: 'DM Sans', sans-serif; font-size: 16px; color: #414F53; }
#TREATMENT INPUT.treatment_input01 { width: 120px; }
#TREATMENT SELECT.treatment_input02 
#TREATMENT INPUT.treatment_input03 { width: 100px; }
#TREATMENT INPUT.treatment_input04 { width: 60px; }
#TREATMENT INPUT.treatment_input05 { width: 50px; text-align: right; }
#TREATMENT INPUT.treatment_input06 { width: 40px; text-align: right; }
#TREATMENT SELECT.treatment_input07 { width: 90px; direction: rtl; }
#TREATMENT SELECT.treatment_input08 { width: 120px; }
#TREATMENT SELECT.treatment_input09 { width: 80px; }
#TREATMENT INPUT.treatment_input10 { width: 100px; }
#TREATMENT INPUT.treatment_input11 { width: 60px; text-align: right; }
#TREATMENT INPUT.treatment_input12 { width: 73px; text-align: right; }
#TREATMENT INPUT.treatment_input13 { width: 53px; text-align: right; }

#PRODUCT INPUT { width: auto; height: 41px; border: solid 0px #E5E5E5; font-family: 'DM Sans', sans-serif; font-size: 16px; color: #414F53; }
#PRODUCT SELECT { width: auto; height: 41px; border: solid 0px #E5E5E5; font-family: 'DM Sans', sans-serif; font-size: 16px; color: #414F53; }
#PRODUCT INPUT.product_input01 { width: 150px; }
#PRODUCT SELECT.product_input02 { width: 170px; }
#PRODUCT INPUT.product_input03 { width: 80px; text-align: right; }
#PRODUCT INPUT.product_input04 { width: 80px; text-align: right;}
#PRODUCT INPUT.product_input05 { width: 114px; }
/**#PRODUCT INPUT.product_input06 { width: 185px; }**/
#PRODUCT INPUT.product_input07 { width: 120px; }
#PRODUCT INPUT.product_input08 { width: 100px;}
#PRODUCT INPUT.product_input09 { width: auto; text-align: right; }
#PRODUCT INPUT.product_input10 { width: 75px; text-align: right; }
#PRODUCT INPUT.product_input11 { width: 75px; text-align: right; }

#PACK INPUT { width: auto; height: 41px; border: solid 0px #E5E5E5; font-family: 'DM Sans', sans-serif; font-size: 16px; color: #414F53; }
#PACK SELECT { width: auto; height: 41px; border: solid 0px #E5E5E5; font-family: 'DM Sans', sans-serif; font-size: 16px; color: #414F53; }
#PACK INPUT.pack_input01 { width: 215px; }
#PACK SELECT.pack_input02 { width: 230px; }
#PACK INPUT.pack_input03 { width: auto; text-align: right; }
#PACK INPUT.pack_input04 { width: auto; text-align: right;}
#PACK INPUT.pack_input05 { width: 100px; }
#PACK INPUT.pack_input06 { width: 90px; text-align: right; }
#PACK INPUT.pack_input07 { width: auto; text-align: right; }
#PACK INPUT.pack_input08 { width: auto; text-align: right; }

input[type=checkbox] { margin-top: 0px; margin-bottom: 0px; }

.select_mul_1 { width: 400px; height: 300px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: solid 1px #FFFFFF; font-family: 'DM Sans', sans-serif; font-size: 16px; color: #807D77; padding: 8px; }

.button { border: 1px solid #F2F2F2; border-right: 1px #E5E5E5; border-right-style: solid; border-bottom: 1px #E5E5E5; border-bottom-style: solid; background-color: #97ad00; font-family: 'DM Sans', sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none; font-weight: bold; cursor: pointer; padding: 2px 10px 2px 10px;  }
.button2 { border: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #999999; background-color: #CCCCCC; font-family: 'DM Sans', sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; font-weight: bold; cursor: pointer; padding: 2px 10px 2px 10px; }

.border_1 { border-bottom: solid 1px #C0C0C0; }

.cell_list,.cell_list_4 { background-color: #414F53; font-family: 'DM Sans', sans-serif; font-size: 16px; color: #FFFFFF; font-weight: lighter; }
.cell_list_4 { font-size: 20px;}
.cell_list_2 { background-color: #ffffff; font-family: 'DM Sans', sans-serif; font-size: 16px; color: #171725; font-weight: lighter; }
.cell_list_2 > img { filter: brightness(0) invert(1); }
.cell_list_3 { background-color: #350072; font-family: 'DM Sans', sans-serif; font-size: 20px; color: #ffffff; text-align: right; font-weight: lighter; }


.bg_white { background-color: #FFFFFF; }
.bg_gray { background-color: #FDFBFB; }
.bg_gray_2 { background-color: #414F53; }

/* JSC **************************************************************************************************************************************************************************
   _______
__/ Común \_____________________________________________________*/

/* Cabecera con imagen a la izquierda y Titulo a la derecha, con el texto alineado a la izquerda */
.head { width: 100%; background-color: #eaebe9; }
.head .head_img { float: left; width: 50%; height: 195px; }
.head .head_titel { float: left; width: 50%; height: 195px; text-align: left; vertical-align: middle; }
.head .head_titel .titel { min-width: 480px; text-align: left; vertical-align: middle; margin-top: 30px;}

/* Secciones de contenido el cual tiene un fondo que ocupa todo el ancho de la venta y un contenido centrdo con una máximo de 1200px de ancho */
.content {}
.center { width: 1200px; margin-left: auto; margin-right: auto;  }

/* Colores de fondo */
.bg-c_eaeaea { background-color: #eaeaea; color: #414F53; } /* Gris claro, texto negro */
.bg-c_b8b7b7 { background-color: #b8b7b7; color: #FFFFFF; } /* Gris oscuro, texto blanco */

/* Botones */
.actionButton_link { margin: 0 auto; }
.actionButton {
	margin: 0 auto;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	background-color: #350072;
	color: white;
	font-size: 30px;
	font-family: 'DM Sans', sans-serif;
	font-weight: 600;
	text-decoration: none;	
}

/*------- Estructuras de contenido: -------*/
/* twoOptionsStructure with exampleDropdown */
/*------------------------------------------*/
/*	· División del contenido en 2 zonas posicionadas horizontalmente */
.twoOptionsStructure { float: left; width: 50%; text-align: center; } 
/*	· Parrafos de contenido */
.twoOptionsStructure_paragraph_1 { text-align: center; font-weight: bold; }
.twoOptionsStructure_paragraph_2 { text-align: center; }
.twoOptionsStructure_paragraph_3 { text-align: center; padding-top: 16px; padding-bottom: 25px; }
.twoOptionsStructure_paragraph_3 A { font-weight: bold; }
/*	· Parrafos de contenido */
.exampleDropdown { padding-bottom: 55px; }
.exampleDropdown_indicator_left { position: relative; top: -16px; left: 278px; }
.exampleDropdown_indicator_right { position: relative; top: -16px; left: 878px; }
.exampleDropdown_close { width: 20px; height: 20px; float: right; padding-top: 15px; }
.exampleDropdown_titel {  font-family: 'DM Sans', sans-serif; font-size: 18px; font-weight: bold; }
.exampleDropdown_text {  font-family: 'DM Sans', sans-serif; font-size: 16px;}
.exampleDropdown_left { text-align: left; }
.exampleDropdown_right { text-align: right; }
.exampleDropdown_button { float: right; margin-top: 30px; }
/*----- End.Estructuras de contenido -----*/

/* ___________
__/ index.asp \_________________________________________________*/
#content_login { background: #f1f1f5; min-height: 415px; max-height: 1004px; }
#login_paragraph_1 { padding: 63px 0px 12px 0px; }
#login_paragraph_2 { margin-bottom: 27px; }
.login_inputs {
	width: 330px; height: 40px; 
	margin-bottom: 10px;
	padding-left: 15px;
	font-family: 'DM Sans', sans-serif; font-size: 19px; color: #414F53; 
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}


/* ______________
__/ options.asp \______________________________________________*/
#optins_paragraph_1 { text-align: center; margin-top: 48px; line-height: 1.0; }
#optins_paragraph_2 { text-align: center; margin-top: 10px; margin-bottom: 55px; }
#optins_paragraph_3 { text-align: center; margin-top: 48px; margin-bottom: 55px; }

.options_actionButton_link { width: 460px; }
.optins_actionButton { width: 460px; height: 50px; padding-top: 5px; margin-bottom: 23px; }

#options_section_families { text-align: center; margin: 0px 74px; padding-bottom: 38px; }
.options_section_families_head { padding-top: 28px; margin-bottom: 25px; }
.options_section_families_titel { font-weight: 600; float: left; }
.optins_section_families_close { width: 20px; height: 20px; float: right; }
.optins_section_families_content {}
.options_section_families_column { width: 25%; float: left; text-align: left; }
.options_section_families_column input[Type=checkbox] { width: 50px; }
.options_section_families_column span { vertical-align: text-bottom; }
.options_section_families_column_buttom { float: right; min-width: 260px; height: 40px; }
.options_section_families_indicator_right { position: relative; top: -16px; left: 300px; }
.options_section_families_indicator_left { position: relative; top: -16px; left: 0px; }


/* ______________
__/ settings.asp \______________________________________________*/
#settings_paragraph_1 { text-align: center; margin-top: 40px; }
#settings_paragraph_2 { text-align: center; margin-top: 17px; font-weight: 400; }
#settings_paragraph_3 { text-align: center; margin-top: 26px; margin-bottom: 47px; font-weight: bold; }

.settings_actionButton_link { width: 460px; }
.settings_actionButton { width: 460px; height: 50px; padding-top: 5px; margin-bottom: 23px; }

.settings_diary_paragraph_1 { text-align: center; padding-top: 33px; padding-bottom: 15px;}
.settings_diary_textUpCombo { padding-bottom: 15px; font-weight: 400; }
.settings_diary_paragraph_2 { text-align: center; padding-bottom: 30px; }
.settings_diary_paragraph_2_left { float: left; width: 50%; }
.settings_diary_paragraph_2_left DIV { padding-right: 13px; text-align: right; }
.settings_diary_paragraph_2_right { float: left; width: 50%; }
.settings_diary_paragraph_2_right DIV { padding-left: 13px; text-align: left; }
.settings_diary_paragraph_3 { text-align: center; padding-top: 40px; padding-bottom: 50px; }
.settings_diary_paragraph_3_left { float: left; width: 50%; }
.settings_diary_paragraph_3_left DIV { padding-right: 14px; text-align: right; }
.settings_diary_paragraph_3_right { float: left; width: 50%; }
.settings_diary_paragraph_3_right DIV { padding-left: 6px; text-align: left; }
.settings_diary_paragraph_4 { text-align: center; }
.settings_diary_paragraph_4_left { float: left; width: 50%; }
.settings_diary_paragraph_4_left DIV { padding-right: 13px; text-align: right; }
.settings_diary_paragraph_4_right { float: left; width: 50%; }
.settings_diary_paragraph_4_right DIV { padding-left: 13px; text-align: left; }
.settings_diary_paragraph_5 { text-align: center; padding-bottom: 30px; }
.settings_diary_paragraph_5_left { float: left; width: 50%; }
.settings_diary_paragraph_5_left DIV { padding-right: 13px; text-align: right; }
.settings_diary_paragraph_5_right { float: left; width: 50%; }
.settings_diary_paragraph_5_right DIV { padding-left: 13px; text-align: left; }

.settings_selects_time:disabled	{ background: #bfbfbf; }



/* _____________
__/ message.asp \_______________________________________________*/
#content_message { min-height: 300px; }
#message_paragraph_1 { text-align: center; padding-top: 48px; line-height: 1.0; }
#message_paragraph_2 { text-align: center; padding-top: 29px; padding-bottom: 33px; line-height: 1.0; }
#message_paragraph_3 { text-align: center; }
#message_paragraph_4 { display: none; text-align: center; padding-top: 29px; padding-bottom: 33px; line-height: 1.0; }

.message_actionButton_link { width: 350px; }
.message_actionButton { width: 350px; height: 40px; padding-top: 7px; }


/*###.JSC Spinner.Begin */
.sk-three-bounce {
	margin: 40px auto;
	width: 80px;
	text-align: center;
}
.sk-three-bounce .sk-child {
	width: 20px;
	height: 20px;
	background-color: #333;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
	animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}
.sk-three-bounce .sk-bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
	background-color: #b9d305;
}
.sk-three-bounce .sk-bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
	background-color: #898f05;
}
.sk-three-bounce .sk-bounce3 {
	background-color: #6e6b0d;
}
@-webkit-keyframes sk-three-bounce {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	40% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes sk-three-bounce {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	40% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
/*###.JSC Spinner.End */


/*###.JSC.REV Borrame */
/*#content_presentation {  min-width: 1200px; min-height: 220; margin: 0px auto; background: white; }
#content_presentation_center {  width: 886px; min-height: 187px; margin-left: auto; margin-right: auto; background: white; padding-top: 25px; }
#content_login { min-height: 500px; background-color: #FFFFFF; }
.input_login { width: 230px; height: 32px; border: solid 0px #E5E5E5; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-family: 'DM Sans', sans-serif; font-size: 19px; color: #414F53; }
*/

/****************** MENSAJES (message.asp) ************************
#content_message { min-height: 260px; background-color: #FFFFFF;}
DIV.bg_message { background-image: url('/images/bg_message.png'); width: 1200px; height: 260px; margin: auto; }
DIV.message { position: relative; top: 46px; left: 157px; width: 600px; height: 160px; }
#content_message_2 { min-height: 320px; background-color: #EFF3F6; }
DIV.content_text_message { background-color: #EFF3F6; width: 1200px; height: 260px; margin: auto; }
DIV.text_message { position: relative; top: 46px; left: 157px; width: 700px; height: 160px; }
.settings_space_head	{ height: 30px; }
.settings_br 			{ padding-bottom: 20px; }
.exampleDropdown_text  { padding-left: 30px; max-width: 800px; }
.settings_selects_time	{ width: auto;height: 30px;font-size: 18px; }
.settings_space_between_selects { margin-right: 15px; }
*/

/*###.JSC.PEND Si añado la estructura de 2 opciones tendré que eliminar esta de 3 
.options_option { width: 400px; text-align: center; float: left; margin-bottom: 32px; }
.options_button { width: 270px; height: 50px; margin: 0 auto; padding-top: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.options_button_text { width: 270px; height: 50px; font-family: 'DM Sans', sans-serif; font-size: 30px; color: white; font-weight: bold; text-align: center; vertical-align: middle;  }
#options_button_basic { background-color: #350072; }
#options_button_medium { background-color: #eba438; }
#options_button_advanced { background-color: #d94d4d; }
.options_option_paragraph_1 { margin-top: 22px; text-align: center !important; font-weight: bold; }
.options_option_paragraph_2 { text-align: center !important; font-weight: lighter; }
.options_option_paragraph_3 { margin-top: 9px; text-align: center !important; }
.options_option_paragraph_4 { margin-top: 9px; text-align: center !important; vertical-align: top; font-weight: bold; display: none; } /* QUITAR EL DISPLAY NONE PARA MOSTRAT TUTORIALES 
.options_icon_tutorial { margin-right: 6px; }*/