/*
      Created by Grafart
	  
*/

/* 0.6em=10px 0.7em=11px 0.76em=12px  */ 

* { padding: 0; margin: 0; }

body { font-family: Arial, Helvetica, sans-serif; font-style: normal; background-color: #66cc00; }
img { border: 0; vertical-align: bottom; }
#wrapper { margin: 0 auto; width: 800px; }
#header { color: #333; width: 800px; float: left; height: 145px; margin: 10px 0 0 0; background-color: #fff; }
#logo { float: left; width: 300px; }

#navigation { width: 500px; height: 26px; margin-top: 119px; float: right; }
ul#nav-m { float: right; margin: 0; padding: 0; height: 26px; width: 500px; }
ul#nav-m li { display: block; float: right; }
ul#nav-m li a { display: block; outline: none; height: 26px; background: url('../images/menu/nav.jpg') no-repeat 0 0; text-indent: -9009px; margin: 0; border: none; padding: 0; }
ul#nav-m li a:hover { border: none; }

ul#nav-m li#empresa a { width: 100px; background-position: 0 0; }
ul#nav-m li#servicios a { width: 100px; background-position: -100px 0; }		
ul#nav-m li#clientes a { width: 100px; background-position:-200px 0; }
ul#nav-m li#contactanos a { width: 100px; background-position:-300px 0; }
	/*-- menu - hover --*/
	ul#nav-m li#empresa a:hover { background-position: 0 -26px; }
	ul#nav-m li#servicios a:hover { background-position: -100px -26px; }
	ul#nav-m li#clientes a:hover { background-position:-200px -26px; }
	ul#nav-m li#contactanos a:hover { background-position:-300px -26px; }
	/* menu - over-ride */
	#nav-main.empresa ul#nav-m li#empresa a { background-position: 0 -26px; }
	#nav-main.servicios ul#nav-m li#servicios a { background-position: -100px -26px; }
	#nav-main.clientes ul#nav-m li#clientes a { background-position: -200px -26px; }
	#nav-main.contactanos ul#nav-m li#contactanos a { background-position: -300px -26px; }

#centercolumn { margin: 0; width: 800px; float: left; }
#leftcolumn { margin: 0; width: 300px; float: left; }
#rightcolumn { font-weight: 700; color: #fff; float: right; margin: 0; padding: 25px 15px 0 15px; width: 470px; display: inline; text-align: justify; }
#rightcolumn p { padding-bottom: 10px; }
	#sec-nosotros { font-size: 1.0em; }
	#sec-servicios , #sec-contactenos , #sec-clientes { font-size: 0.9em; }
	#sec-servicios ul { margin: 0 0 10px 25px; }
	
	/* formulario de contactos */
	input, textarea, select { font-size: 100%;	font-family: inherit; }
	textarea { resize: none; }
	form.cmxform fieldset {	border: 0;}
	form.cmxform label { display: inline-block;	line-height: 1.3em; vertical-align: top; }
	form.cmxform fieldset p { list-style: none;	padding: 0; margin: 0 0 0 10px; }
	form.cmxform fieldset fieldset { border: none;	margin: 0; }
	form.cmxform fieldset fieldset legend {	padding: 0; font-weight: normal; }
	form.cmxform fieldset fieldset label { display: block;	width: auto; }
	form.cmxform label { width: 130px; } /* Width of labels */
	form.cmxform fieldset fieldset label { margin-left: 103px; } /* Width plus 3 (html space) */
	form.cmxform label.error { margin-left: 20px;	width: 220px; }
	form.cmxform input.submit {	margin-left: 0; }
	/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */
	form.cmxform legend { padding-left: 0; }
	form.cmxform fieldset fieldset { background: none; }
	/*#contactForm label{ float: left; width: 165px; line-height: 23px; }*/
	form.cmxform fieldset p, form.cmxform fieldset fieldset { padding: 0; }
	form.cmxform label.error, label.error {
		/* remove the next line when you have trouble in IE6 with labels in list */
		color: red;	font-style: italic;	}
	
	input.error , textarea.error { border: 1px solid red; }
	.input-text , .input-textarea , .input-telf { border: 1px solid #fff; background-color: #66cc00; font: normal 1.0em Arial, Verdana, Helvetica, sans-serif; color: #fff;  }
	.input-text , .input-textarea { width: 270px; }
	.input-telf { width: 190px; }
	.input-text , .input-telf {  height: 18px; }
	.input-textarea { overflow: auto; height: 100px; }
	.input-button , .input-reset { width: 80px; height: 24px; font: normal 700 1.0em Arial, Verdana, Helvetica, sans-serif; letter-spacing: -1px; cursor: pointer; color: #fff; border: 0; background: url('../images/btn.gif') top left no-repeat; }
	.input-button { margin: 0 0 0 135px; }
	.input-reset { margin: 0 0 0 5px; }
	#cargando { margin: 0 0 0 68px; position: absolute; top: 458px; }
	

#footer {  width: 800px; height: 54px; clear: both; font-weight: 700; text-align: center; color: #fff; background-color: #000066; margin: 0 0 10px 0; padding-top: 25px; }
#footer .direccion { font-size: 0.76em; }
#footer .copy { font-size: 0.6em; }