/* CSS Document */
@import url('registro.css');/* Para estilos demódulos especiales. Descomentar y editar según se requiera */
/*********************Estilos para Etiquetas**********************/
html, body {
	/*
	height: 100%;/*Para altura de 100% y hack en #lienzo. Descomentar si se necesita */
	margin:0;
	padding:0;
}
body {
	background-color:#F7B000;
	margin:0;
	padding:0;
}
/*****************************************************************/
/***********************Estilos para Id's*************************/
/*LIENZO*/
#lienzo {
/*min-height:100%;
	height:auto !important;
	height:100%;/* Hack para altura 100%. Descomentar si se necesita */
	width:950px;
	margin:0 auto;
	background:url(img_constantes/bg_lienzo.jpg) repeat-y top left;
	position:relative;
}
/*CABECERA*/
#contenedorcabecera {
	position:relative; /* Para esconder #cabecewra h1 */
	width:940px;
	height:215px;
	margin-left:5px;
	background:url(img_constantes/bg_cabecera.jpg) no-repeat top left;
}
#cabecera {
}
#cabecera h1 {
	position:absolute;
	top:-1000px; /* Para esconder #cabecera h1 */
}
/*MENU1*/
/*		- Menú visible en todas las páginas 		*/
#menu1Lienzo {
	position:absolute;
	top:120px;
	left:300px;
}
#menu1Lienzo ul#menu1 {
	list-style:none;
	margin:0;
	padding:0;	
}
#menu1Lienzo ul#menu1 li {
	padding-right:12px;
	float:left;
	width:75px;
	text-align:center;
}
#menu1Lienzo ul#menu1 li#menu116 {
	width:95px;
	margin-top:0px;
}
#menu1Lienzo ul#menu1 li#menu114 {
	margin-top:0px;
}
#menu1Lienzo ul#menu1 li h2 {
	margin:0;
	padding:0;
}
#menu1Lienzo ul#menu1 li a {
	text-decoration:none;
	color:#005FB3;
	font-size:12px;
	width:20px;
	font-weight:bold;
}
#menu1Lienzo ul#menu1 li a:hover {
	color:#099;
}
#menu1Lienzo ul#menu1 li a.activo, #menu1Lienzo ul#menu1 li a:active {
	color:#099;
}
/*MENU2*/
/*		- Menú visible en todas las páginas. ***No son hijos ni hermanos***. Borrar si no se requiere. */
#contenedorIzquierda {
	background:url(img_constantes/menu2_top.jpg) no-repeat top left;
	float:left;
	width:220px;
}
#menu2Lienzo {
	/*background:url(img_constantes/menu2_top.jpg) no-repeat top left;*/
	width:220px;
}
#menu2Lienzo ul#menu2 {
	list-style:none;
	margin:100px 0 0 40px;
	padding:0;
}
#menu2Lienzo ul#menu2 li {
	background:url(img_constantes/bg_menu2.gif) no-repeat top left;
	display:block;
	height:30px;
	width:127px;
}
#menu2Lienzo ul#menu2 li h2 {
	padding-top:5px;
	text-align:center;
}
#menu2Lienzo ul#menu2 li h2 a {
	text-decoration:none;
	color:#FFFFFF;
	font-size:14px;
}
#menu2Lienzo ul#menu2 li h2 a:hover {
}
#menu2Lienzo ul#menu2 li h2 a.activo, #menu2Lienzo ul#menu2 li h2 a:active {
}
/*MIGAJAS*/
#migajas {
	color:#000000;
	font-size:10px;
}
#migajas a {
	text-decoration:none;
	font-size:10px;
	color:#000000;
}
#migajas a:hover {
}
#migajas a.activo, #migajas a:active {
}
.ajax-loading {
	padding:10px 0;
	background: url(http://demos111.mootools.net/demos/Group/spinner.gif) no-repeat center;
	display:none;
}
/*PORTADA*/
/*		- Se añade dinámicamente ***en algunos proyectos*** en la página de inicio
		- Normalmente contiene un SWF y/o módulos personalizados */
/* ID añadido dinámicamente si así se requiere*/
.ancho1 {
	width:249px;
	height:260px;
	margin:0 2px 2px 0;
	padding:0;
	background-image:url(img_constantes/fondos_portada_1.jpg);
}
.ancho2 {
	width:249px;
	height:260px;
	margin:0 0 2px 0;
	padding:0;
	background-image:url(img_constantes/fondos_portada_2.jpg);
}	
.ancho3 {
	width:349px;
	height:259px;
	margin:0 2px 2px 0;
	padding:0;
	background-image:url(img_constantes/fondos_portada_3.jpg);
}
.ancho4 {
	width:147px;
	height:259px;
	margin:0 0 2px 0;
	padding:0;
	background-image:url(img_constantes/fondos_portada_4.jpg);
}
.ancho5 {
	width:166px;
	height:259px;
	margin:0;
	padding:0;
}
.anchocombinado {
	width:500px;
	height:261px;
	margin:0;
	padding:0;
	background-image:url(img_constantes/fondos_portada_5.jpg);
}
#portada {
	float:left;
	width:520px;
	padding:0;
	margin:0;
}
#eventos { font-size:8px !important; text-transform:capitalize; font-weight:normal; }
#portada div {
	float:left;
}
#portada h1 {
	margin:0;
	padding:14px 5px 10px 14px;
	font-size:14px;
}
#portada #mascotaextraviada img {
	border:none;
	margin:0 30px;
}
#portada #mascotaextraviada p {
	margin:8px 14px;
	font-size:11px;
}
#portada h1 a {
	text-decoration:none;
	color:#FBB005;
}
#portada ul {
	list-style:none;
	padding:0;
	margin:0;
}
#portada ul li {
	height:45px;
	margin:0;
	padding:0 10px 8px 14px;
}
#portada ul li a {
	text-decoration:none;
}
#portada ul li a img {
	float:left;
	margin-right:10px;
	border-style:none;
	padding:0;
}
#portada ul li h1 {
	display:inline;
	margin:0;
	padding:0;
	font-size:11px;
}
#portada ul li p {
	margin:0;
	display:inline;
	font-size:10px;
}
#portada ul li h1 a {
	text-decoration:none;
	color:#000;
}
.clearboth {
	clear:both;
}
#contenidoPortada ul {
}
#contenidoPortada ul h1 {
}
#contenidoPortada ul h1 a {
}
#contenidoPortada ul ul {
}
/*CONTENIDOLIENZO*/
#contenidoLienzo {
	margin-left:5px;
	background:url(img_constantes/bg_contLienzo.jpg) repeat-y top left;
	min-height:650px;
	height:auto !important;
	height:650px;/* Hack para altura 100%. Descomentar si se necesita */
	position:relative;
}
#contenidoLienzo h1#contenidoTitulo {
	color:#005FB3;
	font-size:30px;
	border-bottom:solid;
}
.contPagNorm {
/*Clase añadida dinámicamente. dejar vacío si no se requiere.
	  Se pueden añadir más *** plantillas *** de páginas como clases*/
}
/*CONTENIDOHERMANOS*/
/*		- Muestra a los hermanos del registro actual, si los hay.
		  Si el parent es 0, muestra a los hijos del registro actual */
