﻿
#BloqueDerecho
{
	width: 230px;
	float: right;
	position: relative;
	min-height: 620px;
}

#BloqueCentral
{
	width: 850px;
	position: relative;
	min-height: 620px;
	padding: 0 15px;
	font-family: Arial;
	font-size: 13px;
	color: #6D6960;
	line-height: 20px;
}

#BloqueIzquierdo
{
	width: 610px;
	float: left;
	position: relative;
	padding: 0 15px;
	font-family: Arial;
	font-size: 13px;
	color: #6D6960;
	line-height: 20px;
	min-height: 620px;
	text-align: justify;
	 
	
}


#BloqueIzquierdo h2, #BloqueCentral h2
{
	text-transform: uppercase;
	color: #7F5442;
	font-size: 19px;
	font-weight: bold;
	font-family: Century Gothic;
}

#BloqueIzquierdo h3, #BloqueCentral h3
{
	color: #B6614F;
	font-size: 16px;
	font-weight: bold;
	font-family: Century Gothic;
}



#BloqueDerecho h2
{
	text-transform: uppercase;
	color: #329C9C;
	font-size: 19px;
	font-weight: bold;
	font-family: Century Gothic;
}


.subtitulo, #BloqueIzquierdo b
{
	color: #484438;
	margin: 18px 0;
	font-weight: bold;
}


#BloqueDerecho #SubMenu
{
	width: 100%;
	color: #787769;
	font-family: Century Gothic;
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom: 25px;
}


#BloqueDerecho #SubMenu .Opcion
{
	background: #F9F8ED;
	padding: 9px 32px 9px 18px;
	height: 25px;
	margin: 3px 0;
}

#BloqueDerecho #SubMenu a
{
	text-decoration: none;
	color: #787769;
}


.Opcion1, .Opcion2, .Opcion3, .Opcion4, .Opcion5, .Opcion6, .Opcion1_Selected, .Opcion2_Selected, .Opcion3_Selected, .Opcion4_Selected, .Opcion5_Selected, .Opcion6_Selected
{
	padding: 9px 32px 9px 18px;
	height: 10px;
	margin: 3px 0;
}

.Opcion1_Selected a, .Opcion2_Selected a, .Opcion3_Selected a, .Opcion4_Selected a, .Opcion5_Selected a, .Opcion6_Selected a
{
	color: #fff !important;
}

.Opcion1:hover a, .Opcion2:hover a, .Opcion3:hover a, .Opcion4:hover a, .Opcion5:hover a, .Opcion6:hover a
{
	color: #787769 !important;
}

#BloqueDerecho #SubMenu .Opcion1:hover, #BloqueDerecho #SubMenu .Opcion2:hover, #BloqueDerecho #SubMenu .Opcion3:hover, #BloqueDerecho #SubMenu .Opcion4:hover, #BloqueDerecho #SubMenu .Opcion5:hover, #BloqueDerecho #SubMenu .Opcion6:hover
{
	background-color: #fff;
	color: #787769 !important;
}

#BloqueDerecho #SubMenu .Opcion1
{
	background: #F9F8ED url(../images/Simbolos/1_hover.gif) no-repeat right;
}

#BloqueDerecho #SubMenu .Opcion1_Selected
{
	background: #949083 url(../images/Simbolos/1.gif) no-repeat right;
}

#BloqueDerecho #SubMenu .Opcion2
{
	background: #F9F8ED url(../images/Simbolos/2_hover.gif) no-repeat right;
}

#BloqueDerecho #SubMenu .Opcion2_Selected
{
	background: #949083 url(../images/Simbolos/2.gif) no-repeat right;
}

#BloqueDerecho #SubMenu .Opcion3
{
	background: #F9F8ED url(../images/Simbolos/3.gif) no-repeat right;
}

#BloqueDerecho #SubMenu .Opcion3_Selected
{
	background: #949083 url(../images/Simbolos/3_hover.gif) no-repeat right;
}

#BloqueDerecho #SubMenu .Opcion4
{
	background: #F9F8ED url(../images/Simbolos/4.gif) no-repeat right;
}

#BloqueDerecho #SubMenu .Opcion4_Selected
{
	background: #949083 url(../images/Simbolos/4_hover.gif) no-repeat right;
}

#BloqueDerecho #SubMenu .Opcion5
{
	background: #F9F8ED url(../images/Simbolos/5.gif) no-repeat right;
}

