body {
	text-align: center;
	min-width: 800px;
	background: #000000;
}

div#wrapper {
		margin: 0 auto;
		margin-top: 20px;
		border: 1px solid #ffffff;
		width: 800px;
		background: #000000;
		background-position: bottom center;
		background-repeat: no-repeat;
		
}

html>body div#wrapper {
		height: 100%;
		min-height: 570px;
}

div#topbar_intro {
		height: 75px;
		font-family: times new roman,arial,verdana;
		font-size: 32pt;
		font-weight: normal;
		text-align: center;
		padding-left: 25px;
		padding-top: 10px;
		color: #ffffff;
		letter-spacing: 1.1pt;
		clear: center;
}

div#photo_intro {
	float: 0 auto;
	height: 600px;
	position: 0 auto;
	top: 0 auto;
	margin-bottom: 0 auto;
	width: 800px;
	border: 1px solid #000000;
	background: #111111 url('images/fondowebisologo.jpg');
	background-position: center;
	background-repeat: no-repeat;
	left: 0 auto;
}

div#content_intro {
		overflow: center;
		text-align: center;
		padding: 15px 25px 15px 15px;
		float: center;
		width: 100px;
		height: 100px;
		font-family: Bradley Hand ITC,trebuchet ms,arial;
		font-size: 15pt;
		font-weight: normal;
		color: #ffffff;		
}

div#photo_contacto {
	float: left;
	height: 410px;
	position: relative;
	top: 15px;
	margin-bottom: -10px;
	width: 331px;
	border: 1px solid #ffffff;
	background: #111111 url('images/adriancontacto.jpg');
	background-position: center;
	background-repeat: no-repeat;
	left: 20px;
}
div#content_contacto {
		overflow: 0 auto;
		text-align: justify;
		padding: 10px 25px 15px 20px;
		float: right;
		width: 400px;
		height: 410px;
		font-family: Bradley Hand ITC,trebuchet ms,arial;
		font-size: 20pt;
		font-weight: normal;
		color: #ffffff;		
}

div#content_intro a{
	float:center;
	text-decoration: none;
	color:#FFFFFF;
	}
div#content_intro img{
	border: none;
	}

div#logo {
	float: left;
	height: 410px;
	position: relative;
	top: 15px;
	margin-bottom: -10px;
	width: 331px;
	border: 1px solid #ffffff;
	background: #111111 url('images/foto_presentacion.jpg');
	background-position: center;
	background-repeat: no-repeat;
	left: 20px;
}
div#logo2 {
	float: left;
	height: 410px;
	position: relative;
	top: 15px;
	margin-bottom: -10px;
	width: 331px;
	border: 1px solid #ffffff;
	background: #111111 url('images/adrian.jpg');
	background-position: center;
	background-repeat: no-repeat;
	left: 20px;
}

html>body div#logo {
		height: 100%;
		min-height: 410px;
}

h2 {
		color: #ffffff;
		font-size: 14px;
		font-weight: bold;
}

b {
		color: #ffffff;
		font-weight: bold;
}

div#footer {
		width: 800px;
		clear: both;
		margin: 0 auto;
		font-family: trebuchet ms,arial,verdana;
		font-size: 8pt;
		font-weight: normal;
		color: #ffffff;
		letter-spacing: 1.1pt;
		padding-top: 20px;
		text-align: right;
}

div#footer A {
		color: #ffffff;
		font-weight: normal;
		text-decoration: none;
		text-transform: uppercase;
}

div#footer a:hover {
		text-decoration: underline;
}


div#content a {
		color: #ffffff;
		font-weight: bold;
		text-decoration: none;
}

div#content a img{
		margin-left:10px;
}

div#content a:hover {
		text-decoration: underline;
}


h1 {
		color: #bbc6b6;
		font-weight: bold;
		font-size: 15px;
}
div#content {
		overflow: auto;
		text-align: justify;
		padding: 10px 25px 15px 20px;
		float: right;
		width: 400px;
		height: 410px;
		font-family: trebuchet ms,arial,verdana;
		font-size: 9pt;
		font-weight: normal;
		color: #ffffff;		
}



div#topbar {
		height: 75px;
		font-family: trebuchet ms,arial,verdana;
		font-size: 32pt;
		font-weight: normal;
		text-align: left;
		padding-left: 25px;
		padding-top: 10px;
		color: #ffffff;
		letter-spacing: 1.1pt;
		border-bottom: 1px solid #ffffff;
		clear: left;
}

div#menu {
		float: right;
		width: 800px;
}

div#menu a {
		display: block;
		width: 120px;
		position: relative;
		left:0px;
		top: -10px;
		z-index: 50;
		float: left;
		border: 1px solid #ffffff;
		height: 25px;
		background: #998c84 url('images/arrow.gif'); 
		background-position: center left;
		background-repeat: no-repeat;
		font-family: trebuchet ms,arial,verdana;
		text-align: right;
		font-size: 14px;
		text-decoration: none;
		padding-right: 10px;
		padding-top: 3px;
		font-weight: bold;
		color: #ffffff;
		text-transform: uppercase;
}