#contenidoHermanos {
	display:none;
}
#contenidoHermanos p {
}
#contenidoHermanos p a {
}
#contenidoHermanos p a:hover {
}
#contenidoHermanos ul#hermanos {
}
#contenidoHermanos ul#hermanos li a {
}
#contenidoHermanos ul#hermanos li a:hover {
}
#contenidoHermanos ul#hermanos li a.activo, #contenidoHermanos ul#hermanos li a:active {
}
/*CONTENIDOTEXTO*/
/*		- Contenido del registro actual. */
#contenidoTexto {
	margin-left:240px;
	padding-bottom:150px;
	background:url(img_constantes/bg_contTexto.jpg) repeat-y top left;
	padding-right:180px;
	margin-right:5px;
	/*position:relative;*/
}
/*CONTENIDOHIJOS*/
/*		- Normalmente, se encuentra dentro de CONTENIDOTEXTO
		- Muestra a los hijos del registro actual, si los hay. */
#contenidoHijos {
	width:420px;
}
ul#hijos {
	list-style:none;
	margin:0;
	padding:0;
}
ul#hijos li {
	height:120px;
	width:420px;
	padding-bottom:10px;
}
ul#hijos .seccion {
}
ul#hijos .seccion h1 {
}
.seccion h1 a {
	text-decoration:none;
	color:#069;
	font-size:15px;
	width:420px;
}
.seccion h1 a:hover {
	text-decoration:underline;
	color:#036;
}
ul#hijos .seccion p#hijosDescripcion {
	margin:0;
	padding:0;
}
ul#hijos .seccion a img {
	float:right;
	display:block;
	width:75px;
	height:75px;
	border:none;
}
ul#hijos .seccion p.seccionMas {
	display:block;
	width:100px;
	padding-left:170px;
	margin-top:0;
	padding-top:0;	
}
ul#hijos .seccion p.seccionMas a {
	color:#1F6EAF;
	text-decoration:none;
	font-weight:bold;
	text-align:right;
}
ul#hijos .seccion p.seccionMas a:hover {
}
/*IMAGENES*/
/*		- Normalmente se encuentra dentro de CONTENIDOTEXTO
		- Como puede haber más de una imagen, lo que se pueda repetir debe manejarse con clases
		- Considerar pie de foto */
