/* reseteo universal*/ *{ border: 0; margin: 0; padding: 0; } #barraaceptacion { display:none; position:fixed; left:0px; right:0px; bottom:0px; padding-bottom:20px; width:100%; text-align:center; min-height:120px; background-color: #202020; color:#ccc; z-index:99999; } .inner { width:100%; position:absolute; padding-left:5px; font-family:verdana; font-size:.9em; top:30%; } .inner a.ok { padding:4px; text-decoration:none; } .inner a.info { padding-left:5px; text-decoration:none; } iframe#it { height: 580px; width: 100%; } @font-face { font-family: "Chalet"; src: url("../../fonts/Chalet.eot"); src: url("../../fonts/Chalet.eot?#iefix") format("embedded-opentype"), url("../../fonts/Chalet.woff") format("woff"), url("../../fonts/Chalet.ttf") format("ttf"), url("../../fonts/Chalet.svg#Chalet"); font-style: normal; font-weight: normal; } @font-face { font-family: 'pecitamedium'; src: url('../fonts/Pecita-webfont.eot'); src: url('../fonts/Pecita-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Pecita-webfont.woff') format('woff'), url('../fonts/Pecita-webfont.ttf') format('truetype'), url('../fonts/Pecita-webfont.svg#pecitamedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "brotherhood_script"; src: url("../fonts/brotherhood_script.eot"); src: url("../fonts/brotherhood_script.eot?#iefix") format("embedded-opentype"), url("../fonts/brotherhood_script.woff") format("woff"), url("../fonts/brotherhood_script.ttf") format("ttf"), url("../fonts/brotherhood_script.svg") format("svg"); font-style: normal; font-weight: normal; } @font-face { font-family: 'alex_brushregular'; src: url('../fonts/alexbrush-regular-webfont.eot'); src: url('../fonts/alexbrush-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/alexbrush-regular-webfont.woff2') format('woff2'), url('../fonts/alexbrush-regular-webfont.woff') format('woff'), url('../fonts/alexbrush-regular-webfont.ttf') format('truetype'), url('../fonts/alexbrush-regular-webfont.svg#alex_brushregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'janeaustennosecret'; src: url('../fonts/janeaust-webfont.eot'); src: url('../fonts/janeaust-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/janeaust-webfont.woff2') format('woff2'), url('../fonts/janeaust-webfont.woff') format('woff'), url('../fonts/janeaust-webfont.ttf') format('truetype'), url('../fonts/janeaust-webfont.svg#janeaustennosecret') format('svg'); font-weight: normal; font-style: normal; } article,figcaption,figure,footer,header,hgroup,nav,section { display: block; } section#navidad1 { display: block; margin: 0 auto; text-align: center; width: 100%; } section#navidad { display: block; margin: 0 auto; text-align: center; width: 100%; } body { background: #1E0020 url('fondo.gif'); font-family: Arial, Helvetica, Verdana; font-size: 1.1em } audio, iframe, img, video { margin: 5px; max-width: 100%; } iframe#video20 { margin: 5px; max-width: 98% } header, nav, section#contenido, footer { background: #1E0020; margin: 0 auto; max-width: 950px; text-align: center; } .navegador2 { position: absolute; z-index: 999; } a { color: #B370ff; font-height: bold; text-decoration: none; } a:hover { color: #CCC; font-height: bold; text-decoration: none; } header nav ul{ margin: 0 10px 0px 10px; padding: 0 ; text-align: center; } nav#menu-simple { margin: -20px 0 0 -12px; padding: 0; } nav#menu{ background: #350035; border-radius: 2px; margin:40px 10px 0 10px; } nav#menu ul li a{ font-size: 1.3em; } nav#menu ul li{ padding: 10px 14px; text-align: center; } nav li { display: inline-block; padding: .2em -5em 0; vertical-align: middle; } h2 { color: #81028E; font-family: "alex_brushregular" , Helvetica, Verdana; font-size: 1.9em; text-align: left; padding: 5px 0 0 10px; } h3 { color: #999; font-family: "Chalet" ,Helvetica, Verdana; font-size: 1.2em; text-align: center; padding: 1em .5em; } h4 { color: #666; font-family: "pecitamedium" ,Helvetica, Verdana; font-size: 1.5em; text-align: right; padding: 5px; } h5 { color: #666; font-family: Arial, Helvetica, Verdana; font-size: 1em; text-align: right; padding: 5px; } hr { border: 1px solid #999; margin: 0; width:100%; } img#linea { margin: 0 auto; width: 100%; padding: 0; } img { margin: 0 auto; max-width: 98%; min-width: 20px; min-height: 1px; padding: 0; } p { color: #FCFCFC; text-align: justify; } p.primeralinea { text-indent: 50px; } p#texto-capilla { color: #CCC; font-family: Monotype Corsiva ,Helvetica, Verdana; font-size: 1.5em; text-align: justify; } p#misa { color: #B370ff; font-size: 2.5em; text-align: center; } p#misa-texto { color: #B370ff; font-size: 1.5em; text-align: center; } header { margin:25px auto 0; } footer { background: #350035; color: #CCC; font-size: 1em; margin: 0 auto; padding: 10px 0 10px 0; } .fade { opacity: 1; filter:alpha(opacity=10); -ms-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; transition: all 0.5s ease-in; } .fade:hover { opacity: 0.7; filter:alpha(opacity=7); -ms-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-outs; } .redonda { border-radius: .6em; /*1px/1px*/ } .video { position:relative; width:100%; height:0; padding-bottom:56%; } .video iframe { position:absolute; left:0; top:0; width:100%; height:100%; } section#tituloescudo { padding: 10px 10px 0 10px; } section#encabezado{ background: #1E0020; display: inline-block; margin: 5px 0 10px 0; max-height: 130px; vertical-align: top; width: 98%; } section#enc1 { background: #1E0020; display: inline-block; margin: 2em auto; vertical-align: top; width: 65%; } section#enc2 { background: #1E0020; display: inline-block; width: 30%; } section#encabezado img{ display: inline-block; vertical-align: center; max-width: 100%; } section#titulopagina{ background: #1E0020; margin: 0 auto; min-height: 60px; padding-left: 0; text-align: left; vertical-align: top; width: 94%; } section#menu { margin: 15px 0 0 0; } section#marquesina { margin: 0 auto; width: 90%; } /* SECTION CONTENIDO A PARTIR DE AQUI*/ input[type="email"], input[type="text"], textarea { background: #D2EFF1; border-radius: .2em; color: #FFF; font-family: Arial, Helvetica, Verdana; font-size: 1em; padding: .25em; width: 94%; } input[type="email"]:focus, input[type="text"]:focus, textarea:focus { background: #789BAF; } input[type="submit"] { background: #CCC; border-radius: .25em 0; color: #000; font-family: "Chalet", Arial, Helvetica, Verdana; font-size: 1.25em; padding: .25em; } input[type="submit"]:hover { background: #333; border-radius: 0 .25em; color: #FFF; cursor: pointer; font-family: "Chalet", Arial, Helvetica, Verdana; } label { color: #CCC; cursor:pointer; } legend { color: #CCC; padding: 16px 0 16px 10px; } textarea{ resize: none; } section#caja { display: inline-block; margin: 0 auto; min-height: 300px; width: 94%; } section#cajavideo { display: inline-block; margin: 0 auto; min-height: 100px; width: 96%; } section#rompecabezas { display: inline-block; margin: 0 auto; min-height: 350px; width: 98; } section#menu-portada { display: inline-block; margin: 0 auto; min-height: 350px; padding: 0; vertical-align: top; width: 98%; } div.portafolio { margin: 1em auto; } div.portafolio article { display: inline-block; margin: 0 10px; min-width: 200px; padding: 0 0 0 10px; width: 30%; } div.portafolio article p { padding: 0 10px 10px 10px; } div.portafolio article#cortejo{ color: #CCC; display: inline-block; max-width: 300px; min-width: 200px; text-align: center; vertical-align: top; width: 30%; } section#foto-portada { background: #252025; text-align: left; } article#historia, article#onomastica, article#escapulario, article#capilla, article#secretaria, article#noticias, article#junta, article#social { padding: 0 20px; } article#noticias p { padding: 0 8px; } p#redes { text-align: right; } p#solicitud { text-align: center; } img#img-twiter, img#img-facebook { padding: 10px 5px 0 10px; vertical-align: sub; } img#img-historia { padding: 10px 0 10px 10px; width: 274px; } img#img2-historia, img#libro { padding: 10px 10px 10px 0; width: 274px; } img#noticias { padding: 0 10px 10px 0; width: 300px; } section#caja-imagenes, section#caja-nazareno, section#caja-poemas { display: inline-block; margin: 0 auto; width: 100%; } section#cristo, section#virgen, section#ninojesus, section#santaana { display: inline-block; margin: 0; min-height: 350px; padding: 0; vertical-align: top; width: 48%; } section#txt-cristo, section#txt-virgen, section#txt-ninojesus, section#txt-santaana { display: inline-block; margin: 0 auto; padding: 0 10px 0 0; vertical-align: top; width: 48%; } section#nazareno1, section#nazareno2 { display: inline-block; margin: 0 auto; min-height: 370px; padding: 0 10px 0 10px; vertical-align: top; width: 46%; } section#cargos { max-width: 350px; margin: 0 auto; } section#poemas, section#autores { display: inline-block; margin: 0; min-height: 200px; padding: 0; position: relative; vertical-align: top; width: 45%; } section#autores { padding: 0 0 0 3em; } article#cargos p { padding: 0 2px 10px 2px; } article#galeria-inicio { border-radius: 0.5em; margin: 0 auto; padding: 0.5em 0.5em 0.5em 0.5em; text-align: justify; width:98; } div.portafolio { margin: 1em auto; } div.portafolio article, div.portafolio2 article { display: inline-block; margin: 0 auto; min-width: 200px; padding: 0 0 10px 0; width: 30%; } section#contacto, section#tienda { display: inline-block; margin: 0 auto; min-height: 50px; padding: 0 .5em 0 .5em; text-align: justify; vertical-align: top; width: 45%; } section#tienda article{ min-height:200px; padding: .5em; } span.datos-contacto { color: #CCC; margin-left: 1em; } article#info-contacto, article#contactanos { background: #660066; border-radius: .5em; margin: .5em; min-height: 100px; padding: .5em .5em 0 1em; } article#info-contacto { background: #660066; } article#lopd { color: #999; font-size: 0.8em; min-height: 150px; padding: 0 1em; } article#respuesta { color: #004D71; font-size: 1.2em; } section#piedepagina { margin: 0 auto; padding:0 8px 0 0; line-height: 2.2em; max-width: 88%; } article#textos-legales { display: inline-block; padding: 0px; text-align: left; vertical-align: top; width: 30%; } article#redes-sociales { display: inline-block; text-align: center; vertical-align: top; width: 18%; } article#contacto-pie { display: inline-block; text-align: right; vertical-align: top; width: 50%; } @media screen and (min-width:951px){ section#menu, section#foto-portada, section#marquesina, section#encabezado, section#colecciones2 { display: none; } } @media screen and (max-width:950px){ section#menu, section#foto-portada, section#marquesina, section#encabezado, section#colecciones2 { display: none; } iframe#video20 { max-height:400px; } } @media screen and (max-width:800px){ header { margin: 0 auto; } article#historia, article#onomastica, article#escapulario, article#capilla, article#secretaria, article#noticias, article#social { padding: 0 12px; } article#noticias p { padding: 0 8px; font-size: 1em; } iframe#video20 { max-height:350px; } } @media screen and (max-width:700px){ section#colecciones2 { display: block; } section#colecciones1 { display: none; } section#cristo, section#virgen, section#ninojesus, section#santaana, section#nazareno1, section#poemas, section#autores{ display: block; margin: 0 auto; padding: 0px; text-align: center; vertical-align: top; width: 100%; } section#txt-cristo, section#txt-virgen, section#txt-ninojesus, section#txt-santaana, section#nazareno2 { display: block; margin: 0 auto; padding: 0px; vertical-align: top; width: 100%; } section#nazareno1, section#nazareno2 { display: block; margin: 0 auto; padding: 10px; text-align: center; vertical-align: top; width: 96%; } section#titulopagina, section#submenu{ max-height: 24px; margin: 0 auto; width: 96%; } section#autores { padding: 0 0 0 3em; } article#textos-legales { width: 58%; } article#redes-sociales { text-align: right; width: 40%; } article#contacto-pie { text-align: left; width: 100%; } iframe#video20 { max-height:300px; } } @media screen and (max-width:600px){ h4 { font-size: 1.6em; } #barraaceptacion { min-height:150px; } .inner { width:100%; position:absolute; padding:1px; font-family:verdana; font-size: .8em; top:8%; } section#tituloescudo, section#menu-portada, nav#menu-simple { display: none; } section#titulopagina{ margin: 15px 10px 0 10px; padding-left: 0; width: 92%; } section#encabezado{ display: block; margin: 0; padding: 0 0 15px 0; } header nav#menu { display: none; } section#menu, section#foto-portada, section#marquesina { display: block; } section#nazareno1, section#nazareno2 { padding: 0px;; width: 96%; } section#enc2 { display: inline-block; padding: 2em 0; width: 30%; } article#historia, article#onomastica, article#escapulario, article#capilla, article#secretaria, article#noticias, article#junta, article#social { padding: 0 5px; } div.portafolio article { display: inline-block; margin: .5em auto; min-width: 120px; padding: 0; width: 20%; } footer { margin: 0 auto 0; } section#contacto, section#tienda { display: block; margin: 0 auto; min-height: 150px; padding: 0; text-align: justify; vertical-align: top; width: 97%; } section#mapa { text-align: center; } span.datos-contacto { color: #CCC; margin-left: 1em; } article#info-contacto, article#contactanos { border-radius: .5em; margin: 0 auto .5em; min-height: 100px; padding: 4px; } article#respuesta { color: #004D71; font-size: 1.6em; } div.portafolio article{ width: 48%; } iframe#video20 { max-height:280px; } } @media screen and (max-width:350px){ article#textos-legales, article#redes-sociales, article#contacto-pie { text-align: center; width: 100%; } }