@charset "utf-8";
/* CSS Mercury Mex */

/* old background image below */
/* background: #fff url('images/metalbg.gif') repeat; */
html, body{
	height: 100%;
	
}

html>body #wrapper {
    height: auto;
	}
	
* {
	margin: 0 auto;
	padding:0;
}

p + p {
	margin-top:10px;
}

h1{
	margin-bottom:20px;
	font-size:1.3em;
	padding-top:5px;
	text-transform:uppercase;
	color:#333;
	font-family:Times New Roman,sans-serif;
	letter-spacing:.2em;
	color:#660000;
}

h3{
	text-decoration:underline;
	color:#660000;
	font-family:times new roman,serif;
	letter-spacing:.1em;
}

#wrapper{
	width:950px;
	position: relative;
    min-height: 100%;
	margin: 0 auto -25px; /* the bottom margin is the negative value of the footer's height */

	background:#fff;
	font-size:62.1%;
	font-family:arial, sans-serif;
	color:#000;
}

#top{
	height:20px;
	padding-top:5px;
	width:850px;
	text-align:right;
	color:#999;
	font-size:1.4em;
	
}

#top a, #top a:link, #top a:visited{
		text-decoration:none;
		color:#999;
}

#top a:hover{
	color:red;
}

.name{
	text-align:left;
	float:left;
	font-weight:bold;
	color:#6a5b52;
}
/*was 850px before 100% */
#banner{
	text-align:center;
	width:850px;
	height:204px;
	position: relative;
}

#banner .img{
	padding:0px;
	margin:0px;
}

#banner ul{
	list-style-type:none;
	background-image:url('images/navgradientdkred.gif');
	width:850px;
	height:39px;
	margin-top:-3px;
}

#banner li{
	float:left;
}
/* old style had 19px pad right and left, this adds in no background to last nav element allowing for more padding */
#banner ul a,#banner ul a:link, #banner ul a:visited{
	background-image:url('images/navdividerm.gif');
	background-repeat:repeat-y;
	background-position:right;
	padding-right:11px;
	padding-left:11px;
	display:block;
	line-height:39px;
	text-decoration:none;
	font-family:'myriad pro', arial, sans-serif;
	text-transform:uppercase;
	font-size:1.6em;
	color:#fff;
}



#banner ul a:hover{
	background-image:url('images/hovnavgradient.gif');
	background-repeat:repeat-x;
	color:#000;
}

/*************Home Page Styles**********/
/*colLeft, colCenter, colRight = 850px;*/ 
/***************************************/
#colLeft{
	float:left;
	width:260px;
	text-align:left;
	padding-top:30px;
	margin-left:50px;
	padding-left:20px;
}

#colCenter{
	float:left;
	width:360px;
	padding-top:30px;
	padding-right:20px;
	padding-left:20px;
	font-size:1.6em;
}
	
#colRight{
	float:left;
	width:160px;
	padding-top:30px;
}

#colRight img{
	padding-bottom:15px;
}

#footer{
clear:both;
	   position: relative;
    bottom: 0;
	
	width:100%;
	
	
	background-color:#484a68;
	color:#fff;
	font-size:1.3em;
}

#footer, #push {
	height: 25px; /* .push must be the same height as .footer */
}

#footer p {
	position: absolute;
	left: 0;
	bottom: 4px;
	width: 920px;
	padding: 0;
	padding-left:25px;
	color: #fff;
	font-size: 0.6em;
	font-family: arial,sans-serif;
	text-align: left;
}

/***************/
/* List Styles */
/***************/

/*old color was #ccccff */
#pushList{
	margin-top:20px;
	padding:10px;
	margin-bottom:10px;
	padding-left:20px;
	background-color:#ccc;
	font-size:.9em;
	line-height:1.5em;
}

/****************/
/* Image Styles */
/****************/

.imageBorder{
	border: 2px solid #c22a26;
	padding:2px;
	margin-bottom:20px;
}

.contactbutton{
	margin-top:3px;
	float:right;
}

/***************/
/* Text Styles */
/***************/
.optionalContactText{
	font-size:.7em;
}

/***************/
/* Form Styles */
/***************/
.contactSubmit{
	width:200px;
	height:30px;
	background-color:#cc3333;
	background-image:url('images/metalbg.gif');
	color:#fff;
	
}

.contactSubmit:hover{
	color:#cc3333;
}

.inputSpace{
	margin-bottom:10px;

}
/***************/
/* Page Styles */
/* For pages with only 2 columns, this extends the width to fill up page */
/***************/


#colWhole{
	width:850px;
	min-height:100%;
	padding-top:20px;
	padding-bottom:15px;
	font-size:1.6em;
}

/*		Home		*/
#home_colStretch{
	float:left;
	width:560px;
	min-height:100%;
	padding-top:20px;
	padding-right:20px;
	padding-bottom:20px;
	font-size:1.6em;
}

/*		Servicios		*/
#serv_colLeft{
	float:left;
	width:330px;
	text-align:left;
	padding-top:20px;
	padding-left:50px;
	margin-left:20px;
	padding-right:20px;
	font-size:1.6em;
}

#serv_colStretch{
	float:left;
	width:415px;
	min-height:100%;
	padding-top:15px;
	padding-right:20px;
	padding-bottom:20px;
	font-size:1.6em;
}

.serv_content{
	margin-bottom:20px;
}


.servicios, .servicios2{
display:block;
background-color:#ccc;
width:435px;
height:auto;
padding:10px;
margin-top:12px;
margin-bottom:5px;
}

.servicios2{
background-color:#fff;
border:1px solid #c22a26;
}

.servicios ul, .servicios2 ul{
padding-left:20px;
}

/*		Contacto		*/
/* padding-bottom 0 if header is flush at bottom. added 20px to accomodate larger content */
#colStretch{
	float:left;
	width:520px;
	min-height:100%;
	padding-top:20px;
	padding-right:20px;
	padding-bottom:20px;
	font-size:1.6em;
}

#contactForm{
	height:405px;
	padding:5px;	
	margin-bottom:15px;
	margin-top:-50px;
	width:590px;
	border: 3px solid #c22a26;
	float:left;
}

#leftform{
	float:left;
	width:156px;
	height:360px;
	background-color:#ccc;
	padding:20px;
}

/* old background-color:#cccffd */
#rightform{
	float:left;
	width:300px;
	height:330px;
	background-color:#fff;
	padding:20px;
}

.contactHeading{
	text-decoration:underline;
	display:block;
	padding-bottom:14px;
	padding-top:14px;
	font-weight:bold;
}

#contactInfo{
	float:left;
	font-size:.9em;
	width:210px;
	padding-right:30px;
}

.contactTitle{
	font-weight:bold;
	padding-top:35px;
	}