/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.3
*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {
margin: 0;
padding: 0;
}

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

fieldset,img {
border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
font-weight: normal;
}

ol,ul {
list-style: none;
}

caption,th {
text-align: left;
}

h1,h2,h3,h4,h5,h6 {
font-size: 100%;
}

q:before,q:after {
content: '';
}

input.text,
textarea {
border: 1px solid gray;
}

.fin {
clear: both;
}

:focus {
outline: 0;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^ reset.css ^^^^^^^^^^^^^^^^^^^^^^^ */


body {
font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
font-size: 13px;
text-align: center;
color: #444;
background-color: #f29400;
background-image: url(../img/fondos/body.gif);
background-position: top;
background-repeat: repeat-x;
}

#layout {
position: relative;
width: 920px;
margin: 0px auto 0px auto;
text-align: left;
padding-bottom: 40px;
/*
border-right: 1px solid #c9c9c9;
*/
}

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

a span.raquo {
color: #E16E26;
}

a:visited:hover,
a:hover {
color: #FF4800;
}

a:hover span.raquo,
a:visited:hover span.raquo {
color: #FF4800;
}

strong {
font-weight: bold;
}

em {
font-style: italic;
}

input.text,
input.password,
textarea {
border: 1px solid gray;
padding: 1px 5px;
}

.clearfix {
clear: both;
}


/* Cabecera */

#cabecera {
background-color: transparent;
background-image: url(../img/fondos/cabecera.gif);
background-position: -5px bottom;
background-repeat: no-repeat;
/*
PBX
height: 278px;
*/
height: 258px;
}

#cabecera h1 {
position: absolute;
/*
PBX
top: 100px;
*/
top: 80px;
left: 33px;
width: 190px;
}

#cabecera h1 a {
margin: 0 auto;
background-image: url(../img/beatriz_cabanas.gif);
width: 190px;
height: 144px;
display: block;
color: #444;
font-size: 18px;
text-decoration: none;
text-align: left;
}

#cabecera h1 a span {
display: none;
}

/* --------------------- Menú ------------------ */

#menu-principal {
width: 190px;
height: 220px;
position: absolute;
top: 278px;
left: 33px;
text-align: center;
padding-top: 40px;
}

#menu-principal ul {
margin: 0 auto;
text-align: left;
width: 160px;
font-size: 15px;
}

#menu-principal li {
border-bottom: 1px dotted #ffba78;
line-height: 27px;
}

#menu-principal li.opcion-7 {
border-bottom: none;
}

#menu-principal a {
display: block;
padding-left: 20px;
color: #fff;
text-decoration: none;
}

#menu-principal li.seleccionado a,
#menu-principal a:visited:hover,
#menu-principal a:hover {
color: #E87C22;
text-decoration: none;
}

.bienvenida #menu-principal li.seleccionado a,
.bienvenida #menu-principal a:visited:hover,
.bienvenida #menu-principal a:hover {
color: #000;
}


/* Menú principal en interior */

.interior #menu-principal {
position: absolute;
/*
PBX
top: 271px;
*/
top: 251px;
left: -9px;
background-image: url(../img/fondos/menu_horizontal.png);
background-color: transparent;
width: 932px;
height: 48px;
padding-top: 8px;
padding-left: 11px;
}

.interior #menu-principal ul {
width: auto;
}

.interior #menu-principal li {
float: left;
display: block;
height: 39px;
line-height: 39px;
margin-left: 0px;
border-bottom: none;
border-right: 1px solid #E7A257;
}

.interior #menu-principal li.opcion-7 {
border-right: none;
}

.interior #menu-principal a {
display: block;
color: #5a5a5a;
text-decoration: none;
text-align: center;
padding-left: 0;
padding-right: 0;
font-size: 14px;
font-weight: normal;
width: 130px;
height: 39px
}

.interior #menu-principal a.seleccionado,
.interior #menu-principal a:visited:hover,
.interior #menu-principal a:hover {
color: #DC5522;
text-decoration: none;
}

