/* CSS Document for Ratón de Biblioteca*/

body {
	font-family:verdana;
	font-size:11px;
	background:url(Imagenes/Fondo.gif);
	text-align :justify;
}

ul {
    list-style:circle;
	text-align:left;
}

.premios {
    background-color:#99CC33;
	border-style:ridge;
	border-color:#009900;
	font-family:Harlow Solid Italic;
	font-size:14px;
}

ol {
    list-style:lower-alpha;
	font-family:Calibri;
	font-size:medium;
	margin-left:-20px;
	.margin-left:24px;
}

dt {
	border-bottom-style:double;
	border-bottom-color:#000066;
    border-top-style:double;
	border-top-color:#000066;
	text-align:center;
	font-size:19px;
	font-style:italic;
}

dd {
    margin-bottom:15px;
	margin-top:15px;
	margin-right:40px;
}

dd:hover {
    background-color:#FF9900;
    border-color:#000066;
    border-style:double;
}

p {
	font-size:13px;
	color:#000000;
	line-height:120%;
}

hr {
	display:none;
}
 
h1 {
	font-size:20px;
	text-align:center;
	text-decoration:underline;
	font-family:Harlow Solid Italic;
	color:#0066FF;
}

h2 {
	font-size:20px;
	text-align:left;
	color:#325FA0;
	text-transform:capitalize;
}

h3 {
    color:#CC9933;
    font-size:13px;
	line-height:120%;
}

h4 {
	font-size:20px;
	text-align:center;
	color:#FF3333;
	font-family:Palatino Linotype;
	font-weight:bolder;
	font-variant:small-caps;
}

h5 {
	font-size:15px;
	text-align:center;
	color:#FF3333;
	font-family:Palatino Linotype;
	font-weight:bolder;
	font-variant:small-caps;
}

h6 {
	font-size:15px;
	text-align:center;
	color:#000000;
	margin:5px;
	background:url(Imagenes/Fondo-Interior2.gif);
	border:4px;
	border-style:solid;
	border-top-color:#FF9900;
	border-bottom-color:#FF9900;
}

a {
	font-size:12px;
	color:#325FA0;
}

a:link {
	text-decoration:none;
}

a:visited {
	text-decoration:none;
	color:#325FA0;
}

a:hover {
	text-decoration:none;
	color:#000066;
}

a:active {
	text-decoration:none;
	color:#00CC33;
}

#contenido {
       background-color:#996633;
       border-style:solid;
	   border-top:none;
	   border-bottom-color:#FF9900;
	   border-left-color:#FF9900;
	   border-right-color:#FF9900;
	   border-width:5px;
	   border-left-width:6px;
	   margin:0 auto;
       width:800px;
       height:auto;
	   position:relative;
	   top:55px;
}

#contenido2 {
       background:#FFFFFF;
       border-style:double;
       border-color:#FF9900;
	   border-width:thick;
       margin:0 auto;
       width:350px;
       height:auto;
}

.Gris:hover {
       -webkit-filter: grayscale(100%);
	   -moz-filter: grayscale(100%);
	   -ms-filter: grayscale(100%);
	   -o-filter: grayscale(100%);
	   filter: grayscale(100%);
}

.Videos {
       background-color:#FFFFFF;
	   padding:3px;
	   margin:0 auto;
	   width:250px;
	   text-align:center;
       border-style:solid;
	   border-color:#FF9900;
	   border-width:1px;
}

.Ribon::before {
              position:fixed;
              top:4.7%;
              right:-6.8%;
              display:scroll;
              box-sizing:border-box;
              content:"Portal Cultural";
              font-size:11pt;
              text-align:center;
              color:#FFFFFF;
              background-color:red;           
              height:20px;
              width:300px;
			  transform: rotate(+45deg);
}

