*{
	box-sizing:border-box;
}
html,body{
	background:#fff;
	font-family:'Roboto Condensed';
	font-size:16px;
	height:100vh !important;
	margin:0;
	padding:0;	
	width:100%;
	/*	overflow-x: hidden;*/
}

a{
	text-decoration: none
}
ul, li,dl ,dt, dd{
	list-style: none;
	margin:0;
	padding: 0;
}
.ffm{
	font-family:'Roboto Condensed';
}
.fss{
	font-size:10px;
}
.fsm{
	font-size:12px
}
.fsn{
	font-size:16px
}
.fsl{
	font-size:1.5rem
}
.fsb{
	font-size: 2em;
}
h1,h2,h3,.m0{
	margin:0!important
}
.upper{
	text-transform:uppercase;
}

.mt1{margin-top:1rem !important;}
.mt5{margin-top:.5rem !important}

.ml1{margin-left:1rem !important;}
.ml5{margin-left:.5rem !important}

.mr1{margin-right:1rem !important;}
.mr5{margin-right:.5rem !important}

.m0{margin: 0;}
.p0{padding: 0;}
.p1{padding: 1rem;}
.p5{padding: .5rem;}
.p25{padding: .25rem;}
.pt1{padding-top: 1rem;}
.pl1{padding-left:1rem;}
.ptb5{padding:.5rem 0;}
.plr5{padding:0 .5rem;}
.pl5{padding-left: .5rem;}
.pr5{padding-right: .5rem;}
.pt5{padding-top:.5rem;}
.pb5{padding-bottom:.5rem;}
.plr1{padding:0 1rem;}
table.p8 td{
	padding:8px 0;
}
.pr{
	position:relative;
	z-index: 0;
}
.pabr{
	position: absolute;
	bottom:1rem;
	right:1rem;
}
.al{text-align:left;}
.ar{text-align:right;}
.ac{text-align:center;}

.hidden{
	display: none;
}
.wrap{
	box-shadow:0 0 30px #000;
	font-size:16px;
	height:100%;	
	margin:0 auto;
	max-width:600px;
	overflow:hidden;
	position:relative;
}
.post{
	min-height:calc(100vh - 110px);
	padding-top:64px;
}

header{
	box-shadow:0 0 15px #000;
	width: 100%;
	position:fixed;
	text-align:center;
	z-index: 2;
	top: 0;
}
header .header{
	background: #171c1f;
}
header .header div{
	height:64px;
	margin:0 auto;
	max-width: 720px;
	padding:0 1rem;
	position:relative;
}
header  img{
	height: 40px;
	margin-top: 12px;
	width:auto;
}


figure{
	margin: 0
}
.hidden{
	visibility: hidden;
}
#navigation{
	position:fixed;
	top:0;
	width:100%;
	z-index:11;
	height:100%;
	overflow: hidden;
	left: 0;
}
#navigation .mnuwrap{
	transition: all 500ms ease;
	overflow: hidden;
	margin: 0;
	height:100%;
	width:70%;
	max-width:320px;
	background:#fff;
	left: -320px;
	position: absolute;
	/* overflow:auto; */
	box-shadow: 0 0 15px #000;
}
.noscroll{
	overflow: hidden;
}
#navigation .slideLeft{
	left: 0;
}

#navigation nav{
	margin:0;
	position: absolute;
	background: #171c1f;
	top: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding-top: 108px;
	overflow: auto;
	cursor: pointer;
}
#navigation .menu-header{
	padding: .5rem 1rem;
	font-size: .85rem;
	position:relative;
	/* font-weight: bold; */
}
#navigation .menu-header, #navigation a{
	color: #ffffff;
	display:block;
	white-space: nowrap;
}
#navigation .collapse{
	color:#FF5722;
	box-shadow: 0px 1px 5px #0f1315;
}
#navigation .menu-list{
	display:none;
	background: #1b2125;
	border-bottom: 1px solid #232a2f;
}
#navigation span{
	margin-right: 10px;
}
#navigation .mdi-menu-down, #navigation .mdi-menu-up{
	position:absolute;
	right:0;
	font-size:1.25rem;
	top: 4px;
}
#navigation .menu-header:hover{
	background: #000000;
}
#navigation .bg{
	position: absolute;
	background: #00000075;
	left: 0;
	width: 100%;
	height: 100%;
}
#navigation .menu-list a{
	display:block;
	width:100%;
	box-sizing:border-box;
	padding: .5rem 2.4rem;
	font-size: .85rem;
	color: #757575;
	/* font-weight: bold; */
}
#navigation .menu-list a:hover{
	background: #171c1f;
	color: #F44336;
}
#navigation .menu-list a.activo{
	color:#FF5722;
}
.nav-header {
	background:#171c1f;
	padding:1rem;
	text-align:center;
	position: absolute;
	z-index: 13;
	width: 100%;
	top: 0;
	border-bottom: 1px solid #2a2929;
}