/* --------------------- Menú nivel 1 ------------------ */

.interior #menu-interior {
clear: both;
display: block;
float: left;
width: 220px;
background-image: url(../img/fondos/area_interior.png);
background-position: top left;
padding: 10px 0 0 0;
margin-left: 20px;
margin-top: 0px;
margin-bottom: 30px;
}

.interior #menu-interior a {
color: #454438;
text-decoration: none;
}

.interior #menu-interior li.seleccionado,
.interior #menu-interior li.seleccionado a,
.interior #menu-interior a:visited:hover,
.interior #menu-interior a:hover {
color: #ec620b;
text-decoration: none;
}

.interior #menu-interior h2 {
padding-left: 15px;
font-size: 14px;
color: #E16E26;
margin-bottom: 0.5em;
}

.interior #menu-interior ul {
padding: 0 0 10px 15px;
background-image: url(../img/fondos/area_interior.png);
background-position: bottom left;
background-repeat: no-repeat;
}

.interior #menu-interior li {
list-style-type: disc;
list-style-position: inside;
line-height: 20px;
}

.interior #menu-interior h3 {
display: inline;
font-weight: normal;
}

.interior #menu-interior ul ul {
background-image: none;
}

.interior #menu-interior ul ul li {
color: #565656;
list-style-type: disc;
}

/* servicios */

/* Desactivamos el menú de nivel 2 para servicios
.servicios #menu-interior li a {
font-weight: bold;
}

.servicios #menu-interior h3 {
font-weight: bold;
}

.servicios #menu-interior ul ul a {
font-weight: normal;
}
*/


/* --------------------- Bienvenida ------------------ */

/* Menú bienvenida */

#menu-bienvenida {
width: 191px;
padding-top: 290px;
padding-left: 33px;
float: left;

background-image: url(../img/fondos/cuerpo_bordes.gif);
background-position: -20px -20px;
background-repeat: no-repeat;
			/*	overflow: hidden;*/
}

#menu-bienvenida h2,
#menu-bienvenida h3,
#menu-bienvenida p.banner,
#menu-bienvenida p.ver-mas,
#menu-bienvenida div {
margin: 0 15px;
}

#menu-bienvenida h2 {
font-size: 16px;
font-weight: normal;
color: #333;
margin-bottom: 0.25em;
}

#menu-bienvenida h3 {
font-size: 13px;
font-weight: normal;
color: #333;
margin-top: 0.25em;
margin-bottom: 0.25em;
}

#menu-bienvenida p {
margin-left: 5px;
}

#menu-bienvenida p.ver-mas {
text-align: right;
margin-bottom: 15px;
}

#menu-bienvenida div {
margin: 15px 0;
}

#menu-bienvenida a,
#menu-bienvenida a:visited {
color: #fff;
}

#menu-bienvenida a:hover,
#menu-bienvenida a:visited:hover {
color: #222;
}

#menu-bienvenida a span.raquo {
color: #666;
}

/* Galería bienvenida */
.bienvenida #contenido div.galeria {
width: 366px;
}

.bienvenida #contenido div.galeria p.imagen-principal {
background-color:#fbd39a;
background-image:none;
border: none;
padding: 8px;
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
border-bottom: 1px dashed #ABA894;
}


.bienvenida div.galeria ul {
margin: 0;
padding: 12px 0 12px 18px;
background-color: #ffeedd;
overflow: auto;
}

.bienvenida div.galeria li {
float:left;
height:78px;
margin-bottom:10px;
margin-right:15px;
width:100px;
overflow: hidden;
list-style-type: none;
}

.bienvenida div.galeria li img {
border: none;
background-color: #fff;
padding: 5px;
}

/* --------------------- Cuerpo ------------------ */

#cuerpo {
background-image: url(../img/fondos/cuerpo.gif);
background-position: top center;
background-repeat: repeat-y;
background-color: transparent;
}