.Ribon2::before {
              position:fixed;
              top:4.7%;
              right:-6.8%;
              display:scroll;
              box-sizing:border-box;
              content:"Opera Prima";
              font-size:11pt;
              text-align:center;
              color:#FFFFFF;
              background-color:red;           
              height:20px;
              width:300px;
			  transform: rotate(+45deg);
}

.Ribon3::before {
              position:fixed;
              top:4.7%;
              right:-6.8%;
              display:scroll;
              box-sizing:border-box;
              content:"Academia de cine";
              font-size:10pt;
              text-align:center;
              color:#000000;
              background-color:white;           
              height:20px;
              width:300px;
			  transform: rotate(+45deg);
}

.Ribon4::before {
              position:fixed;
              top:4.7%;
              right:-6.8%;
              display:scroll;
              box-sizing:border-box;
              content:"Museo Thyssem";
              font-size:11pt;
              text-align:center;
              color:#000000;
              background-color:white;           
              height:20px;
              width:300px;
			  transform: rotate(+45deg);
}

.Ribon5::before {
              position:fixed;
              top:4.7%;
              right:-6.8%;
              display:scroll;
              box-sizing:border-box;
              content:"Museo Guggenheim";
              font-size:9pt;
              text-align:center;
              color:#000000;
              background-color:white;           
              height:20px;
              width:300px;
			  transform: rotate(+45deg);
}

.Boletin {
       background-color:#FFCC33;
}

.cabecera {
       width:800px;
       height:163px;
       background:url(Imagenes/Cabecera.png);
	   margin:0 auto;
	   position:relative;
	   top:15px;
}

.arriba {
       width:810px;
       border-top-style:solid;
	   border-top-color:#FF9900;
	   border-top-width:6px;
	   -moz-border-top-left-radius:9px;
	   -webkit-border-top-left-radius:9px;
	   -moz-border-top-right-radius:9px;
	   -webkit-border-top-right-radius:9px;
       margin:0 auto;
       position:relative;
       top:56px;
}

.arriba2 {
       background-color:#996633;
       border-left-style:solid;
	   border-right-style:solid;
	   border-left-color:#FF9900;
	   border-right-color:#FF9900;
	   border-left-width:6px;
	   border-right-width:5px;
	   margin:0 auto;
       width:800px;
       height:37px;
	   padding-top:10px;
	   padding-bottom:4px;
	   position:relative;
       top:55px;
}

.arriba2-separacion {
       border-top-color:#FFFFF0;
	   border-top-style:solid;
	   border-top-width:6px;
}

.arriba2 img {
       border:none;
	   margin-left:5px;
}

.arriba2 img:hover {
       filter:alpha(opacity=10);
	   opacity:.1;
}

.segunda-cabecera {
       width:806px;
       height:100px;
	   margin-left:-3px;
       background:url(Imagenes/Pie.png);
       border-bottom-style:none;
}

.segunda-cabecera-inicio {
       margin:0 auto;
       width:810px;
       height:125px;
	   position:relative;
	   top:58px;
       background:url(Imagenes/Pie2.png);
}

.segunda-cabecera-inicio-contenido {
       text-align:center;
	   font-size:12px;
	   padding-top:32px;
}

.izquierda {
       width:200px;
       height:auto;
       margin:0px;
	   float:left;
}

.Musica {
   background-color:#000000;
   border-style:solid;
   border-left-color:#FF9900;
   border-top-color:#FF9900;
   border-width:3px;
   margin-left:3px;
   margin-right:3px;
   margin-top:3px;
   width:188px;
   height:190px;
   text-align:center;
}

.calendario {
   background-color:#FFFFF0;
   border-style:solid;
   border-left-color:#FF9900;
   border-top-color:#FF9900;
   border-width:3px;
   margin:3px;
}

.calendarioint {
   background-color:#CC9933;
   margin:4px; 
   font-style:italic;
   text-align:left;
}

.caja {
    background-color:#FFCC00;
	border-style:solid;
	border-width:1px;
}

.caja2 {
    background-color:#FFFFCC;
	border-style:solid;
	border-width:1px;
}

