body {
  display: flex;
  flex-direction:column;
  min-height:100vh;
}
.main{flex-grow:1}
/* @media all and (min-width:1537px){  */

/* Medium devices (landscape tablets, 768px and up) */



 



/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	
.button2 {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}


/* body{margin:auto; /* background-color: red; */ padding:0px;width:100%; /*background-color:teal  border:1px blue solid; */}  */

#dtfPageLayer{margin:0px auto; background:white}

.dtfMenuUserAccount{width:100%; border-collapse:collapse; border:0px none; padding:0px}
.dtfMenuUserAccount th{height:28px; color:white; background:#F36116}
.dtfMenuUserAccount th.dtfMenuUserSelected{background:#A0A0A0}
.dtfMenuUserAccount th a{color:white; text-decoration:none}
.dtfMenuUserAccount th a:hover{text-decoration:underline}
.dtfMenuUserSelected{/*background:#A0A0A0*/}

/*#####################################################################################################*/

.raya{height:5px;
width:565px;
background-image:url('/images/contractors/linea.jpg');
background-repeat:repeat-x;}

.ok{position:relative;
width:9px;
height:9px;
background-image:url('../images/contractors/ok_icon.jpg');
background-repeat:no-repeat;}

.ff{position:relative;
width:8px;
height:5px;
background-image:url('../images/contractors/vinetas_icon.jpg');
background-repeat:no-repeat;}

.go{position:relative;
width:8px;
height:7px;
background-image:url('../images/contractors/flecha_icon.jpg');
background-repeat:no-repeat;}

.num{ position:relative;
background-image:url('../images/contractors/fondo_numero.jpg');
background-repeat:no-repeat;
width:35px;
height:34px;
color:white;
font:normal 12px verdana;
text-align:center;
padding-top:5px}

.azul{font:normal 12px verdana;
color:#a6a6a6;}

.rojo{color:#995856;
font:normal 12px verdana;}

.linearriba{background-image:url('/images/contractors/fondo_medio_arriba.jpg');
width:767px;
height:6px;
background-repeat:no-repeat;}

.lineabajo{background-image:url('/images/contractors/fondo_medio_abajo.jpg');
width:567px;
height:6px;
background-repeat:no-repeat;}

.bloquetxt{padding-left:2px;
padding-right:2px;
padding-bottom:2px;
height:auto;
width:555px;
/*overflow-x:scroll;*/
padding-top:4px;}

#puntos{position:absolute;
background-image:url('/images/contractors/puntos.jpg');
width:100%;
height:2px;
background-repeat:repeat-x;}

.lineamedio{width:567px;
background-image:url('/images/contractors/fondo_medio_Medio.jpg');
background-repeat:repeat-y;
height:auto;}

#imgdef{padding-left:10px;
width:auto;
height:auto;
/*float:center;*/}

#linesgsup{position:absolute;
height:4px;
width:204px;
background-image:url('/images/contractors/signIn_arriba.jpg');
background-repeat:no-repeat;}

#linesginf{height:7px;
width:204px;
background-image:url('/images/contractors/signIn_abajo.jpg');
background-repeat:no-repeat;}

#linelnksup{position:absolute;
height:4px;
width:204px;
background-image:url('/images/contractors/link_arriba.jpg');
background-repeat:no-repeat;}

#linelnkinf{height:6px;
width:204px;
background-image:url('/images/contractors/fondo_aba_sear.jpg');
background-repeat:no-repeat;}