#cuerpo div.extra-de-queso {
background-image: url(../img/fondos/cuerpo_flor.gif);
background-position: bottom right;
background-repeat: no-repeat;
}

.interior #cuerpo {
border-top: 1px solid;
margin-top: 20px;
background-image: none;
background-color: #fff;
}

#cuerpo div.clearfix {
height: 20px;
background-image: url(../img/fondos/cuerpo_bordes.gif);
background-position: -20px 0px;
background-repeat: no-repeat;
}

#cuerpo #menu-bienvenida div.clearfix,
#cuerpo #contenido div.clearfix {
height: 0px;
background: none;
width: 0;
}

/* --------------------- Contenido ------------------ */

#contenido {
padding-bottom: 30px;
}

#contenido h1 {
font-size: 20px;
color: #e87c22;
margin-bottom: 1em;
letter-spacing: 1px;
}

#contenido h1 span.raquo {
color: #5A5A5A;
}

#contenido h2 {
font-size: 15px;
color: #e87c22;
font-weight: bold;
margin-bottom: 1em;
margin-top: 1em;
letter-spacing: 0.5px;
}

#contenido p,
#contenido li {
line-height: 150%;
}

#contenido p {
margin-bottom: 1em;
margin-top: 1em;
}

#contenido a {
color: #e87c22;
}

#contenido a:visited {
color: gray;
text-decoration: underline;
}

#contenido a:hover,
#contenido a:visited:hover {
color: #FF4800;
text-decoration: underline;
}

/* Bienvenida */

.bienvenida #contenido {
float: left;
width: 630px; /* 696 - 33 - 33 */
font-size: 13px;
/*
margin-top: 30px;
margin-left: 42px;
margin-bottom: 30px;
*/

background-image: url(../img/fondos/cuerpo_bordes.gif);
background-position: 676px -20px;
background-repeat: no-repeat;
padding: 40px 33px 20px 33px;
}

.bienvenida #contenido h2 {
font-size: 14px;
font-weight: normal;
color: #e87c22;
}



/* Interior */

.interior #contenido {
margin-top: 40px;
margin-left: 270px;
margin-right: 18px;
}

.interior #contenido li {
list-style-position: inside;
margin-bottom: 5px;
}

.interior #contenido ul li {
list-style-type: disc;
}

.interior #contenido p.imagen img {
background-color: #d5d2bc;
background-image: none;
border: none;
padding: 8px;
}

.interior #contenido p.foto-equipo {
float: right;
width: 206px;
margin-left: 20px;
}

.interior #contenido p.foto-equipo img {
background-color: #d5d2bc;
background-image: none;
border: none;
padding: 8px;
}

/* Información de apoyo */

#informacion-de-apoyo {
width: 220px;
margin-left: 20px;
margin-top: 200px;
margin-bottom: 30px;
}

#informacion-de-apoyo h2 {
font-size: 16px;
font-weight: normal;
color: #E16E26;
margin-bottom: 0.5em;
}

#informacion-de-apoyo div {
background-image: url(../img/fondos/area_interior.png);
width: 220px;
height: 120px;
margin-bottom: 5px;
padding-top: 10px;
}

#informacion-de-apoyo h3 {
font-size: 13px;
line-height: 30px;
margin-left: 10px;
}

#informacion-de-apoyo p {
margin-left: 5px;
}

#informacion-de-apoyo p.enlace-descarga {
text-align: right;
margin-bottom: 15px;
}

.servicios #informacion-de-apoyo {
position: absolute;
top: 280px;
left: 0;
}

/* Galería */

div.galeria {
float: right;
margin-bottom: 15px;
margin-left: 33px;
width: 366px;
}

#contendo div.galeria p {
margin-top: 0;
}

#contenido div.galeria p.imagen-principal {
background-color:#fff;
background-image:url(../img/sombra_foto.png);
background-position:center bottom;
background-repeat:repeat-x;
border-top:1px solid #e8e6e1;
border-left:1px solid #BFBBB0;
border-right:1px solid #BFBBB0;
padding: 8px 8px 13px 8px;
margin-top: 0;
}