.caja3 {
    background-color:#FFCC00;
	border-style:solid;
	border-width:1px;
	font-size:9px;
	cursor:pointer;
}

.caja4 {
    background-color:#FFFFCC;
	border-style:solid;
	border-width:1px;
	font-size:9px;
}

.Buscador {
       background-color:#CC9933;
	   margin:3px;
	   border:solid;
	   border-color:#FF9900;
}

#input {
       background-color:#FFFFFF;
	   border-style:solid;
	   border-width:3px;
	   border-bottom-color:#999999;
	   border-left-color:#999999;
	   border-right:none;
	   border-top-color:#CCCCCC;
	   margin-right:-1px;
	   height:16px;
	   vertical-align:middle;
	   font-style:italic;
	   color:#000099;
}

#input:focus {
       outline:none;
}
  
#input2 {
   	   cursor:pointer;
	   background-color:#FFFFFF;
	   border-style:solid;
	   border-width:3px;
	   border-bottom-color:#999999;
	   border-left:none;
	   border-right-color:#CCCCCC;
	   border-top-color:#CCCCCC;
	   width:16px;
	   height:18px;
	   vertical-align:middle;
}

.Publicidad {
       background-color:#FFFFFF;
	   border-style:solid;
	   border-color:#009900;
	   border-width:2px;
	   margin:25px;
	   text-align:center;
}

.Publicidad1 {
       background-color:#FFFFCC;
       border-style:solid;
	   border-color:#FF9900;
	   border-width:2px;
	   width:180px;
	   height:90px;
	   margin-left:8px;
}

.Publicidad2 {
       background-color:#FFFFCC;
	   border-style:solid;
	   border-color:#FF9900;
	   border-width:2px;
	   width:160px;
	   height:600px;
	   margin-left:18px;
}

.Publicidad3 {
       background-color:#FFFFCC;
	   border-style:solid;
	   border-color:#FF9900;
	   border-width:2px;
	   width:160px;
	   height:600px;
	   margin-left:18px;
}

.Publicidad4 {
       background-color:#FFFFCC;
       border-style:solid;
	   border-color:#FF9900;
	   border-width:2px;
	   width:160px;
	   height:600px;
	   margin-left:18px;
}

.Publicidad5 {
       background-color:#FFFFCC;
       border-style:solid;
	   border-color:#FF9900;
	   border-width:2px;
	   width:728px;
	   height:90px;
	   margin-left:auto;
	   margin-right:auto;
}

.Publicidad6 {
       background-color:#FFFFCC;
       border-style:solid;
	   border-color:#FF9900;
	   border-width:2px;
	   width:728px;
	   height:90px;
	   margin-left:auto;
	   margin-right:auto;
}

.Publicidad7 {
       background-color:#FFFFCC;
       border-style:solid;
	   border-color:#FF9900;
	   border-width:2px;
	   width:160px;
	   height:600px;
	   margin-left:18px;
}

.Publicidad8 {
       background-color:#FFFFCC;
       border-style:solid;
	   border-color:#FF9900;
	   border-width:2px;
       width:336px;
	   height:280px;
       margin-left:126px;
	   margin-right:126px;
}

.Publicidad9 {
       background-color:#FFFFCC;
	   border-style:solid;
	   border-color:#FF9900;
	   border-width:2px;
	   width:336px;
	   height:280px;
	   margin-left:124px;
	   margin-right:124px;
}

.Noticias {
       margin-left:-5px;
}

.Noticias img {
       border:none;
	   margin-left:5px;
	   margin-bottom:30px;
}

.Noticias img:hover {
       margin-bottom:15px;
}

.Noticias2 {
       margin-left:3px;
}

.Noticias2 img {
	   margin-bottom:30px;
       border:none;
	   margin-left:5px;
}

.Noticias2 img:hover {
       margin-bottom:15px;
}

.Marquee2 {
       position:relative;
	   height:40px;
	   width:100%;
	   overflow:hidden;
}