div#menu a:hover {
		background: #423433 url('images/arrow.gif');
		background-position: center left;
		background-repeat: no-repeat;
		color: #bbc6b6;
}

/*Presentation of book */

div#bookpic{
	float: left;
	height: 410px;
	position: relative;
	top: 15px;
	margin-bottom: -10px;
	width: 331px;
	border: 1px solid #ffffff;
	background: #111111 url('images/libro2.jpg');
	background-position: center;
	background-repeat: no-repeat;
	left: 20px;
}


/*Presentation of articles */
div#videos {
	float: left;
	height: 410px;
	position: relative;
	top: 15px;
	margin-bottom: -10px;
	width: 331px;
	border: 1px solid #ffffff;
	background: #111111 url('images/videos.jpg');
	background-position: center;
	background-repeat: no-repeat;
	left: 20px;
}

/*Presentation of articles#2 */
div#articles2 {
	float: left;
	height: 410px;
	position: relative;
	top: 15px;
	margin-bottom: -10px;
	width: 331px;
	border: 1px solid #ffffff;
	background: #111111 url('images/bicentenario.jpg');
	background-position: center;
	background-repeat: no-repeat;
	left: 20px;
}
/*Presentation of articles#3 */
div#articles3 {
	float: left;
	height: 410px;
	position: relative;
	top: 15px;
	margin-bottom: -10px;
	width: 331px;
	border: 1px solid #ffffff;
	background: #111111 url('images/periodismo_digital2xx.jpg');
	background-position: center;
	background-repeat: no-repeat;
	left: 20px;
}
/*Presentation of articles#4 */
div#articles4 {
	float: left;
	height: 410px;
	position: relative;
	top: 15px;
	margin-bottom: -10px;
	width: 331px;
	border: 1px solid #ffffff;
	background: #111111 url('images/frenteeden1.jpg');
	background-position: center;
	background-repeat: no-repeat;
	left: 20px;
}

/*Presentation of reflexiones#1 */
div#reflexiones{
	float: left;
	height: 410px;
	position: relative;
	top: 15px;
	margin-bottom: -10px;
	width: 331px;
	border: 1px solid #ffffff;
	background: #111111 url('images/primeraimpresion.jpg');
	background-position: center;
	background-repeat: no-repeat;
	left: 20px;
}

/*Presentation of reflexiones#2 */
div#reflexiones2{
	float: left;
	height: 410px;
	position: relative;
	top: 15px;
	margin-bottom: -10px;
	width: 331px;
	border: 1px solid #ffffff;
	background: #111111 url('images/sofia.jpg');
	background-position: center;
	background-repeat: no-repeat;
	left: 20px;
}

/*Presentation of reflexiones#3 */
div#reflexiones3{
	float: left;
	height: 410px;
	position: relative;
	top: 15px;
	margin-bottom: -10px;
	width: 331px;
	border: 1px solid #ffffff;
	background: #111111 url('images/recuerdo.jpg');
	background-position: center;
	background-repeat: no-repeat;
	left: 20px;
}

/*Presentation of reflexiones#4 */
div#reflexiones4{
	float: left;
	height: 410px;
	position: relative;
	top: 15px;
	margin-bottom: -10px;
	width: 331px;
	border: 1px solid #ffffff;
	background: #111111 url('images/navidad.jpg');
	background-position: center;
	background-repeat: no-repeat;
	left: 20px;
}
/*Presentation of reflexiones#5 */
div#reflexiones5{
	float: left;
	height: 410px;
	position: relative;
	top: 15px;
	margin-bottom: -10px;
	width: 331px;
	border: 1px solid #ffffff;
	background: #111111 url('images/babel.jpg');
	background-position: center;
	background-repeat: no-repeat;
	left: 20px;
}

}
/*Presentation of reflexiones#6 */
div#reflexiones6{
	float: left;
	height: 410px;
	position: relative;
	top: 15px;
	margin-bottom: -10px;
	width: 331px;
	border: 1px solid #ffffff;
	background: #111111 url('images/ruta.jpg');
	background-position: center;
	background-repeat: no-repeat;
	left: 20px;
}



/*Presentation of photos */
div#photos{
	float: left;
	height: 410px;
	position: relative;
	top: 15px;
	margin-bottom: -10px;
	width: 331px;
	border: 1px solid #ffffff;
	background: #111111 /*url('images/lamosca016.jpg');*/
	background-position: center;
	background-repeat: no-repeat;
	left: 20px;
}
img#gallery{
	margin-top:50px;
}
div#galleryCaption{
	margin-top:5px;
	color:#999999;
}