div.galeria p img {
display:block;
}

div.galeria span.autor {
color:gray;
display:block;
font-size:12px;
font-style:italic;
margin-bottom:0;
text-align:right;
}

.interior div.galeria ul {
margin: 0;
padding: 12px 0 6px 18px;
background-color: #ffeedd;
overflow: auto;
}

.interior #contenido div.galeria li {
float:left;
height:78px;
margin-bottom:10px;
margin-right:15px;
width:100px;
overflow: hidden;
list-style-type: none;
}

.interior div.galeria li img {
border:1px solid #bfbbb0;
border-top:1px solid #c8c5bc;
border-bottom: 2px solid #89867e;
background-color: #fff;
padding: 5px;
}

/* localizaciones */

.localizaciones #plano-de-situacion {
float: right;
clear: right;
width: 366px;
margin-bottom: 20px;
margin-left: 33px;
}

.localizaciones #plano-de-situacion iframe {
border-top:1px solid #e8e6e1;
border-left:1px solid #BFBBB0;
border-right:1px solid #BFBBB0;
border-bottom:1px solid #BFBBB0;
}


/* --------------------- Galería ------------------ */

body.galeria #contenido {
margin-left: 18px;
}

body.galeria div.galeria {
float: none;
margin-left: 0;
width: auto;
}

body.galeria #contenido p.imagen-principal {
float: left;
width: 350px;
margin-top: 0;
margin-bottom: 0;
}

body.galeria div.galeria ul {
margin-left: 396px;
}


/* --------------------- Contacto ------------------ */

.contacto #contenido {
margin-left: 18px;
}


.interior #contenido ul li.oficina {
padding-bottom: 25px;
margin-bottom: 25px;
border-bottom: 1px dashed #E87C22;
list-style-type: none;
}

div.vcard {
float: left;
width: 230px;
}

div.vcard .organization-name,
div.vcard .work {
display: none;
}

div.vcard h3 {
font-size: 15px;
margin-bottom: 0.75em;
}


div.vcard .adr {
margin-bottom: 0.5em;
}

div.vcard .tel span.type {
font-weight: bold;
margin-bottom: 0.5em;
}

div.mapa-google {
width: 620px;
height: 200px;
margin-left: 260px;
border: 1px solid #6D6B70;
}

/*

.contacto div.vcard {
width: 350px;
height: 260px;
background-color: #e07a21;
background-image: url(../media/tarjeta_beatriz_cabanas.png);
color: #fff;
margin-bottom: 2em;
overflow: hidden;
}

.contacto div.vcard p {
margin-left: 350px
}
*/

/* formulario */

.contacto textarea {
width: 50%;
height: 150px;
}

.contacto input.submit {
width: 180px;
}

.contacto dt {
margin-bottom: 0.5em;
}

.contacto dd {
margin-bottom: 1em;
}


/* --------------------- Pie ------------------ */

#pie {
clear: both;
padding-bottom: 20px;
font-size: 11px;
background-color: #ffeedd;
background-image: url(../img/fondos/pie_flor.gif);
background-position: bottom right;
background-repeat: no-repeat;
height: 285px;
}

#pie div.extra-de-queso {
padding-top: 20px;
text-align: center;
background-image: url(../img/fondos/corazon.gif);
background-position: top left;
background-repeat: no-repeat;
height: 285px;
}

#pie p {
line-height: 30px;
}

#menu-pie {
margin: 25px auto;
text-align: left;
width: 920px;
}

#pie ul {
float: left;
width: 160px;
margin-left: 10px;
}

#pie ul.primero {
margin-left: 240px;
}

#pie li.titulo {
font-weight: bold;
margin-bottom: 1em;
}

#pie li.titulo,
#pie li.titulo a {
color: #e87c22;
}