.dtfStoreStata{width:90%; margin:0px auto; border-top:solid 2px #f36116}
.dtfStoreStata div.dtfNavegation{margin-bottom:20px; font-weight:bold; background:#b1d026; padding:8px}
.dtfStoreStata div.dtfNavegation a{color:black; text-decoration:none}
.dtfStoreStata div.dtfNavegation a:hover{text-decoration:underline}

.dtfStoreStata div.dtfNoResults{text-align:center; font:bold 14px verdana; color:#825748; border-top:solid 1px #eae6dc; border-bottom:solid 1px #eae6dc; padding:80px 0px}

.dtfStoreStata div.dtfSectionHead{border-top:solid 1px #eae6dc; border-bottom:solid 1px #eae6dc; padding:1px 0px}
.dtfStoreStata div.dtfSectionHead div{background:#eae6dc; font-weight:bold; padding:4px}
.dtfStoreStata div.dtfSection{margin-bottom:20px}
.dtfStoreStata div.dtfSection table{width:100%; border-bottom:solid 1px #eae6dc}
.dtfStoreStata div.dtfSection table td{width:75%; vertical-align:top; text-align:right}
.dtfStoreStata div.dtfSection table th{text-align:left; vertical-align:top}

.dtfStoreStata table.dtfSectionTB{width:75%; margin:0px auto; border-bottom:solid 1px #eae6dc; border-collapse:collapse; padding:0px}
.dtfStoreStata table.dtfSectionTB th{border-top:solid 1px #eae6dc; border-bottom:solid 1px #eae6dc; padding:1px 0px}
.dtfStoreStata table.dtfSectionTB th div{background:#eae6dc; font-weight:bold; padding:4px}
.dtfStoreStata table.dtfSectionTB td{text-align:right; padding:4px 20px 4px 0px}
.dtfStoreStata table.dtfSectionTB td.Period{text-align:left; padding:4px}

.dtfStoreStata div.Legend{font-size:11px; padding:8px 8px 8px 320px}

/*############################################################################*/
/* copiado de adsmain.css :*/

.dtfStoreTable{/*width:97%;*/ margin:2px auto; border:solid 1px #A0A0A0; background:#F0F0F0}
.dtfStoreTable td{text-align:left}
.dtfStoreTable td.StatusLabel{color:#008000; font-weight:bold; text-align:right}
.dtfStoreTable td a{font-size:11px; color: #800000; text-decoration:none}
.dtfStoreTable td a:hover{text-decoration:underline}


/* ########################   body here down ###################### */


html {
  font-family: "Lucida Sans", sans-serif;
}

.header {
  background-color: #9933cc;
  color: #ffffff;
  padding: 15px;
 }

.footer {
  background-color: #444444;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  padding: 15px;
  margin-top:30px;

  
 
  

}

/* ++++++++++++++++++++  NEW RESPONSIVE   ++++++++++++++++  */


/* ######################### HEADER BEGIN  #################### */

.slogan {font-size:1.2em; text-align:center;padding-bottom:10px;}

	
.left-header {
  text-align:center;
  float:left;
  width:20%; /* The width is 20%, by default */
}

.right-header {
  background-color:#e7e7e7;
 /* padding:10px; */
  float:left;
  width:20%; /* The width is 20%, by default */
}

/*  START MENU */
.main-header {
	float:left;
    width:60%;
    padding-top:10px; 
}

.main-menu {
	background:purple;
}

/*Strip the ul of padding and list styling*/
.main-menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
}

/*Create a horizontal list with spacing*/
.main-menu li {
	display:inline-block;
	float: left;
	margin-right: 1px;
}

/*Style for menu links*/
.main-menu li a {
	display:block;
	min-width:150px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #444;
	background: #ffffff;  /* 2f3036 */
	text-decoration: none;
	
}

/*Hover state for top level links*/
.main-menu li:hover a {
	background: #19c589;
}

/*Style for dropdown links*/
.main-menu li:hover ul a {
	background: #f3f3f3;
	color: #2f3036;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
.main-menu li:hover ul a:hover {
	background: #19c589;
	color: #fff;
}

/*Hide dropdown links until they are needed*/
.main-menu li ul {
	display: none;
}

/*active selection change color */
.dtfMenuUserSelected {
	/*background:#A0A0A0;*/
}

/*Make dropdown links vertical*/
.main-menu li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
.main-menu li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}


/*Display the dropdown on hover*/
.main-menu ul li a:hover + .hidden, .main-men .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.main-menu .show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #004b88;   /* color menu */
	text-align: center;
	padding: 20px 0;
	display: none;
}

/*Hide checkbox*/
.main-menu input[type=checkbox]{
   display: none;	
  -webkit-appearance: none;
}

/*Show menu when invisible checkbox is checked*/
.main-menu input[type=checkbox]:checked ~ #menu{
    display: block;
    border-bottom:1px solid rgba(0,0,0,7);
}


/*  ++++++++++++++++++++++++    BODY STYLES  ++++++++++++++++++++++++++++++++ */

.body_left {
  float:left;
  text-align:center;
  margin:auto;
  width:20%; /* The width is 20%, by default */
}

.body_main {
  float:left;
  margin-top:3%;
  width:55%; /* The width is 60%, by default */
}

.body_main .bodytb {padding:0px;line-height:150%; }
.body_main .bodytb h1 {font-size:1.2em;color:#004b88; }
.body_main .bodytb p {font-size:1.1em;color:#444444;  }
.body_main .bodytb ul {font-size:1.1em;color:#444444; }

.body_right {
  text-align:center;
  display:table;
  width:25%;
}  
  

#copyright {
color:#5f392e;
font-family:verdana;
font-size:11px;
z-index:2;
}



/*   ++++++++++++++++++++  footer styles  ++++++++++++++++++++++++++++  */

#clear {
clear:both;
}

 .footer {    /* outside containeer  */
    width:100%;
    margin-top:30px;
} 

.footer_left {
  float:left;
  width:33%; /* The width is 20%, by default */
}

.footer_main {
  float:left;
  width:33%; /* The width is 60%, by default */
}

.footer_right {
  text-align:center;
  display:table;
}
 }    /*   responsive 1920px */

/* @media all and (max-width: 1536px) {  

@media all and (max-width: 1280px) {	*/  


/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	


body{margin:auto; /* background-color: orange; */ padding:0px;width:100%; /* border:1px blue solid; */}

#dtfPageLayer{margin:0px auto; background:white}

.dtfMenuUserAccount{width:100%; border-collapse:collapse; border:0px none; padding:0px}
.dtfMenuUserAccount th{height:28px; color:white; background:#F36116}
.dtfMenuUserAccount th.dtfMenuUserSelected{background:#A0A0A0}
.dtfMenuUserAccount th a{color:white; text-decoration:none}
.dtfMenuUserAccount th a:hover{text-decoration:underline}
.dtfMenuUserSelected{/*background:#A0A0A0}*/

/*#####################################################################################################*/

.raya {height:5px;
width:565px;
background-image:url('/images/contractors/linea.jpg');
background-repeat:repeat-x;}

.ok {position:relative;
width:9px;
height:9px;
background-image:url('../images/contractors/ok_icon.jpg');
background-repeat:no-repeat;}

.ff {position:relative;
width:8px;
height:5px;
background-image:url('../images/contractors/vinetas_icon.jpg');
background-repeat:no-repeat;}

.go {position:relative;
width:8px;
height:7px;
background-image:url('../images/contractors/flecha_icon.jpg');
background-repeat:no-repeat;}

.num { position:relative;
background-image:url('../images/contractors/fondo_numero.jpg');
background-repeat:no-repeat;
width:35px;
height:34px;
color:white;
font:normal 12px verdana;
text-align:center;
padding-top:5px}

.azul{font:normal 12px verdana;
color:#a6a6a6;}

.rojo{color:#995856;
font:normal 12px verdana;}

.linearriba{background-image:url('/images/contractors/fondo_medio_arriba.jpg');
width:767px;
height:6px;
background-repeat:no-repeat;}

.lineabajo{background-image:url('/images/contractors/fondo_medio_abajo.jpg');
width:567px;
height:6px;
background-repeat:no-repeat;}

.bloquetxt{padding-left:2px;
padding-right:2px;
padding-bottom:2px;
height:auto;
width:555px;
/*overflow-x:scroll;*/
padding-top:4px;}

#puntos{position:absolute;
background-image:url('/images/contractors/puntos.jpg');
width:100%;
height:2px;
background-repeat:repeat-x;}

.lineamedio{width:567px;
background-image:url('/images/contractors/fondo_medio_Medio.jpg');
background-repeat:repeat-y;
height:auto;}

#imgdef{padding-left:10px;
width:auto;
height:auto;
/*float:center;*/}

#linesgsup{position:absolute;
height:4px;
width:204px;
background-image:url('/images/contractors/signIn_arriba.jpg');
background-repeat:no-repeat;}

#linesginf{height:7px;
width:204px;
background-image:url('/images/contractors/signIn_abajo.jpg');
background-repeat:no-repeat;}

#linelnksup{position:absolute;
height:4px;
width:204px;
background-image:url('/images/contractors/link_arriba.jpg');
background-repeat:no-repeat;}

#linelnkinf{height:6px;
width:204px;
background-image:url('/images/contractors/fondo_aba_sear.jpg');
background-repeat:no-repeat;}

.dtfStoreStata{width:90%; margin:0px auto; border-top:solid 2px #f36116}
.dtfStoreStata div.dtfNavegation{margin-bottom:20px; font-weight:bold; background:#b1d026; padding:8px}
.dtfStoreStata div.dtfNavegation a{color:black; text-decoration:none}
.dtfStoreStata div.dtfNavegation a:hover{text-decoration:underline}

.dtfStoreStata div.dtfNoResults{text-align:center; font:bold 14px verdana; color:#825748; border-top:solid 1px #eae6dc; border-bottom:solid 1px #eae6dc; padding:80px 0px}

.dtfStoreStata div.dtfSectionHead{border-top:solid 1px #eae6dc; border-bottom:solid 1px #eae6dc; padding:1px 0px}
.dtfStoreStata div.dtfSectionHead div{background:#eae6dc; font-weight:bold; padding:4px}
.dtfStoreStata div.dtfSection{margin-bottom:20px}
.dtfStoreStata div.dtfSection table{width:100%; border-bottom:solid 1px #eae6dc}
.dtfStoreStata div.dtfSection table td{width:75%; vertical-align:top; text-align:right}
.dtfStoreStata div.dtfSection table th{text-align:left; vertical-align:top}

.dtfStoreStata table.dtfSectionTB{width:75%; margin:0px auto; border-bottom:solid 1px #eae6dc; border-collapse:collapse; padding:0px}
.dtfStoreStata table.dtfSectionTB th{border-top:solid 1px #eae6dc; border-bottom:solid 1px #eae6dc; padding:1px 0px}
.dtfStoreStata table.dtfSectionTB th div{background:#eae6dc; font-weight:bold; padding:4px}
.dtfStoreStata table.dtfSectionTB td{text-align:right; padding:4px 20px 4px 0px}
.dtfStoreStata table.dtfSectionTB td.Period{text-align:left; padding:4px}

.dtfStoreStata div.Legend{font-size:11px; padding:8px 8px 8px 320px}

/*############################################################################*/
/* copiado de adsmain.css :*/

.dtfStoreTable{width:97%; margin:2px auto; border:solid 1px #A0A0A0; background:#F0F0F0}
.dtfStoreTable td{text-align:left}
.dtfStoreTable td.StatusLabel{color:#008000; font-weight:bold; text-align:right}
.dtfStoreTable td a{font-size:11px; color: #800000; text-decoration:none}
.dtfStoreTable td a:hover{text-decoration:underline}


/* ########################   body here down ###################### */


html {
  font-family: "Lucida Sans", sans-serif;
}

.header {
  background-color: #9933cc;
  color: #ffffff;
  padding: 15px;
 }

.footer {
  background-color: #444444;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  padding: 15px;
  margin-top:30px;

}

/* ++++++++++++++++++++  NEW RESPONSIVE   ++++++++++++++++  */


/* ######################### HEADER BEGIN  #################### */

.slogan {font-size:1.2em; text-align:center;padding-bottom:10px;}
	
.left-header {
  text-align:center;
  float:left;
  width:20%; /* The width is 20%, by default */
}

.right-header {
  background-color:#e7e7e7;
 /* padding:10px; */
  float:left;
  width:20%; /* The width is 20%, by default */
}

/*  START MENU */
.main-header {
	float:left;
    width:60%;
    padding-top:10px; 
}


.main-menu {
	background:purple;
}

/*Strip the ul of padding and list styling*/
.main-menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
}

/*Create a horizontal list with spacing*/
.main-menu li {
	display:inline-block;
	float: left;
	margin-right: 1px;
}

/*Style for menu links*/
.main-menu li a {
	display:block;
	min-width:150px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #444;
	background: #ffffff;  /* 2f3036 */
	text-decoration: none;
}

/*Hover state for top level links*/
.main-menu li:hover a {
	background: #19c589;
}

/*Style for dropdown links*/
.main-menu li:hover ul a {
	background: #f3f3f3;
	color: #2f3036;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
.main-menu li:hover ul a:hover {
	background: #19c589;
	color: #fff;
}

/*Hide dropdown links until they are needed*/
.main-menu li ul {
	display: none;
}

/*active selection change color */
.dtfMenuUserSelected {
	/*background:#A0A0A0;*/
}

/*Make dropdown links vertical*/
.main-menu li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
.main-menu li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}


/*Display the dropdown on hover*/
.main-menu ul li a:hover + .hidden, .main-menu .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.main-menu .show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #004b88;   /* color menu */
	text-align: center;
	padding: 20px 0;
	display: none;
}

/*Hide checkbox*/
.main-menu input[type=checkbox]{
   display: none;	
  -webkit-appearance: none;
}

/*Show menu when invisible checkbox is checked*/
.main-menu input[type=checkbox]:checked ~ #menu{
    display: block;
    border-bottom:1px solid rgba(0,0,0,7);
}



/*  ++++++++++++++++++++++++    BODY STYLES  ++++++++++++++++++++++++++++++++ */

.body_left {
  float:left;
  text-align:center;
  margin:auto;
  width:20%  
	/*     	 width:90%; background-color:lime; The width is 20%, by default */
}

.body_main {
  float:left;
  margin-top:3%;
  width:55%; /* The width is 60%, by default */
}

.body_main .bodytb {padding:0px;line-height:150%; }
.body_main .bodytb h1 {font-size:1.2em;color:#004b88; }
.body_main .bodytb p {font-size:1.1em;color:#444444;  }
.body_main .bodytb ul {font-size:1.1em;color:#444444; }


.body_right {
  text-align:center;
  display:table;
  width:25%;
  float: right;
}  
  

#copyright {
color:#5f392e;
font-family:verdana;
font-size:11px;
z-index:2;
}



/*   ++++++++++++++++++++  footer styles  ++++++++++++++++++++++++++++  */

#clear {
clear:both;
}

 .footer {    /* outside containeer  */
    width:100%;
    margin-top:30px;
} 

.footer_left {
  float:left;
  width:33%; /* The width is 20%, by default */
}

.footer_main {
  float:left;
  width:33%; /* The width is 60%, by default */
}

.footer_right {
  text-align:center;
  display:table;
}

}    /* end responsive 1280   */ 


/*  background-color:#e7e7e7;
  padding:5px;  
  float:left;
  width:25%;   The width is 20%, by default  
}  */



/*Responsive Styles*/

@media only screen and (max-width:480px)  /* works */
{ 
	
  .menu-main{
	 clear:both;
}

    body {   
    /* padding:3px;
	width:auto !important;
	display:inline-block;
	background-color:yellow;  
	border: 1px fuchsia dashed; */
	 
}   

.button2 {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

.logo {
	text-align:center;
	width:70% !important;
	height:auto !important;
}

.left-header, .main-header, .right-header {
	width:100%;
	text-align:center;
	display:inline-block;

}

/* .left {
	 clear:both;
	 text-align:center;
	 width:100%;
}

.main {
	clear:both;
	text-align:center;
	width:100%;
}   */
  
  
  /*Strip the ul of padding and list styling*/
 .menu-main ul {
	list-style:none;
	margin:0;
	padding:0;
	position: absolute;
}

/*Create a horizontal list with spacing*/
.menu-main li {
	display:inline-block;
	float: left;
	margin-right: 1px;
}

/*Style for menu links    5555555555555555555555  */
  .menu-main li a {
	display:block;
	min-width:140px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	background: #2f3036;
	text-decoration: none;
}



  /*Hover state for top level links*/
 .menu-main li:hover a{
	background: #19c589;
}
  
  
  /*Style for dropdown links*/
 .menu-main li:hover ul a {
	background: #f3f3f3;
	color: #2f3036;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
 .menu-main li:hover ul a:hover {
	background: #19c589;
	color: #fff;
}

  
  
  /*Hide dropdown links until they are needed*/
 .menu-main li ul {
	display: none;
}

/*Make dropdown links vertical*/
 .menu-main li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
 .menu-main li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}
  
  
  
  /*Display the dropdown on hover*/
 .menu-main ul li a:hover + .hidden, .menu-main .hidden:hover {
	display: block;
}


  /*Style 'show menu' label button and hide it by default*/
 .main-menu .show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #19c589;
	text-align: center;
	padding: 10px 0;
	display: none;
}

 /*Hide checkbox*/
 .main-menu input[type=checkbox]{
    display: none;
    -webkit-appearance: none;
}

/*Show menu when invisible checkbox is checked*/
 .main-menu input[type=checkbox]:checked ~ #menu{
    display: block;
 }
 
 
 
 /*Make dropdown links appear inline  start +++++++++++++++++=  */
	.main-menu ul {
		position: static;
		display: none;
	}
	
	/*Create vertical spacing*/
	.main-menu li {
		margin-bottom: 0px;
	}
	
	/*Make all menu links full width*/
	.main-menu ul li, li a {
		width: 100%;
	}
	
	/*Display 'show menu' link*/
	.main-menu .show-menu {
		display:block;
	}
 
 
   
	/*Style for menu links*/
	.main-menu li a {
	display:block;
	min-width:180px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #444;
	background: #ffffff;  /* 2f3036 */
	text-decoration: none;
	border-bottom: 1px solid #666;
}

	/*  ++++++++++++++  BEGIN BODY HOME PAGE RESPONSIVE  +++++++++++++++   */

 /* hide left column */ 
#div-mobile {
    display: none;
  }

.body_main {
  float:left;
  width:100%; /* The width is 60%, by default */
}

.body_main .bodytb {padding:0px; line-height:150%; }
.body_main .bodytb h1 {font-size:1.2em;color:#004b88; }
.body_main .bodytb p {font-size:1.0em;color:#444444;  }
.body_main .bodytb ul {font-size:1.0em;color:#444444; }
  	

.body_right {
 /* padding:10px; */
  float:left;
  width:100%; /* The width is 20%, by default */
}

  /*   ++++++++++++++++++++++++   FOOTER RESPONSIVE +++++++++++++++++++++  */
  
.footer_left, .footer_main, .footer_right {
	width:100%;
	text-align:center;
	display:inline-block;
	margin-top:20px;
	/* background-color:gray;  */

}



	
	
}  /*  ++++++++++++++++++++++++  END RESPONSIVE 480PX  +++++++++++++++++   */



/* ***************************** begin responsive layout ******************************** */

div.layoutTB{ display:table; width:100%; margin:0; padding:0; }
div.layoutTR{ display:table-row; }
div.layoutTD{ display:table-cell; padding:1px; vertical-align:top; }
div.ul{line-height:120%}
}

  
  
/* ***************************** end responsive layout ******************************** */



/******************************* css 2019 ***********************************************/
.dtf-table-row{background:#F0F0F0;}
.dtf-content-table h2, .dtf-content-table h3 {width: 100%;text-align: center;margin: 1.5em 0 .5em 0;}
.dtf-content-table p {width: 50%;margin: 10px auto;}

.dtf-content-table a {color: #004A6F;text-decoration: none;font-weight:normal}
.dtf-content-table a:hover {text-decoration: none;/*background-color: #D5ECFF;*/font-weight:bold}
.dtf-content-table td {border-bottom: 1px solid #ccc;padding: 5px;text-align: left; /* IE */}
.dtf-content-table td + td {/*border-left: 1px solid #ccc;*/}
.dtf-content-table th {padding: 0 5px;text-align: left; /* IE */}
.dtf-content-table .header-background {border-bottom: 1px solid black;}
/* above this is decorative, not part of the test */
.dtf-content-table .fixed-table-container {/*width: 50%;*/height: 250px;border: 1px solid black;margin: 0px auto;background-color: white;/* above is decorative or flexible */position: relative; /* could be absolute or relative */padding-top: 30px; /* height of header */}
.dtf-content-table .fixed-table-container-inner {overflow-x: hidden;overflow-y: auto;height: 100%;}
.dtf-content-table .header-background {background-color: #D5ECFF;height: 30px; /* height of header */position: absolute;top: 0;right: 0;left: 0;}
.dtf-content-table table {background-color: white;width: 100%;overflow-x: hidden;overflow-y: auto;}
.dtf-content-table .th-inner {position: absolute;top: 0;line-height: 30px; /* height of header */text-align: left;border-left: 1px solid black;padding-left: 5px;margin-left: -5px;}
.dtf-content-table .first .th-inner {border-left: none;padding-left: 6px;}
.dtf-content-table{width: 100%;overflow-x: auto;}
.dtf-content-table .fixed-table-container{/*width: 100%*/}
.dtf-content-table thead th,.dtf-content-table tbody td{/*width:150px;*/}
.dtf-table-width{min-width: 600px;}
.dtf-content-table div.th-inner,.dtf-content-table td font a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.dtf-back-ground .navbar-toggle{background:#004b88;/*rgba(0, 75, 136,1)*/color:#fff;}
.dtf-back-ground .navbar-toggle .icon-bar{background-color:#fff;}
.dtf-back-ground .navbar-toggle:hover,.dtf-back-ground .navbar-toggle:focus, .dtf-back-ground .navbar-toggle:active{background:rgba(0, 75, 136,0.7);}
.dtf-back-ground .navbar-toggle:hover .icon-bar, .dtf-back-ground .navbar-toggle:focus .icon-bar,.dtf-back-ground .navbar-toggle:active .icon-bar{background-color:#fff;}
/*title*/
.dtf-title{background:#337AB7;color:#fff;padding:10px;}
.dtf-btn-cancel{background:rgba(0, 0, 0,0.7);color:#fff;border-color: #000;}
.dtf-btn-cancel:hover,.dtf-btn-cancel:focus,.dtf-btn-cancel:active{background:rgba(0, 0, 0,1);color:#fff;border-color: #000;}
.dtf-btn-back{background:rgba(255, 127, 0,0.7);color:#fff;border-color: rgb(255, 127, 0);}
.dtf-btn-back:hover,.dtf-btn-back:focus,.dtf-btn-back:active{background:rgba(255, 127, 0,1);color:#fff;border-color: rgb(255, 127, 0);}
fieldset.dtf-fieldset {border: 1px groove #ddd !important;padding: 0 1.4em 1.4em 1.4em !important;margin: 0 0 1.5em 0 !important;-webkit-box-shadow:  0px 0px 0px 0px #000;box-shadow:  0px 0px 0px 0px #000;}
legend.dtf-legend {width:inherit; /* Or auto */padding:0 10px; /* To give a bit of padding on the left and right */border-bottom:none;}
/*----------coupon-----------------*/
.dtf-coupon{border: 2px dotted #bbb;border-style:dashed;/*width: 80%;*/border-radius: 15px;margin: 0 auto;max-width: 600px;}
.dtf-link-1{color:#f35f15;}.dtf-link-1::before{color:#000;content:"[";}.dtf-link-1::after{color:#000;content:"]";}
/*---------switch btn ----*/
/* The switch - the box around the slider */.dtf-switch {position: relative;display: inline-block;width: 36px;height: 20px;}
/* Hide default HTML checkbox */.dtf-switch-input {opacity: 0;width: 0;height: 0;}
/* The slider */.dtf-switch-slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: red;-webkit-transition: .4s;transition: .4s;}.dtf-switch-slider:before {position: absolute;content: "";height: 16px;width: 16px;left: 2px;bottom: 2px;background-color: white;-webkit-transition: .4s;transition: .4s;}.dtf-switch-input:checked + .dtf-switch-slider {background-color: #337ab7;}.dtf-switch-input:focus + .dtf-switch-slider {box-shadow: 0 0 1px #2196F3;}.dtf-switch-input:checked + .dtf-switch-slider:before {-webkit-transform: translateX(16px);-ms-transform: translateX(16px);transform: translateX(16px);}
/* Rounded sliders */.dtf-switch-slider.dtf-switch-round {border-radius: 34px;}.dtf-switch-slider.dtf-switch-round:before {border-radius: 50%;}




/*----------switch2----------*/
/* https://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
.switch {
	position: relative;
	height: 26px;
  width: 140px;
  background: #fff/*rgba(0, 0, 0, 0.25)*/;
  border:1px solid #000;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}
.dtf-switch-label-L{
	float:left;
	left:1px;
	color:red;
}
.dtf-switch-label-R{
	float:right;
	right:6px;
	color:#337ab7;
}
.switch-label {
  position: relative;
  z-index: 2;
  /*float: left;*/
  width: 58px;
  /*color:rgba(0, 0, 0, 0.25);*/
  font-weight:500;
  /*line-height: 26px;*/
  font-size: 12px;
  /*color: rgba(255, 255, 255, 0.35);*/
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
  cursor: pointer;
}
.switch-label:active {
  font-weight: bold;
}

.switch-label-off {
  padding-left: 2px;
}

.switch-label-on {
  padding-right: 2px;
}


.switch-input {
  display: none;
}
.switch-input:checked + .switch-label {
  font-weight: bold;
  color: #fff;
  text-shadow: 0 1px rgba(255, 255, 255, 0.25);
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -ms-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
}
.switch-input:checked + .switch-label-on ~ .switch-selection {
  left: 68px;
  background:#337ab7;
  /* Note: left: 50%; doesn't transition in WebKit */
}

.switch-selection {
  position: absolute;
  z-index: 1;
  top: 1px;
  left: 1px;
  display: block;
  width: 69px;
  height: 22px;
  border-radius: 3px;
  background-color: red;
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -ms-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
  
  background-image: linear-gradient(top, #9dd993, #65bd63);
  }
.switch-blue .switch-selection {
  background-color: #3aa2d0;
}
.switch-yellow .switch-selection {
  background-color: #c4bb61;
}

.dtf-circulo {
     width: 5px;
     height: 5px;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background: green;
}

/*desktop*/
.dtf-desktop-right{text-align:right;}
.dtf-desktop-inline{ }
.dtf-desktop-width-head{}
.dtf-desktop-width-body{}

/*cellphone*/
@media (max-width: 600px) {
	.dtf-desktop-right{text-align:center;}
	.dtf-desktop-inline{display:block;width:100%; }
	.dtf-desktop-width-head{}
	.dtf-desktop-width-body{}
}
/*Desxtop FORCE*/
@media (min-width: 800px) {
	.dtf-desktop-width-head{width:80%;}
	.dtf-desktop-width-body{width:70%;}
}