* { 
	margin:0px;
	padding:0px;
}

body {
	background-color: #B2B2B2;
	font-family: Arial, sans-serif;
}
a  {
	color: #fff;
	text-decoration: none;
}
a:hover {
	color: #fff;
	text-decoration: underline;
}

img {
	border: none;
}

#wrapper {
	text-align:center;
}

#container {
	border:1px solid #C9C9C9;
	background-color: #0B7789;
	width:730px;
	height: 730px;
	margin: 5px auto;
	text-align:center;
	overflow: hidden;
}

#footer{
	width:730px;
	height: auto;
	margin: 0px auto;
	padding-bottom: 15px;
	text-align:center;
	overflow: hidden;
	color: #666666;
	font-size: 10px;
}

#footer a{
	color: #666666;
	font-size: 10px;
	text-decoration: none;
}
#container2 {
	border:1px solid #C9C9C9;
	background-color: #0B7789;
	width:730px;
	height: auto;
	margin: 5px auto;
	text-align:center;
	overflow: hidden;
	padding-bottom: 15px;
}

#header {
	background-image:url(images/header.gif);
	background-repeat:repeat-y;
	height:140px;
	width: 700px;
	margin: 15px 15px 0px 15px;
	text-align: left;
	overflow: hidden;
}

#logo_JB{
	margin: 20px 10px 0px 30px;
}

#frase{
	bottom:95px;
	height:85px;
	left:320px;
	position:relative;
	width:370px;
	font-size: 16px;
	color: #76e2f9;
	font-style: italic;
	text-align: center;
	overflow: hidden;
}

.frase-autor{
	font-size: 12px;
}

#content {
	background-color: #ffffff;
	width:700px;
	height: 560px;
	margin:0px 15px;
}

#content2 {
	background-color: #ffffff;
	width:700px;
	height: auto;
	margin:0px 15px;
}

#col_left{
	background-color: #04A4CA;
	background-image:url(images/fondo_content.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 560px;
	width: 560px;
	float: left;
}


#col_right{
	background-color: #04A4CA;
	height: 560px;
	width: 140px;
	float: right;
}

#info{
	width:550px;
	height: 420px;
	overflow-y: scroll;
	overflow-x: hidden;
	padding: 0px 5px;
}


#btn_agenda, #btn_contacto, #btn_ubicacion, #btn_lologre, #btn_quienes, #btn_quehacemos, #btn_conferencias, #btn_libros {
	float:left;
	width: 140px;
	height: 140px;
	background-color: #42D2EA;
}

#btn_agenda{background-image:url(images/fondo_agenda.jpg); background-repeat:no-repeat;}
#btn_contacto{background-image:url(images/fondo_contacto.jpg); background-repeat:no-repeat;}
#btn_ubicacion{background-image:url(images/fondo_ubicacion.jpg); background-repeat:no-repeat;}
#btn_lologre{background-image:url(images/fondo_lologre.jpg); background-repeat:no-repeat;}
#btn_quienes{background-image:url(images/fondo_quienes.jpg); background-repeat:no-repeat;}
#btn_quehacemos{background-image:url(images/fondo_quehacemos.jpg); background-repeat:no-repeat;}
#btn_conferencias{background-image:url(images/fondo_conferencias.jpg); background-repeat:no-repeat;}
#btn_libros{background-image:url(images/fondo_libros.jpg); background-repeat:no-repeat;}

.menu  {
	font-family: Arial, sans-serif;
	font-size: 18px;
	text-align:center;
	color: white;
	text-decoration: none;
	line-height: 140px;
}

.menu a:link, .menu a:visited {
	color: white;
	text-decoration: none;
}

.menu a:hover {
	color: #cfffa3;
	text-decoration: none;
}

.foto-home{
	width: 450px;
	height: 300px;
	padding: 20px 35px;	
}

.fotos{
	border: 1px dashed #a1d5e0;
}

.contenido-home{
	width: 450px;
	height: auto;
	padding: 0px 35px 10px 35px;
}

h2{
	color: #116d7e;
	font-size: 15px;
	width: 100%;
	text-align: left;
	margin-bottom: 5px;
}

h2 a:link, h2 a:visited {
	color: #116d7e;
	text-decoration: none;
}

h2 a:hover {
	color: #116d7e;
	text-decoration: underline;
}