#BloqueDerecho #SubMenu .Opcion5_Selected
{
	background: #949083 url(../images/Simbolos/5_hover.gif) no-repeat right;
}


#BloqueDerecho #SubMenu .Opcion6
{
	background: #F9F8ED url(../images/Simbolos/6.gif) no-repeat right;
}

#BloqueDerecho #SubMenu .Opcion6_Selected
{
	background: #949083 url(../images/Simbolos/6_hover.gif) no-repeat right;
}


#Novedad
{
	padding-top:5px;
	background: #fbfbf4;
	font-size: 11px;
	font-family: Arial;
	display:block;
	width:225px;
	height:130px;
}


#Novedad div
{
	width: 115px;
	float: right;
	margin-bottom: 18px;
	line-height: 18px;
}


#Novedad div strong
{
	color: #342202;
	font-size: 15px;
}

#Novedad div .cita
{
	color: #A48F68 !important;
}


#Novedad div a
{
	text-decoration: none;
	font-style: italic;
	font-size: 11px;
	color: #342202 !important;
}
/*------------- Galeria interna ---------------*/
.ft-prev
{
	margin-left: -25px;
}
.ft-next
{
	margin-right: -25px;
}
#Gallery_Content
{
	width: 530px;
	height: 398px;
	background: #F1F1F2;
	text-align: center;
	padding: 30px 40px;
}
#ft-buttons-Galeria_Museo
{
	margin-top: 45px;
	text-align: right;
	float: right;
}
#ft-buttons-Galeria_Museo a, .Paginacion a
{
	text-decoration: none;
	display: block;
	background-color: #329C9C;
	color: #fff;
	padding: 0.2px;
	text-align: center;
	width: 15px;
	height: 15px;
	position: relative;
	float: left;
	margin: 0 2px;
	font-weight: bold;
}




#ft-buttons-Galeria_Museo a:hover, .Paginacion a:hover, .Paginacion .PagingCurrentPage, .PagingTDAtras a, .PagingTDSiguiente a
{
	text-decoration: none;
	display: block;
	background-color: #267575;
	color: #fff;
	padding: 0.2px;
	text-align: center;
	width: 15px;
	height: 15px;
	position: relative;
	float: left;
	margin: 0 2px;
	font-weight: bold;
}


.Paginacion a, .PagingTDAtras a, .PagingTDSiguiente a, .Paginacion .PagingCurrentPage, .Paginacion a:hover
{
	height: 20px;
	width: 20px;
	font-size: 13px;
	font-family: Century Gothic;
}

/*---------Publicaciones de museo------------*/

.Pub_recuadro
{
	clear: both;
	background: url(../images/fondo1.jpg) no-repeat;
	background-position: 90px center;
	width: 100%;
	height: 200px;
	margin-bottom: 20px;
}

.Pub_recuadro2
{
	clear: both;
	background: url(../images/fondo2.jpg) no-repeat;
	background-position: 90px center;
	width: 750px;
	height: 140px;
}

.Pub_recuadro img, .Pub_recuadro2 img
{
	float: left;
	margin-right: 10px;
}

.Pub_recuadro div
{
	width: 90%;
	padding: 50px 0;
	color: #7F5442;
	font-style: italic;
	font-size: 13px;
	font-family: Century Gothic;
	text-align: left;
}

.Pub_recuadro2 div
{
	width: 70%;
	padding: 55px 0;
	color: #7F5442;
	font-style: italic;
	font-size: 13px;
	font-family: Century Gothic;
	text-align: left;
}

.Pub_recuadro2 div a,.Pub_recuadro2 div a:visited
{
		padding: 55px 0;
	color: #7F5442;
	font-style: italic;
	font-size: 13px;
	font-family: Century Gothic;
	text-align: left;
}

.Pub_recuadro2 div a img
{
	float: none;
}

.Pub_recuadro div b
{
	color: #7F5442;
	font-weight: bold;
	font-size: 16px;
}

.Pub_recuadro div .VerMas
{
	color: #B6614F !important;
	font-weight: bold;
	font-size: 11px;
	float: left;
	margin-left: 10px;
	text-transform: none;
}

.btnCafe
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background: #7F5442;
	color: #fff;
	text-transform: uppercase;
	font-family: Century Gothic;
	font-size: 10px;
	font-weight: bold;
	border: none;
	height: 27px;
	cursor: pointer;
	width: 85px;
}

.btnCafe:hover
{
	cursor: pointer;
}



