@charset "ISO-8859-1";

* {padding: 0; margin: 0;}

body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background: #FFC url(../images/background.gif) left top repeat-x;
}

p {
	font-size: 10px;
	color: #333;
	margin-bottom: 4px;
}

a {
	color: #F00;
	text-decoration: none;
}

	a:hover {
		text-decoration: underline;
	}

/* --------------------------------------------- #container -- */
div#container {
	width: 760px;
	margin: 0 auto;
}


	/* --------------------------------------------- #header -- */
	div#header {
		height: 153px;
		width: 760px;
		background: url(../images/animales.gif) right top no-repeat;
	
	}
	
	div#header h1 {
		background: url(../images/danielasotoa.gif) left bottom no-repeat;
		width: 168px;
		height: 82px;
		text-indent: -9999px;
		overflow: hidden;
	}


	/* --------------------------------------------- #content -- */
	div#content {
	}
	
	
		/* --------------------------------------------- .cuadros -- */
		div.cuadro {
			width: 234px;
			background: url(../images/cuadro_top.gif) center top no-repeat;
			margin: 0 7px;
			float: left;
		}
		
			div.cuadro h2 {
				text-indent: -9999px;
				overflow: hidden;
				background-position: center top;
				background-repeat: no-repeat;
				width: 230px;
				height: 25px;
				margin-top: 22px;
			}

			div.cuadro h2.curriculum {
				background-image: url(../images/tit_curriculum.gif);
			}

			div.cuadro h2.tesis {
				background-image: url(../images/tit_tesis.gif);
			}

			div.cuadro h2.contacto {
				background-image: url(../images/tit_contacto.gif);
			}

				div.descargable {
					width: 190px;
					margin: 15px auto;
					padding-bottom: 20px;
					background: url(../images/borde_abajo.gif) center bottom no-repeat;
				}
				
				div.sinbottom {
					background: none;
				}
				
					div.descargable img {
						float: left;
						margin-right: 10px;
						margin-bottom: 5px;
					}

					div.descargable a.descargar {
						border-left: 1px solid #999;
						padding-left: 4px;
					}

					div.descargable a.toggle {
						border-left: 1px solid #999;
						padding-left: 4px;
						background: url(../images/icon_toggle.gif) right center no-repeat;
						padding-right: 18px;
					}

				ul#anexos {
					margin: 10px 10px 0 10px;
				}
				
					ul#anexos li {
						list-style: none;
						background: url(../images/bullet.gif) left center no-repeat;
						padding-left: 15px;
						line-height: 12px;
						font-size: 10px;
						color: #666;
					}

						ul#anexos li a {
							font-size: 10px;
						}


			fieldset#contacto {
				border: 0;
				width: 190px; 
				margin: 15px auto;
				padding-bottom: 20px;
			}

				fieldset#contacto legend {
					display: none;
				}
				
				fieldset#contacto ul li {
					list-style: none;
				}
				
				fieldset#contacto label {
					display: block;
					font-size: 10px;
					color: #666;
				}

					fieldset#contacto label.esconde {
						visibility: hidden;
					}

					fieldset#contacto .red {
						color: #F00;
					}

				fieldset#contacto input, fieldset#contacto textarea {
					font-size: 11px;
					color: #333;
					border: 1px solid #666;
					padding: 2px 4px;
					width: 175px;
					margin-bottom: 10px;
				}
				
				fieldset#contacto input.boton_enviar {
					display: block;
					color: #FFF;
					font-weight: bolder;
					background: #066;
					font-size: 12px;
					border: 0;
					padding: 3px;
					cursor: pointer;
					width: 60px;
					margin-left: 60px;
				}

				fieldset#contacto textarea {
					font-family: Geneva, Arial, Helvetica, sans-serif;
					height: 50px;
				}

				#log_res {
					font-size: 11px;
					font-weight: bolder;
					text-align: center;
				}

					#log_res.ajax-loading {
						padding: 20px 0;
						background: url(../images/spinner.gif) no-repeat center;
					}

				
	/* --------------------------------------------- #footer -- */
	div#footer {
		background: url(../images/caballo.gif) left top no-repeat;
		height: 70px;
		margin: 10px 40px;
	}

		div#footer p {
			padding: 30px 10px 0 60px;
			color: #666;
			font-size: 9px;
		}

		div#footer a.bestudios {
			background: url(../images/bestudios.gif) left top no-repeat;
			height: 19px;
			width: 59px;
			display: block;
			float: right;
			text-indent: -999px;
			overflow: hidden;
		}



/* --------------------------------------------- .tooltip -- */
body div#toolTip { position:absolute;z-index:1000;width:160px;background:#000;text-align:left;padding:5px;min-height:1em;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#fff;font:10px verdana,arial,sans-serif; text-align: center; }
body div#toolTip p em { display:none;}
body div#toolTip p em span { font-weight:bold;color:#fff; }



/* ====================== yeah clearfix === */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}
<!-[if IE 7]>
.clearfix {display:inline-block;}
.clearfix {display:block;}
<![endif]->