.breadcrumb{
	width: 530px;
	padding: 7px 10px;
	font-size: 11px;
	color: #1c7787;
	text-align: left;
	float: left;
}

.breadcrumb a:link, .breadcrumb a:visited {
	color: #1c7787;
	text-decoration: none;
}

.breadcrumb a:hover {
	color: #116d7e;
	text-decoration: underline;
}

#quienes_left{
	width: 150px;
	height: auto;
	float: left;

}

#quienes_right{
	width: 360px;
	height: 150px;
	float: right;
	margin-right: 2px;
}

.title {
	color: #116d7e;
	font-size: 18px;
	width: 100%;
	border-bottom: 1px solid #B2ED72;
	min-height: 12px;
	text-align: left;
	margin-bottom: 5px;
}

.normal{
	color: #4D6768;
	font-size: 12px;
	line-height: 120%;
	text-align: justify;
	margin: 5px 0px;
}

.normal a:link, .normal a:visited {
	color: #4D6768;
	text-decoration: underline;
}

.normal a:hover {
	color: #116d7e;
	text-decoration: underline;
}

.mail_contacto {
	color: #116d7e;
	font-size: 11px;
	text-align: right;
}

.mail_contacto a:link, .mail_contacto a:visited {
	color: #116d7e;
	text-decoration: none;
}

.mail_contacto a:hover {
	color: #116d7e;
	text-decoration: underline;
}

.sobre {
	margin: 0px 5px;
	border: none;
}

.img_bio{
	width: 150px;
	/*height: 180px;*/
	height: auto;
	border: 1px solid #94ced7;
	background-color: #c4f0f7;
	padding: 5px;
	float: left;
}

#integrantes{
	width: 150px;
	height: auto;
	border: 1px solid #a3d579;
	background-color: #dff8ca;
	padding: 5px;
	margin-top: 10px;
	float: left;
}

h4 {
	color: #83c34d;
	font-size: 11px;
	width: 100%;
	text-align: left;
	margin-bottom: 5px;
}

.thumb-quienes{
	width: 35px;
	height: 35px;
	float: left;
	padding: 5px 0px 5px 10px;
}

#lista-area{
	width: 535px;
	height: auto;
	float: left;
	margin-top: 10px;
}

.lista-item{
	width: 525px;
	min-height: 80px;
	margin-bottom: 10px;
	margin-left: 5px;
	float: left;
}

#lista-left{
	float: left;
	width: 75px;
	height: 75px;
}

#lista-right{
	float: right;
	width: 435px;
	min-height: 80px;
	border-bottom: 1px solid #B2ED72;
	margin-right: 2px;
}

.title-lista-item{
	width: 410px;
	padding-left: 18px;
	background-image: url(images/checked.gif);
	background-repeat: no-repeat;
	background-position-x: left;
	background-position-y: center;
	float: left;
}

.parrafo_normal {
	color:#4D6768;
	font-size:12px;
	line-height:140%;
	margin:10px 0px 5px;
	padding:5px;
	text-align:justify;
}

.padding20{
	padding: 20px;
	float: left;
	color:#4D6768;
	font-size:12px;
	line-height:140%;
	text-align: justify;
}

#nextlinks{
	color: #116D7E;
	font-size: 11px;
	padding: 10px;
	line-height: 20px;
}

.prev{
	float: left;
}

.next{
	float: right;
}

.prev a:link, .prev a:visited, .next a:link, .next a:visited {
	color: #116D7E; text-decoration: none;
}

.prev a:hover, .next a:hover {
	color: #116D7E; text-decoration: underline;
}

/*Tabla de contacto*/

#form{
	width: 350px;
	float: left;
	height: auto;
	padding: 15px;
}

#form input, #form textarea, #form select{
	color: #4D6768;
	font-size: 12px;
	border: 1px solid #ccdef4;
	padding: 3px 0px;
	width: 215px;
}

.input-boton{
	cursor: pointer;
}

.normal-der{
	color: #4D6768;
	font-size: 12px;
	line-height: 120%;
	text-align: right;
	padding-right: 5px;	
}

.normal-der a:link, .normal-der a:visited {
	color: #4D6768;
	text-decoration: none;
}

.normal-der a:hover {
	color: #116d7e;
	text-decoration: underline;
}