/*
  *	archivo creado artesanalmente con notepad++ 
  *	http://notepad-plus.sourceforge.net
  *
  *	emilio mariscal ( emi420@gmail.com )
  * 	http://proyecto83.com
  *
  */
  
/*-------------------------------------------------------------
	estilos generales
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */  

html { height: 100% ; }

body {
	background: #E1DCD9 ;
	font-family:  verdana, helvetica, sans-serif ;
	font-size: 62.5% ;
	color: #173335 ;
	height: 100% ; 
}

/*** Internet Explorer 6 ***/
* html body {
	height: auto ;
}

h1 {
	margin: 0 0 0.6em 0 ;
}

h2 {
	margin: 0.7em 0 0.7em 0 ;
}

h3 { 
	margin: 0.7em 0 0.7em 0 ;
}

h4 {
	margin: 1em 0 1em 0 ;
	font-size: 1.4em ;
}

.cuadro h2 {
	margin: 0 ;
}

p,span, li, label {
	font-size: 1.2em ;
}

p {
	line-height: 160% ;
	margin-bottom: 1em ;
}

a {
	color: #004e56 ;
	text-decoration: none ;
}

a:hover {
	color: #d18007 ;
	text-decoration: underline ;
}

p a, span a {
	text-decoration: underline ;
}

h2 a, h3 a {
	color: #173335 ;
}

/*-------------------------------------------------------------
	clases útiles
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

.izq {
	float: left ;
}

.der {
	float: right ;
}

img.imagen {
	display: block ; 
	padding: 0.7em ;
	border: 1px solid #E1DCD9;
	background: #fff ;
	height: auto !important ;
}

img.imagen.izq {
	margin-right: 1em ;
	margin-bottom: .5em ;
	height: auto !important ;
	width: auto !important ;
}

.center {
	text-align: center ;
}

.wrapper.imagen {
	min-height: 23em ;
	height: auto !important ;
	height: 22em ;
}

.wrapper.equipo  {
	height: 13em ;
}

.small {
	font-size: .9em ;
	margin-top: 1em ;
}

/*-------------------------------------------------------------
	cuadros
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

.cuadro {
	margin-bottom: 1.5em ;
}

.cuadro .inside {
	background: #E1DCD9 ;
	padding: 0 1.5em 0.3em 1.5em ;
}

.cuadro .inside ul li h3 {
	margin: 0.3em 0 0.3em 0 ;
}

.cuadro .inside p {
	margin-top: 1em ;
}

.cuadro .inside li p {
	font-size: 0.9em ;
	margin-top: 0 ;
}

.cuadro .top-left {
	margin-right: 15px; 
	background-image: url('../imagenes/cuadros/cuadro1.png');
	height: 15px;
	font-size: 2px; 
}

.cuadro .top-right {
	margin-top: -15px; 
	margin-left: 15px; 
	background-image: url('../imagenes/cuadros/cuadro1.png'); 
	background-position: 100% 0; 
	height: 15px; 
	font-size: 2px;
}

.cuadro .bottom-left {
	margin-right: 15px; 
	background-image: url('../imagenes/cuadros/cuadro1.png');
	background-position: 0 -15px; 
	height: 15px;
	font-size: 2px;
}

.cuadro .bottom-right {
	margin-top: -15px; 
	margin-left: 15px; 
	background-image: url('../imagenes/cuadros/cuadro1.png'); 
	background-position: 100% -15px;
	height: 15px; 
	font-size: 2px; 
}

/*-------------------------------------------------------------
	iconos
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

span.icono.oro {
	display: block ;
	background-image: url('../imagenes/iconos/oro.png')  ;
	background-repeat: no-repeat ;
	background-position: bottom left ;
	padding-left: 2em ;
	height: 16px;
	clear: left ;
}

/*-------------------------------------------------------------
	formularios
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.formulario {
	overflow: hidden ;
	padding: 15px 0 20px 0 ;
	width: 100% ;
}

.formulario  .campo {
	margin-bottom: 0em ;
}

.formulario  .campo label {
	display: block ;
	margin-bottom: 0.5em ;
	color: #333 ;
	font-weight: bold ;
	float: left ;
	width: 32% ;
	text-align: right ;
	color: #666 ;
	padding-right: 2em ;
	padding-top: 0.3em ;
}

.formulario .campo .inputtext, .formulario .campo .inputpassword, .formulario .campo .textarea, .formulario .campo select {
	margin-bottom: 7px ;
	border: 1px solid #999 ;
	height: 17px ;
	background: #fff ;
	padding: 1px ;
	width: 58% ;
}

.formulario .campo .textarea {
	height: 140px ;
	width: 98% ;
	text-align: top ;
}

.formulario .campo select {
	margin-bottom: 7px ;
	border: 1px solid #999 ;
	background: #fff ;
	height: auto ;
}

.formulario .wrapper.izq {
	width: 60% ;
}

.formulario .wrapper.der {
	width: 40% ;
}

.formulario .wrapper.der .campo label {
	float: left ;
	padding: 0 0 0.6em 0 ;
	width: auto ;
}

/*-------------------------------------------------------------
	campos de texto
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

input.texto {
	border: 4px solid #e9e9e9 ;
	background: #e9e9e9 ;
	padding: 0 ;
	margin: 5px 0 5px 0 ;
}

input.texto:hover {
	background: #fff ;
	border: 4px solid #fff ;
}

/*-------------------------------------------------------------
	botones
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

input.boton{

    background:#666 url('../imagenes/boton.png') repeat-x;
    color:#fff;
    border:1px solid #555;
	
    display:block;
    margin: 1em 7px 0 0;

	font-family: arial, helvetica, sans-serif ;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
    padding: 0.2em 1em 0.3em 1em ; 

}

/*-------------------------------------------------------------
	enlaces
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.ver-informe {
	font-size: 1.1em ;
	background-image: url('../imagenes/iconos/entrar.png') ;
	background-repeat: no-repeat ;
	background-position: bottom left ;
	padding-left: 1.5em ;
}

.enviar-mensaje {
	font-size: 1.1em ;
	background-image: url('../imagenes/iconos/contacto.png') ;
	background-repeat: no-repeat ;
	background-position: bottom left ;
	padding-left: 2em ;
}

.enlace {
	font-size: 1.1em ;
	background-image: url('../imagenes/iconos/link.png') ;
	background-repeat: no-repeat ;
	background-position: center left ;
	padding-left: 2em ;
}


/*-------------------------------------------------------------
	variedades
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.hr {
	background-image: url('../imagenes/fondos/hr.png') ;
	background-repeat: repeat-x ;
	background-position: left top ;
	height: 1px ;
}

.cuadro .hr {
	margin: 1em 0 0 0 ;
}

.separador {
	height: 1px ;
	background: 0 ;
	display: block ;
	clear: left;
	padding: 0 0 0 0 ;
}

div.banner {
	margin: 0 0 2em 0 ;
}

.hidden {
	display: none ;
}