.nav-header img {
	height:72px;
}

.breadcrumb{
	background:rgba(0, 0, 0, 0.5);
	transition: all 500ms ease;
	/* height:0; */
	overflow:hidden;
}

.breadcrumb div{
	text-align:left;
	max-width: 720px;
	margin:0 auto;
	color: #fff;
	padding:0 1rem;
}

.breadcrumb a{
	color: #FFEB3B;
	height:32px;
	width:32px;
	text-align:center;
	line-height:24px;
	display:inline-block;
	line-height:32px;
}
header:hover .breadcrumb{
	height:32px
}

.fabs a{
	color:#fff;
	font-style:normal;
	position: absolute;
	right: 1rem;
	top: 1rem;
	font-size: 1.5em;
	height: 32px;
	line-height: 32px;
	width: 32px;
}
#phone span{
	color:#00ACC1
}
#account {
	right:4rem;
}
.fabs strong{
	display: none;
	font-weight: normal;
	font-style: normal;
}
.contacto, #contacto .bgfixed{
	background-image:url('/media/slides/slide2.jpg');
	
}
#login .bgfixed{
	background-image: url(/media/slides/slide9.jpg);
	background-size: cover;
}
#contacto.profile .bgfixed{
	background-image:url('/media/slides/slide3.jpg');
}

#home .bgfixed {
	background-image: url(/media/slides/slide9.jpg);
}

.espacios li,.conocenos .flexslider li.fh , .conocenos .flexslider .slides img {
	background-size:cover;
	background-position: center center;
	transition:all 500ms ease-in;
	/* background-repeat:no-repeat; */
	/* background-color: #000; */
}
.disclaimer{
	/* line-height: 32px; */
	/* height:32px; */
}

footer{
	background: #171c1f;
	position:absolute;
	width:100%;
	z-index:5;
	padding:.5rem;
}

footer a{
	color:#fff;
	font-size:.75rem;	
}

footer a:hover{
	color:#00ACC1;
}

.social a{
	display:inline-block;
	font-size:1rem;
	height:32px;
	line-height:32px;
	width:32px;
	text-align:center;
}

.copy{
	padding:.5rem;
	color:#fff;
}
.navcontrol{
	position:absolute;
	top:1rem;
	font-size:1.5rem;
	color:#fff;
	height: 32px;
	line-height: 32px;
	width: 32px;
}
#mnumain{
	left:1rem;
}
#mnumback{
	right:1rem;
}

.navcontrol:hover{
	color:#00ACC1 ;
}

.fh{
	height: 100% !important;
}

.wl{
	max-width: 1024px;
	margin: 0 auto;
}

.wm{
	max-width: 720px;
	margin: 0 auto;
}
.ws{
	max-width: 320px;
	width: 100%;
	margin: 0 auto;
}

.w100{width: 100%}
.w95{width: 95%}
.w90{width: 90%}
.w85{width: 85%}
.w80{width: 80%}
.w75{width: 75%}
.w60{width: 60%}
.w55{width: 55%}
.w50{width: 50%}
.w49{width: 49%}
.w45{width: 45%}
.w40{width: 40%}
.w35{width: 35%}
.w34{width: 34%}
.w33{width: 33%}
.w30{width: 30%}
.w25{width: 25%}
.w20{width: 20%}
.w15{width: 15%}
.w13{width: 13%}
.w12{width: 12%}
.w10{width: 10%}
.w8{width: 8%}
.w7{width: 7%}
.w5{width: 5%}
.w3{width: 3%}
.w2{width: 2%}
.w1{width: 1%}

.w320{
	min-width: 320px;
}

.inner{
	min-height:100vh;
	padding-top:98px;
	width: 100%;
	z-index: 5;
}

.inner header{
	box-shadow:none;
}

.inner .header{
	border-bottom: 1px solid #171c1f;
}
.inner .breadcrumb{
	background-color: #00ACC1;
	border-top: 1px solid #00ACC1;
	box-sizing: border-box;
}

.inner .bgfixed{
	/*background-image: url(/media/slides/mimuseo.jpg);*/
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-attachment: fixed;
	-webkit-background-attachment: fixed;
	-moz-background-attachment: fixed;
	height: 100%;
	position: fixed;
	top: 0px;
	width: 100%;
}

.inner .info{
	position: relative;
	background: #029daf26;
	min-height: calc(100vh - 98px);
	z-index: 0;
}

.inner .bgw{
	background: #fff;
}

.inner .bgw *{
	/*color: #000;*/
}


.with-subnav .info{
	min-height: calc(100vh - 241px);
}

