/* General styles 
----------------------------------------------- */
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#fff;
		min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
		text-align:center;
		background-image: url(imgs/back-all.jpg);
		background-repeat: no-repeat;
		background-position: center top;
	}
	#fixed {
		margin:0 auto;
		width:974px;   /* you can use px, em or % */
		text-align:left;
}
	a {
		color:#369;
		text-decoration:none;
	}
	a:hover {
		text-decoration:none;
	}
	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	img {
		margin:0 0 0px;
	}
	.buttEs {
		margin:0 50px 0 0;
		border:none;
	}
	.buttPt {
		margin:0 0px 0 0;
		border:none;
	}
	
	
/* Header styles 
----------------------------------------------- */
	
	#header {
		clear:both;
		float:left;
		width:100%;
		height:256px;
		background-image: url(imgs/top.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		text-align:center;
	}
	#splash {
		clear:both;
		float:left;
		width:100%;
		height:321px;
		background-image: url(imgs/top-splash.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		text-align:center;
		margin-top: 70px;
	}
	#logos {
		width:100%;
		height:28px;
		background-image: url(imgs/top-splash.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		text-align:center;
		padding-top:262px;
	}
	
	#header p,
	#header h1,
	#header h2 {
		padding:.4em 15px 0 15px;
		margin:0;
	}
	#header ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
	}
	#header ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
	#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 1px;
		padding:3px 10px;
		text-align:center;
		background:#eee;
		color:#000;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.3em;
	}
	#header ul li a:hover {
		color:#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
		color:#fff;
		font-weight:bold;
	}
	#header ul li a span {
		display:block;
	}
	
	
/* 'widths' sub menu
----------------------------------------------- */
	
	
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	
	
/* column container 
----------------------------------------------- */
	
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		padding-top:25px;
		background-image: url(imgs/rodillo.jpg);
	background-repeat: no-repeat;
	background-position: 290px 1px;
	}
	.colmaskgal {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		padding-top:25px;
	
	}
	
	
/* common column settings 
----------------------------------------------- */
	
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	
	/* 2 Column (right menu) settings */
	
	.rightmenu .colleft {
		right:0px;			/* right column width */
			/* left column background colour */
	}
	.rightmenu .col1 {
		width:570px;			/* left column content width (left column width minus left and right padding) */
		left:0px;			 /*(right column width) plus (left column left padding) */
	}
	.rightmenu .col2 {
		width:380px;			/* right column content width (right column width minus left and right padding) */
		left:0px;			 /*(right column width) plus (left column left and right padding) plus (right column left padding) */
	}
	
	
/* Footer styles 
----------------------------------------------- */
	
#footer {
	clear:both;
	float: right;
	text-align:right;
	height: 109px;
	width:100%;
	background-image: url(imgs/footer.jpg);
	background-repeat: repeat-x;
	background-position: center;
}
.splashFoot {
		margin-top: 150px;
}
#footer p {
	font-family: Arial, Helvetica, sans-serif;
	color: #717171;
	font-size: 12px;
	line-height: 25px;
	padding: 75px 35px 0 0;
	margin:0;
}
.footer a {
	color: #fff;
	text-decoration: underline;
	border: 0;
}
	
.foot:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 10px;
	text-align: left;
	letter-spacing: 1px;	
}
.foot:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 10px;
	text-align: left;
	letter-spacing: 1px;
}.foot:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #F30;
	font-size: 10px;
	text-align: left;
	letter-spacing: 5px;
}.foot:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #F30;
	font-size: 10px;
	text-align: left;
	letter-spacing: 1px;
}

.foot- {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 11px;
	text-align: left;
	letter-spacing: 1px;
}
	