.Marquee2 p{
	   position:absolute;
	   white-space:nowrap;
	   transform:translateX(51%);
	   animation:scrolling;
	   animation-duration:12s;
	   animation-timing-function:linear;
	   animation-iteration-count:infinite;
}

.Marquee2 p:hover {
       animation-play-state:paused;	   
}

@keyframes scrolling {
            0% {
                transform:translateX(250%);
               }

            100% {
                transform:translateX(-100%);
                 }
}

.Luna {
       background:url(Imagenes/Luna.png);
       width:322px;
	   height:80px;
	   margin-left:134px;
	   margin-right:134px;
	   border-top-color:#000000;
	   border-top-style:solid;
	   border-top-width:2px;
	   border-bottom-color:#000000;
	   border-bottom-style:solid;
	   border-bottom-width:2px;
	   border-left:none;
	   border-right:none;
}

.Luna img {
       padding-bottom:15px;
	   padding-top:15px;
	   padding-left:117px;
}

.Colaboraciones {
	   margin:1px;
	   width:186px;
	   height:auto;
	   padding-bottom:10px;
	   background-color:#FFFFF0;
	   border:1px;
	   border-style:solid;
	   border-left-color:#FF9900;
	   border-top-color:#FF9900;
}

.Cuadro {
	   background:url(Imagenes/Fondo-Interior2.png);
	   border:2px;
	   border-style:solid;
	   border-left-color:#FF9900;
	   border-top-color:#FF9900;
	   margin:4px;
}

.Cuadro2 {
	   background:url(Imagenes/Fondo-Interior2.png);
	   border:2px;
	   border-style:solid;
	   border-left-color:#FF9900;
	   border-top-color:#FF9900;
	   margin:25px;
}

.RedSocial {
       background-color:#EFEFEF;
	   border-style:solid;
	   border-top-color:#FFCC66;
	   border-left-color:#FFCC66;
	   border-bottom-color:#FF9900;
	   border-right-color:#FF9900;
	   border-width:3px;
	   width:110px;
	   height:33px;
	   margin-left:45px;
	   margin-right:45px;
}

.RedSocial a:hover {
       margin-left:5px;
}

.Entrar {
       text-align:center;
}

.Entrar a:hover {
       filter:alpha(opacity=60);
	   opacity:.6;
}

.derecha {
       width:190px;
       height:auto;
	   margin:0px;
	   float:right;
}

.textarea1 {
	   width:185px;
	   height:auto;
	   position:relative;
	   margin:0 auto;
	   background:url(Imagenes/Fondo-Interior2.png);
	   border:1px;
	   border-style:solid;
	   border-left-color:#FF9900;
	   border-top-color:#FF9900;
	   -moz-border-radius:10px;
	   -webkit-border-radius:10px;
}

.reloj {
       color:#FFFFF0;
	   font-family:Palatino Linotype;
	   font-size:13px;
	   text-align:center;
}

.Demoz {
	   border-style:solid;
	   border-top-color:#FFCC66;
	   border-left-color:#FFCC66;
	   border-bottom-color:#FF9900;
	   border-right-color:#FF9900;
	   border-width:3px;
	   width:80px;
	   height:80px;
	   margin-left:52px;
	   margin-right:52px;
}

.AnunciosPorPalabras {
       border:none;
}

.AnunciosPorPalabras:hover {
       filter:alpha(opacity=70);
	   opacity:.7;
}

#Encuesta {
       margin-left:4px;
	   margin-right:4px;
	   margin-bottom:4px;
	   margin-top:4px;
	   float:left;
	   width:47%;
	   text-align:center;
}

.Encuesta-campo {
       background-color:#FFFF99;
	   border:none;
	   margin-left:5px;
	   margin-right:5px;
	   padding-top:15px;
	   border-top:none;
	   border-color:#FFCC33;
	   border-width:3px;
	   border-right-style:solid;
	   border-bottom-style:solid;
	   border-left-style:solid;
}

