/* basic layout */

* { font-family: Arial, Helvetica, sans-serif; font-size:12px;}

html, body { height: 100%; }

body { margin: 0; padding: 0; text-align: center; background-color: #ffffff; background-color: #e2e2e2;}

#container { width: 756px; margin: auto; background-image: url(img/bg.gif); min-height: 100%; text-align: center; }

#content { display: inline; float: left; width: 548px; margin-left: 8px; background-color: #ffffff; text-align: left; padding-left: 10px; padding-right: 10px; padding-top: 20px; padding-bottom: 20px; }

#nav { display: inline; float: right; width: 162px; margin-right: 8px; background-color: #ffffff; text-align: left; padding-top: 20px; padding-right: 10px; }

#footer { width: 720px; clear: both; background-color: #ffffff; margin-left: 8px; margin-right: 8px; text-align: left; padding: 10px; font-size: 10px; color: #999999; border-top: 1px solid #cccccc; }

.nav_box { border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; padding-left: 10px; padding-right: 10px; font-size: 12px; color: #666666; }

.nav_box_item { padding-top: 7px; padding-bottom: 7px; border-bottom: 1px dotted #999999; }


/* home */

#box_top {
	width: 528px;
	margin-left: auto;
	margin-right: auto;
}

#box_queespr {
	float: left;
	width: 340px;
	text-align: left;
}

#box_secciones {
	float: right;
	margin-bottom: 20px;
	text-align: left;
}

#box_calcular {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	clear: both;
	width: 448px;
	height: 80px;
	background-image: url(img/calcular-pg.jpg);
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 50px;
	color: #ffffff;
	text-align: left;
}

.sub_box_calcular {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 7px;
	margin-bottom: 10px;
	font-size: 12px;
}

#box_entuweb {
	margin-left: auto;
	margin-right: auto;
	width: 448px;
	height: 80px;
	background-image: url(img/pg-web.jpg);
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 50px;
	color: #ffffff;
	text-align: left;
}

#box_secciones {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	width: 140px;
	font-size: 12px;
	color: #666666;
	border: 1px solid #006633;
	text-align: left;
}

.calcular_input {
	margin-left: 3px;
	margin-right: 3px;
	width: 175px;
	font-size: 12px;
}

.calcular_button {
	font-size: 12px;
	font-weight: bold;
}


/* text formatting */

.small_black { font-size: 10px; color: #000000; }
.normal_black { font-size: 12px; color: #000000; }
.big_black { font-size: 14px; color: #000000; }

.small_gray { font-size: 10px; color: #666666; }
.normal_gray { font-size: 12px; color: #666666; }
.big_gray { font-size: 14px; color: #666666; }

.small_white { font-size: 10px; color: #ffffff; }
.normal_white { font-size: 12px; color: #ffffff; }
.big_white { font-size: 14px; color: #ffffff; }

.small_green { font-size: 10px; color: #006633; }
.normal_green { font-size: 12px; color: #006633; }
.big_green { font-size: 14px; color: #006633; font-weight: bold; }


/* links */

a.menu { font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; }
a.menu:visited { font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; }
a.menu:hover { font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: underline; }
a.menu:active { font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; }

a.small_green { color: #006633; text-decoration: none; }
a.small_green:visited { color: #006633; text-decoration: none; }
a.small_green:hover { color: #006633; text-decoration: underline; }
a.small_green:active { color: #006633; text-decoration: none; }

a.small_gray { color: #666666; text-decoration: none; }
a.small_gray:visited { color: #666666; text-decoration: none; }
a.small_gray:hover { color: #666666; text-decoration: underline; }
a.small_gray:active { color: #666666; text-decoration: none; }

a.nav_gray { font-size: 11px; color: #666666; text-decoration: none; }
a.nav_gray:visited { font-size: 11px; color: #666666; text-decoration: none; }
a.nav_gray:hover { font-size: 11px; color: #666666; text-decoration: underline; }
a.nav_gray:active { font-size: 11px; color: #666666; text-decoration: none; }

a { color: #666666; text-decoration: none; }
a:visited { color: #666666; text-decoration: none; }
a:hover { color: #666666; text-decoration: underline; }
a:active { color: #666666; text-decoration: none; }