.no-title{
	padding-top: 0;
	height: 100vh;
}
	
.no-title .info{
	min-height: 100vh;
	padding: 0;
}

.inner article{
	padding:1rem;
}

.with-subnav{
	padding-top:130px;
}

.separator{
	height: 4rem;
}
.line{
	position: absolute;
	height: 100%;
	width: 3px;
	background: #009688;
	top: 0;
	left: 50%;
}
.subnav{
	text-align:center;
	background: #009688;
	position: fixed;
	width: 100%;
	height: 32px;
	top: 98px;
	z-index: 1;
	box-shadow: 0 5px 5px #000;
}
.subnav li{
	display:inline-block;
	color: #000000;
	height: 100%;
	line-height: 32px;
	font-size: .75rem;
}

.subnav a{
	color: #80CBC4;
	height: 32px;
	display: block;
	font-size: .75rem;
	line-height: 32px;
}

.subnav a.current{
	color: #2196F3;
}
.subnav .activo{
	color: #ffffff;
}
.dotindex{
	display:none
}

.cc, .pr{
	position:relative
}

.cw {color: #fff;}
.cb {color: #000;}
.ca {color: #00acc1;}
.ca2{color: #8BC34A;}
.cp {color: #E91E63;}
.co {color: #FF9800;}
.ca3 {color: #F44336;}

.fwb{font-weight:bold;}
.fwn{font-weight:normal;}

.flexslider{
	border:0;
	margin:0;
}
.flexslider .slides img{
	min-height: calc(100vh - 130px) !important;
}
.flex-viewport{
	height:100%	
}

.flex-caption{
	background: rgba(0,0,0,.75);
	width:100%;
	color:#fff;
	font-size:0;
	text-align:center;
	display:flex;
	flex-direction: column;
	position: absolute;
	top: 0;
	justify-content: center;
	height: 100%;
	overflow: hidden;
	padding-top: 43px;
}

.flex-caption .title,
.flex-caption .desc{
	display: flex;
	flex-direction: column;
}
.flex-caption .title{
	font-size:3rem;
	font-weight:bold;
	color: #ffffff;
	width:100%;
	padding: 0 1rem;
}
.flex-caption .desc{
	color:white;
	font-size:1rem;
	padding: 0 2rem;
	line-height:1.5;
	width: 100%;
}

.flex-control-nav {
	top: 1rem;
	z-index: 8;
	bottom: auto;
	height: auto;
	font-size: 0;
}	

.flex-control-paging li a{
	background-color: #009688;
}
.flex-control-paging li a.flex-active{background: #F44336;}

fieldset{
	border:0;
	color:#fff;
	min-width: 0
}
fieldset input[type="text"],
fieldset input[type="number"],
fieldset input[type="email"],
fieldset input[type="password"],
fieldset input[type="date"],
fieldset input[type="time"],
fieldset input[type="datetime-local"],
fieldset textarea{
	background:none;
	border:0;
	display:block;
	width: 100%;
	/*border-bottom:2px solid #009688;*/
	color: #000;
	outline: none;
	font-family: "Roboto Condensed";
	font-size: 16px;
	position: relative;
	z-index: 2;
	-moz-appearance: textfield;
	-webkit-appearance: none;
	height: 23px;
}

fieldset select{
	border:0;
	display:block;
	width: 100%;
	/*border-bottom:2px solid #009688;*/
	color: #000;
	outline: none;
	font-family: "Roboto Condensed";
	font-size: 16px;
	position: relative;
	z-index: 2;
	height: 23px;
}



input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
	display: none;
	-webkit-appearance: none;
}

.inputlayout{
	/* background: rgba(0, 150, 136, 0.22); */
	border-radius: 7px 7px 0 0;
	border-bottom:2px solid  rgba(0, 150, 136, 0.22);
	margin-top: .5rem;
	padding: 1.25rem  .75rem .25rem 0;
	position: relative;
	margin-bottom: 1rem;
}

.inputlayout label:first-child{
	color:#fff;
	position: absolute;
	top: 21px;
	left: 0;
	z-index: 0;
}
.inputlayout label:first-child.activo{
	top      : 4px;
	font-size: 11px;
	color    : #FF9800
}
.inputlayout.pt0 {
	padding-top: 0;
}
.fsro .inputlayout{
	margin-bottom: 0
}

.ilmt0 .inputlayout{
	margin-top: 0
}

.filters .row{
	padding:0;
}
.filters .inputlayout{
	padding-right:0;
	padding-bottom:0;
	margin-top:0rem;
	margin-bottom:.5rem
}

.filters .trailing-icon{
	display:none;
}

.filters input[type="date"]::-webkit-calendar-picker-indicator {
	display: initial;
	-webkit-appearance: initial;
}


.dark label:first-child{
	color:#444;
}

.dark input[type="text"], fieldset input[type="number"], .dark textarea{
	color: #000;
}

.inputlayout .trailing-icon {
	position: absolute;
	right: 0px;
	top: 24px;
	color: #009688;
}

.inputlayout .msg{
	position: absolute;
	display: block;
	width: 100%;
	font-size: .75rem;
	color: #8BC34A;
	bottom: -1rem;
}

.inputlayout .msg strong{
	font-weight: normal;	
}

.no-bg .inputlayout{
	padding: 1.25rem .5rem .25rem .5rem;
	background: none;
}
.no-bg .inputlayout label{
	left:0;
}

.no-bg .inputlayout .msg{
	left:0;
}

.nobdr{
	border-bottom:0
}

.button-inline{
	background: #E91E63;
	border: 0;
	color:#fff;
	display: inline-block;
	padding: .5rem 1rem;
	border-radius: 1px;
	border-bottom: 2px solid #a02904;
	cursor:pointer;
	font-size: .8rem;
	font-family: 'Roboto Condensed';
}

.button-inline .mdi{
	color:#FFEB3B;
}

.button-inline:hover{
	background:#AD1457;
}

.button-shadow{
	box-shadow: 5px 5px 5px #333;
}

.button-radius{
	border-radius: 5px;
}


.lista{
	padding-left:1rem;
}

.lista li{
	list-style:square;
	
}

.notificacion {
	background: #F44336;
	padding: 1rem;
	color: #ffffff;
}

.notificacion .mdi-close{
	position: absolute;
	right: 1rem;
	cursor: pointer;
	color: #fff;
	top: 50%;
	margin-top: -8px;
}

#fbWindow .notificacion {
	background: none;
	padding: 0;
	margin-bottom:1rem;
	color: red;
}

.sep{
	background: #E91E63;
	height: 2px;
}
.sep-white{
	background: #fff;
}

.ib{
	display: inline-block;;
	box-sizing: border-box;
}
.vam{vertical-align: middle}
.vat{vertical-align: top}
.vab{vertical-align: bottom}

.tip{
	background:#fff;
	color:#000;
	padding: 1rem 1rem 1rem 88px;
	position:relative;
	overflow:hidden;
}
.tip .icon{
	background:#E91E63;
	width:72px;
	height:100%;
	position:absolute;
	text-align:center;
	top:0;
	left:0;
}
.tip p{
	margin:.5rem 0 0 0 ;
}

.tip .mdi{
	position:absolute;
	top:50%;
	left:50%;
	margin:-13px 0 0 -12px;;
	color:#fff;
	font-size:24px;	
}

.greenbox{
	background: #ffffff;
	border-radius: 5px;
	box-shadow: 0px 1px 5px #dcd6d6;
	margin-bottom: .5rem;
	padding: 1rem;
}


#login .info{
	display:flex;
	align-items: center;
	justify-content: center;
}
#login article{
	background:#fff;
	box-shadow: 2px 2px 5px #272727;
	border-radius: 2px;
}

.fbtitle{
	color:#FF5722;
	
}

#processing,#connecting,#fancybox{
	background:rgba(0,0,0,.9) ;
	font-size:0;
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index: 99994;
}
#processing .process,#connecting .paypal_loader, #connecting .paypal_plus{
	background: #f5f5f6;
	border-radius:2px;
	box-shadow:0 0 10px #ccc;
	color:#999;
	left:50%;
	margin:-24px 0 0 -24px;
	padding:0px;
	position:absolute;
	text-align:center;
	top:50%;
}
.doc{
	box-shadow: 0 0 5px #ccc;
	width:100%;
	margin:0 auto;
	max-width: 100%;
}
.card{
	border-radius: 4px;
	border: 1px solid #eee;
	box-shadow: 0 0 5px #ccc;
	cursor: pointer;
	max-width:320px;
	overflow: hidden;
}

.card img{
	width:100%;
}

.card .titulo	{
	color: #E91E63;
	font-size: .8rem;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;;
}

.card:hover{
	background:#00acc1;
}
.card:hover .titulo{
	color:#fff;
	font-weight:normal;
}

.card-nobg:hover{
	background: none;
	box-shadow: 0px 0px 8px #FF8A65;
}

#detalle h1{
	color:#E91E63;
	text-transform:uppercase;
}

#detalle p{
	color:#777;
	margin:0
}

