/* Stylesheet para  DXTnatucio */

* 			{padding: 0; margin: 0; }

body 		{color:white; background-color: #008ed8; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small;}
	
#wrapper 	{width: 770px; background: #008ed8 url(images/fondo21.gif); margin-top: 5px;}

#encabezado	{height: 125px; position: relative; background-color: white; background-repeat: repeat-y;
			background-position: left; padding-top: 10px; padding-right: 70px; padding-bottom: 0px; padding-left: 10px;}

#encabezado img {background-color: white; padding: 5px; border: 0px solid #d9d9d9;}

#encabezado p {position: relative; top: 10px; right: 25px; font-weight: bold; padding: 5px 0 5px 0; margin-bottom: 0;}

#encabezado p span	 	{color: #d90000;}
#linea					{position: relateve; width: 770px; background-color: #d9d9d9;}

#navegacion 			{float: center; padding-left: 10px;}
#navegacion ul	 		{margin-bottom: 0;}
#navegacion li	 		{display: inline; list-style: none; margin: 0;}
#navegacion a 			{color: white; font-size: 80%; text-decoration: none;}
#navegacion a:active 	{background-color: #008ed8;}

#areatexto 	{align: left; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px;}

#principal	{align: center; padding-top: 20px;}

#pieizquierdo 	{float: left; padding: 20px; padding-top: 10px; border-top: 1px solid #008ed8; margin-top: 20px;}

#piederecho 	{float: right; padding: 20px; padding-top: 10px; border-top: 1px solid #008ed8; margin-top: 20px;}

#pie		 	{float: center; border: 10px; border-top: 1px solid #008ed8;}

#tarjeta		{padding: 10px; padding-top: 10px; border-bottom: 10px;}


.imgizda {
	float:left;
	padding: 3px;
	border: 5px solid #ccc;
	margin-right 10px;
	margin-bottom: 10px;
	}
.imgdcha {
	float: right;
	padding: 3px;
	border: 5px solid #ccc;
	margin-bottom: 10px;
	margin-left: 10px;
	}
	
/* Selecto anidado: solo el grafico en el encabezado*/

h1 { font-size: 150%; color: white; align: center;}
h2 { font-size: 130%; margin-bottom: 1em;}

address {text-align: center; font-size: 60%; font-style: normal; letter-spacing: 2px; 
		line-height: 1.5em; color: #008ed8; padding-bottom: 20px;}

a 				{text-decoration: none; outline: none; color: white;}
a:link 			{color: #008ed8; }
a:visited 		{color: #008ed8; }
a:hover, a:focus {text-decoration: none; color: white;}
a:active 		{color: white; }

.skiplink { display:none;}


p, ul {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0; }
ul ul { margin:0; }
li {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0; 
	}
/* ==================================================
   El formulario de contacto
   ==================================================*/
form {
	background-color: #eee;
	width: 400px;
	padding: 20px;
	border: 1px solid #8c8c8c;
	}
label {display:block;}

#remitente, textarea { width: 300px; border: 1px solid #8c8c8c;	margin-bottom: 1em;}

textarea {height: 7em; }

input:focus, textarea:focus {background-color: #d9d9d9;}