@charset "iso-8859-1";
/* CSS Document */


/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

a img, iframe {
	border: none;
	
}

ol, ul {
	list-style: none;
}

input, textarea, select, button {
	font-size: 100%;
	font-family: inherit;
}

select {
	margin: inherit;
}

a {
	text-decoration:none;
}

/* Fixes incorrect placement of numbers in ol's in IE6/7 */
ol { margin-left:2em; }



/* LAYOUT TOOLS */

.floatLeft 			{ float: left; }
.floatRight			{ float: right; }
.clear				{ clear: both; }
.layoutCenter		{ margin: 0 auto; }
.textCenter			{ text-align: center; }
.textRight			{ text-align: right; }
.textLeft			{ text-align: left; }
.fix				{ overflow:auto; }
/*


/* INDEX */

html, body { overflow:hidden; width:100%; }


body {
background-image:url(../imagenes/fondo_gr.jpg);
background-position:top center;

}



body.secundaria {
background-image:url(../imagenes/fondo2_gr.jpg);
background-position:top center;	
}


/* PRECARGA */

#precarga{
	position:relative;
	width:100%;
	height:58px;
	top:224px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;	
	visibility:visible;
}





div#principal{
	width:1024px;
	height:640px;
	visibility:hidden;
	position:relative;
}


div#menu {
	position:absolute;
	left:50px;
	width: 224px;
	height: 528px;
	z-index: 1;

}

div#titulo {
	position:absolute;
	left:248px;
	width: 353;
	height: 122;
	z-index: 1;

}


/* GALERIA */

div#cuerpo {
	position:absolute;
	width:662px;
	height:368px;
	top:140px;
	left:314px;
	text-align:center;
	z-index:10;
	
}

div#cuerpo ul{
	height:370px;
	width:inherit;
}

div#cuerpo ul li{
	width: 220px;
	height:185px;
	display:block;
	float:left;
	text-align:center;
}

div#cuerpo ul li img {
	border:1px solid #CCCCCC;
	padding:3px;
	background-color:#FFFFFF;
}


div.imagen {
	background-color:#FFFFFF;
	margin: 0 auto;	

}

div#cuerpo ul li p {
	width:180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
	color:#400000;
	font-weight:bold;
	display:block;
	height:24px;
	overflow:hidden;
}

/* PAGINACION */

div#paginacion {
	position:absolute;
	left:971px;
	top:280px;
	width:26px;
	z-index:6;


}

div#paginacion img{
margin-bottom:5px;
}


/* PIE */

div#pie {
	position:absolute;
	top:530px;
	width:398px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#e61d00;
	font-weight:bold;
	left: 440px;

}





#transparente {
	width:160px;
	height:140px;	
	border:3px solid #fff;
	margin: 0 auto;
	/*visibility:hidden;*/
}

div#fondo_transparent {
	position:absolute;
	top:120px;
	left:320px;
	width:650px;
	height:390px;
	z-index:10px;
	/*visibility:hidden;*/
	
}

/* PERSONAL */

div#personal {
	position:absolute;
	width:625px;
	top:135px;
	left:334px;
	text-align:center;
	z-index:10;
	/*visibility:hidden;*/
}

div#texto_personal {

	width:420px;
	height:361px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	overflow:auto;
	
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right:15px;

}

div#texto_personal a{
	color:#730300;
}



div#imagen_personal {

	width:168px;

}

div#imagen_personal img {
	border:1px solid #CCCCCC;
	padding:3px;
	background-color:#FFFFFF;
}

div#imagen_personal p {

	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
	color:#400000;
	height:37px;
	overflow:hidden;
	font-weight:bold;
	margin-top:10px;
}

/* Scroll */

div#scroll_texto {

	width:26px;
	height:50px;
	margin-top:100px;
}

  #scroll_up {
    cursor: pointer;
  }
  #scroll_down {
    cursor: pointer;
  }
  
  #scroll_up img{
	border:0 !important;
	padding:0 !important;
  }
  
   #scroll_down img {
	margin-top:6px;
	border:0 !important;
	padding:0 !important;
  }
  
 
  /* CONTACTO  */
  
  form#formulario  {
	position:absolute;
	z-index:10;
	width:586px;
	top:160px;
	left:362px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*visibility:hidden;*/
  }
  
    form#formulario p {
	 margin-bottom:6px;
	 color:#3a0400;	

	}
	
	form#formulario p.mensaje {
	font-weight:bold;
	color:#da0502;
	font-style:italic;
	text-align:center;
	width:100%;
	margin-top:100px;
	}
	
	form#formulario input.txt {
		border: 0;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		padding:2px;
		color:#655435;
		width:90%;		
	}
	
	form#formulario input.bt {
		width:150px;
		
			
	}
	
	span.obligatorio {
		font-size:11px;
		font-weight:normal;
		margin-left:8px;
		color:#3a0400;
	}
	
	form#formulario textarea {
	 border: 0;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		padding:2px;
		margin-bottom:6px;
		width:95%;
		color:#655435;
	}
	
	form#formulario label {
		display:block;
		font-weight:bold;
		margin-top:2px;
		color:#57281e;
	}
	
/* LINKS */

ul#links {
	position:absolute;
	z-index:10;
	width:625px;
	top:150px;
	left:345px;
	overflow:hidden;
	
	}

ul#links li{
	float:left;
	display:block;
	width:33%;
	height:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

ul#links li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#162c5d;
	overflow:hidden;
	height:15px;
	font-weight:bold;
	font-size:12px;
	display:block;
	width:90%;

	border-bottom: 1px  dotted #162c5d;
}

ul#links li p{
	margin-top:2px;
	height:24px;
	line-height:11px;

	overflow:hidden;
	display:block;
	width:90%;
	color:#3a0400;
	display:block;
		
}


	



/* SUSCRIBETE */

form#registro {
	position:absolute;
	z-index:10;
	top:270px;
	left:320px;
	width:650px;

}

form#registro p{
	margin-bottom:20px;
	color:#562c24;
		
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;

}

form#registro input.txt{
	border: 0;
	margin-bottom:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px;

}

form#registro input.bt{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:5px;
	display:block;
	width:120px;
	margin: 0 auto;
}
form#registro p.mensaje{
	color:#FF0000;
	font-weight:bold;
 }