#pie p.credit {
clear: both;
font-size: 11px;
color: #999;
margin-top: 50px;
}

#pie p.credit a:hover,
#pie p.credit a {
color: #999;
}

/* --------------------- Blog ------------------ */

body.blog p.fecha {
float: right;
}

/* --------------------- Lightbox ------------------ */

#lightbox{
	position: fixed;
	top: 15%;
	left: 0;
	width: 100%;
	z-index: 200;
	text-align: center;
	line-height: 0;
	color: #999;
}

#lightbox a {
	text-decoration: none;
	font-size: 12px;
	color: #fff;
}

#lightbox a:hover, 
#lightbox a:hover:visited {
	text-decoration: none;
	color: #fff;
	background-color: #333;
}

#lightbox a img{ 
	border: none; 
}

#closeLightboxContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #222;
	margin: 0 auto;
	height: 25px;
	border-top: 1px solid #777;
	border-right: 1px solid #777;
	border-left: 1px solid #777;
	position: relative;
	top: 1px;
	z-index: 202;
}

#closeLightboxContainer #bottomNav {
	text-align: right;  
	width: 100%;
	height: 25px;
}

#closeLightboxContainer #bottomNavClose { 
	display: block;
	height: 25px;
	line-height: 22px;
}	

#closeLightboxContainer #bottomNav a {
	color: #fff;
}

#closeLightboxContainer #bottomNav a span.equis {
	color: #f60;
	font-size: 14px;
	margin-right: 8px;
}
	
#closeLightboxContainer #bottomNav a:hover,
#closeLightboxContainer #bottomNav a:hover:visited {
	background-color: #555;
	color: #fff;
}

#closeLightboxContainer #bottomNav a:hover span.equis,
#closeLightboxContainer #bottomNav a:hover:visited span.equis {
	color: #ff9c00;
}

#outerImageContainer{
	position: relative;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	background-color: #222;
	border: 1px solid #777;
	border-left: 1px solid #777;
	z-index: 201;
}

#imageContainer{
	padding: 0;
}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 200;
}
	
#imageContainer>#hoverNav{ 
	left: 0;
}
	
#hoverNav a{ 
	outline: none;
}

#prevLinkHover, 
#nextLinkHover{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}
	
#prevLinkHover { 
	left: 0; 
	float: left;
}
	
#nextLinkHover { 
	right: 0; 
	float: right;
}
	
#prevLinkHover:hover, 
#prevLinkHover:visited:hover { 
	background: url(../images/prevlabel.gif) left 15% no-repeat; 
}
	
#nextLinkHover:hover, 
#nextLinkHover:visited:hover { 
	background: url(../images/nextlabel.gif) right 15% no-repeat; 
}

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #222;
	margin: 0 auto;
	position: relative;
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
	border-left: 1px solid #777;
	position: relative;
	bottom: 1px;
	z-index: 202;
	text-align: left;
}

#imageData{
	padding:0 10px;
	text-align: center;
	height: 40px;
}

#imageData #imageDetails{ 
	text-align: center; 
}
		
#imageData #caption{ 
	font-weight: bold;	
	line-height: 18px; 
	padding-top: 4px;
}

#imageData #numberDisplay{ 
	display: block; 
	clear: left;
	line-height: 18px;
	padding-bottom: 4px;
}

#galleryNavigation {
	width: 100%;
	position: absolute;
	height: 40px;
	text-align: left;
}

#prevLink, #nextLink{
	width: 30%;
	height: 40px;
	line-height: 40px;
	display: block;
	position: absolute;
}
	
#prevLink { 
	left: 0; 
	text-align: center;
}
	
#nextLink { 
	right: 0; 
	text-align: center;
}

#overlay{
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 199;
	background-color:#333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

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

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}



/* ---------------------  ------------------ */
/* ---------------------  ------------------ */
/* ---------------------  ------------------ */
/* ---------------------  ------------------ */
/* ---------------------  ------------------ */