/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,
a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
pre { vertical-align:top;text-align: center ; margin-top: 10px; padding: 0px 0px 0px 0px ; font-size:40px ; font-family: american typewriter, serif ; font-weight: bold ; color:white ; text-indent: 10px}
h1 {font-size: 2.2em; font-family: "Elephant", serif ; color:black ; font-weight: bold ; text-decoration: underline ; text-align: center margin: 10px 10px 10px 10px ; padding: 0px 10px 0px 10px}
h2 {font.size: 1.2em; font-family: Elephant , serif ; color:black ; font-weight: bold ; text-decoration: none ; text-align: center}
h3 {font-size: 2.2em; font-family: "Elephant", serif ; color: #FFD700 ; font-weight: bold ; text-decoration: underline ; text-align: center ; margin: 10px 10px 10px 10px ; padding: 0px 10px 0px 10px}
h4 {font.size: 1.2em; font-family: Elephant , serif ; color: black ; font-weight: bold ; text-decoration: none ; text-align: center ; margin: 10px 10px 10px 10px ; padding: 0px 10px 0px 10px}
.centrado { text-align: center }
.justificado {text-align: justify}
.derecha {text-align: right}
.Izquierda {text-align: left}
.pading-small {padding: 6px 8px 6px 8px}
.padding-large {padding: 26px 8px 0px 8px}
.padding-left {padding: 0px 0px 0px 0px}
/*--Colocar texto sobre imagenes-->*/
.display-topleft{position:absolute;left:150px;top:150px}.display-topright{position:absolute;right:150px;top:150px}
.display-bottomleft{position:absolute;left:0;bottom:0}.display-bottomright{position:absolute;right:200px;bottom:200px}
.display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.display-tleft{position:absolute;top:50%;left:20%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.display-tright{position:absolute;top:50%;right:20%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.display-topmiddle{position:absolute;left:50%;top:20%;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.display-bottommiddle{position:relative;left:50%;bottom:20%;transform:translate(-50%,-20%);-ms-transform:translate(-50%,-20%)}
.display-tbottommiddle{position:absolute;left:50%;bottom:25%;transform:translate(-50%,-8%);-ms-transform:translate(-50%,-8%)}
.display-video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
/*--Efectos para Imagenes-->*/
.circle{border-radius:50%}
.circle-logo1{border-radius:50% ; margin: 1px 10px 0px 0px }
.circle-logo2{border-radius:50% ; margin: 10px 10px 0px 0px }
.card,.card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.card-4,.hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.imagenes { list-style:none ; float:left ; padding: 1000px 10px 10px 0px}
.img-inicio {width: 100%; height: 100%; }
.img-full {width: 100%; height: auto; }
.img-slides1 {width: 100%; height: 100%; }
.img-slidesMoviles1 {width: 100%; height: 250px; }
.img-slidesMoviles2 {width: 100%; height: 250px; }
.img-muestra {width: 100%; height: 300px; }
.img-muestra2 {width: 50%; height: 50%; }
.img-muestra3 {width: 98%; height: 98%; }
.img-galeria1 {width: 100%; height: 250px; }
.img-galeria2 {width: 100%; height: 300px; }
.img-galeria3 {width: 100%; height: 500px; }
.img-libro {width: 120px; height: 100%;}
.img-BVirtual-Intro {width: 50%; height: 400px;}
.spin{animation:spin 2s infinite linear}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.animate-fading{animation:fading 20s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.fondo {position: relative; z-index: -fondo-1}
.fondo-texto {width: auto; height: auto; }
.fondo-texto2 {width: 200px; height: 250px; }
.fondo-texto3 {width: 200px; height: 150px; }
/*--Formato spotlights...-->*/
.spotlight {height:40px;width:30px;padding:0;cursor:pointer}
.spotlight,.tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.spotlight{border-radius:50%}
.transparent,.hover-none:hover{background-color:transparent!important}
.spotlight-color,.hover-spotlight-color:hover{color:#000!important;background-color:rgba(164,179,164,1)!important}
/*--Show/Hide Areas, imagenes etc...-->*/
.ShowHideElement {display:none}
.muestra {cursor:pointer}
.opacity,.hover-opacity:hover{opacity:0.60}.opacity-off,.hover-opacity-off:hover{opacity:1}
.opacity-max{opacity:0.25}.opacity-min{opacity:0.75}
.section,.code{margin-top:16px!important;margin-bottom:16px!important}
/*--Menú-Barra de navegación-->*/
.btn,.button{height:auto ;border:none;display:inline-block;padding:8px 16px 0px 0px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.bar{ display: flex; justify-content: center; align-items: center; flex-direction:row; flex-wrap:wrap; padding:0px 0px 0px 0px; width:100% ; height:auto ; overflow:hidden }.center .bar{display:inline-block;width:auto}
.bar .bar-item{padding:2px 16px 2px 16px;float:left;width:auto;border:none;display:block;outline:0}
.button{white-space:normal}
.btn-shadow:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.round-medium{border-radius:6px}
.round-large{border-radius:8px}
.round-xlarge{border-radius:16px}
.border-0{border:0!important}.border{border:1px solid #ccc!important}
.border-top{border-top:1px solid #ccc!important}.border-bottom{border-bottom:1px solid #ccc!important}
.border-left{border-left:1px solid #ccc!important}.border-right{border-right:1px solid #ccc!important}
.ripple:active{opacity:0.5}.ripple{transition:opacity 0s}
.bar-block .bar-item{width:auto;display:block;padding:8px 16px;text-align:center;border:none;white-space:normal;float:none;outline:0}
.bar-item{text-align:center}.block{display:block;width:100%}
.hide{display:none!important}.show-block,.show{display:block!important}.show-inline-block{display:inline-block!important}
@media (max-width:1000px){.modal-content{margin:0 10px;width:auto!important}.modal{padding-top:30px}
.hide-small{display:none!important}.mobile{display:block;width:100%!important}.bar-item.mobile,.dropdown-hover.mobile,.dropdown-click.mobile{text-align:center}
.dropdown-hover.mobile,.dropdown-hover.mobile .btn,.dropdown-hover.mobile .button,.dropdown-click.mobile,.dropdown-click.mobile .btn,.dropdown-click.mobile .button{width:100%}}
@media (min-width:993px){.modal-content{width:900px}.hide-large{display:none!important}.sidebar.collapse{display:block!important}}
@media (max-width:992px) and (min-width:1000px){.hide-medium{display:none!important}}
.left{float:left!important}
.right{float:right!important}
.center{align:center;text-align:center!important}
/*---------------Sub-Menu-Desplegablbe-------------------*/
.dropdown-click,.dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.dropdown-hover:first-child,.dropdown-click:hover{background-color:#00CDCD;color:#000}
.dropdown-hover:hover > .button:first-child,.dropdown-click:hover > .button:first-child{background-color:#ccc;color:#000}
.bar-block .dropdown-hover,.bar-block .dropdown-click{width:auto}
.bar-block .dropdown-hover .dropdown-content,.bar-block .dropdown-click .dropdown-content{min-width:auto}
.bar-block .dropdown-hover,.dropdown-click .button{width:auto;text-align:center;padding:8px 16px}
.bar .dropdown-hover,.dropdown-click{position:static;float:left}
.dropdown-hover.mobile .dropdown-content,.dropdown-click.mobile .dropdown-content{position:relative}
.dropdown-hover:hover .dropdown-content{display:block}
.dropdown-content{cursor:auto;color:white;background: rgba(0,0,0,0.5);display:none;position:absolute;min-width:160px;margin:40px 0 0 0 ;padding:0px 0px 0px 0px; z-index:1}
.dropdown-hover .dropdown-content,.bar-block .dropdown-click .dropdown-content{min-width:auto}
/*---------------colors-------------------*/
.button-bar-color:hover{color:#000!important;background-color:#EEE8AA!important}
.button-color:hover{color:#000!important;background-color:#008B8B!important}
.bar-color,.bar-hover-color:hover{color:#fff!important;background-color:none!important}
.navdesp-color,.navdesp-hover-color:hover{color:#fff!important;background: url(##.jpg) repeat rgba(0,0,0,0.5)!important}
.color-black,.hover-black:hover{color:#fff!important;background-color:#000!important}
.color-Blue4,.hover-black:hover{color:#fff!important;background-color:#00008B!important}
.color-Cyan3,.hover-black:hover{color:#fff!important;background-color:#00CDCD!important}
.color-LtGolden,.hover-black:hover{color:black!important;background-color:#FAFAD2!important}
.fuente-1{font-size:16px ; font-family: american typewriter , serif ; color:white ; font-weight: bold}
.fuente-2{font-size:16px ; font-family: american typewriter , serif ; color:black ; font-weight: bold}
.fuente-3{font-size:14px ; font-family: "Dosis-Bold", serif ; color:white ; font-weight: bold }
.fuente-4{font-size:30px ; font-family: "Dosis-Bold", serif ; color:black ; font-weight: bold ; line-height: 90%}
.fuente-4_1{font-size:30px ; font-family: "Dosis-Bold", serif ; color:white ; font-weight: bold ; line-height: 90%}
.fuente-5{font-size:20px ; font-family: "Dosis-Medium", serif ; color:black ; font-weight: ; line-height: 100%}
.fuente-5_1{font-size:20px ; font-family: "Dosis-Medium", serif ; color:white ; font-weight: ; line-height: 100%}
.fuente-6{font-size:14px ; font-family: "Dosis-Bold", serif ; color:black ; font-weight: bold }
.fuente-7{font-size:12px ; font-family: "Dosis-Bold", serif ; color:black ; font-weight: bold }
.fuente-8{font-size:8px ; font-family: "Dosis-Bold", serif ; color:white ; font-weight: bold ; line-height: 90%}
.fuente-9{font-size:12px ; font-family: "Dosis-ExtraBold", serif ; color:white ; text-decoration: none; font-weight: bold ; line-height: 90%}
.Dosis-bold {font-size: 26px ; font-family: "Dosis-bold", serif ; color: white ; font-weight: bold ; line-height: 90%}
.Dosis-boldBlack {font-size: 26px ; font-family: "Dosis-bold", serif ; color: black ; font-weight: bold ; line-height: 90%}
.Dosis-ExtraBold{font-size:28px ; font-family: "Dosis-ExtraBold", serif ; color:white ; font-weight: bold ; line-height: 90%}
.Dosis-ExtraBoldBlack{font-size:28px ; font-family: "Dosis-ExtraBold", serif ; color:black ; font-weight: bold ; line-height: 90%}
@font-face {font-family: Dosis-Bold ; src: url(http:///fonts/Dosis-Bold.ttf) ; }
@font-face {font-family: Dosis-Medium ; src: url(http:///fonts/Dosis-Medium.ttf) ; }
@font-face {font-family: Dosis-ExtraBold ; src: url(http:///fonts/Dosis-ExtraBold.ttf) ; }
/*-----------Propiedades Boton Libre---------*/
.button-libre{height:auto;border:none;display:inline-block;padding:0px 16px;margin:0px 0px 0px 0px;vertical-align:middle;overflow:hidden;text-decoration:none;color:white;background-color:rgba(51,50,50,1);text-align:center;cursor:pointer;white-space:nowrap}
.button-libre{white-space:normal}
.button-libre,.dropdown-click.mobile,.dropdown-click.mobile .btn,.dropdown-click.mobile .button-libre{width:100%}}
.button-libre:first-child{background-color:#ccc;color:#000}
.button-libre{width:auto;text-align:left;padding:8px 16px}
.button-libre-color:hover{color:white!important;background-color:rgba(102,102,104.1)!important}
.button-libre2{height:10px ;border:none;display:inline-block;padding:0px 16px;margin:0px 0px 0px 0px;vertical-align:middle;overflow:hidden;text-decoration:none;color:white;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.button-libre2{white-space:normal}
.button-libre2,.dropdown-click.mobile,.dropdown-click.mobile .btn,.dropdown-click.mobile .button-libre2{width:100%}}
.button-libre2:first-child{background-color:#ccc;color:#000}
.button-libre2{width:auto;text-align:left;padding:8px 6px}
.button-libre2-color:hover{color:#000!important;background-color:#00008B!important}
.button-libre3{height:auto;border:none;display:inline-block;padding:0px 16px;margin:0px 0px 0px 0px;vertical-align:middle;overflow:hidden;text-decoration:none;color:black;background-color:#FAFAD2;text-align:center;cursor:pointer;white-space:nowrap}
.button-libre3{white-space:normal}
.button-libre3,.dropdown-click.mobile,.dropdown-click.mobile .btn,.dropdown-click.mobile .button-libre3{width:100%}}
.button-libre3:first-child{background-color:#ccc;color:#000}
.button-libre3{width:auto;height:auto;text-align:left;padding:0px 16px}
.button-libre3-color:hover{color:#000!important;background-color:#EEE8AA!important}
/*-----------personalizacion de scrollbar---------*/
/* width */
::-webkit-scrollbar {
width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
background: rgba(0,0,0,0.5);
}
/* Handle */
::-webkit-scrollbar-thumb {
background: black;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
}
/*-----------FlexBox-Personales---------*/
.boxhead {
border: 0px solid rgba(0,0,0,0.5) ;
background: url(imagenes/##.jpg) repeat;
position: fixed ; z-index: 100;
width: 100%;
height: auto;
background-color: black;
display: -webkit-flex; /* Safari */
-webkit-align-items: center; /* Safari 7.0+ */
display: flex;
justify-content: center;
align-items: center;
flex-direction:row;
flex-wrap:wrap;
}
.boxDots {
border: 0px solid rgba(0,0,0,0.5) ;
background: url(##.jpg) repeat;
width: auto;
height: auto;
background-color: none;
}
.boxmenu {
border: 0px solid rgba(0,0,0,0.5) ;
background: url(Imagenes/##.jpg) repeat;
width: 62%;
height: auto;
background-color: black;
}
.boxidioma {
border: 0px solid rgba(0,0,0,0.5) ;
background: url(Imagenes/##.jpg) repeat;
width: auto;
height: auto;
text-align: center;
background-color: black;
}
/*----Caja opcional para logo 2----*/
.boxlogo2 {
border: 0px solid rgba(0,0,0,0.5) ;
width: auto;
height: auto;
background-color: none;
display: -webkit-flex; /* Safari */
-webkit-align-items: center; /* Safari 7.0+ */
display: flex;
justify-content: center;
align-items: flex-start;
margin: 0px 0px 0px 0px ;
padding: 10px 0px 10px 0px
}
.boxlogo2_1 {
border: 0px solid rgba(0,0,0,0.5) ;
width: auto;
height: auto;
background-color: none;
}
.boxlogo2_2 {
border: 0px solid rgba(0,0,0,0.5) ;
width: auto;
height: auto;
background-color: none;
}
/*----Caja Area de trabajo en pantalla----*/
#general1 {
background: url(imagenes/##.jpg) repeat none; -webkit-background-size: cover; -moz-background-size: cover ; -o-background-size: cover ; background-size: cover;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction:row;
flex-wrap:wrap;
}
#infoout1 {
background: rgba(0,0,0,0) ;
border: 0px solid rgba(0,0,0,0.5) ;
list-style:none ;
width: 100% ;
display: flex;
margin: 0px 0px 0px 0px ;
padding: 0px 0px 0px 0px
}
#infoin1 {
background: ;
border: 0px solid rgba(0,0,0,0.5) ;
list-style:none ;
width: 100% ;
display: flex;
margin: 10px 0px 0px 0px ;
padding: 20px 0px 0px 0px
}
/*----Caja Elementos en el area de trabajo en pantalla----*/
.contenedor1{
width: 100%;
height: 100%;
display: -webkit-flex; /* Safari */
-webkit-align-items: center; /* Safari 7.0+ */
display: flex;
justify-content: center;
align-content:center;
align-items:center;
flex-direction:row;
flex-wrap:wrap;
margin: 0px 0px 0px 0px ;
padding: 0px 0px 0px 0px
}
/*----Caja Elementos en el area de trabajo en pantalla opcional----*/
.home{
background: url(http://) no-repeat ; -webkit-background-size: cover; -moz-background-size: cover ; -o-background-size: cover ; background-size: cover;
background-size: 100% 100%;
width: 100%;
height: 100%;
display: -webkit-flex; /* Safari */
-webkit-align-items: center; /* Safari 7.0+ */
display: flex;
justify-content: space-around;
align-content:center;
align-items:center;
flex-direction:row;
flex-wrap:wrap;
margin: 0px 0px 0px 0px ;
padding: 0px 0px 0px 0px
}
/*-----subCaja para agregar informacion dentro de un contenedor-----*/
.boxinfo {
border: 0px solid rgba(0,0,0,0.5) ;
width: 100%;
height: 100%;
background-color: none;
display: flex;
justify-content: space-around;
align-items: center;
}
/*-----Caja para el pie de pagina-----*/
.pdp {
background: url(##.jpg) repeat;
width: 100%;
height: auto;
background-color: black;
display: flex;
justify-content: center;
align-items: center;
flex-direction:row;
flex-wrap:wrap;
}
.pdp1 {
background: url(Imagenes/##.jpg) repeat;
width: 100%;
height: 100px;
background-color: black;
margin:0px 0px 0px 0px
}
/*-----Codigos de ayuda-----*/
/*----Menu desplegable al hacer click
-----*/
/*----centrar imagen y darle margen-----
-----*/