#ConsultaMultiple
{
	clear: both;
	width: 100%;
	padding-bottom: 70px;
	border-bottom: #EFF7F7 solid 12px;
	margin-top: 35px;
}


#ConsultaMultiple #Menu
{
	padding: 0 15px;
	background-color: #EFF7F7;
	width: 820px;
	height: 40px;
	display: table-cell;
	margin-bottom: 20px;
	vertical-align: middle;
}

#ConsultaMultiple #Menu .Opciones
{
	float: left;
	margin: 0 5px;
}


#Cuadro_Contactenos
{
	font-family: Century Gothic;
	font-size: 11px;
	color: #7f5442;
	background: #fdfcf8;
}


#Cuadro_Contactenos #Titulo
{
	background: #7f5442;
	display: table-cell;
	width: 250px;
	height: 38px;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
}


#Cuadro_Contactenos #Texto
{
	margin-top: 18px;
	padding: 0 12px 18px 12px;
}


/*-- Contactenos ---*/
.label_contact
{
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	float: right;
	padding-top: 5px;
	text-align: right;
	height: 40px;
}


.label
{
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-align: right;
	width: 80px;
	float: left;
}

.tbx
{
	color: #666666;
	font-family: Century Gothic;
	font-size: 12px;
	margin-left: 8px;
	width: 360px;
	float: left;
}

.textBox
{
	border: 1px solid #000000;
	color: #666666;
	font-family: Century Gothic;
	font-size: 12px;
	margin-left: 15px;
	width: 360px;
}


/*------------- Login ----------------*/

#login_Botones
{
	width: 375px;
	margin-top: 10px;
	float: right;
	margin-right: 145px;
}

#login_Botones div
{
	float: left;
	margin-right: 6px;
}


#login_Botones .Ingresar
{
	float: right !important;
}

#login_Botones .OlvidoContrasena a, #login_Botones .OlvidoContrasena a:hover, #login_Botones .OlvidoContrasena a:visited
{
	color: #484438;
	font-size: 12px;
	font-family: Century Gothic;
	font-style: italic;
}

#login_Botones .NuevoUser a, #login_Botones .NuevoUser a:hover, #login_Botones .NuevoUser a:visited
{
	color: #329C9C;
	font-family: Century Gothic;
	font-size: 12px;
	font-weight: bold;
}


/*--------------------------------------*/

.popup
{
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 5px;
}


/*----------Formulario de datos de usuario------------*/

.boletinMensual
{
	margin: 10px 0 0 12px;
	color: #329C9C;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
}

.label_registro
{
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	float: right;
	padding-top: 5px;
	text-align: right;
	height: 25px;
}


/*-------------My cuenta----------------*/

#MyCuenta
{
	width: 555px;
	margin-top: 15px;
}

#MyCuenta #Bienvenida
{
	margin-bottom: 22px;
}


#MyCuenta #Bienvenida label
{
	color: #b6614f;
	font-family: Century Gothic;
	font-weight: bold;
	font-size: 16px;
}

#MyCuenta .SubTitulo, #MyCuenta .SubTitulo2
{
	text-transform: uppercase;
	color: #125050;
	font-family: Century Gothic;
	font-weight: bold;
	font-size: 15px;
	width: 100%;
	height: 24px;
	border-bottom: 1px solid #C6C8CA;
	margin-bottom: 25px;
}

#MyCuenta .SubTitulo
{
	border: none !important;
}

/*--------------------Listado de búsqueda--------------*/

.tablaItem
{
	width: 100%;
	position: relative;
}

.tablaItem_Resumido
{
	width: 220px;
	position: relative;
	float: left;
}


.Td_Resumido_Col1, .Td_Resumido_Col2
{
	text-align: left;
	display: table-cell;
	font-family: Arial;
	font-weight: bold;
	font-size: 13px !important;
	color: #949083 !important;
}

.Td_Resumido_Col1
{
	width: 190px;
}

.Td_Resumido_Col1 b, .Td_Resumido_Col1 a  b
{
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
}

.Td_Resumido_Col2
{
	width: 120px;
}

.Td_Resumido_Col2 .VerMas
{
	color: #949083 !important;
	font-weight: bold !important;
}

.publiListadoTable
{
	background: #f9f8ed;
	color: #949083;
	/*display: block;*/
}

.publiListadoTable_Coleccion
{
	height: 50px;
	background: #ffff;
	color: #A48F68;
	display: block;
	border-bottom: 2px solid #FBFBF9;
}

