@charset "UTF-8";
/* CSS Document */

@import url("https://graficos.elfinanciero.com.mx/cdn/geomanist.min.css");
/* font-family: 'Dancing Script', cursive; */

body {background: url(../img/bg-davinci.png) #ffffff top right no-repeat; font-family: 'geomanist', sans-serif;background-size: contain;}

#Pintura, #TimelinePintura{display: none;}
#TimelineMaquina, #TimelineMaquinaMob{margin-top:40px;}
#TimelineMaquinaMob{border-top:10px solid #222;padding-top:40px;}
#TimelineMaquinaMob img{display: none;}
#TimelineMaquinaMob img.visible{display: block;}


h1 {color:#db5200; margin: 30px 0 20px; font-weight: 300; text-transform: uppercase; font-size: 50px;}
h2 {font-weight: 500; margin: 30px 0 10px; font-size: 26px;}
h3 {color:#db5200; font-weight: 300; margin: 10px 0 10px; font-size: 24px;}
h4 { font-weight: 500; font-size: 19px; }
h5 { font-weight: 500; font-size: 15px; }

.titulo { font-weight: 100; font-family: 'Merriweather', serif; color: #000;}

.container-fluid {padding-right: 50px!important;padding-left: 50px!important;}

.sumario { font-family: 'Merriweather', serif; margin:15px 0 25px;font-size:16px;}
.sumario_principal { font-family: 'Merriweather', serif; margin:15px 0 25px; font-size:18px;}
.categorias { width: 150px; float: left; padding: 5px 8px; min-height: 160px;}
.categorias p{ font-size: 14px;}
.medici { width: 100%; float: none;}
.descripcion { font-family: 'Merriweather', serif; font-size: 16px;}

#virgen_izquierda { width: 30%; display: block; padding: 50px 10px 10px 10px; }
#virgen_centro { width: 35%; display: block; float: left;  }
#virgen_derecha { width: 65%; padding: 30px 10px 10px 50px; display: block; float: left;}

#auto_centro {display: block; }

#auto_izquierda { display: block; float: left;}
#auto_izquierda ul{margin:0;padding:0;}
#auto_izquierda ul li{float:left;list-style-type:none;margin:0 5px 5px 0;display: block;}
#auto_izquierda ul li a{background: crimson;border-radius:4px;color:#fff;padding:0 5px;font-size: 12px;line-height: 25px;display: block;}
#auto_izquierda ul li a:hover{color: white;text-decoration: none;opacity: 0.75;}

#TimelineMaquinaMob{/*text-align: center;*/}
#TimelineMaquinaMob ul{margin:0;padding:0;}
#TimelineMaquinaMob ul li{float:left;list-style-type:none;margin:0 5px 5px 0;display: block;background: black;border-radius:4px;color:#fff;
  padding:0 10px;font-size: 12px;line-height: 35px;display: block;cursor:pointer;}
#TimelineMaquinaMob ul li:hover{color: white;text-decoration: none;opacity: 0.75;}

#B360, #Back{background: blue;color:white;font-size: 16px;font-weight:normal;padding:2px 10px;cursor:pointer;position: absolute;right:10px;top:10px;
  border-radius:5px;}
#B360 img{margin-left:5px;display: inline-block;}
#Back{display: none;}
.Dinamico{display: none;}

#virgen_izquierda li{ font-size: 16px; line-height: 1.5em; list-style:  circle; }
#virgen_derecha li{ font-size: 16px; line-height: 1.5em; list-style:  circle;}



#c-belica {min-width:20%; display: block; float: left;}
#c-belica hr {border: solid 1px #ff002b;}

#c-volar {min-width:20%; display: block; float: left;}
#c-volar hr {border: solid 1px #baea0f;}

#c-hidra {min-width:20%; display: block; float: left;}
#c-hidra hr {border: solid 1px #0C27EE;}

#c-trabajo {min-width:20%; display: block; float: left;}
#c-trabajo hr {border: solid 1px #f46300;}

#c-escenica {min-width:20%; display: block; float: left;}
#c-escenica hr {border: solid 1px #6a00f4;}

#c-musical {min-width:20%; display: block; float: left;}
#c-musical hr {border: solid 1px #00d382;}

#c-varias {min-width:20%; display: block; float: left;}
#c-varias hr {border: solid 1px #f910b8;}

#test {top: 50%; left: 50%;}

.categorias {font-family: 'Merriweather';}
.categorias h5{font-weight: bold;}

.nota {color: #111; font-size: 12px; padding: 15px 0; margin-top: 30px;}


footer {color: #111; font-size: 12px; padding: 15px 0; margin-top: 30px;border-top:1px dotted #111;}


@media only screen and (max-width: 600px) {
#B360, #Back{position:relative; width: 100%; text-align: center; display: block; margin: 15px 0; right:0; top:0;}

}