/* CONTENT DIVS
----------------------------------------------- */
.imgt {
	height: 21px;
	font-size: 10px;
	margin: 0 0 0 15px;
}
.conttp {
	width:530px;
	height: 180px;
	margin: 0 0 0 15px;
	padding: 20px  0  0px 25px;
	background-image: url(imgs/shadow.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	font-family: Arial, Helvetica, sans-serif;
	color: #717171;
	font-size: 14px;
	line-height: 25px;
}
.contlr {
	width:530px;
	height: 180px;
	margin: 0 0 0 15px;
	padding: 20px  0  0px 0px;
	color: #717171;
	font-size: 14px;
	line-height: 25px;
	
}
.contserv {
	width:530px;
	/*height: 180px;*/
	margin: 0 0 0 15px;
	padding: 20px  0  0px 25px;
	background-image: url(imgs/shadow.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	font-family: Arial, Helvetica, sans-serif;
	color: #717171;
	font-size: 14px;
	line-height: 25px;
}
.servicios{
	width:500px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	color: #717171;
	font-size: 11px;
	line-height: 20px;
}
.contcont {
	width:530px;
	/*height: 180px;*/
	margin: 0 0 0 15px;
	padding: 20px  0  0px 25px;
	background-image: url(imgs/shadow.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	font-family: Arial, Helvetica, sans-serif;
	color: #717171;
	font-size: 14px;
	line-height: 25px;
}
.conttext{
	width:500px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	color: #717171;
	font-size: 11px;
	line-height: 20px;
}
.contgal {
	width:900px;
	/*height: 180px;*/
	margin: 0 0 0 15px;
	padding: 20px  0  0px 25px;
	background-image: url(imgs/shadow.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	font-family: Arial, Helvetica, sans-serif;
	color: #717171;
	font-size: 14px;
	line-height: 25px;
}
.left{
	width:150px;
	float:left;
}

.right{
	width:370px;
	float:right;
}
.shadleft{
	width:230px;
	float:left;
	background-image: url(imgs/shadow.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 20px  0  0 25px;
	font-family: Arial, Helvetica, sans-serif;
	color: #717171;
	font-size: 11px;
	line-height: 20px;
}

.shadright{
	width:230px;
	float:right;
	background-image: url(imgs/shadow.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 20px  0  0 25px;
	font-family: Arial, Helvetica, sans-serif;
	color: #717171;
	font-size: 11px;
	line-height: 20px;
}
/* TEXT 
----------------------------------------------- */
.tbold {
	font-family: Arial, Helvetica, sans-serif;
	color: #AD4A2D;
	font-size: 14px;
	font-weight:bold;
	text-align:	left;
	line-height: 20px;
	letter-spacing: -0.2px;
}
.title {
	font-family: Arial, Helvetica, sans-serif;
	color: #37600e;
	font-size: 14px;
	font-weight:bold;
	text-align:	left;
	line-height: 35px;
	letter-spacing: -0.2px;
}
.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	color: #536071;
	font-size: 12px;
	font-weight:bold;
	text-align:	left;
	line-height: 25px;
}
.red {
	font-family: Arial, Helvetica, sans-serif;
	color: #F00;
	font-size: 11px;
	font-weight:bold;
	text-align:	left;
	line-height: 25px;
}
.top_txt {
	font-family: Arial, Helvetica, sans-serif;
	color: #5e6b6d;
	font-size: 14px;
	text-align:	left;
	line-height: 20px;
	letter-spacing: -0.2px;
}
.cont_txt {
	font-family: Arial, Helvetica, sans-serif;
	color: #748A9B;
	font-size: 13px;
	text-align:	left;
	font-weight:bold;
	line-height: 20px;
	letter-spacing: -0.2px;
}
.gral_txt {
	font-family: Arial, Helvetica, sans-serif;
	color: #5e6b6d;
	font-size: 12px;
	text-align:	left;
	line-height: 20px;
	letter-spacing: -0.2px;
}

/* UL
----------------------------------------------- */
#navi {
	list-style-image:url(imgs/arrow.jpg);
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5e6b6d;
	font-size: 13px;
	margin:0px 0 10px 0;
}
#navi a {
	list-style-image:url(imgs/arrow.jpg);
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 13px;
}
#navi a:hover {
	list-style-image:url(imgs/arrow.jpg);
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	color: #C30;
	font-size: 13px;
}

/* FORMULARIO
----------------------------------------------- */
.field_contact {
margin-bottom: 0px; 
width:400px;
height:25px;
padding: 0 0 0 5px;
border:1px Solid #cccccc; 
background: #FFFFFF; 
background-image:url(imgs/bg_log.jpg);
background-position:bottom;  
background-repeat:repeat-x;
color: #4D4D4D; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; 
margin-left:0px;
}
.message {
	width: 400px;
	border:1px Solid #cccccc;
	padding:0 0 0 5px;
	background-position:bottom;
	background-image: url(imgs/bg_log.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	color: #4D4D4D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:0px;
}