﻿/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright Mike Crittenden
      Author: Mike Crittenden
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		 #000
- white		 #fff
- link blue  #4c678b
- hover blue #00265a
\**************************************/

/**************************************/
/*              GLOBALS               */
/**************************************/
body 
{
	background-color:white;
	color:#00265a;
	font-family: Arial;
	font-size:1.45em;
	letter-spacing:0.01em;
	text-align:justify;
	word-spacing:0.05em;
}

p
{
	line-height:1.3em;
}

h1, h2, h3, h4, h5, h6 
{
	color:#00265a;
	font-family: Arial;
}

a:link 
{
	text-decoration: none;
	color: #4c678b;
}
a:visited 
{ 
	text-decoration: none;
	color: #4c678b;
}
a:hover 
{ 
	text-decoration: none; 
	color: #00265a;
}
a:active, a:focus 
{ 
	text-decoration: none;
	color: #4c678b;
}

/**************************************/
/*              HEADER                */
/**************************************/
#header
{
	background: transparent url('../img/header-bg.gif') no-repeat top center;
	height: 250px;
}
#logo
{
	background: transparent url('../img/logo.gif') no-repeat top center;
	height: 90px;
}

#logo a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: pointer; 
}
 
#logo a:hover {
  text-decoration: none;
}




/**************************************/
/*             NAVIGATION             */
/**************************************/
.nav 
{
	height:35px; 
	/*background: url(images/bg.gif) repeat-x;*/
	position:relative; 
	font-family:arial, verdana, sans-serif; 
	font-size:1em;
	width:100%; 
	z-index:100;
	margin:0;
	padding:0;
	margin-top:90px;
}

.nav .table 
{
	display:table; 
	margin:0 auto;
}

.nav .select,
.nav .current 
{
	margin:0; 
	padding:0; 
	list-style:none; 
	display:table-cell; 
	white-space:nowrap;
}

.nav li 
{
	margin:0; 
	padding:0; 
	height:auto; 
	float:left;
}

.nav .select a 
{
	display:block; 
	height:35px; 
	float:left; 
	font-weight:bold;
	/*background: url(images/bg.gif);*/
	padding:0 30px 0 30px; 
	text-decoration:none; 
	line-height:35px; 
	white-space:nowrap; 
	color:#4c678b;
}


.nav .select a:hover, 
.nav .select li:hover a 
{
	/*background: url(images/hover.gif); */
	padding:0 0 0 15px; 
	cursor:pointer; 
	color:#00265a;
}

.nav .select a b{
	font-weight:bold;
	}

.nav .select a:hover b, 
.nav .select li:hover a b 
{
	display:block; 
	float:left; 
	padding:0 30px 0 15px; 
	/*background:url(images/hover.gif) right top; */
	cursor:pointer;
}

.nav .select_sub 
{
	display:none;
}

/* IE6 only */
.nav table 
{
	border-collapse:collapse; 
	margin:-1px; 
	font-size:1em; 
	width:0; 
	height:0;
}

.nav .sub 
{
	display:table; 
	margin:0 auto; 
	padding:0; 
	list-style:none;
}

.nav .sub_active .current_sub a, 
.nav .sub_active a:hover 
{
	background:transparent; 
	color:#00265a;
}

.nav .select :hover .select_sub, 
.nav .current .show 
{
	display:block; 
	position:absolute; 
	width:100%; 
	top:25px; 
	/*background:url(images/back.gif); */
	padding:0; 
	z-index:100; 
	left:0; 
	text-align:center;
	font-size:0.77em;
}

.nav .current .show 
{
	z-index:10;
}

.nav .select :hover .sub li a, 
.nav .current .show .sub li a 
{
	display:block; 
	float:left; 
	background:transparent; 
	padding:0 5px 0 10px; 
	margin:0; 
	white-space:nowrap; 
	border:0; 
	color:#4c678b;
}

.nav .current .sub li.sub_show a 
{
	color:#4c678b; 
	cursor:default; 
}

.nav .select .sub li a 
{
	font-weight:normal;
}

.nav .select :hover .sub li a:hover, 
.nav .current .sub li a:hover 
{
	visibility:visible; 
	color:#00265a; 
}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/
#body
{
	background-color:white;
	min-height:400px;
}
#scroller
{
	height: 200px;
}

/**************************************/
/*            Google Maps             */
/**************************************/
#gmap
{
	height: 400px;
}

#info1
{
	margin-top:1px;
}

#info2
{
	margin-top:-110px;
}

/**************************************/
/*               FOOTER               */
/**************************************/
#footer
{
	background: transparent url('../img/footer-bg.gif') no-repeat top center;
	height: 270px;
}

#calle
{
	margin-top:200px;
}
#contacto
{
	margin-top:200px;
}

/**************************************/
/*               FORMS                */
/**************************************/

form fieldset
{
  margin-bottom: 10px;
}
form legend
{
  padding: 0 35px;
  font-weight: bold;
}
form label
{
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form fieldset ol
{
  margin: 0;
  padding: 0;
}
form fieldset li
{
  list-style: none;
  padding: 5px;
  margin: 0;
}
form fieldset fieldset
{
  border: none;
  margin: 3px 0 0;
}
form fieldset fieldset legend
{
  padding: 0 0 5px;
  font-weight: normal;
}
form fieldset fieldset label
{
  display: block;
  width: auto;
}
form em
{
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form label
{
  width: 200px; /* Width of labels */
}
form fieldset fieldset label
{
  margin-left: 123px; /* Width plus 3 (html space) */
}

/**************************************/
/*         Buttons Override           */
/**************************************/

/* Positive */
body .positive {
  color:#4c678b;
}
a.positive:hover, button.positive:hover {
  background-color:#c3c7cd;
  border:1px solid #C6D880;
  color:#4c678b;
}
a.positive:active, button.positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}