.publiListadoTable_Resumido
{
	height: 40px;
	color: #A48F68;
	float: left;
	margin: 13px 30px;
}

#Col_1, #Col_2, #Col_3
{
	text-align: left;
	display: table-cell;
	font-family: Arial;
	font-size: 12px;
	vertical-align: middle;
	height: 50px;
}

#Col_1
{
	width: 630px;
}

#Col_1 b
{
	color: #000;
	font-weight: lighter;
}

#Col_2
{
	width: 40px;
}

#Col_3
{
	width: 85px;
	text-align: right;
	font-weight: bold !important;
}

.publiListadoTable_Header, .publiListadoTable_Header th
{
	background: #EFF7F7;
	/*display: block;*/
	border: #fff solid 2px !important;
	color: #329C9C;
	height: 20PX;
	margin-bottom: 8px;
	
	
}

.publiListadoTable_Header_Revista
{
	clear: both;
	font-family: Arial;
	font-size: 13px;
	color: #329C9C;
	font-weight: bold;
	width: 100%;
	background: #EFF7F7;
}

.R_H_Td_Autor, .R_H_Td_Numero, .R_H_Td_Ano, .R_H_Td_Signatura, .R_H_Td_Otro
{
	text-align: left;
	padding: 0 24px;
	display: table-cell;
	border: 2px #fff solid;
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
}

.R_H_Td_Otro,  .Td_Otro
{
	border:none;
	border-left: 2px #fff solid;
	}

.publiListadoTable_Alterno
{
	/*display: block;*/
	color: #949083;
	background: #fff !important;
}

.Td_Autor, .Td_Tipo, .Td_Ano, .Td_Signatura, .Td_Otro, .Td_Numero
{
	text-align: left;
	padding: 10px 24px;
	display: table-cell;
	border: 2px #fff solid !important;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
}

.Td_Autor b, .Td_Tipo b,  .Td_Signatura b, .Td_Otro b, .Td_Numero b
{
	color: #6c6960;
	text-transform: uppercase;
}


