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

/* =General
-----------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: 
baseline; background: transparent;; }
body {line-height: 1; }
ol, ul {list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
table {border-collapse: collapse; border-spacing: 0; }

body { font: 62.5% "AlegreyaRegular", Georgia, "Times New Roman", Times, serif; /* Example... 10px = 1em */ background: #FFF; }

/* =Wrap
-----------------------------------------------------------------------------*/
div#wrap { width: 100%; margin: 0 auto; }

/* =Fondo
-----------------------------------------------------------------------------*/
div#fondo { display: block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; margin-left: 275px; }
div#fondo img { width: 100%; height: auto; position:relative; outline:none; border:none; }
div#fondo a { z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width: auto; height: auto; background: #e3ddcd; cursor: default; }

/* =Columna izquierda
-----------------------------------------------------------------------------*/
div#columna_izq { float: left; overflow: hidden; width: 275px; height: 100%; position: fixed; background: url('../images/fondo_columna_izq.jpg') repeat-y; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; }
div#contenido_columna_izq { float: left; overflow: hidden; width: 275px; height: 768px; position: relative; top: 50%; margin-top: -384px; background: url('../images/columna_izq.jpg') no-repeat; }
h1.titulo { font: 1.8em/15px "AlegreyaSCBold", Georgia, "Times New Roman", Times, serif; text-align: center; letter-spacing: 0.5px; color: #2f251c; margin: 45px 20px 0 20px; padding-bottom: 5px; border-bottom: 1px solid #2f251c; }
a.logo { width: 137px; height: 137px; display: block; margin: 10px auto 0 auto; }

ul.menu { margin: 55px auto 0 auto; padding: 20px 30px; }
ul.menu li:hover, ul.menu li.active { list-style: disc; }
ul.menu li a { font: 1.5em/20px "AlegreyaSCRegular", Georgia, "Times New Roman", Times, serif; text-decoration: none; letter-spacing: 1px; color: #2f251c; }
ul.menu li:hover a, ul.menu li.active a { font-family: "AlegreyaSCBold", Georgia, "Times New Roman", Times, serif; }

a.link_colaboraciones { font: 1.7em/16px "AlegreyaSCBold", Georgia, "Times New Roman", Times, serif; text-decoration: none; color: #2f251c; display: block; padding: 10px 0 10px 85px; background: url(../images/link_colaboraciones.png) no-repeat; }
a.link_colaboraciones span { font-size: 15px; }
a.link_colaboraciones:hover { -webkit-box-shadow: inset 0 0 20px #FFF; -moz-box-shadow: inset 0 0 20px #FFF; box-shadow: inset 0 0 20px #FFF; }

div#reproductor { font-size: 1.1em; text-align: center; padding: 10px 30px; }
a.parar{ width: 10px; height: 10px; float: left; overflow: hidden; margin: 0 3px; background: url(../images/sprite_reproductor.png) no-repeat; }
a.play_audio { width: 10px; height: 10px; float: left; overflow: hidden; margin: 0 3px; background: url(../images/sprite_reproductor.png) no-repeat; background-position: -10px 0; }
a.equalizador { width: 10px; height: 10px; float: left; overflow: hidden; margin: 0 3px; background: url(../images/sprite_reproductor.png) no-repeat; background-position: -20px 0; }

div#redes_sociales { float: left; overflow: hidden; margin-left: 30px; }
a.fb_btn { width: 21px; height: 21px; margin: 0 2px; float: left; overflow: hidden; background: url(../images/iconos_redes_sociales.png) no-repeat; }
a.fb_btn:hover { background-position: 0 -21px; }
a.tw_btn { width: 21px; height: 21px; margin: 0 2px; float: left; overflow: hidden; background: url(../images/iconos_redes_sociales.png) no-repeat; background-position: 0 -42px }
a.tw_btn:hover { background-position: 0 -63px; }

div#busqueda { height: 22px; float: left; margin-left: 10px; overflow: hidden; background: url(../images/transparencia_blanco.png) repeat; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
div#busqueda div.field_box { float: left; }
div#busqueda div.field_box input { margin: 0; border: 0; width: 95px; height: 22px; font: 1.3em/22px "AlegreyaItalic", Georgia, "Times New Roman", Times, serif; letter-spacing: 0.5px; color: #2f251c; background: none; padding: 0 12px; }
div#busqueda a { width: 22px; height: 22px; float: left; padding-right: 5px; background: url(../images/lupa.png) no-repeat; }

div#cr { font: 1.3em "AlegreyaRegular", Georgia, "Times New Roman", Times, serif; letter-spacing: 0.5px; color: #2f251c; float: left; margin-left: 30px; padding: 15px 0; }
div#cr span { color: #6d6050; float: left; margin: 4px 0 0 52px; }
a#logo_dix { width: 30px; height: 17px; margin-top: 2px; float: right; background: url(../images/logo_dix.png) no-repeat; opacity:0.6; filter:alpha(opacity=60); }
a#logo_dix:hover { opacity:100; filter:alpha(opacity=100);}

/* =Caja Flotante Inicio
-----------------------------------------------------------------------------*/
div.introduccion { width: 360px; height: 225px; padding: 30px; float: right; margin: 80px 60px 0 0; background: url('../images/transparencia_blanco.png') repeat; }
div.introduccion h1 { font: 2.6em "AlegreySCaBold", Georgia, "Times New Roman", Times, serif; text-align: center; text-transform: uppercase; color: #FFF; border-bottom: 1px solid #d1d4dd; text-shadow: 0px 2px 3px #000; margin: 0; }
div.introduccion p { font: 1.3em/18px "AlegreyaRegular", Georgia, "Times New Roman", Times, serif; letter-spacing: 0.5px; color: #2f251c; padding: 15px 0; margin: 0; }
div.introduccion p a { font-weight: bold; }
a.botones_intro { width: auto; height: 30px; padding: 0 25px; font: 1.4em/30px "AlegreyaSCBold", Georgia, "Times New Roman", Times, serif; color: #2f251c; text-transform: uppercase; text-decoration: none; background: #b19d85 url(../images/fondo_botones.png) center center no-repeat; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }
a.botones_intro:hover { -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; }
.fl { float: left; }
.fr { float: right; }

div.prueba { width: 10px; height: 10px; margin: 413px 0 0 862px; background: red; float: left; position: relative; }

/* =Contenido Central
-----------------------------------------------------------------------------*/
/*GENERALES*/
/*Titulos*/
h1,h2,h3,h4,h5,h6 { padding: 5px 0; }

h1 { font: 2.5em "AlegreyaSCBold", Georgia, "Times New Roman", Times, serif; color: #2f251c; padding: 5px 0; border-bottom: 2px solid #e0d2bf; margin-bottom: 15px; } 
h2 { font: 1.7em "AlegreyaSCBold", Georgia, "Times New Roman", Times, serif; color: #2f251c; } 
h3 { font: 1.5em "AlegreyaSCBold", Georgia, "Times New Roman", Times, serif; color: #2f251c; } 
h4 { font: 1.4em "AlegreyaSCBold", Georgia, "Times New Roman", Times, serif; color: #2f251c; }
h5 { font: 1.3em "AlegreyaBoldItalic", Georgia, "Times New Roman", Times, serif; color: #2f251c; } 
h6 { font: 1.2em "AlegreyaSCBold", Georgia, "Times New Roman", Times, serif; color: #2f251c; }

h3.sangrado { padding-left: 10px; }

/*Titulos con links*/
h1 a { color: #2f251c; } h1 a:hover { color: #000; text-decoration: underline; } 
h2 a { color: #2f251c; } h2 a:hover { color: #000; text-decoration: underline; } 
h3 a { color: #2f251c; } h3 a:hover { color: #000; text-decoration: none; } 
h4 a { color: #2f251c; } h4 a:hover { color: #000; text-decoration: underline; }
h5 a { color: #2f251c; } h5 a:hover { color: #000; text-decoration: underline; } 
h6 a { color: #2f251c; } h6 a:hover { color: #000; text-decoration: underline; }

/*Parrafos*/
p { font: 1.4em/18px "AlegreyaRegular", Georgia, "Times New Roman", Times, serif; color: #2f251c; text-align: justify; letter-spacing: 0.5px; margin: 5px 0 10px 0; }
blockquote { font: 2em "AlegreyaRegular", Georgia, "Times New Roman", Times, serif; color: #292c39; line-height: 24px; padding: 15px; margin: 15px 0; }
p a, p a:visited { color: #2f251c; font-weight: bold; }
p a:hover { text-decoration: underline; }
p.sangrado { padding-left: 20px; line-height: 22px !important; }
p a.dashed { font-weight: bold; border-bottom: 1px dashed; }
p a.dashed:hover { text-decoration: none !important; color: #000; }
p a.fecha { font-size: 11px; font-weight: bold; vertical-align: super; }

div.contenedor_centro { width: 440px; height: 100%; float: left; position: fixed; margin-left: 275px; background: url(../images/transparencia_marron.png) repeat; z-index: -1; }
div.contenido_centro { width: 360px; height: 660px; padding: 20px 40px; position: relative; top: 50%; margin-top: -330px; }

div.separador { width: auto; height: 22px; padding: 10px 0; background: url(../images/separador.png) center center no-repeat; }

/*Listas*/
ul.normal, ol.normal { margin: 0 0 10px 15px; }
ul.normal li { font: 1.4em/16px "AlegreyaRegular", Georgia, "Times New Roman", Times, serif; color: #2f251c; text-align: justify; background: url(../images/icono_listas.png) no-repeat; padding-left: 25px; margin: 15px 0; }
ol.normal li { list-style: decimal; list-style-position: inside; font: 1.4em/16px "AlegreyaRegular", Georgia, "Times New Roman", Times, serif; color: #2f251c; text-align: justify; padding-left: 8px; }
ul.normal li a { color: #2f251c; }

/*Botones*/
a.boton { width: auto; height: 30px; font: 1.4em/30px "AlegreySCaBold", Georgia, "Times New Roman", Times, serif; color: #2f251c; text-transform: uppercase; text-decoration: none; float: left; padding: 0 20px; background: #d1c0ab; }

a.boton_siguiente {  width: auto; height: 30px; font: 1.4em/30px "AlegreyaSCBold", Georgia, "Times New Roman", Times, serif; color: #2f251c; text-transform: uppercase; text-decoration: none; text-align: left; display: block; 
padding: 0 40px 0 20px; background: #d1c0ab url(../images/flecha_boton1.png) top right no-repeat; }
a.boton_siguiente:hover { background: #FFF url(../images/flecha_boton1.png) top right no-repeat; }

a.boton_anterior { width: auto; height: 30px; font: 1.4em/30px "AlegreyaSCBold", Georgia, "Times New Roman", Times, serif; color: #2f251c; text-transform: uppercase; text-decoration: none; text-align: right; display: block; 
padding: 0 20px 0 40px; background: #d1c0ab url(../images/flecha_boton1.png) bottom left no-repeat; background-position: 0 -30px; }
a.boton_anterior:hover { background: #FFF url(../images/flecha_boton1.png) bottom left no-repeat; }

a.boton_arriba { width: auto; height: 30px; font: 1.4em/30px "AlegreyaSCBold", Georgia, "Times New Roman", Times, serif; color: #2f251c; text-transform: uppercase; text-decoration: none; text-align: left; display: block; 
padding: 0 40px 0 20px; background: #d1c0ab url(../images/flecha_boton2.png) top right no-repeat; }
a.boton_arriba:hover { background: #FFF url(../images/flecha_boton2.png) top right no-repeat; }

a.boton_abajo { width: auto; height: 30px; font: 1.4em/30px "AlegreyaSCBold", Georgia, "Times New Roman", Times, serif; color: #2f251c; text-transform: uppercase; text-decoration: none; text-align: left; display: block; 
padding: 0 40px 0 20px; background: #d1c0ab url(../images/flecha_boton2.png) bottom right no-repeat !important; background-position: 0 -30px; }
a.boton_abajo:hover { background: #FFF url(../images/flecha_boton2.png) bottom right no-repeat !important; }

a.boton, a.boton_siguiente, a.boton_anterior, a.boton_arriba, a.boton_abajo { margin: 10px 0; }

/*Botonces Flotantes*/
a.boton_ocultarmostrar { width: 23px; height: 23px; float: right; margin-bottom: 5px; font: bold 2em/23px Arial, Helvetica, sans-serif; text-align: center; text-decoration: none; color: #746856; background: url(../images/sprite_botones_flotantes.png) no-repeat; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
a.boton_ocultarmostrar:hover { -webkit-box-shadow: 0 0 10px #2f251c; -moz-box-shadow: 0 0 10px #2f251c; box-shadow: 0 0 10px #2f251c; }

a.boton_masinfo { width: 37px; height: 37px; float: left; overflow: hidden; background: url(../images/sprite_botones_flotantes.png) no-repeat; background-position: 0 -23px; }
a.boton_masinfo:hover { background-position: 0 -60px; }

a.play { width: 47px; height: 47px; float: left; overflow: hidden; background: url(../images/sprite_botones_flotantes.png) no-repeat; background-position: 0 -107px; }
a.play:hover { background-position: 0 -154px; }

/* =Secciones
-----------------------------------------------------------------------------*/
/*NOTICIAS*/
div.w510 { width: 510px !important; }
div.w430 { width: 430px !important; }

div.imagen_noticias { overflow: hidden; margin: 15px 0; }
div.imagen_noticias a { display: block; }
div.imagen_noticias a img { width: 430xp; }
div.imagen_noticias:hover { -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; }
a.boton_noticias { font: 1.5em "AlegreyaBoldItalic", Georgia, "Times New Roman", Times, serif; color: #2f251c; float: right; }

/*SOBRE LA ORDEN*/
div.foto_frailes { float: left; overflow: hidden; margin: 15px 0; -webkit-box-shadow: 0 0 5px #6b6252; -moz-box-shadow: 0 0 5px #6b6252; box-shadow: 0 0 5px #6b6252; }
div.foto_frailes:hover { -webkit-box-shadow: 0 0 8px #000; -moz-box-shadow: 0 0 8px #000; box-shadow: 0 0 8px #000; }
div.resumen_frailes { width: 250px; float: left; overflow: hidden; padding: 10px 0 0 30px; }

/*AMIGOS DEL CONVENTO*/
div.w650 { width: 650px !important; }
div.w570 { width: 570px !important; }
div.amigos { width: 100%; float: left; overflow: hidden; margin-top: 10px; }
div.amigos ul { float: left; overflow: hidden; }
div.amigos ul li { height: 150px; width: 150px; margin: 15px 20px; float: left; overflow: hidden; cursor: pointer; }
div.ct { height: 40px; width: 150px; position: relative; bottom: 50px; font: 1.4em/40px "AlegreyaSCBold", Georgia, "Times New Roman", Times, serif; color: #2f251c; text-align: center; background: url(../images/gradiente_nombres.png) repeat-y; }
div.amigos ul li:hover div.ct {}

/*CONTACTOS*/
div.contenedor_contactos { width: auto; height: 100%; float: left; position: fixed; margin-left: 350px;  }
div.contenido_contactos { width: 340px; height: 360px; padding: 20px 40px; position: relative; top: 50%; margin-top: -180px; background: url(../images/transparencia_marron.png) repeat;
-webkit-box-shadow: 0 0 12px #000; -moz-box-shadow: 0 0 12px #000; box-shadow: 0 0 12px #000; }
div#contenido_formulario_y_mapa { width: 320px; height: 260px; padding: 30px; margin-left: 420px; float: left; overflow: hidden; position: fixed; top: 50%; margin-top: -140px; background: url(../images/transparencia_marron.png) repeat; z-index: -1; }

/* =Formulario
-----------------------------------------------------------------------------*/
div#formulario { float: left; overflow: hidden; }
div#formulario input { width: 138px; font: 1.3em "AlegreyaRegular", Georgia, "Times New Roman", Times, serif; color: #2f251c; background: #f9f5ec; border: 1px solid #f9f5ec; padding: 2px 5px; margin: 5px; }
div#formulario textarea { width: 288px; height: 70px; padding: 7px 10px; margin: 3px 0; font: 1.3em "AlegreyaRegular", Georgia, "Times New Roman", Times, serif; color: #2f251c; background: #f9f5ec; border: 1px solid #f9f5ec; margin: 5px; }
div#formulario input#subject { width: 298px !important; }
div#formulario div.field_box a { margin-left: 242px !important; }

div.field_box { overflow: hidden; float: left; }
div.field_box.fr { float: right; }
div#formulario div.field_box { margin: 5px 0; }

/*Over y Focus*/
div#formulario div.field_box textarea:hover { border-color: #FC0 !important; }
div#formulario div.field_box textarea:focus { border-color: #F90 !important; background: #FFC !important; }
div#formulario div.field_box input:hover { border-color: #FC0 !important; }
div#formulario div.field_box input:focus { border-color: #F90 !important; background: #FFC !important;  }
div#formulario div.field_box select:hover { border-color: #FC0 !important; }
div#formulario div.field_box select:focus { border-color: #F90 !important; background: #FFC !important; }

/*Botones formulario*/
.enviar { cursor: pointer; padding: 5px; margin-top: 10px; background-color:#4a3322 !important; border-color: #4a3322 !important; font-family: "AlegreyaRegular", Georgia, "Times New Roman", Times, serif; font-size:13px; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; color:#FFF !important; width:88px !important; float:right; }
.limpiar { cursor: pointer; padding: 5px; margin-top: 10px; background-color:#f9f5ec !important; font-family: "AlegreyaRegular", Georgia,"Times New Roman",Times,serif; font-size:13px; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; color: #4a3322; width:88px !important; float:left; }

/*Detalles extras*/
div.caption_fondo { float: right; width: auto; height: 25px; font: 1.2em/25px "AlegreyaRegular", Georgia, "Times New Roman", Times, serif; color: #2f251c; text-decoration: none; text-align: center; display: block; padding: 0 20px; position: absolute; left: 80%; bottom: 0; background: url(../images/transparencia_marron.png) repeat; }
a.boton_camara { width: 16px; height: 12px; overflow: hidden; display: inline-block; background: url(../images/icono_camara.png) no-repeat; }


/* =Miscelaneo
-----------------------------------------------------------------------------*/
.clear { clear: both; }
.clearfix:after { content:".";  display: block;  height: 0;  clear: both;  visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }