/* **********************Eukromo diseño 2009 *************************/

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFAE2;
	margin: 8px 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;	
	height: auto;
}
/* Para IE */
html {
	overflow-y: scroll !important;
	overflow:-moz-scrollbars-vertical;
	height: auto;
}
body, html {height:100.1%;}
*{margin: 0; padding: 0;}

div, h1, h2, h3, h5, ul, li, p, form {margin:0;padding:0;}
li{list-style:none}
h1, h2, h3, h4, h5, h6{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
a {color:#000;text-decoration:none}
a:hover {color:#B83E27;text-decoration:none}
img {
	border:0px;
	/*behavior: url(scripts/iepngfix.htc); para que IE6 acepte .png transparente- hace dar error al .css en local*/
	/*filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/blank.gif');*/
}
blockquote {
	margin: 1px 0 1px 25px;
}
.clear { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 0;
    line-height: 0px;
}
.hidden {
	display: none;
}
.separador {
	border-top: 1px solid #E0E1C4;
	margin: 3px 0 3px 0;
	clear: both;
}
.LayoutFix {
	min-height:100%;
}
*html .LayoutFix {height:100%;}

.LayoutFix #container {
	width:  955px;
	min-height: 550px;
	height:550px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
	position: relative;
	display: block;
	z-index: 0;
	clear: both;
}
/* CABECERA*/
.LayoutFix #container #header {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 955px;
	height: 258px;
	z-index:2;
	position: absolute;
	top: 0;
	left: 0;
		clear:both;
}
#header p {
	margin: 0 0; 
	padding: 0 0;

}
#header a{
	display:block; 
	color:#000000;
	padding:0 0;
	margin: 0 0;
	text-decoration:none; /*elimino el subrayado del vinculo*/
	clear: both;
	text-align:center;
	vertical-align: bottom;
}

/* CONTENIDO CENTRAL*/
#mainContent {
	top: 222px;
	width: 955px;
	height: auto;
	padding: 0 0 0 0;
	margin: 0 auto;
	position: relative;
	z-index: 0;
	clear: both;
	/*border: 1px solid lime;*/
}
#contenido {
	padding:0 0 0 0;
	width:955px;
	margin: 0 0;
	height: auto;
	float:left;
	clear: both;
}

/* caja para contener el include de cambio de información. Ahora solo es para textos, porque la foto se mantiene comun 
Atencion, si la foto lateral derecha debe cambiar serviría este estilo modificado*/
#contenedor {
	/*width: 299px;*/
	width: 717px;
	height:auto;
	margin: 30px 18px 9px 0;
	padding: 0 0;
	display: inline;	
	float: left;
	z-index: 0;
}
/* caja para contener del include de cotnendio de MADRES y PADRILLOS*/
#contenedorMadres {
	width: 717px;
	height:auto !important;
	min-height:307px;
	margin: 20px 0 4px 0;
	padding: 0 0;
	display: inline;	
	float: left;
}
#contenedorPadres {
	width: 717px;
	height:auto !important;
	min-height:307px;
	margin: 26px 0 7px 0;
	padding: 0 0;
	display: inline;	
	float: left;
}


/*CAJA CONTENEDORA textos y fotos de sección MADRES y PADRILLOS*/
#textos {
	/*width: 325px;*/
	width: 715px;
	height:auto;
	margin: 24px 0 3px 0;
	padding: 0 0;
	display: inline;	
	float: left;
}
#textos a {
	background-image: url(../img/textos.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #eff0df;
	padding:0 12px 0 2px;
}
.left {
	text-align: left !important;
	font-size: 0.8em;
	line-height: 1.2em;
	padding: 0 0;
	margin:  0 0;
		/*height:320px;
		overflow: auto;
			padding: 3px 5px 3px 0;*/
}
.destacado {
	color: #68824F;
	text-align: left !important;
	font-size: 0.9em;
	padding: 0 0;
	margin:  0 0;
	font-weight: bold;
}

#textos p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*line-height: 1.4em;*/
	text-align: justify;
	margin-top: 5px;
}
#textos ul {
	padding: 5px 5px 5px 10px;
}
#textos li{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	color: #68824F;
}
/*#textos img.bottom {
	padding: 3px 3px 3px 3px;
	float:right;
border:1px solid #666;
margin:5px -12px 5px 9px;
}*/
.titulo {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #000;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	padding: 0 0 3px 8px;
	margin: 0 0 6px 0;
	background-image: url(../img/titulo.gif);
	background-repeat: no-repeat;
	background-position: top left;
	border-bottom: 1px solid #edebe3;
}
/*CAJA CONTENEDORA textos y fotos de sección EL SILENCIO */
#txt {
	width: 300px;
	height:auto;
	margin: 24px 20px 5px 0;
	padding: 0 0;
	display: inline;	
	float: left;
}
#txt p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.2em;
	text-align: justify;
	margin-top: 5px;
}

/****************************** PARA SECCION MADRES */
/*Nombre del padrillo*/
#nombrePad {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 0.85em;
	color: #6a8153;
	text-align: left;
	font-weight: bold;
	float: left;
	/*width: 250px;*/
	display: inline;
	background-image: url(../img/titulo.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 10px;
}
/*botones*/
.btn a,
a.btn {
	color: #B83E27;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.5em;
	padding: 1px 1px;
	cursor: pointer;
	white-space: nowrap;
}
.btn  a:hover,
a.btn:hover {
	color: #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.5em;
	white-space: nowrap;
	padding: 1px 1px;
	cursor: pointer;
}
#btnOcultar{
	float: right;
	margin-right: 5px;
	color: #B83E27;
}
#btnVer,
#btnVer02 {
	float: right;
	right: 3px;
	color: #B83E27;
}
#btnVer a,
#btnVer02 a {
background-image: none;
background-color: transparent;
padding: 0 0 0 0;
}
#contenPedigree {
	background-color: #f1ecd6;
	border: 1px solid #eee9ce;
	width: 700px;
	margin: 5px 0;
	padding:3px 8px 3px 5px;
	display: none;
	/*position: absolute;
	z-index: 5;
	left:234px;
	top: 63px;
	height: 220px;*/
	clear: both;
}
#contenPedigreePad {
	background-color: #e0e1c4;
	border: 1px solid #eee9ce;
	width: 700px;
	margin: 5px 0;
	padding:3px 8px 3px 5px;
	display: none;
	/*position: absolute;
	z-index: 5;
	left:234px;
	top: 63px;
	height: 220px;*/
	clear: both;
}
/*FORMULARIO CONTACTO*/
#formulario {
	border: 1px solid #657E4C;
	/*z-index:5;*/
	width: auto;
	padding: 4px 8px 4px 8px;
	background-color: #eee9ce;
	margin: 20px 0 20px 20px;
	display:inline !important;
	float: left;
}
#formulario label {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
}
#formulario p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	padding: 2px 10px 2px 10px;
}

/*submenu navegacion SECCIONES: EL SILENCIO - */
#submenu {
	float: left;
	margin: 0 33px 0 0;
	padding: 0 0;
	width: 175px;
	height: 290px;
	background-image:url(../img/barra.gif);
	background-repeat:no-repeat;
	background-position:right;
	display:inline;
	text-align:right;
}
.submSecc{
	background-color:#68824F;
	color: #FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	text-align:right;
	padding: 1px 3px 1px 3px;
}

#submenu ul{
	list-style-type: none; /*con esto quitamos las vinyetas*/
	margin:60px 25px 0 0; /*le quitamos el margen a la lista*/ 
	padding:0 0;/*y el relleno*/
	clear: both;
}

#submenu li{
	margin:6px 0 6px 0;
	padding: 0 0;
	/*float:left; y los floto a la izquierda para eliminar el salto de linea*/ 
	cursor: pointer; 
	border: 1px solid #FFFAE2;
}
#submenu li a.submenu{
	display:block;
		background-image: url(../img/AccordionPanelTab02.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 4px 0 4px 0;
	padding: 2px 8px 1px 0;
	cursor: pointer;
	/*-moz-user-select: none;
	-khtml-user-select: none;*/
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #68824F;
	font-size: 0.8em;
	font-weight: bold;
	text-align:right;
	height: auto;
	text-decoration: none;
}
#submenu li a.submenu:hover{
	display:block;
	background-image: url(../img/AccordionPanelTab02.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 4px 0 4px 0;
	padding: 2px 8px 1px 0;
	cursor: pointer;
	/*-moz-user-select: none;
	-khtml-user-select: none;*/
font-family:Georgia, "Times New Roman", Times, serif;
		color: #000 !important;
	font-size: 0.8em;
	font-weight: bold;
	text-align:right;
	height: auto;
	text-decoration: underline;
}
#submenu li .submenuActive {
	display:block;
		background-image: url(../img/AccordionPanelTab02.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 4px 0 4px 0;
	padding: 2px 8px 1px 0;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #000 !important;
	font-size: 0.8em;
	font-weight: bold;
	text-align:right;
	height: auto;
	text-decoration: underline;
}
/*submenu navegacion horizonal en SECCION Madres - */
.LayoutFix #container #submenHoriz {
	float: left;
	margin: 0 8% 0 8%;
	padding:0 0 6px 0;
	width: 80%;
	height: 35px;
	display:inline;
	text-align:center;
	border-bottom:1px solid #EEE9CE;
	/*z-index:50;
	position: absolute;
	left: 0;
	top:0;*/
}


#submenHoriz ul{
	list-style-type: none; /*con esto quitamos las vinyetas*/
	margin:0 0 0 0; /*le quitamos el margen a la lista*/ 
	padding:0 20% 0 20%;/*y el relleno*/
	clear: both;
	text-align: center;
}

#submenHoriz li{
	margin:0 3px;
	padding: 0 0;
	float:left; /*y los floto a la izquierda para eliminar el salto de linea*/ 
	cursor: pointer;
	display:block;
	white-space: nowrap;
}
#submenHoriz li a.submenHoriz{
	display:block;
	margin: 0 0 0 0;
	padding: 27px 4px 2px 2px;
	cursor: pointer;
	/*-moz-user-select: none;
	-khtml-user-select: none;*/
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #68824F;
	font-size: 0.8em;
	font-weight: bold;
	text-align:left;
	height: auto;
	text-decoration: none;
}
#submenHoriz li a.submenHoriz:hover {
	color: #000000;
	cursor: pointer;
	display:block;
}
#submenHoriz li .submenHorizActive {
	display:block;
	background: #E0E1C4;
	margin: 0 0 0 0;
	padding: 27px 4px 2px 2px;
	cursor: pointer;
	/*-moz-user-select: none;
	-khtml-user-select: none;*/
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #000 !important;
	font-size: 0.8em;
	font-weight: bold;
	text-align:left;
	height: auto;
}
/*FOTO*/ 
#foto { 
	width: 400px;
	height: 320px;
	/*border: 1px solid #000;*/
	margin: 0 0 14px 0;
	/*display: inline;	*/
	float: left;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 530px;
	/*border-left: 5px solid #E0E1C4;
	border-right: 5px solid #E0E1C4;
	border-bottom: 5px solid #E0E1C4;*/
	}
	#fotoStaff { 
	width: 448px;
	height: 331px;
	margin: 0 0 0 0;
	/*display: inline;	*/
	float: left;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 480px;
	border-left: 5px solid #E0E1C4;
	border-right: 5px solid #E0E1C4;
	border-bottom: 5px solid #E0E1C4;
	}
#fotoSm { 
	width: 350px;
	height: 280px;
	border: 3px solid #657E4C;
	margin: 30px 0 10px 0;
	display: inline;	
	float: left;
	}