.Td_Ano b
{color: #6c6960;}


.Td_Autor, .R_H_Td_Autor
{
width: 260px;
}

.H_Td_Autor
{
	width: 193px;
}

.Td_Tipo,.R_H_Td_Tipo
{
	width: 145px;
}

.Td_Numero,.R_H_Td_Numero
{
	width: 70px;
}



.H_Td_Tipo
{
	width: 115px;
}



.Td_Ano, .Td_Signatura, .R_H_Td_Ano, .R_H_Td_Signatura
{
	width: 70px;
}

.Td_Otro, .R_H_Td_Otro
{
		width: 80px;
	}


.H_Td_Ano, .H_Td_Signatura, .H_Td_Otro
{
	width: 50px;
}


#Panel_Busqueda
{
	width: 100%;
	margin-bottom: 20px;
}

#Panel_Busqueda .barraTiempo
{
	height: 41px;
	width: 610px;
	background: #EFF7F7;
	display: table-cell;
	vertical-align: middle;
	border-right: 5px #fff solid;
}

#Panel_Busqueda .Orderby
{
	height: 40px;
	width: 240px;
	background: #fff;
	border: #D6EBEB solid 1px;
	display: table-cell;
	vertical-align: middle;
	color: #329C9C;
	font-family: Century Gothic;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}

#Panel_Busqueda .barraTiempo .textBox
{
	border: 0;
	background-color: #EFF7F7;
	font-family: Century Gothic;
	color: #329C9C;
	font-size: 16px;
	font-weight: bolder;
	width: 40px !important;
}

.ui-slider
{
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle
{
	cursor: default;
	height: 1.2em;
	position: absolute;
	width: 1.2em;
	z-index: 2;
	background: url(../images/botones/Indicador.png) no-repeat bottom center !important;
}
.ui-slider .ui-slider-range
{
	background-position: 0 0;
	border: 0 none;
	display: block;
	font-size: 0.7em;
	position: absolute;
	z-index: 1;
}
.ui-slider-horizontal
{
	height: 0.8em;
	background: url(../images/linea.jpg) repeat-x;
}
.ui-slider-horizontal .ui-slider-handle
{
	margin-left: -0.6em;
	top: -0.3em;
}
.ui-slider-horizontal .ui-slider-range
{
	height: 100%;
	top: 0;
}
.ui-slider-horizontal .ui-slider-range-min
{
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max
{
	right: 0;
}
.ui-widget-header
{
	background: #EFF7F7;
	opacity: 0;
	border: 1px solid #AAAAAA;
	color: #222222;
	font-weight: bold;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
	background: url(../images/botones/Indicador.png) no-repeat bottom center !important;
	border: none !important;
	color: #555555;
}


/*------------Busqueda Avanzada-------------*/

#Filtro_Avanzado
{
	margin-top: 25px;
	-moz-border-radius: 8px;
	padding: 0 0.5em 0 0;
}


#Filtro_Avanzado > div
{
	margin: 0.5em 0;
	display: block;
	clear: both;
	min-height: 15px;
	width: 500px;
}

.botones
{
	margin-top: -15px;
	display: block;
	clear: both;
	min-height: 15px;
	width: 480px;
	text-align: right;
	margin-bottom: 35px;
}


#Filtro_Avanzado > div .textBox, #Filtro_Avanzado > div .dropDownList
{
	width: 62%;
}

#Filtro_Avanzado > div .dropDownList
{
	border: 1px solid #000;
	margin-left: 15px;
}

#Filtro_Avanzado > div label
{
	float: left;
	width: 30%;
	text-align: right;
	margin-right: 0em;
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	color: #000;
}

#Filtro_Avanzado legend
{
	color: #0b77b7;
	margin-top: -20px;
}

#Filtro_Avanzado legend span
{
	width: 10em;
	text-align: right;
}


/*------------Detalle de las publicaciones-------------*/

#Pub
{
	width: 100%;
}

#Pub #Col_1
{
	float: left;
	position: relative;
	width: 530px;
	height:auto;
}

#Pub #Col_2
{
	float: right;
	position: relative;
	width: 310px;
}

#Pub #Col_2 #Contenedor_Imagen
{
	padding: 8px;
	width: 310px;
	text-align: center;
	background-color: #F1F1F2;
	margin-bottom: 10px;
	height:365px;
	display:table-cell;
	vertical-align:middle;

}

#Pub #Col_2 botones
{
	width: 100%;
	clear: both;
}

#Detalle_Publicacion
{
	width: 100%;
	font-family: Century Gothic;
	font-size: 14px;
}

#Detalle_Publicacion .titulo
{
	color: #b6614f;
	font-weight: bold;
	text-transform: uppercase;
}


#Detalle_Publicacion .datosGenerales
{
	color: #6c6960;
}

#Detalle_Publicacion .datosGenerales b
{
	font-weight: bold;
	color: #2e2c24;
}

.Fila_Volumen, .Fila_Articulo
{
	width: 480px;
}

.Fila_Volumen .Volumen
{
	width: 200px;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

.Fila_Articulo .Articulo
{
	width: 370px;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

.Fila_Volumen .VerDetalle
{
	display: table-cell;
	width: 80px;
	text-align: center;
	vertical-align: top;
}

.Fila_Articulo .VerDetalle
{
	display: table-cell;
	width: 80px;
	text-align: center;
	vertical-align: top;
}

.Fila_Volumen .Descargar, .Fila_Articulo .Descargar
{
	padding-left: 10px;
	display: table-cell;
	width: 80px;
	text-align: center;
	vertical-align: top;
}

h4
{
	text-transform: uppercase;
	color: #125050;
	font-family: Century Gothic;
	font-weight: bold;
	font-size: 15px;
}

.volver, .volver:hover, .volver:visited
{
	color: #b6614f;
	font-family: Century Gothic;
	font-size: 12px;
	cursor: pointer;
}


.izquierda
{
	float: left;
}

.derecha
{
	float: right;
}

.Detalle_Prestamos
{
	width: 100%;
	height: 15px;
	font-family: Century Gothic;
	font-size: 14px;
	color: #2E2C24;
}
.Prestamo
{
	float: left;
	width: 70%;
}

.Vencimiento
{
	float: right;
	text-transform: capitalize;
	text-align: right;
	color: #6D6960;
	width: 25%;
}

.Detalle_Prestamos
{
	width: 100%;
	font-family: Century Gothic;
	font-size: 14px;
}


.Detalle_Prestamos .Prestamo
{
	color: #2E2C24;
	font-size: 12px;
}

.Detalle_Prestamos .Prestamo b
{
	font-weight:bold;
}

.Detalle_Prestamos .Vencimiento
{
	color: #6D6960;
}