#detalle #evaluar{
	background:#4DB6AC;
	box-shadow: 2px 2px 5px #636f75;
	border-radius:5px;
	padding:1rem;
}
#detalle #done{
	background: #4CAF50;
	box-shadow: 2px 2px 5px #636f75;
	border-radius:5px;
	padding:1rem;
}
#evaluar p, #done p{
	color: #fff;
}

#evaluacion, #frmcms{
	height: 75vh;
	width: 100%;
	background-image: url(/media/slides/slide9.jpg);
	background-size:cover;
	background-position:center right;
}

#evaluacion .bg{
	background:rgb(4 4 4 / 79%);
	height:100%;
}

.fancybox-content{
	padding:0rem !important;
}

.fancybox-content .header,
.formulario .header{
	background:#00ACC1;
	padding:1rem;
	color:#fff;
}


.fancybox-content .header .descripcion{
	color:#443c3c
}


.question .pr{
	padding: 2.5rem 1rem 1rem 2.5rem;
}

.question .no-pregunta{
	background:#E91E63;
	width:3rem;
	height:3rem;
	position:absolute;
	left: 0px;
	top: 0px;
	display:block;
	padding-left:.75rem;
	color:#fff;
	line-height:2.5rem;
	border-radius: 0 0% 100% 0%;
}