#contenidoImagenes {
	float:left;
}
#contenidoImagenes img {
	width:200px;
	margin-right:20px;
}
#contenidoImagenes .pieDeFoto {
}
/*FIRMA*/
/*		- Hacer *** invisible *** span credito cuando se trabaje a terceros */
#firma {
	background:url(img_constantes/bg_firma.jpg) no-repeat top left;
	width:722px;
	height:135px;
	left:218px;
	position:absolute;
	bottom:0;
	font-size:10px;
	text-align:center;
}
#firma p{
	margin-top:25px;
}
span#creditos a {
	text-decoration:none;
	color:#000000;
}
/************************* Estilos de clases ***********************/
.clearboth {
	/*No borrar*/
	clear:both;
}
/*********registro*****************/
#registro {
	width:160px;
	height:90px;
	position:absolute;
	top:2px;
	right:5px;
	color:#FFFFFF;
	text-align:left;
	font-size:9px;
	font-weight:bold;
}
#registro label {
	float:left;
	margin:5px 5px 0 0;
	padding:0;
	width:51px;
}
#registro input {
	clear:left;
	margin:0 0 5px 0;
	padding:0;
	width:48px;
}
#registro p.cs {
	text-align:right;
	margin:3px 5px 0 0;
	padding:0;
}
#registro p.cs a {
	font-size:11px;
	color:#FFF;
	text-decoration:none;
	border-bottom:1px solid white;
}
#registro p.usuario {
	padding:0;
	margin:4px 0 0 40px;
	font-size:10px;
}
#registro p.menu_usuario {
	padding:0;
	margin:4px 0 0 40px;
	font-size:10px;
}
#registro p.menu_usuario a {
	font-size:10px;
	color:#FFF;
	text-decoration:none;
}
#registro .der {
	text-align:right;
	font-size:11px;
}
#registro .der input {
	margin:0 4px 0 0;
	padding:0;
	width:auto;
	vertical-align:bottom;
}
#registro p.principal {
	text-align:left;
	font-size:14px;
	margin:5px 0 0 40px;
	padding:5px 5px;
	background:#61aaf0;
	/*opacity:.5;
	-moz-opacity:0.5;
	filter:alpha(opacity=50);*/
}
#registro p.principal a {
	display:block;
	text-decoration:none;
	color:#012864;
	margin:0;
	padding:0;
}
/*************BANNERS*************/
#banner1 {
	width:120px;
	height:120px;
	margin:20px auto 10px auto;
}
#banner2 {
	width:120px;
	height:120px;
	margin:10px auto;
}
#banner3 {
	width:120px;
	height:120px;
	margin:10px auto;
}
#banner4 {
	width:468px;
	height:60px;
	position:absolute;
	top:20px;
	left:250px;
}
#banner5 {
	width:120px;
	height:120px;
	position:absolute;
	right:40px;
	top:40px;
}
#banner6 {
	width:120px;
	height:120px;
	position:absolute;
	right:40px;
	top:180px;
}
#banner7 {
	width:120px;
	height:120px;
	position:absolute;
	right:40px;
	top:320px;
}
#banner8 {
	width:468px;
	height:60px;
	margin-top:20px;
	margin-left:50px;
	/*position:absolute;
	top:20px;
	left:250px;*/
}
#contenidoLienzo.portada #contenidoTexto {
}
.validation-failed {
  border: 1px solid #f00;
  background-color: #FFCEC1;
}
.validation-passed {
  border: 1px solid green;
  background-color:#D2FFD2;
}
.validation-advice {
  margin: 2px; 
  padding: 2px; 
  color:#fff; 
  background-color:#f00;
}
.warning {
	border: 1px solid #c66;
}
.warning-advice {
	margin: 2px;
	padding: 2px;
	color:#fff;
	background-color:#bbb;
}
/*-------Listar publicaciones----------*/
div#lista_pub fieldset {
	margin:0 0 20px 0;
	padding:10px;	
	border: ridge #666;
}
div#lista_pub fieldset legend {
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	padding:5px;
	border: ridge #666;
	background:#005FB3;
}
div#lista_pub ul {
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}
div#lista_pub ul li{
	margin:0px;
	padding:0;
}
div#lista_pub ul li h1 {
	font-size:12px;
	display:inline;
	margin:0;
	padding:0;
}
div#lista_pub ul li a {
	text-decoration:none;
	font-weight:bold;
	color:#009;
}
/*-----------editar publicación--------------*/
div#editar_pub fieldset legend {
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	padding:5px;
	border: ridge #666;
	background:#005FB3;
}
div#editar_pub fieldset {
	margin:0 0 20px 0;
	padding:10px;
	border: ridge #666;
}
div#editar_pub fieldset label {
	display:block;
	margin-bottom:10px;
}
/*---------no contactar-----------*/
#no_contactar {
	border:1px solid #FC0; 
	background:#FFFAD5; 
	padding:5px; 
	margin:4px 0;
}