/* Estilos de Arquitectura General de la Página {*/
div#fondoCabecera1	{
			background-color:#19c6f7;
			height:150px;
			}
div#principal	{
		position:relative;
		background-color:#10558c;
		width:934px;
		min-height:675px;
		margin:auto;
		}
div#fondoCabecera2	{
			background-color:#19aee6;
			height:150px;
			}
div#cabecera		{
			background-color:white;
			background-image: url('/img/fondocabecera.png');
			background-repeat: no-repeat;
			background-position: bottom right;
			height:165px;
			width:844px;
			margin:auto;
			}
div#pagina		{
			margin:15px 45px 0px 45px;
			min-height:600px;
			background-color:#efebf7;
			}
div#direccion		{
			font-family:arial;
			float:right;
			width:350px;
			border-top: 5px solid #10558c;
			color:#10558c;
			font-size:75%;
			font-weight:bold;
			background-color:white;
			line-height:1.2em;
			padding:3px 0px 3px 10px;
			}
img#fondomenu		{
			position:absolute;
			top:128px;
			left:45px;
			}
div#menu		{
			position:absolute;
			top:150px;
			left:45px;
			background-color:#10558c;
			width:160px;
			min-height:515px;
			color:white;
			z-index:1;
			}
div#login	{
		background-color:#294163;
		border-top:5px solid #efebf7;
		}
div#contenido		{
			position:relative;
			padding:20px 5px 5px 175px;
			}
div#logosW3C	{
		margin-top:15px;
		text-align:center;
		}
table#tablaLogosW3C	{
			margin-right:auto;
			margin-left:auto;
			text-align:center;
			width:1024px;
			}
div#campana	{
		margin:15px 15px 15px 15px;
		background-color: yellow;
		}
div#campana p	{
		text-align:center;
		font-weight:bold;
		color:#10558c;
		}
/*}*/

/* Estilos de Menús {*/
h1.menu:before		{
			content:" : ";
			}
h1.menu:first-letter	{
			color:orange;
			}
h1.menu			{
			color:white;
			font-size:90%;
			font-family:arial;
			text-transform:uppercase;
			margin:10px 10px 5px 5px;
			background-color:#10558c;
			}
h2.menu:before		{
			content: url('/img/flechita.png');
			}
h2.menu			{
			color:#10558c;
			background-color:white;
			border-bottom: 1px dotted #10558c;
			font-size:85%;
			font-family:arial;
			line-height:2em;
			margin:0px;
			}
h2.menu a	{
		color:#10558c;
		text-decoration:none;
		}
h2.menu a:visited	{
			color:#10558c;
			}
h2.menu a:hover	{
		color:#e68a42;
		text-decoration:underline;
		}
h1.login	{
		color:white;
		font-size:90%;
		font-family:arial;
		text-transform:uppercase;
		text-align:center;
		margin:10px 0px 5px 10px;
		border-bottom:1px solid #efebf7;
		background-color:#294163;
		}
h1.login:before	{
		content:"";
		}
p.login		{
		margin:5px 0px 0px 5px;
		padding:0px 0px 0px 10px;
		}
div#login p#boton	{
			text-align:right;
			margin-right:15px;
			}
/*}*/

/* Estilos de Contenido {*/
body 		{
		margin:0px;
		font-family: arial;
		font-size:10pt;
		background-color:#1086d6;
		}
.centrado	{
		text-align:center;
		}
.derecha	{
		text-align:right;
		}
.mayusculas	{
		text-transform:uppercase;
		}
h1:before	{
		content: url('/img/cuadrado.png');
		}
h1	{
	color:#10558c;
	background-color:white;
	font-size:100%;
	font-weight:bold;
	font-family:arial;
	padding: 1px 10px 1px 3px;
	}
h2	{
	color:white;
	background-color:#7ba2c5;
	font-size:95%;
	font-weight:bold;
	font-family:arial;
	padding: 1px 10px 1px 10px;
	}
p	{
	text-align:justify;
	padding: 0em 0.2em 0em 0.5em;
	}
ul	{
	list-style-image:url('/img/circulo.png');
	text-align:justify;
	}
img	{
	border:0px;
	}
em	{
	font-weight: bold;
	}
label	{
	font-weight:bold;
	color:#10558c;
	}
input,textarea	{
		border: 1px solid #10558c;
		}
.Derecha	{
		margin-left:1em;
		float:right;
		}
.Izquierda	{
		margin-right:1em;
		float:left;
		}
/*}*/
