/* CSS Document */



html,body{

width:100%;

height:100%;

vertical-align:middle;

margin:0px;

border:0px;

padding:0px;



}

html, body, p, div{

	margin:0px;

	padding:0px;

}







a:visited {color: #145BB2;text-decoration: none}

a:hover {color: #145BB2;text-decoration: none}

a:active {color: #145BB2;text-decoration: none}

a:visited {color: #145BB2;text-decoration: none}

a:link {color: #000000;text-decoration: none}





.entrada_txt 

{

	BORDER-BOTTOM-COLOR: #000000;

	BORDER-BOTTOM-WIDTH: 1px;

	BORDER-LEFT-COLOR: #000000;

	BORDER-LEFT-WIDTH: 1px;

	BORDER-RIGHT-COLOR: #000000;

	BORDER-RIGHT-WIDTH: 1px;

	BORDER-TOP-COLOR: #000000;

	BORDER-TOP-WIDTH: 1px;

	FONT-FAMILY: Verdana,Helvetica;

	FONT-SIZE: 20px

}









.cabecera

{

background:#FFFFFF;

}







.botones

	{

	 width:80%;

	 background:#FFFFFF;

	}

.celda_botones

	{

	  height: 5em;

	  margin-left: auto;

	  margin-right: auto;

	}

	.texto

		{

		 width:70%;

		 text-align:center;

		}

.tabla_global

		{

		 width:100%;

		 height:100%;

		 border:0;

		 padding:0;

		 border-spacing:0;

		 text-align:center;

		}

.tabla_texto

		{

		 width:80%;

		 height:100%;

		 border:0;

		 padding:0;

		 border-spacing:0;

		 text-align:center;

		 margin-left: auto;

	     margin-right: auto;

		}



.td_logo

		{	 

		}

		

.td_central

		{

		 width:100%;

		 height:100%;

		 vertical-align:top;

		}

	

.logo

	{

	max-width: 100%;

    height: auto;

    width: auto/9; /* Bug de ie8 */

	}











.pie

{

height:5em;

vertical-align:middle;

background:#145bb2;

color:#FFFFFF;

}





.Estilo2 {

	color: #FFFFFF; font-size: 1.3em;

	text-align:center;

 }

.Estilo3 {color: #CCCCCC; font-size: 1.2em; }

.Estilo4 {color: #008AFF; font-size: 1em; }

.Estilo5 {color: #FFFFFF; font-size: 2em; }

.letra_ppal
{
color: #3486EB;
font-weight: bold;
font-size: 1.5em;

}

.txt_normal 

{

color: #000000;

font-size: 1.2em;

}

.txt_pie {

color: #FFFFFF;

font-size: 0.9em;

FONT-FAMILY: Verdana,Helvetica;
text-align:center;


}





.BTN_TRANS:onclick{

background:#2B2377;



}



.BTN_TRANS:hover{

	

	-webkit-box-shadow: 0px 0px 14px 8px rgba(113,191,255,1);

	-moz-box-shadow: 0px 0px 14px 8px rgba(113,191,255,1);

	box-shadow: 0px 0px 14px 8px rgba(113,191,255,1);

	

	

	

	

	color:#2B2377;

	font-size:1em;

}



.BTN_TRANS

{

	background:#FFFFFF;

	border-radius: 10px 10px 10px 10px;

	display:block;

	width:10em;

	padding:0.5em 0.5em 0.5em 0.5em;

	text-decoration:none;

	border:#7766D7 2px solid; 

	font-size:1em;

	color:#7766D7;

	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);

	-moz-border-radius: 15px;

	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);

	-webkit-border-radius: 5px;

	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);

}







@media screen and (max-width: 800px)

{



.tabla_texto

		{

		 width:95%;

		 height:100%;

		 border:0;

		 padding:0;

		 border-spacing:0;

		 text-align:center;

		 margin-left: auto;

	     margin-right: auto;

		}



.botones

	{

	 width:100%;

	 background:#FFFFFF;

	}

.celda_botones

	{

	  height: 2em;

	  margin-left: auto;

	  margin-right: auto;

	}

.area_texto {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	width: 100%;

}



	.BTN_TRANS

	{

		background:#FFFFFF;

		display:block;

		width:90%;

		padding: 0.5em 0.5em 0.5em 0.5em;

		text-decoration:none;

		border:#7766D7 0px solid; 

		font-size:1em;

		color:#7766D7;

		text-shadow: 1px 1px 1px rgba(255,255,255,0.5);

		-moz-border-radius: 15px;

		-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);

		-webkit-border-radius: 5px;

		-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);

	}

	.BTN_TRANS:hover

	{

		background:#008AFF;

		box-shadow:0px 0px 16px #7766D7;

		color:#FFFFFF;

		font-size:1em;

	}

.logo

	{

	width:100%;

	max-width: 100%;

    height: auto;

    width: auto/9; /* Bug de ie8 */

	}

	.cabecera

	{

	 height: auto;

	}

	.cartel

	{

	max-width: 100%;

    height: auto;

    width: auto/9; /* Bug de ie8 */

	}

}



