/* 
CSS Color Mate
ver 1. 13-10-2008
*/

/* Normalization de margins y paddings */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, input, p, blockquote, th, td, img
	{margin:0px; padding:0px; border:0px}
/* Normalization de fonts para titles*/
h1, h2, h3, h4, h5, h6
	{font-size:100%;}
/* Remove style from lists*/
ol, ul
	{list-style:none;}
/* Normalization of size and font weight */
address, caption, cite, code, dfn, em, strong, th, var
	{font-style:normal; font-weight:normal;}
	


/*Body-----------------------*/
body, html{
	background-color:#ffffff;
	margin:0px;
	height:100%;
	background-image:url(images/bckg.gif);
	background-position:top;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;

	text-decoration: none;
	color:#787878;
}

h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 31px;
	color: #8c8c8c;
	text-decoration: none;
	font-weight: normal;
	margin-bottom:15px;
}

h2{
font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	color: red;
	text-decoration: none;
	font-weight: normal;
	margin-top:0px;
	margin-bottom:0px;
}
.white {
color:#FFFFFF;
font-weight:bold;
}

#wrapper {
width:1010px;
height:auto;
margin-left:auto;
margin-right:auto;
}

#nav {
	width:500px;
	height:54px;
	float:right;
	position:relative;
	padding-top:20px;
	z-index: 2;
}

#nav li{
	float:right;
	position:relative;
	display: inline-block;
	margin-left: 25px;
	height:36px;
	z-index: 20;
	padding-bottom:0px;
}


#nav li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	
}

#nav li a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:red;
	text-decoration: none;
}


.active {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;

	color:red;
	text-decoration: none;
	background-image:url(images/over.gif);
	background-position: center;
	background-position:bottom;
	background-repeat:no-repeat;
	height:36px;
	z-index:1000;
}


#over {
width:24px;
height:13px;
float:right;
position:relative;
margin-top:-1px;
right:50px;

}

#top {
width:1010px;
height:84px;
background-image: url(images/top.gif);
background-repeat:no-repeat;
float:left;
margin-top:-30px;
}


#call_phone{
	width:300px;
	height:96px;
	float:left;
	position:relative;
	text-align:right;
	margin-top:-12px;
	left:350px;
	text-align:left;	
}

#call_phone img{
	float:right;
	position:relative;

}

.red_text{
	color:#F00;
	font-size:16px;
	font-weight:bold;
		margin-top:30px;
		position:relative;
		float:left;
		width:180px;
		text-align:right;
}

.white_text{
	color:#Fff;
	font-size:18px;
	font-weight:bold;
	line-height:25px;
	position:relative;
		float:left;
		width:177px;
		text-align:right;
		padding-right:3px;
}


#phone {
	width:340px;
	height:49px;
	float:right;
	position:relative;
	text-align:right;
	padding-top:22px;
	top: 5px;
}

#phone a{
	color:#fff;
	text-decoration:none;
}

#phone a:hover{
	color:#F00;
}


#flash {
width:1010px;
height: auto;
float:left;
position:relative;
}

#flash_interior {
width:1010px;
height:100px;
float:left;
position:relative;
background-color:#FF0000;
}


#content_home {
width:1010px;
height:auto;
float:left;
position:relative;
}

#content_interior_right {
width:775px;
height:auto;
float:right;
position:relative;
top:30px;
margin-bottom:50px;
padding-left:26px;
padding-right:25px;
background-image:url(images/line2.gif);
	background-position: left;
	background-repeat:repeat-y;
}

#content_interior_right a{
font-family:Arial, Helvetica, sans-serif;

	font-size: 12px;
	color: red;
	text-decoration: underline;
	line-height: 20px;
}

#content_interior_right a:hover{
font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	text-decoration: underline;
	line-height: 20px;
}


#content_interior_right ul{
	display: block;
}


#content_interior_right li{
	display: list-item;
font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	list-style-position: inside;
	list-style-type: disc;	
}



#content_interior_right p{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 17px;
}



#content_interior_left {
	width:159px;
	height:409px;
	float:left;
	position:relative;
	top:30px;
	padding-right:25px;
}

#content_interior_left2 {
	width:159px;
	height:309px;
	float:left;
	position:relative;
	top:30px;

	padding-right:25px;
}


#box {
width:278px;
height:156px;
float:left;
position:relative;
top:31px;
background-position:right;
background-image:url(images/line.jpg);
background-repeat:no-repeat;
padding-right:28px;
margin-right:28px;
}


#box a{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #787878;
	text-decoration: none;
	line-height: 20px;
}


#box2 a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 20px;
}

#box2 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #787878;
	text-decoration: none;
	line-height: 20px;
}


#box a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 20px;
}


#box2 {
width:300px;
height:156px;
float:left;
position:relative;
top:31px;
background-position:right;
background-image:url(images/line.jpg);
background-repeat:no-repeat;
padding-right:28px;
margin-right:28px;
}


#box3 {
	width:318px;
	height:156px;
	float:left;
	position:relative;
	top:31px;
}


#content_home  p{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #787878;
	text-decoration: none;
	line-height: 20px;
}


#box3 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: red;
	text-decoration: underline;
	line-height: 20px;
}
 
#box3 a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: blue;
	text-decoration: underline;
	line-height: 20px;
}
 
 
#footer {
	width:1010px;
	height:30px;
	float:left;
	position:relative;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	padding-top:10px;
	font-family: Arial;
	font-size:11px;
	color: #595959;
}

#footer a{
	font-family: Arial;
	font-size:11px;
	color: #595959;
	text-decoration: none;	
}

#footer a:hover{
	font-family: Arial;
	font-size:11px;
	color: #ffffff;
	text-decoration: none;
}


.cal_footer {
	float:right;
	font-family: Arial;
	font-size:11px;
	color: #595959;
}

#content_interior_left  ul{

	display: block;
}

#content_interior_left  li{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: right;
	padding-bottom:15px;
}

#content_interior_left  li a{
	font-family:Arial, Helvetica, sans-serif;

	color: #FFFFFF;
	text-decoration: none;
	text-align: right;
	padding-bottom:15px;
}

#content_interior_left  li a:hover{
	font-family:Arial, Helvetica, sans-serif;
	
	color: red;
	text-decoration: none;
	text-align: right;
	padding-bottom:15px;
}

.images {
padding-right:15px;
padding-bottom:15px;
}

#services_box{
	float:left;
	position:relative;
	width:775px;
	margin-top:30px;
}

#services_box p{
	float:left;
	position:relative;
	width:640px;
}

#content_interior_right p.err{
color:#F00;
margin:0px;
}

.buttons{
	width:70px;
	height:25px;
	position:relative;
	float:left;
	background-color:#F00;
	color:#FFF;
	margin-right:10px;
}
/* Date Picker with Jquery */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: -1px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 130px;
	float: left;
}