.question .pregunta{
	color:#fff;
}

.question .respuestas{
	color: #00acc1;
	background: rgb(255 255 255 / 18%);
	border-radius:4px;
	-text-shadow:0px 0px 1px #f9f9f9;
	margin-top:1rem;
	padding: .5rem;
}

.question .respuestas div{
	padding:.5rem 0;
}

#contacto .info{
	background:#0000008c;
}

#contacto .tit{
	color:#00acc1;
	font-size:1.5rem;
}

#contacto input[type=text], #contacto textarea, #contacto  input[type=password]{
	
	color:#fff;
}

#contacto .inputlayout{
	border-color:#E91E63;
}

#evaluacion.encuesta,#frmcms {
	background: #fff!important;
}

#evaluacion.encuesta .preguntas{
	padding:1rem;
}

#evaluacion.encuesta .question{
	border-left:5px solid #E91E63;
	overflow:hidden;
	margin:1rem 0;
	padding:1rem;
	background:#fff;
	box-shadow:0 0 8px #ccc;
	border-radius:4px 3px 3px 4px;
}

#evaluacion.encuesta .question:first-child{
	margin-top:0
}

#evaluacion.encuesta .pregunta{
	color:#000;
}
#evaluacion.encuesta .respuestas{
	margin-top:.5rem;
	padding:0
}

#evaluacion.encuesta .respuestas div{
	padding:0;
	margin-bottom:2px;
	padding-left:24px;
	font-size: .9rem;
}

#evaluacion.encuesta .respuestas input{
	position:absolute;
	margin: 0;
	top: 3px;
	left: 3px;
}


/*cms*/
.ellipsis{
	text-overflow:ellipsis;
	display:block;
	overflow:hidden;
	white-space:nowrap
}
.nw{
	white-space: nowrap;
}
.grid{
	font-size:.8rem;
}
.grid .row{
	border-bottom:1px solid #efefef;	
}
.row{
	display:flex;
	align-items: center;
	align-content: center;
	padding:5px;
	color:#888;
	cursor:pointer;
	flex-wrap: wrap;
}
.grid .row:hover{
	color:#000;
	background:#00acc154;
}

.grid .titles {
	color: #000000;
	font-weight: bold;
	background: #EEEEEE;
}
.grid .inner-row {
	border-bottom: 0;
	border-top: 1px solid #eee;
	display: inline-block;
	width: 95%;
	padding: 5px;
}

.grid .inner-row a:hover{
	color:#f44336
}

.grid .details{
	background:#fff;
	color:#00acc1;
}

#pagination {
	padding: 0;
	font-size:.8rem;
	text-align: center;
	text-transform: uppercase;
}
#pagination *{
	color: #00acc1;
	display:inline-block;
	padding:.5rem .8rem;
}
#pagination strong{
	color: #E91E63;
}
#pagination a:hover{
	background:#fff;
	box-shadow: 0 0 2px #ddd;
}
.fab {
	background: #F44336;
	border-radius: 50%;
	bottom: 1rem;
	box-shadow: 2px 2px 5px #777;
	color: #fff;
	font-size: 1.5rem;
	height: 56px;
	line-height: 56px;
	position: fixed;
	right: 1rem;
	text-align: center;
	width: 56px;
	z-index: 6000;
}
button.fab{
	border:0;
	cursor:pointer;
}
.fab:hover{
	background:#00acc1
}
#progress {
	height: 5px;
	left: 0;
	overflow: hidden;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2;	
}
.bar{
	background: #E91E63;
	height: 5px;
	width: 0%;
	/* transition animation */
	-webkit-transition: width .3s;
	-moz-transition: width .3s;
	transition: width .3s;
	
}
.percent {
	position: absolute;
	display: inline-block;
	top: 100%;
	left: 48%;
	color: #333;
	font-size:8px;
}

