* {
	padding:0;
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
body {
	font-family:Arial;
	color:#666666;
	background:#ffffff;
}
a
{
	text-decoration:none;
	color:#555555;
}
a:hover
{
	color:#000000;
	text-decoration:underline;
}
H1
{
	font-family:Arial;
}
H2
{
	font-family:Arial;
}
ul
{
	list-style-type:square;
	background-color:#eeeeee; 
	border-style:solid;
	border-color:#000000;
	border-width:thin;
	padding:10px 10px 10px 30px;
}
.menu_bar {
	display:none;
	z-index:2000;
}
header {
	width:100%;
}
header nav {
	background:#ffffff;
	z-index:1000;
	width:100%;
	margin:0;
}
header nav ul {
	list-style:none;
	list-style-type:none;
	background-color:#ffffff; 
	border-style:none;
	padding:0px 0px 0px 0px;
}
header nav ul li {
	display:inline-block;
	position:relative;
}
header nav ul li:hover {
	background:#aaaaaa;
}
header nav ul li a {
	font-family:Arial;
	color:#000000;
	font-size:10pt;
	font-weight:bold;
	display:block;
	text-decoration:none;
	padding:10px;
}
header nav ul li a span {
	margin-right:10px;
}
header nav ul li:hover .children {
	display:block;
}
header nav ul li .children {
	display:none;
	background:#011826;
	position:absolute;
	width:150%;
	z-index:1000;
}
 
header nav ul li .children li {
	display:block;
	overflow:hidden;
	border-bottom:1px solid rgba(255,255,255,.5);
}
 
header nav ul li .children li a {
	display:block;
}
 
header nav ul li .children li a span {
	float:right;
	position:relative;
	top:3px;
	margin-right:0;
	margin-left:10px;
}

header nav ul li .caret {
	position:relative;
	top:3px;
	margin-left:10px;
	margin-right:0px;
}
img{
	max-width:100%;
}
#IconosDeMenu{
	width:70px;
	min-width:70px;
}
#TablaContenedor {
    display:table;
	background-color:#f4f4f4;
    border:0px solid #000;
    width:800px;
    padding:0px;
    margin:0px;
	box-shadow:5px 5px 20px #444444;
	border-bottom-left-radius:25px;
	border-bottom-right-radius:25px;
}
#TablaContenedor1 {
    display:table-cell;
    width:330px;
    border:0px solid #000;
    vertical-align:top;
    padding:0px;
}
#TablaContenedor2 {
    display:table-cell;
    width:470px;
    text-align:left;
}
#columna1, #columna2, #columna3 {
}
#PieDesktop
{
	color:#666666;
	text-align:center;

}
#PieMovil
{
	color:#666666;
	text-align:center;
}
 
@media screen and (max-width:800px) {
	#TablaContenedor {
		display:table;
		width:90%;
	}
	#TablaContenedor1 {
		display:table-row;
		vertical-align:top;
		text-align:left;
		padding:0px;
		margin:0px;
	}
	#TablaContenedor2 {
		display: table-row;
		padding:0px;
		margin:0px;
	}
	#columna1, #columna2, #columna3 {
		display: table-cell;
		border: 0px solid #000;
		padding:0px;
		margin:0px;
	}
	#PieDesktop
	{
		display:none;
	}
	#PieMovil
	{
		display:block;
	}
	#MenuDesktop
	{
		display:none;
	}
	.ImageHeader{
		position:absolute;
		top:0px;
	}
	.menu_bar {
		display:block;
		width:100%;
		position:fixed;
		top:calc(100% - 74px);
		xleft:calc(100% - 100px);
	}
	.menu_bar .bt-menu {
		display:block;
		padding:20px;
		color:#ffffff;
		overflow:hidden;
		font-size:20px;
		font-weight:bold;
		text-decoration:none;
	}
	.menu_bar span {
		float:right;
		font-size:40px;
	}
 	header nav {
		width:100%;
		height:100%;
		position:fixed;
		right:100%;
		margin:0px 0px 0px 0px;
		overflow:scroll;
		display:block;
	}
 	header nav ul li {
		display:block;
		border-bottom:1px solid rgba(255,255,255,.5);
	}
 	header nav ul li a {
		display:block;
	}
 	header nav ul li:hover .children {
		display:none;
	}
 	header nav ul li .children {
		width:100%;
		position:relative;
	}
 	header nav ul li .children li a {
		margin-left:20px;
	}
 	header nav ul li .caret {
		float:right;
	}
	body {
		font-family:Arial;
		font-size:15pt;  
		text-align:left;
	}
	H1
	{
		font-family:Arial;
		font-size:22pt;  
	}
	H2
	{
		font-family:Arial;
		font-size:18pt;  
	}
	ul {
		list-style-type:square;
		background-color:#eeeeee; 
		border-style:solid;
		border-color:#000000;
		border-width:thin;
		padding:10px 10px 10px 30px;
	}
	table, th, td {
		font-family:Arial;
		font-size:15pt;  
		color:#000000;
		text-align:left;
		padding:0px;
		margin:0px;
	}
	select {
		font-family:Arial;
		font-size:13pt;  
		color:#000000;
		text-align:left;
	}
	.Contenido{
		padding:30px 20px 0px 20px;
	}
	img{
	  max-width:100%;
	}
}


@media only screen and (min-width:801px){
	.ImageHeader{
		position:relative;
	}
	body {
		font-family:Arial;
		font-size:10pt;  
		text-align:left;
	}
	H1
	{
		font-family:Arial;
		font-size:14pt;  
	}
	H2
	{
		font-family:Arial;
		font-size:12pt;  
	}
 	nav {
		display:none;
	}
	#PieDesktop
	{
		display:block;
	}
	#PieMovil
	{
		display:none;
	}
	#MenuDesktop
	{
		display:block;
	}
	table, th, td {
		font-family:Arial;
		font-size:10pt;  
		color:#000000;
		text-align:left;
	}
	select {
		font-family:Arial;
		font-size:10pt;  
		color:#000000;
		text-align:left;
	}
	.Contenido{
		padding:20px 0px 0px 0px;
		margin-left:10;
		margin-right:10;
	}
	input{
		font-size:10pt;  
		text-align:left;
	}
	img{
	  max-width:100%;
	}
}