* {
	margin: 0;
	padding: 0;

}
html {
	background-color: #E7E7E7;
}
body {
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: url(../img/body_bg.png);
	background-repeat: repeat-y;
	background-position: center center;

}
.oneColElsCtrHdr{
	text-align: center;
	background-image: url(../img/body_bg.png);
	background-repeat: repeat-y;
	background-position: center center;
}
.oneColElsCtrHdr #container {
	width: 46em;  /* width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #FFFFFF;
	margin: 0 auto; /* auto margins (in conjunction with a width) center the page */
	border: 1px solid #FFFFFF;
	text-align: left; /* overrides the text-align: center on the body element. */
}
.oneColElsCtrHdr #container table {
	margin-left: 10px;
	margin-top: -2px;
}
.oneColElsCtrHdr #header {
	height: 259px;
	background-image: url(../img/head_bg.png);
	background-repeat: repeat-x;
	background-position: center top;
} 
.oneColElsCtrHdr #header h1 {
	height: 218px;
	background-image: url(../img/head.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0;
	padding: 10px 0; /* padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColElsCtrHdr #header h4 {
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	height: 400px;
	color: #C9DFF8;
	margin: 0;
	padding-left: 655px;
	margin-bottom: 20px;
}
.oneColElsCtrHdr #mainContent {
	padding: 0 20px;
	background: #FFFFFF;
	color: #999999;
}
.oneColElsCtrHdr #menu {
	margin-left: -20px;
}
.oneColElsCtrHdr #footer { 
	height: 56px;
	background-image: url(../img/footer_bg.png);
	background-repeat: repeat-x;
	background-position: center top;
} 
.oneColElsCtrHdr #footer p {
	margin: 0; /* avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* this element will create space, just as the the margin would have, without the margin collapse issue */
	color: #FFFFFF;
}
/* .......................    MODULOS ES ADENTRO DEL CUADRADO*/
.module				{
	width:491px;
	background:url(../img/box_bg.png) repeat-y 0 0;
	margin-bottom: 7px;
	margin-left: -20px;
}
.module div			{background:url(../img/box_top.png) no-repeat 0 0}	
.module div div		{background:url(../img/box_bot.png) no-repeat 0 bottom}	
.module div div div	{padding:0px 0px 10px 0px; background:none; width:100%}	
.module div div div div {padding:0px 0px 0px 0px;}
.module p			{
    color: #999999;
	padding:0px 0px 0px 20px; 
	text-align: left;
	padding: 0 20px; /* padding is the space inside the div box and margin is the space outside the div box */
}
.module p.error {
	color: #FF0033;
}
.module p.success {
	color: #1A3864;
	text-decoration: none;
}
.module p.formadown {
	color: #1A3864;
	text-decoration: none;
	padding-left: 270px;
	font-size: 7pt;
	text-transform: none;
	margin-top: -15px;
}
.module h2{
	padding: 0 20px;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
}
.module h3{
	padding: 0 20px;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
}
.module a		{
	color: #1A3864;
	text-decoration: none;
}
.module a:hover		{
	color: #888;
}
.module img			{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: 10px;
}

/* .......................    CONTACTO*/

form {
 	margin: 0 10px 10px 56px;
}
form label {
	float: left;
	clear: left;
	width: 10em;
	text-align: right;
	margin-right: 0.5em;
	color: #888;
}
form textarea {
	margin-bottom: 2em;
	font: 8pt verdana;
	width: 24em;
	height: 15em;
	color: #1A3864;
	border: 1px solid #cccccc;
}
form input {
	font-size: 8pt;
	width: 24em;
	margin-bottom: 0.5em;
	color: #1A3864;
	border: 1px solid #cccccc;
}
form select {
	font-size: 8pt;
	width: 24em;
	margin-bottom: 0.5em;
	color: #1A3864;
	border: 1px solid #cccccc;
}
form input.send {
	width: 100px;
	height: 34px;
	margin-left: 270px;
	padding-right: 34px;
	border: 0px solid #fff; /* stupid opera trick?? */
	background: none;
	background: url(../img/send.png) no-repeat right;
	color: #555;
	text-align: right;
	font-size: 9pt;
}	
form input.clear {
	width: 100px;
	height: 34px;
	margin-left: 270px;
	padding-right: 34px;
	border: 0px solid #fff; /* stupid opera trick?? */
	background: none;
	background: url(../img/clear.png) no-repeat right;
	color: #555;
	text-align: right;
	font-size: 9pt;
}
form br {
	clear: both;	
}
table#coninfo {
	width: 440px;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 20px;
	}
#coninfo td {
	padding: 0.5em;
	color: #1A3864;
	vertical-align: top;

}
#coninfo td.desc {
	color: #999;
	text-align: right;
	
}
#coninfo td.top {
	text-align: left;
	color: #9EC6F1;
}
#coninfo a {
	color: #1A3864;
	text-decoration: none;
	border-bottom: 1px dashed #CCC;
}
#coninfo a:hover {
	color: #888;
	border-bottom: 1px #bbb;
}
/* .................................................. LINEA*/
hr {
	width: 450px;
	margin-left: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	display: block;
	}
/* .................................................. Fotos de diseņo web*/
table#paginas {
	}
#paginas img {
	border: 4px solid #999999;
}
#paginas a:active img{
	border: 4px solid #1A3864;
}	
#paginas a:hover img{
	border: 4px solid #1A3864;
}	
/* .................................................. Fotos links en main*/
#imgeneslink img {
	border: 2px solid #FFFFFF;
}
#imgeneslink a:active img {
	border: 2px solid #FFFFFF;
}
#imgeneslink a:hover img {
	border: 2px solid #FFFFFF;
}