* {
	margin: 0;
	padding: 0;
}

html, body {
	color: #6c6a64;
	font: 0.9em Arial, Helvetica, sans-serif;
	line-height: 20px;
}

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	padding-bottom: 10px;
}

li, dd, blockquote {
	margin-left: 15px;
}

form, label {
	font-size: 1.0em;
}

fieldset {
	border: none;
}

input, select, textarea {
	font: 1.05em Arial, Helvetica, sans-serif;
}

img {
	border: 0;
}


h1 {
	font-size: 1.8em;
	margin-top: 24px;
	margin-left: 27px;
	float: left;
}

h2 {
	color: #d4d0c5;
	font-size: 1.5em;
	margin-bottom: 10px;
	margin-top: 25px;
}

h3 {
	margin-left: 10px;
	margin-bottom: 10px;
}

strong {
	color:  #000;
}

a:link {
	color: #6c6a64;	
}

a:visited {
	color: #6c6a64;
}

/* --------------- CONTENEDORES ---------------  */

body {
	text-align: center;
	background: url(../img/cabecerafondo.gif) top repeat-x;
}

#contenedor {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#cabecera {
	height: 125px;
	background: url(../img/cabecera.jpg) center no-repeat;
}

#menu {
	margin-top: 28px;
	float: right;
}

#menu li {
	list-style-type: none;
	float: left;
}

#menu li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 34px;
}

#menu li#home {
	background-image: url(../img/home_off.gif);
  	width: 60px;	
}

#menu li#concepto {
	background-image: url(../img/concepto_off.gif);
  	width: 80px;
}

#menu li#servicios {
	background-image: url(../img/servicios_off.gif);	
  	width: 80px;
}

#menu li#contacto {
	background-image: url(../img/contacto_off.gif);
  	width: 80px;	
}

/* Menu hover  */

#menu li#home a:hover {
	background-image: url(../img/home_on.gif);
}

#menu li#concepto a:hover {
	background-image: url(../img/concepto_on.gif);
}

#menu li#servicios a:hover {
	background-image: url(../img/servicios_on.gif);
}

#menu li#contacto a:hover {
	background-image: url(../img/contacto_on.gif);
}

/* Menu activo  */

#menu li#home a#resalte {
	background-image: url(../img/home_on.gif);
}

#menu li#concepto a#resalte {
	background-image: url(../img/concepto_on.gif);
}

#menu li#servicios a#resalte {
	background-image: url(../img/servicios_on.gif);
}

#menu li#contacto a#resalte {
	background-image: url(../img/contacto_on.gif);
}

#foto {
	border-left: solid #d4d0c5 1px;	
	border-right: solid #d4d0c5 1px;
	margin-bottom: 50px;
	margin-right: 35px;
	float: left;	
}

#fototexto {
	background-image: url(../img/cuadroconcepto.gif);
	width: 208px;
	height: 126px;
	padding-top: 27px;	
	padding-left: 25px;
	padding-right: 20px;
	font-size: 0.9em;
	font-weight: normal;
}

#texto {
	margin-top: 5px;
	width: 450px;
	float: left;
}

#textocontacto {
	margin-top: 5px;
	width: 300px;
	float: left;
}

#texto span, #textocontacto span {
	background-color: #e8e6e0;
	padding: 2px;
	font-weight: bold;
	font-size:0.9em;
}

#extra {
	padding-left: 30px;
	padding-right: 20px;
	float: left;
	height: 360px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

#extrahome {
	margin-top: 20px;	
}

#extraconcepto  {
	margin-top: 40px;
	margin-bottom: 10px;
}

#extraservicios {
	font-size: 0.80em;
	margin-top: 90px;
	background-image: url(../img/cajaservicios.gif);
	width: 135px;
	height: 243px;
	padding-top: 20px;	
	padding-left: 15px;
	padding-right: 15px;
	font-weight: bold;
	line-height: 17px;
}

ul.lista {
	margin-left: 10px;
} 
 

ul.lista li {
	list-style-type: none;
	margin-bottom: 5px;
	font-color: #999999;
} 
 
.textolista {font-size: 0.8em}

#pie {
	border-top: solid #f6f6f3 10px;
	clear: both;
	padding-top: 15px;
}

#pie a {
	color: #000;
	text-decoration: none;
	padding-left: 4px;
	padding-right: 4px;
}

#pie a:hover {
	color: #6c6a64;
}

#pie span#izq {
	float: left;
	margin-right: 10px;
	padding-top: 2px;
	/*font-size: 0.85em;*/
	padding-bottom: 20px;
}

#pie span#der {
	float: right;
	margin-left: 10px;
}

/* --------------- FORMULARIO ---------------  */

.formulario {
	margin-top: 140px;
	width: 315px;
	float: left;
}

.formulario input, .formulario textarea {
	background-color: #f6f6f3;
	border: 1px solid #fff;
	color: #6c6a64;
	width: 295px;
	padding: 8px;	
}

.formulario textarea {
	overflow: auto;
	height: 100px;		
}

.formulario img {
	float: right;
}

/* --------------- FORMULARIO 2---------------  */

.formulario2 {
	margin-top: 100px;
	width: 315px;
	float: left;
}

.formulario2 input, .formulario2 textarea {
	background-color: #f6f6f3;
	border: 1px solid #fff;
	color: #6c6a64;
	width: 295px;
	padding: 8px;	
}

.formulario2 textarea {
	overflow: auto;
	height: 100px;		
}

.formulario2 img {
	float: right;
}
/*----------------------EXTRA------------------------*/
.exito {
	color: #FFCC00;
	font-size: 1.2em;
}