.fancybox-content .preres .row:hover{
	background:none;
}

.fancybox-content .preres input{
	font-size:.8rem;
}

.fancybox-content .preres .trailing-icon{
	top:22px;
}
h3.subtitle{
	font-size:.8rem;
	color: #F44336;
	/* border-bottom: 2px solid red; */
	background: #4CAF50;
	color: #fff;
	font-weight: normal;
	padding: 5px;
}
.stats{
	padding:0;
	margin-top: .5rem;
	border-collapse:collapse;
	width: 100%;
}

.stats .titles{
	background: #607D8B;
}
.stats .titles td{
	color:#ffffff;
	border:1px solid #fff;
}
.stats td{
	padding:2px 5px ;
	font-size:.8rem;
	
}

.filters{
	background:#fff;
	box-shadow: 0 0 5px #999;
	max-width: 360px;
	margin:1rem auto 0;
	padding:1rem;
	border-radius:5px;
}

.bb{
	border-bottom:2px solid #00acc1;
}


.evDetails:hover{
	cursor:pointer;
	background:#f4433652;
	color:#fff;
}
.st_pregunta{
	border:1px solid #607d8b;
}

.st_p{
	background:#607d8b;
	color:#fff;
	padding:.5rem;
}



.formulario fieldset{
	color:#000;
}

.formulario .bdr{
	border:1px solid #eee;
}

.formulario fieldset .title{
	background:#eee;
}

.formulario .col{
	width: 100%
}
.formulario .card{
	max-width: 100%
}
.formulario .card:hover{
	background: none
}

.formulario input[type="date"]::-webkit-inner-spin-button,
.formulario input[type="date"]::-webkit-calendar-picker-indicator {
	display: block;
	-webkit-appearance: initial;
}

.ildt {
	padding-right: 0;
}

.speed-button{
	background:#E91E63;
	color:#fff;
	display:inline-block;
	font-size:1rem;
	line-height:24px;
	height:24px;
	width:24px;
	text-align:center;
	box-shadow: 2px 2px 2px #999;
	border-radius: 2px;	
}
.speed-button:hover{
	background:#E91E63;
}

.frmLayout .row{
	padding:0
}

.sign{
	/* background:#efefef; */
	width:100%;
	max-width:320px;
	margin:0 auto;
}
.sign .signature{
	min-height: 50px;
}
.sign .sline{
	border-top:2px solid #000;
	
}
#signature{
	border:1px solid #000
}

/*.actions{
	position: fixed;
	right: 0;
	top: 0;
	z-index: 5;
}

.actions a{
	display:block;
	color:#fff;
	height:32px;
	line-height:32px;
	width:32px;
	text-align:center;
}

.actions a:hover{
	background:#018fa0;
	text-shadow: 0 0 5px #fff;
}
*/
.actions{
	width: 50%;
	max-width: 360px;
	position: fixed;
	top: 65px;
	z-index: 5;
	left: 50%;
	margin-left: -1rem;
	text-align:right;
	font-size:0;
	/* background: red; */
}

.actions a{
	display:inline-block;
	color:#fff;
	height:32px;
	line-height:32px;
	width:32px;
	text-align:center;
	font-size: 1.5rem;
	margin-left:1rem;
}

.actions a:hover{
	background:#018fa0;
	text-shadow: 0 0 5px #fff;
}

.expandable{
	cursor:pointer;
}

.expandable:hover{
	color:#00acc1;
}

.signBox{
	width: 300px;
	background: red;
	border: 1px solid #ccc;
	border-radius: 3px;	
}


.dropzone{
	border: 2px dashed rgb(199 232 229) !important;
	width: 100%;
	padding: 0 !important;
}

.dropzone .dz-preview{
	margin: 5px
}

.dropzone .dz-preview.dz-error .dz-error-mark path {
	fill: red;
}
.dropzone .dz-success-mark path {
	fill: #8BC34A;
}

.btnDownload, .btnDownload * {
	cursor: pointer !important;
}

.btnDownload {
	font-size: 14px;
	width: 49%;
	display: inline-block;
	text-align: center;
	color: #009688;
}

.user-card{
	background:#000;
	border-radius:5px;
	margin: .75rem 1rem;
	padding: 2.25rem .5rem .5rem .5rem;
	position:relative;
	text-align:center;
}

.user-card .mdi{
	background:#000;
	border-radius:50%;
	border:5px solid #171c1f;
	color:#ccc;
	display:block;
	font-size:40px;
	height:58px;
	position:absolute;
	text-align:center;
	width:58px;
	top:-29px;
	left:50%;
	margin:0 0 0 -29px;
}
#home .info{
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0,0,0,.5);
}

.homemenu{
	text-align: center;
}

