/* Diverge toward infinity */

/*

------------------------------------------------------
Copyright William Pratt, www.metalwings.org
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------

/* --- BODY -------------------- */

body {
font-family:"Lucida Grande","Lucida Sans Unicode",verdana,arial,helvetica,sans-serif;
font-size: 100%;
color:#646464;
background:url(images/body_bg.gif) 50% 0 repeat-y #C4ECFF;
margin:0px;
text-align:center;
}

/* --- BANNER ------------------ */

#banner {
position:relative;
width:800px;
height:160px;
margin:0 auto;
background-image:url(images/header.jpg);
font-size: 1.3em;
}

/* --- NAV-MAIN ---------------- */

#nav-main {
width:500px;
height:30px;
margin:0 auto;
background:url(images/nav_main_bg.jpg);
font-size: .75em;
font-weight: bold;
}

#nav-main a {
display:block;
width:83px;
height:18px;
padding:1px 0 0 28px;
color:#69a3cf;
}

/* --- CONTAINER --------------- */

#container {
width:800px;
margin:0 auto;
text-align:left;
background:url(images/container_bg.gif) repeat-y;
}

/* --- CONTENT ----------------- */

#content {
width:540px;
float:left;
background:url(images/content_bg.gif) 100% 0 no-repeat;
}

#content h1 {
margin: 13px 20px 3px 30px;
padding-left:30px;
font: verdana,sans-serif;
letter-spacing:1px;
background:url(images/h1_bg.gif) 0 100% no-repeat;
font-size: 1.2em;
font-weight:normal;
}

#content h2 {
position:relative;
top:10px;
margin:5px 0 0 34px;
padding-left:18px;
font:bold verdana,sans-serif;
letter-spacing:1px;
background:url(images/h2_bg.gif) 0 70% no-repeat;
font-size: 1em;
font-weight:normal;
}

#content p {
margin-left:20px;
padding:14px 15px 6px 26px;
text-indent:.2in;
line-height:17px;
font-size: .8em;
line-height: 1.6em;
text-align:justify;
}

#content a {
font:bold verdana,sans-serif;
color:#69a3cf;
}

#content a:hover {
color:#1987d4;
}

#content .first {
	margin: 6% 0 0 0;
}

#content .block
{
	margin: 6% 0 0 10%;
}
	
#content .contact
{
	text-align:center;
	margin: 6% 0 0 10%;
	line-height:17px;
	font-size: .8em;
	line-height: 1.6em;
}

#content .imageDescription
{
	text-align:center;
	margin: 50px 0px 0px 0px;
}

#content .imageMap
{
	text-align:center;
	margin: 0px 0px 25px 0px;
}

#content .thumbnails
{
	text-align:center;
	margin: 30px 20px 10px 70px;
	width:400px;
}

#content .login
{
	text-align:center;
	margin: 100px 0px 30px 0px;
}

#content .table
{
	text-align:center;
	font-family:"Lucida Grande","Lucida Sans Unicode",verdana,arial,helvetica,sans-serif;
	font-size: 0.8em;
	margin: 20px auto;
	width: 80%;
}

#content .contact
{
	margin: 10px 0px 10px 50px;
}

/*--- SECCIONES --*/

.edit
{
	padding:25px 20px 20px 25px;
}

.edit .SectionTextBox
{
	margin-left: 20%;
	padding-bottom: 20px;
	width: 70%;
}

.edit .SectionLabel
{
	width:15%;
	text-align: left;
}

.edit .SectionPanel
{
	margin-left: 10px;
	margin-top: 10px;
	width: 100%;
	height: auto;
}

.edit .SectionButton
{
	float:right;
}

.edit .SectionTitleLabel
{
	width:15%;
	text-align: left;
	font-size:larger;
	font-weight:bolder;
	text-decoration:underline;
}

/* --- NAV-SUBS ---------------- */

#nav-subs {
float:right;
width:260px;
padding-top:41px;
background:url(images/nav_subs_bg.jpg) no-repeat;
}

#nav-subs div {
margin:0 10px 30px 15px;
}

#nav-subs img
{
	margin: 80px 0px 0px 60px;
}

/* --- INFO-SITE --------------- */

#info-site {
clear:both;
height:90px;
width:800px;
margin:0 auto;
background:url(images/info_site_bg.jpg);
font-size: .7em;
}

#info-company {
width:540px;
padding-top:9px;
text-align:center;
font:verdana,arial,helvetica,sans-serif;
}

#info-company a {
color:#777;
padding:0 0 0 30px;
background:url(images/nav_1_off.gif) 10px 60% no-repeat;
}

#info-company a:hover {
color:#1987d4;
background-image:url(images/nav_1_on.gif);
}


.contactData
{
	text-align:left;
	margin: 6% 0 0 10%;
	line-height:17px;
	font-size: .8em;
	line-height: 1.6em;
}