@charset "utf-8";

html { margin: 0; padding: 0; }

body { 
	font: 72% verdana, arial, sans-serif;
	color: #666;
	margin: 0; padding: 0;
}

/*//////////////////////////////////
	DIVISIONES GLOBALES
//////////////////////////////////*/

#cabecera {
	width: 790px;
	height: 217px;
	margin: 0 auto;
	background: #fff url(./entorno/cabecera.jpg) top left no-repeat;
	}
	
#pie {
	width: 790px;
	height: 100px;
	margin: 10px auto;
	border-top: 2px solid #728d31;
	}
	
#cuerpo {
	width: 790px;
	margin: 10px auto;
	}
	
div#ficha { width: 300px; float: left; }
div#fotos { width: 470px; float: right; }

/*//////////////////////////////////
	CLASES  GLOBALES
//////////////////////////////////*/

.floatLeft  	{ float: left; }
.floatRight	{ float: right; }
.centerText	{ text-align: center; }
.rightText	{ text-align: right; }
.break	{ clear: both; }


/*//////////////////////////////////
		CABECERAS
//////////////////////////////////*/

h2, h3, h4 { font-family: "Trebuchet MS", times, serif; }

h2 { font-size: 2em; color: #060; }
h3 { font-size: 1.8em; color: #060;  }
h4 { font-size: 1.6em; color: #060; margin-bottom: .3em;  }


/*//////////////////////////////////
		ENLACES
//////////////////////////////////*/

a { text-decoration: none; }
a:hover { border-bottom: 1px solid #728d31; }
img a:hover  { border: none; }

	
/*//////////////////////////////////
		FORMULARIOS
//////////////////////////////////*/
	
div.formulario { width: 220px;  }

label { display: block; line-height: 25px; height: 25px; }

span.tag 	{
	width: 110px;
	font-weight: bold; 
	float: left;
	text-align: left;
	}

span.inputer 	{
	font-weight: bold; 
	float: right;
	text-align: right;
}	

input.boton {
	width: 168px;
	height: 27px;
	line-height: 27px;
	background: url(entorno/baseBTN.jpg) top left no-repeat;
	font: bold 1em tahoma, sans-serif;
	border: none;
	color: #fff;
	}


/*//////////////////////////////////
		DIV HEADER
//////////////////////////////////*/	

#cabecera h1 span, #cabecera p span { display: none; } 


/*//////////////////////////////////
		DIV FOOTER
//////////////////////////////////*/	

#pie p {
	font: 1em tahoma, verdana, sans-seif;
	color: #999;
	margin: 0;
	}
	
/*//////////////////////////////////
		LISTAS
//////////////////////////////////*/
	
ul.opciones li { clear: both; }
ul.opciones span.opcion { font-weight: bold; width: 110px; float: left; }	
ul.opciones span.valor {  float: right; text-align: right; }	

div#fotos ul { list-style: none; }


/*//////////////////////////////////
		VARIOS
//////////////////////////////////*/
.animal img, div#fotos li img { padding: 3px; border: 1px solid #666; background: #fff; margin-right: 10px; }
#subopciones p { display: inline; }