.homemenu a{
	padding: 2rem 1rem;
	margin: 0.3rem 0.25rem;
	background: rgb(23 28 31 / 88%);
	display: inline-block;
	width: 206px;
}

.homemenu .mdi{
	display:block;
	font-size:4rem;
}

.homemenu a:hover{
	background:#000;
	color:#fff;
}

.catalogos a{
	color:#fff;
	width:48%;
	margin:.25rem .5%;
}
.catalogos .mdi{
	font-size: 2rem;
}


.timeline ul {
	padding: 0em 0 0 0em;
	margin: 0;
	list-style: none;
	position: relative;
}
.timeline ul::before {
	content: " ";
	height: 100%;
	width: 1px;
	background-color: #F44336;
	position: absolute;
	top: 0;
	left: .5em;
	z-index: 0;
}
.timeline li div {
	display: inline-block;
	margin: 1em 0;
	vertical-align: top;
}
.timeline .bullet {
	width: 1em;
	height: 1em;
	box-sizing: border-box;
	border-radius: 50%;
	background: #00bcd4;
	z-index: 1;
	position: relative;
	margin-right: 1em;
}
.timeline .bullet {
	border: 2px solid #01579b;
}
.timeline .bullet.green {
	border: 2px solid #B0E8E2;
}
.timeline .bullet.orange {
	border: 2px solid #EB8B6E;
}
.timeline .time {
	width: 20%;
	font-size: 0.75em;
	padding-top: 0.5em;
	color: #f44336;
}
.timeline .desc {
	width: 50%;
}
.timeline h3 {
	font-size: 0.9em;
	font-weight: 400;
	margin: 0;
	color: #01579b;
}
.timeline h4 {
	margin: 0;
	font-size: 0.7em;
	font-weight: 400;
	color: #808080;
}
.timeline .people img {
	width: 30px;
	height: 30px;
	border-radius: 7	0%;
}

.dropdown{
	-webkit-appearance: auto;
	border-width: 1px;
	border-width: 1px;
	border-style: solid;
	border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
	border-image: initial;
	border-radius: 3px;
	border-color: #ccc;
	/* outline: auto; */
}

.dropdown:focus-visible{
	outline: auto;
	outline-color: orange;
}

.tbData{
	font-size:.8rem;
	border-collapse:collapse;	
}
.tbData th{
	background: #00BCD4;
	border: 1px solid #009baf;
}
.tbData td{
	border:1px solid #ccc;
}

.tdp5 td, .tdp5 th{
	padding:5px
}