.Encuesta-boton {
       background-color:#FF6600;
}

.Encuesta-resultado {
	   margin:4px;
	   float:right;
	   width:47%;
	   text-align:center;
}

.Encuesta-texto span {
	   margin-right:20px;
	   margin-left:20px;
}

.Encuesta-barras {
       border:none;
}

.Encuesta-barras img {
       border-style:solid;
	   border-width:1px;
	   border-color:#000000;
	   margin-right:20px;
	   margin-left:20px;
	   padding-left:10px;
	   padding-right:10px;
}

.principal {
	width:51%;
	height:auto;
	background:#FFFFF0;
	margin-left:200px;
}

.principal2 {
       width:75%;
       height:auto;
       background:#FFFFF0;
	   margin-left:200px;
	   margin-top:-13px;
	   .margin-top:0px;
}

#contenedor {
    background-image:url(Imagenes/alerta.png);
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

#alerta {
    background-color:#FFCC66;
    position:fixed;
	top:10px;
	left:0px;
	margin-top:10px;
	width:350px;
	height:80px;
	border-width:3px;
	border-style:solid;
	border-color:#FF6600;
    .position:absolute;
	_position:absolute;
}

#alerta h1 {
    background-color:#FFCC00;
    position:absolute;
	top:0px;
	left:0px;
	margin-top:0px;
	width:346px;
	color:#CC9900;
	font-size:12px;
	font-weight:bold;
	padding-bottom:5px;
	padding-left:2px;
	padding-right:2px;
	padding-top:5px;
}

#alerta p {
    position:absolute;
	top:0px;
	left:2px;
	right:2px;
	margin-top:30px;
}

#cerrar {
	background-color:#FF6633;
    position:absolute;
	top:55px;
	left:140px;
	padding:3px;
	border-color:#666666;
	border-style:solid;
	border-width:1px;
	width:70px;
	color:#000000;
	font-size:9px;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
}

.Mapa {
	   background-image:url(Imagenes/Violeta.jpg);
	   background-repeat:repeat;
	   width:350px;
	   height:auto;
	   border-style:double;
	   border-color:#09F;
	   -moz-border-radius:5px;
	   -webkit-border-radius:5px;
	   margin:0 auto;
}

.Mapa p {
       text-align:left;
}

.Zonas {
       margin:0 auto;
	   padding:5px;
	   width:550px;
	   border-color:#000000;
	   border-width:1px;
	   border-style:solid;
}

.Zonas:hover {
       background-image:url(Imagenes/Mar.png);
}

.principal3 {
       font-family:Calibri;
	   font-size:18px;
	   text-align:justify;
	   background:#FFFFF0;
	   margin-left:5px;
	   width:48%;
	   height:auto;
	   float:left;     
}

.principal4 {
	font-family:Calibri;
	font-size:18px;
	text-align:justify;
	background:#FFFFF0;
	margin-right:5px;
	width:48%;
	height:auto;
	float:right;
}

.imagenes {
       margin:5px;
}

.imagenes2 {
       margin:4px;
	   background-color:#000000;
	   border:double;
	   border-color:#999999;
	   text-align:center;
}

.idiomas {
       text-align:center;
	   background-color:#CC9933;
	   margin-left:225px;
	   margin-right:225px;
	   border-style:double;
	   border-width:5px;
	   border-color:#FF9900;
}

.Pedidos {
       background-color:#FFCC00;
}

.linea {
       border-bottom-style:dotted;
	   border-color:#FFCC00;
	   margin-left:25px;
	   margin-right:25px;
}

.Paginador {
       text-align:center;
}

.Paginador2 {
       font-size:24px;
}

.pie {
       width:auto;
       height:30px;
       background-color:#3399CC;
       margin:5px;
}

.pie h6 {
       text-align:center;
       text-transform:uppercase;
       margin:5px auto;
       color:#000000;
       font-size:15px;
}