* {	margin: 0px; padding: 0px}
body { font-family: Arial, Helvetica, sans-serif}
.no{ display: none}
ul { margin: 0px; padding: 0px; list-style-type: none}


/*CABECERA*/
#cabecera {	height: 72px; width: 100%; margin: 0px;	padding: 0px; background-color: #FFFFFF; position:relative}

/*TITULARES*/
h1{ margin:0 0 0 23px}
h1 a{ background:  url("../img/logo.gif") no-repeat 0 0; width:128px; height:72px; text-indent:-2000px; display:block}
h2 { font-size:18px; font-weight: bold; color: #ffffff;	padding: 0 0 0 20px; margin: 18px 0 0 0}
h2.titulo{ color:#999999; font-size:22px; font-weight:normal; padding: 0 0 0 28px; margin:0; width:751px; height:25px}
.titulo02{ font-size:22px; font-weight:bold; color:#999999}


/*SISTEMA DE NAVEGACIÓN*/
#primernivel{ position: absolute; top: 40px; left: 226px; height: 32px;	background: url(../img/Separadoruno.gif) no-repeat right top}
#primernivel li{ font-size: 12px; padding: 2px 14px 0 16px; float: left; font-weight: bold; background:  url(../img/Separadoruno.gif) no-repeat left top; height: 30px}
#primernivel li a{ text-decoration: none; color: #AFAFAF}
#primernivel li a:hover{ color: #6b7174; text-decoration: underline}
#primernivel li a:active{ text-decoration: none}
#primernivel li.primernivelactivo{ background: url(../img/Bulletmenuuno.gif) no-repeat left top; color: #6B7174}
#primernivel li.primernivelactivodos{ color: #6B7174}
#primernivel li.primernivelrecorrido{ background:  url(../img/Bulletmenudos.gif) no-repeat left top}
#segundonivel{ font-size: 12px; background: url(../img/Separadordos.gif) no-repeat left top; position: absolute; top:32px; left:0px; color: #0033CC; width: 525px; height: 24px}
#segundonivel li{ font-weight: normal; font-size: 12px; color: #FF0000;	padding: 10px 10px 0 11px; height: 14px; text-align: left;	float: left; background: url(../img/Separadordos.gif) no-repeat right top}
#segundonivel li a{ text-decoration: none; color: #6b7174}
#segundonivel li a:hover{ color: #6b7174; text-decoration: underline}
#segundonivel li a:active { color: #6B7174; text-decoration: underline}
#segundonivel li.segundonivelactivo{ color: #6B7174; font-weight: bold}
#sombra { height:50px; width: 100%; margin:0; padding:0; background:  url(../img/sombramenu.gif) repeat-x left top}

#tercernivel { font-size: 10px; color: #999999; clear: both; float: left; width: 100%; position: relative}
#tercernivel ul { left: 0px; position: relative; top: 0; margin: 0;	padding: 0 0 0 3px;	float: left; width: auto}
#tercernivel li { list-style-type: none; width: 159px; font-size: 11px; color: #a1a4a5; background: url(../img/Bullet02.gif) no-repeat 0px 6px;	padding: 0 0 0 6px; float: left; margin: 0 29px 6px 0; position: relative; left: 29px}
#tercernivel li a {	color: #a1a4a5;	text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold}
#tercernivel li a:hover { text-decoration: underline; color: #000000; font-weight: bold}
#tercernivel li a:active, #tercernivel li a:focus { text-decoration: none; color: #6B7174; font-weight: bold}

.item_on { font-size: 10px; font-weight: normal; text-decoration: none; color: #FFFFFF}
.item_off {	font-size: 10px; font-weight: normal; text-decoration: none; color: #000000}
.item_off:hover { text-decoration: underline; color: #000000}


/*PIE*/
#pie{ margin:10px 0 0 0; clear: both; background-color: #ffffff}
#pietxt { font-size: 12px; line-height: 16px; font-weight: normal; padding: 10px 0 0 27px;	margin: 0px; color: #5d5c57; height: 50px}
#pietxt a{ color: #5D5C57; text-decoration: underline}
#pietxt a:hover { text-decoration: underline; color:#000000}
#pietxt a:active { text-decoration: none}
#piepublicaciones{
	clear: both;
	background-color: #ffffff;
	margin-top:100px;
}

/*iframe del contenido del proyecto*/
div.iframe { margin-left:0px; clear: both; background-color: #0066FF; position: relative; top:20px}
iframe#ifrm { border-top:none; border-right:none; border-bottom-style: none; border-left-style: none; background-color: #ffffff}

/* CONTENIDO PROYECTO */
#contenedor_titulo { color: #696969; font-size: 18pt; font-family: Helvetica; margin-bottom: 10px; position: relative; bottom: 0; left: 30px; width: 100%; float: left; border:0 }
#contenedor01 {	background-color: #AFAAAA; width: 100%;	float: left; position: relative; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #FFFFFF}
#contenedor01_blanco { background-color: #ffffff; width: 100%; float: left;	position: relative;	border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #FFFFFF}
#contenedor01blanco  { background-color: #696969; width: 100%; border-bottom: 5px solid #ffffff; float: left; }
#contenedor01blanco02  { background-color: #FFFFFF; position: relative; width: 100%; float: left; border-bottom: 5px solid #ffffff }
#contenedor02{ width:356px; float: left}
#contenedor02_w { background-color: #e6e6e6; background-repeat: repeat; width: 100%; float: left; border-bottom: 5px solid #ffffff }
#contenedor_w355{ background-color: #afaaaa; width: 355px; float: left;}
#contenedor03 {	position: absolute;	bottom: 0%;	color: #000000;	font-size: 12px; clear: both; background-color: #99FF00}
#contenedor03txt  { color: #000000; font-size: 12px; background-color: #99ff00; padding: 0px; position: absolute; bottom: 0; clear: both }
#contenedor03-340 { background-color: #554d4d; position: absolute; right: 0; bottom: 0; left: 460px; width: 1em }
#contenedor04 {	background-color: white; width: 100%; float: left;}
#contenedor05{ background-color: white; width: 560px; }
#contenedor_w355_guarderia { width: 355px; float: left;	background-image:  url(../img/guarderia/foto_06_fondo.jpg)}
#contenedor_w355_colegio { width: 355px; float: left;	background-image:  url(../img/colegiopiedralaves/foto_07_fondo.jpg)}
.imagen{border-right-width: 5px; border-right-style: solid;	border-right-color: #FFFFFF; float: left}
.imagensinflotar{ border-right-width: 5px; border-right-style: solid; border-right-color: #FFFFFF; clear: left}
.imagen02{ border-right-width: 5px; border-right-style: solid; border-right-color: #FFFFFF; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #FFFFFF; float: left; bottom: 20px; }
#info { color:#2d2d2d; font-size: 11px; margin:-8px 0 0 20px}
#info li { line-height: 16px; list-style-type: none; padding: 0 0 3px 0 }
#info ul { margin: 0 0 6px 0}
#enlace {font-size: 10px; line-height: 16px; list-style-type: none; margin: 12px 0 0 20px; padding: 0; border-left: 0 none;}
#enlace a { color:#000000; text-decoration:none; padding:0 0 0 20px}
#enlace a:hover { color:#FFFFFF; text-decoration:underline}
#enlace ul { margin: 0px; padding: 0px}
#enlace li  { list-style-type: none; margin: 0 0 5px 0}
.memoria {
	background:  url(../img/ico_memoria.png) no-repeat 0 0;
	display: block;
}
.galeria {
	background:  url(../img/ico_galeria.png) no-repeat;
	display: block;
}
.visita { background:  url(../img/ico_visita.png) no-repeat 0 0}

/* contenido proyectos especiales*/
#descripcion_transparente { color: white; font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding: 30px}
#descripcion { color: black; font-size: 11px; padding:30px; background-color: #FFFFFF; }
#descripcion_memoria { color: #666666; font-size: 12px; padding:30px; background-color: #FFFFFF; width: 100%;}
#descripcionA { color: black; font-size: 10px; text-align: left; padding: 20px; position: relative; left: 6px; width: 77%; float: none }
#descripcionA_left { color: black; font-size: 10px; text-align: left; padding: 20px; position: relative; width: 290px; float: left}
#descripcionB {	color: black; font-size: 10px; text-align: left; padding: 20px; position: relative; width: 350px; clear:both}




/* PERFIL */
#contenidoperfil{ margin:15px 0 0 0; padding:0 0 25px 0}
/* iframe del contenido del proyecto */
div.iframeperfil { margin-left:0px; clear: both; background-color: #0066FF; position: relative; top:0}

/* Curriculum */
#posicionimg { margin:10px 0 10px 0}
#contenedor_arturo_txt { width:330px; margin:0 0 40px 28px}
#contenedor_alegria_txt { width:330px; margin:0 0 40px 0; position: absolute; top:349px; left: 410px}
.subtitulo{ display:block; height:25px; margin:0 0 6px 0; font-size: 14px; font-weight:bold; color:#696969}
#curri { margin:0; padding:0; font-size: 12px; color:#999999 }
#colaboradores {
	margin:0;
	padding:0;
	font-size: 12px;
	color:#999999;
	line-height: 20px;
}
#curri li { list-style-type: none; margin:0 0 10px 0}

/* Concursos, conferencias, exposiciones, premios, */
.fecha{
	color:#999999;
	padding-left:18px;
	margin-left:18px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom-color:#999999;
	border-bottom-width:1px;
	border-bottom-style:solid;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	width:230px;
	background-color:#b8b8b8;
}
.fecha_pocos1{
	color:#999999;
	padding-left:18px;
	margin-left:18px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom-color:#999999;
	border-bottom-width:1px;
	border-bottom-style:solid;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-color:#b8b8b8;
}

#contfecha{
	padding-bottom:20px;
	background-color:#b8b8b8;
}
#contfecha_flota{
	padding-bottom:20px;
	float:left;
	background-color:#b8b8b8;


}
.premiado {
	color: #999999;
	font-weight:bold;
	line-height:20px;
}


#ejemplos{
	color:#FFFFFF;
	background-color:#b8b8b8;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:36px;
	height:150px;
	width:190px;
}

#ejemplosanos{
	color:#FFFFFF;
	background-color:#b8b8b8;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	height:130px;
	padding-right:20px;
	width:280px;
}

.premiados{
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;


}
#ejemplosanos a {
	color:#ffffff;
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#ejemplos a {
	color:#ffffff;
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.invisible {
	color: #b8b8b8;
}


/* CONTACTO */
#contenidocontacto{
	width:700px;
	margin:15px 0 200px 28px;
	padding:0;
	font-size:12px;
	line-height:20px;
}
#contenidocontacto a{ color:#999999; text-decoration:underline}
#contenidocontacto a:hover { color:#000000; text-decoration:underline}

/* PAGINA DE DETALLE*/
#galeria { width:779px; height:420px}
#memoria { width:779px;}
.volver{ color:#666666; font-size:11px; padding: 5px 0 15px 28px; width:751px}
.volver a { color:#666666; text-decoration:none}
.volver a:hover{ text-decoration:underline}
.iframegaleria { background-color:#FFFFFF; width:550px; height:350px; float:left; margin-top:1px}
#ifrmgaleria { border:0; width:550px; margin:0 5px 0 0; height:350px; position: relative; top:0px; text-align:left; vertical-align:top}
.detalle { width:224px; height:350px; float:right; padding:0 0 0 0}
.detalle02 { width:160px; height:320px; float:left; padding:0 0 0 0}
.detalle img{ border: 1px solid #FFFFFF; position: relative}
.detalle a:hover { border: none}
.detalle a:hover img{ border: 1px solid red; position: relative}
.detalle a:active img, .detalle a:focus img { border: 1px solid #000000; position: relative}
.piefoto { font-size:11px; color:#999999; width:224px; height:12px; float:right; padding:19px 0 0 0}

/* PAGINA DE IMAGEN SUELTA*/
#imagensuelta{ background-color:#696969; float:right}
#imagensuelta img{ float:right}
.textorojo { padding: 0px; font-size: 12px; color: #A00202}




#años{font-size:12px; line-height:20px; color:#696969 }
#años li{ position:relative; width:759px; margin:0 0 5px 0}
#años li .cuadro{ display:block; font-weight:bold; color:#FFFFFF; padding:10px 0 0 0; width:60px; float:left; text-align:right}
#años li .texto{ display:block; background:#FFFFFF; margin:0 0 0 69px; padding:0 0 16px 14px; color:#999999}
#años li .texto .titulo{ display:block; font-size:14px; margin:0 0 0 -3px; padding:10px 0 0 0; color:#696969}
#años li a{ color:#999999; text-decoration:underline}
#años li a:hover { color:#000000; text-decoration:underline}


.color07{ background-color:#000000}
.color06{ background-color:#101010}
.color05{ background-color:#1c1c1c}
.color04{ background-color:#1e1e1e}
.color03{ background-color:#313131}
.color02{ background-color:#434242}
.color01{ background-color:#595858}
.color00{ background-color:#6b6a6a}
.color99{ background-color:#7f7f7f}
.color98{ background-color:#b4b4b4}
.color97{ background-color:#e7e7e7}
/* Este estilo es para que en mozilla el iframe se adapte en altura cuando se carge
en la pagina desde la que se le llama. Se incluye la final de los html. No es necesario para
explorer. Ya se que está mal utilizado, el h4 no tiene esta funcion. No le encuentro la logica
solo se que funciona */
h6 { margin: 0px; line-height: 1px;	font-size: 1px;	color: #FFFFFF}

/* desde aqui estilos del ACORDEON de publicaciones*/
#basic-accordian{
	width:100%x;
	z-index:2;
}

.accordion_headings{
	background:#eeeeee;
	color:#b8b8b8;
	border-top:1px solid #b8b8b8;
	border-right:1px solid #b8b8b8;
	cursor:pointer;
	font-weight:bold;
	padding-right:30px;
	padding-left:30px;
	padding-bottom:10px;
	padding-top:10px;
	margin-top:20px;
}

.accordion_headings:hover{
	background:#a8a8a8;
	color:#ffffFF;

}

.header_highlight{
	background:#b8b8b8;
	color:#ffffFF;
	background-image: url(../img/fondopestana.jpg);	
}

.tab_container *{
	float:left;
}

.header {
	background: #000;
	cursor: pointer;
	padding:10px;
}

.header:hover{
	background-color:#b8b8b8;
}
.selected{
	background-color:#F00;
	color:#FFF;
}
.libros {
	width:180px;
	padding:0px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:5px;
	float:left;
	height:230px;
	background-color:#b8b8b8;
}
.revistas {
	width:180px;
	padding:0px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:5px;
	float:left;
	height:230px;
	background-color:#b8b8b8;

}
.textos_publicaciones {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#ffffff;
	padding-top: 5px;
}
.content{
	background:#FFF;
	visibility: hidden;
}

.accordion_child{
	background-color:#b8b8b8;
	margin-top:30px;
	margin-left:12px;
	width:100%;
	margin-bottom:15px;
}