.bgg{
	background-color: #ddd;
}

	@media screen and (min-width:375px) {
		
	}
	
	@media screen and (min-width:414px) {
		
	}
	
	@media screen and (min-width:480px) {
		.actions{
			margin-left: -112px;
			top:1rem;
		}

		.catalogos a{
			color:#fff;
			width:31%;
			margin:.25rem .5%;
		}
	}
	
	@media screen and (min-width:640px) {
		.formulario .cols3 .col{
			width: 50%
		}
		.formulario .cols4 .col{
			width: 25%
		}
		
		.formulario .cols5 .col{
			width: 20%
		}
		
		.formulario .cols2 .col{
			width: 50%
		}
		
		
	}
	@media screen and (min-width:768px) {
		#evaluacion, #frmcms{
			width:720px;
			height: 480px;    	
		}
		
		.formulario .cols3 .col{
			width: 33.33%
		}
		
		.formulario #personal .col{
			width: 50%
		}
		.formulario #personal .w50{
			width: 20%
		}
		.formulario #medicos .col{
			width: 50%
		}
	}
	
	@media screen and (max-width:320px) {
		.flex-caption .title{
			font-size:2rem;
			margin-top:1rem;
		}
		.flex-caption .desc{
			padding: 0 1rem;
			line-height:1.25;
		}
		.flex-control-nav {
			top: .5rem;
		}	
	}
	
	@media screen and (max-width:360px) {
		
	}
	@media screen and (max-width:375px) {
		
	}
	
	@media screen and (max-width:1023px) {
		#info dl{
			display:block !important
		}
		#contacto{
			/* padding-top: 98px !important; */
		}
	}
	
	@media screen and (min-height:800px) {
		
		.flexslider .slides img{
			min-height: calc(100vh - 130px - 111px) !important;	
		}
	}
	
	@media screen and (min-width:900px) {
		
	}
	
	@media screen and (min-width: 1025px) {
		.wrap{
			max-width:100%;
		}	
		
		header{
			display: inline-block;
			height:100%;
			text-align:center;
			vertical-align: top;
			width: 240px;
			padding-left: 0;
			background: #000000;
		}
		header .header{
			height:100%
		}
		header .header div{
			height:100%
		}
		header img{
			height: 50px;
			margin-top: 1.5em;
		}
		
		.avatar{
			bottom: 90px;
			position: fixed;
			width: 240px;
		}
		.breadcrumb{
			background:none;
			height:32px;
			top:0;
			left:240px;
			position:fixed;
			width:100%;
			z-index:0;
			text-align:left;
		}
		.breadcrumb div{
			max-width:100%;
			background: #00ACC1;
			/*height:0;*/
			transition:all 500ms ease-in;
			overflow:hidden;
		}
		.breadcrumb:hover div{
			height:32px;
		}	
		
		header .contact{
			display:none;
		}	
		#phone{
			display: block;
			position: static;
			font-size: 1em;
			width: auto;
		}
		#phone strong{
			color:#fff;
			display: inline-block;
			
		}	
		
		footer{
			position:fixed;
			left:0;
			bottom:0;
			width:240px;
		}
		
		header{
			left:0
		}
		
		.inner .header{
			border:0
		}
		.inner .breadcrumb{
			background:none;
			border:0
		}
		
		.inner .breadcrumb:hover div{
			background:#000
		}
		
		.inner{
			padding-left:240px;
			padding-top:0;
		}
		
		.inner .info{
			padding-top:32px;
			min-height:100vh;
		}
		
		
		.no-title .info{
			padding-top:0;
		}
		
		#info.conocenos .info{
			padding-top:0rem;
		}	
		.subnav{
			background:none;
			box-shadow: none;
			right:0;
			text-indent:0;
			top: 0rem;
			z-index:2;
			text-align: right;
			box-sizing: border-box;
			padding:0 1rem 0 20rem;
			width:auto;
		}	
		.subnav:hover{
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+98 */
			background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 98%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 98%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 98%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
		}
		
		.subnav li{
			text-indent:0;
			color: #fff;
		}
		.subnav a{
			/* color:#fff; */
		}
		.subnav a:hover{
			color:#00ACC1;
		}
		.flexslider .slides img{
			min-height: calc(100vh) !important;
		}	
		#info .separator{
			display:none;
		}
		#info, #info .info, #info article{
			min-height:100vh;
		}
		
		#info article{
			position:relative;
			box-sizing:border-box;
			height:100%;
			width:90%;
			max-width: 800px;
		}
		#info dl{
			height: 80%;
			position:absolute;
			box-sizing: border-box;
			padding: 0;
			margin: 0;
			top: 10%;
			left: 0;
			background: none;
			border: 0;
			display: none;
			width: 100%;
		}
		#info dl:first-child{
			display:block;
		}
		#info dt{
			font-weight:bold;
			font-size:3rem;
		}
		
		
		.flex-control-nav{top: 3rem;z-index: 10;bottom: auto;}
		
		.flex-caption .title,
		.flex-caption .desc{
			position:absolute;
			
		}
		.flex-caption .title{
			font-size:3rem;
			font-weight:bold;
			top:25%;
			color: #ffffff;
			width:65%;
			--background:#00968833;
			z-index:100000;
		}
		.flex-caption .desc{
			color:white;
			font-size:1rem;
			top:55%;
			left:45%;
			width:55%;
			padding: 0 2rem;
			line-height:1.5;
			z-index:100000;
		}
		
		
		.flex-caption:before{
			position: absolute;
			top: 0;
			content: '';
			height: 0;
			width: 0;
		}
		
		
		#mnumain, .fabs{
			display:none;
		}
		#navigation {
			position: fixed;
			left:0;
			top: 100px;
			max-width: 240px;
			visibility: visible !important;
			height: auto;
			border-top: 1px solid #21292d;
			max-height: calc(100vh - 100px);
			overflow-y: auto;		
		}
		#navigation .bg{
			display:none;
		}
		#navigation .mnuwrap {
			position:static;
			height: auto;
			box-shadow:none;
			width: 100%;
			background: none;
		}
		#navigation .nav-header{
			display:none;
		}
		#navigation nav {
			padding-top:0;
			background: #171c1f;
			height: auto;
			position: static;
		}	
		#navigation .menu-header, #navigation a {
			color:#fff;
			font-weight:normal;
		}
		#navigation .menu-header:hover{
			background:#00ACC1;
			color:#fff;
		}
		#login, #home{
			padding:0
		}
		.fab{
			bottom:1rem;
		}
		.actions {
			position: fixed;
			top: 0rem;
			right: 1rem;
			padding: 0;
			width: auto;
			left: auto;
		}
	}
	@media screen and (min-width: 1200px) {
		
		.cc{
			margin-top:1rem;
		}
		.cl{
			position:relative;
		}
		
		.cr{
			position:relative;
		}
	}
	
	
	@media print {
		header, .actions{
			display: none;
		}
		
	}