#fotoMad { 
	/*width: 345px;*/
	/*height: 307px;*/
	margin: 2px 0 3px 13px;
	padding: 0 0;
	display: inline;	
	float: right;
	/*background-image: url(../img/fotoMad.gif);
	background-repeat: no-repeat;
	background-position: top left;*/
	}

/* PIE*/
.LayoutFix #footer {
	padding:0 0 0 0;
	margin: 5px auto;
	width: 955px;
	clear:both;
	text-align: left;
	display:block;
}
.LayoutFix #footer p{
	margin: 0 0;
	padding: 1px 1px 0 1px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	display:inline;
	color: #636363;
}
.LayoutFix #footer a, 
.LayoutFix #footer a:hover {
	margin: 0 0; 
	padding: 0 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #636363;
	text-align: left;
	text-decoration: none;
}
.LayoutFix #footer a:hover{
	color: #B83E27;
}
a.creditos {
	margin: 0 0;
	padding: 0 0; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px !important;
	color: #636363  !important;
	text-align: right;
	text-decoration: none;
}
a.creditos:hover{
	color: #B83E27 !important;
}

#barra { 
	background: #E0E1C4;
	padding: 1px 10px;
	/*height: 28px;*/
}

#barra ul {
	margin: 0 0;
	padding: 0 0;
	display: inline;
	clear: both;
}
#barra li {
display: inline;
list-style-type: none; /*con esto quitamos las vinyetas*/
	color: #657E4C;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
}
#barra a{ 
	color: #657E4C;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
}
#barra a:hover{ 
	color: #000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
}
/*REMATES Y CONTACTO */
.descSecc{
	background-color:transparent;
	color: #68824F;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	text-align:right;
	padding: 1px 3px 1px 3px;
}
.descSeccRem {
	background-color:transparent;
	color: #68824F;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 0.7em;
	text-align:right;
	padding: 1px 3px 1px 3px;
}
#submenu .btn {
	font-size: 1em;
}
#remate {
	width: 323px;
	height:290px;
	margin: 30px 5px 3px 3px;
	padding: 5px 2px;
	display: inline;	
	float: left;
	border: 1px solid #E0E1C4;
}
#remate p {
	color:#637d4c;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: center;
}

#remate .catalogo {
	text-align: center;
	margin: 9px 3px 1px 3px;
	border: 0;
	display: inline;
	float: left;
}
#remate #iconos {
	width: auto;
	float: left;
	display: inline;
	line-height: 2em;
	margin:190px 0 0 0;
}
#grilla {
	border: 1px solid #636363;
	margin: 22px 0 5px 0;
	padding: 2px 2px;
	width: 534px;
}
.head {
	background-color: #68824F;
	color:#F1ECD6 !important;
	font-weight: bold;
	padding: 4px 4px;
		white-space: nowrap;
}
#grilla td {
	padding: 4px 4px;
	color: #636363;
}
#grilla a {
	color: #333;
}
#grilla a:hover {
	color: #B83E27;
}
#fotosServicios {
	display: inline-block;
	white-space:nowrap; 
	width: 650px;
	text-align: center;
}
#fotosServicios ul{
	width: 640px;
	background-color: #E0E1C4;
	height: 140px;
	padding: 5px 2px 0 5px;
	margin:0 0 30px 0;
	float: left;
}
#fotosServicios li {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.6em;
	text-align: left;
	width: 163px;
	margin: 0 10px 10px 0;
	padding: 0 0;
	float: left;
	display: inline;
}
#fotosServicios li.a {
	float: left; 
	color: #68824F;
	display: block;
	margin: 0 0;
	padding: 0 0;
	background-color: #E0E1C4;
}
#famous .infodonante {
	width: 650px;
	/*display:none;*/
	background-color: #F1ECD6;
	height: auto;
	border: 1px solid #636363;
}