div.btn-fb i.fa{
  padding-right: 7px;
}

div.btn-fb{
  margin: 0 auto;
  text-align: center;
  padding-bottom:25px;
  padding-top:0;
}

a.btn-facebook-contacto:hover {
    background: #243b6d;
    color: #fff;
    padding: 15px;
    border-radius:25px;
}

a.btn-facebook-contacto {
    background: #3b5998;
    color: #fff;
    padding: 15px;
    border-radius:25px;
}

* {
    margin: 0;
    padding: 0
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.clear {
    clear: both;
    height: 1px
}

.inv {
    display: none
}

html ::selection, body ::selection, button ::selection, input ::selection, select ::selection, textarea ::selection {
    background: #00b1e8;
    color: #FFF
}

html ::-moz-selection, body ::-moz-selection, button ::-moz-selection, input ::-moz-selection, select ::-moz-selection, textarea ::-moz-selection {
    background: #ff7a00;
    color: #fff
}

body {
    color: #FFF!important;
    line-height: 1.5;
    position: relative;
    font-weight: 400;
    width: 100%;
    height: 100%;
    font-size: 14px;
    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    background-color: #004E7C
}

body.home {
    color: #5f5f5f!important;
    line-height: 1.5;
    position: relative;
    font-weight: 400;
    width: 100%;
    height: 100%;
    font-size: 14px;
    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    background-color: #25303b;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    background-image: none
}

img, header.main, .F1 {
    behavior: url(iepngfix.htc)
}

a img {
    text-decoration: none;
    outline: none;
    border: 0
}

a {
    color: inherit;
    text-decoration: none!important;
    outline: none;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: .3s
}

a:hover {
    text-decoration: none;
    outline: none;
    color: #ff9d00
}

h1 {
    color: #416681;
    margin-bottom: 25px;
    font-weight: 700;
    text-transform: none;
    margin-top: 0;
    padding-bottom: 20px;
    display: inline-block;
    font-size: 55px;
    line-height: 62px;
    padding-top: 10px;
    letter-spacing: 1px
}

h2 {
    font-size: 20px;
    color: #a76767;
    font-weight: 300;
    margin-bottom: 15px
}

h3 {
    font-size: 35px;
    color: #aebd00;
    font-weight: 300;
    margin-bottom: 23px;
    text-transform: uppercase;
    letter-spacing: -1px;
    line-height: 30px
}

h4 {
    font-size: 34px;
    line-height: 22px;
    color: #535252;
    margin: 25px 0 20px;
    text-transform: none;
    font-weight: 300;
    text-shadow: 0 -1px rgba(255, 255, 219, 0.58);
    letter-spacing: -1px
}

h5 {
    font-size: 54px;
    line-height: 30px;
    color: #6D6C6C;
    margin-bottom: 30px;
    font-weight: 700;
    text-transform: none
}

h6 {
    font-size: 25px;
    line-height: 22px;
    color: #f56c00;
    margin-bottom: 25px;
    font-weight: 400;
    text-transform: none
}

p {
    font-size: 1em;
    color: #F3F3F3;
    margin-bottom: 0;
    line-height: 1.5em
}

#page {
    width: 100%;
    margin: auto;
    float: left
}

.top {
    height: auto;
    position: relative;
    padding-bottom: 0
}

.wrapper {
    margin: 0 auto;
    position: relative;
    padding: 35px 15px
}

header.main {
    padding: 0;
    z-index: 5;
    position: absolute;
    float: left;
    width: 305PX;
    left: 0;
    top: 0
}

.bottom {
    z-index: 5;
    position: relative;
    width: 100%;
    background: rgba(255, 255, 255, 0.73);
    padding-bottom: 0
}

.div-bottom {
    z-index: 5;
    position: relative;
    width: 100%;
    background: rgba(255, 255, 255, 0.73);
    padding: 0;
    text-align: right
}

.footer {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    z-index: 2;
    position: relative
}

.div-top {
    z-index: 6;
    position: relative;
    width: 100%;
    background: rgba(39, 39, 39, 0);
    padding: 50px 0
}

#main {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    padding: 0
}

.body {
    border-right: none;
    display: block;
    vertical-align: top;
    border-right: none;
    padding: 0;
    color: #32373B;
    padding: 30px 20px 30px 20px;
    margin-top: -10px;
    background-color: #FFF
}

section.inicio {
    margin-bottom: 0;
    margin-top: 0;
    float: left;
    max-width: 570px
}

#main .body section {
    margin-bottom: 20px
}

.full {
    border-right: none
}

#logo {
    vertical-align: top;
    position: relative;
    max-width: 600px;
    z-index: 1;
    padding: 0;
    margin: 0;
    display: inline-block
}

#logo a.logo {
    text-indent: -5000px;
    display: block;
    margin: 0;
    background-size: 100%
}

.top-search {
    position: relative;
    margin-left: 0;
    float: left;
    top: 0;
    right: 0
}

#form1 #parametro {
    color: #646464;
    font-size: 12px;
    width: 195px;
    height: 30px;
    margin: 0 0 15px;
    padding: 2px 35px 2px 8px;
    border: 0;
    background: #f1f1f1;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 1px solid #6f8fe0
}

#form1 #searchsubmit {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    border: 0;
    background: url(../imagenes/search-submit.png) no-repeat transparent 0 CENTER;
    cursor: pointer
}

.destacado h5 {
    font-size: 13px;
    color: #86C83E;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase
}

.destacado .icono {
    background-image: url(../imagenes/cone.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 45px;
    height: 100%;
    background-color: #01262b;
    position: absolute;
    right: 0;
    top: 0
}

h2 {
    font-size: 16px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 26px;
    margin-top: 40px;
    text-transform: none;
    line-height: 22px;
    letter-spacing: 2px;
}

#home #contactForm h2 {
    color: #0347e0
}

#home .enlace {
    display: block;
    min-height: 230px;
    margin-bottom: 10px
}

.tt-wrapper {
    padding: 0;
    height: auto;
    list-style: none;
    top: auto;
    position: relative;
    left: auto;
    display: inline-block;
    vertical-align: middle;
    margin: 10px 0
}

.tt-wrapper li {
    float: left
}

.six.column.row .column {
    display: inline-block!important
}

body.login .contenido-gral.wrapper {
    background-size: cover;
    z-index: 9
}

.six.column.row {
    display: block
}

.tt-wrapper li a {
    display: block;
    margin: 0 5px;
    outline: none;
    position: relative;
    -webkit-transition-duration: .6s;
    -moz-transition-duration: .6s;
    transition-duration: .6s;
    opacity: 1;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 2px solid #fff;
    text-align: center
}

.tt-wrapper li a:hover {
    opacity: 1
}

.div-bottom .twitter {
    margin-right: -15px;
    float: none;
    display: inline-block
}

.div-bottom .facebook {
    margin-right: 0;
    float: none;
    display: inline-block
}

.btn {
    border: none;
    font-size: inherit;
    color: inherit;
    background: none;
    cursor: pointer;
    padding: 8px 0;
    display: inline-block;
    margin: 0;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 300;
    outline: none;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    background: #1b74a7
}

.btn:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.btn:before, .icon-heart:after, .icon-star:after, .icon-plus:after, .icon-file:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: relative;
    -webkit-font-smoothing: antialiased
}

.btn-4 {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz--border-radius: 8px;
    -o--border-radius: 8px;
    color: #fff;
    overflow: hidden
}

.btn-4:active {
    border-color: #17954c;
    color: #17954c
}

.btn-4:hover {
    background: #3e24aa
}

.btn-4:before {
    position: absolute;
    height: 100%;
    font-size: 125%;
    line-height: 3.5;
    color: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.btn-4:active:before {
    color: #17954c
}

.btn-4a:before {
    left: 130%;
    top: 0
}

.btn-4a:hover:before {
    left: 80%
}

.btn-4c:before {
    left: 70%;
    opacity: 0;
    top: -10PX
}

.btn-4c:hover:before {
    left: 80%;
    opacity: 1
}

.icon-arrow-right:before {
    content: "\f101"
}

.icon-arrow-left:before {
    content: "\f101"
}

.color-4 {
    float: left;
    background: #666
}

.L1 {
    width: 245px!important
}

html, body.login body {
    height: 100%;
    margin: 0;
    padding: 0
}

form.ui.form {
    max-width: 400px;
    margin: 0 auto
}

.ui.form input:not([type]), .ui.form input[type=text], .ui.form input[type=email], .ui.form input[type=search], .ui.form input[type=password], .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=tel], .ui.form input[type=time], .ui.form input[type=url], .ui.form input[type=number], html body .ui.form select {
    border: none;
    padding: 15px 20px;
    border-radius: 25px!important;
    background: rgba(255, 255, 255, .1);
    width: 100%;
    vertical-align: top;
    height: 46px;
    display: block;
    line-height: 46px;
    overflow: hidden!important;
    outline: none;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

body.login {
    margin: auto;
    position: relative
}

body.login:before {
    background-color: rgba(40, 57, 101, .9);
    content: "";
    display: block;
    width: 100%;
    z-index: 4;
    position: relative;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0
}

body.login:after {
    bodylogin: before;
	  background-image:url(../imagenes/background-toma-de-muestras.jpg);
    position: fixed;
    content: "";
    display: block;
    width: 100%;
    z-index: 3;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover
}

form.ui.form img {
    margin-bottom: 25px;
    max-width: 100%
}

.ui.form .field>label {
    color: #aaa;
    font-size: 12px;
    text-transform: uppercase
}

html body div .ui.form select {
    height: 46px;
    display: block;
    line-height: 46px;
    padding: 0 20px;
    overflow: hidden;
    -webkit-appearance: none;
    color: #bbb
}

button.ui.right.labeled.icon.button {
    border: none;
    padding: 15px 20px;
    border-radius: 25px;
    background: #0061ff;
    color: #fff;
    width: 100%
}

.ui.form .field {
    margin: 0 0 2em
}

button.ui.right.labeled.icon.button:hover {
    background: #0950c3
}

#nav {
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    text-align: center;
    list-style: none;
    margin: 0;
    height: 100%;
    background-color: rgba(3, 42, 90, 0);
    margin: 10px 0;
    vertical-align: middle
}

.div-menu {
    float: left;
    height: 650px;
    width: 180px;
    position: relative;
    list-style: none;
    margin-top: 0;
    margin-right: 0
}

#nav li {
    display: inline-block;
    margin-top: 0;
    -moz--border-radius: 4px;
    -o--border-radius: 4px;
    width: auto
}

#nav li:first-child {
    margin-left: 0
}

#nav li a {
    font-size: 13px;
    text-decoration: none;
    padding: 10px 13px;
    -moz--border-radius: 5px;
    letter-spacing: 2px;
    text-transform: uppercase;
    -o--border-radius: 5px;
    color: #fff;
    font-weight: 900;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: .3s
}

#nav li a:hover, #nav li.current-menu-item a {
    color: #ff9d00;
    text-shadow: none
}

#div-menu {
    display: block;
    float: left;
    width: 250px;
    height: 100%;
    margin-bottom: 30px
}

.sub-menu li a {
    color: #797979;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .2);
    background: #eae9e9;
    border-bottom: 1px solid #c1bfbf;
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .1), 0 1px 0 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .1), 0 1px 0 0 rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .1), 0 1px 0 0 rgba(0, 0, 0, .1)
}

.sub-menu li:hover a {
    background: #f6f5f5
}

.botoncss3 {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    padding: 8px 24px;
    background: #5459CF;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    display: inline-block
}

.botoncss3:hover {
    color: #fff;
    background: #3A3D8D
}

._list1 {
    color: #5c5959;
    font-size: 12px;
    padding-bottom: 15px!important
}

._list1>li {
    background: url(../imagenes/cir.png) 5px 7px no-repeat;
    position: relative;
    display: block;
    padding-left: 20px;
    text-transform: none
}

._list1>li>a {
    color: #16a9ce
}

._list1>li>a:hover {
    text-decoration: underline
}

nav#menu-top {
    display: inline-block;
    margin-top: 0;
    width: 100%;
    position: relative;
    padding-bottom: 30px
}

nav#menu-top li {
    float: left;
    width: 23%;
    margin: 0 1%
}

nav#menu-top a {
    position: relative;
    display: inline-block;
    margin: 0;
    outline: none;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    text-shadow: 0 0 0 #000;
    font-size: 1em;
    padding: 0;
    background: #D00223;
    border-right: 0 solid rgba(208, 2, 35, 0);
    background: rgba(245, 245, 245, 0);
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: .3s;
    text-transform: uppercase;
    font-family: Century Gothic
}

nav#menu-top li.active a, nav#menu-top a:hover {
    background: rgba(208, 2, 35, 0)!important
}

html body .content.content1 {
    margin-bottom: 15px;
    position: relative;
    border: 0!important;
    margin-bottom: 20px!important;
    display: block;
    border-radius: 0!important;
    text-align: right
}

.welcome .ui.cards .card div:first-child {
    border-radius: 0!important
}

a.btn-link {
    color: #ff9d00
}

img.right.floated.tiny.ui.image {
    border: 0 solid #ff9d00;
    border-radius: 50%;
    width: 90px
}

.row.bloque-new {
    position: relative
}

.row.bloque-new.menu-intranet a {
    display: block;
    text-align: center;
    vertical-align: middle;
    padding: .5em
}

.row.bloque-new.menu-intranet .ui.grid span {
    vertical-align: middle;
    display: table-cell;
    width: 100%;
    margin: 0 auto;
    letter-spacing: 1px;
    font-size: 12px!important;
    font-weight: 700
}

.ui.compact.bloque-nav {
    margin: 15px 0;
    border-top: 4px solid #ff9d00;
    text-transform: uppercase;
    font-weight: 700
}

.blimg-text {
    vertical-align: bottom;
    display: table-cell;
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.fnt {
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    height: 50px;
    width: 100%;
    vertical-align: middle;
    display: table
}

.chat {
    background-color: rgba(0, 0, 0, 0.63)!important;
    padding: 1.2em 1em!important;
    margin: 6px 0
}

.text {
    display: table;
    width: 100%;
    vertical-align: bottom
}

.ui.grid.menu1 a.bloque-item {
    border: 2px solid rgba(255, 255, 255, 0.42);
    border-radius: 8px;
    background: -moz-linear-gradient(top, rgba(11, 74, 122, 0.26) 53%, rgba(7, 48, 81, 0.8) 54%);
    background: -webkit-linear-gradient(top, rgba(11, 74, 122, 0.26) 53%, rgba(7, 48, 81, 0.8) 54%);
    background: linear-gradient(to bottom, rgba(11, 74, 122, 0.26) 53%, rgba(7, 48, 81, 0.8) 54%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#420b4a7a', endColorstr='#cc073051', GradientType=0)
}

body .ui.grid>.column:not(.row), body .ui.grid>.row>.column {
    padding-left: 5px;
    padding-right: 5px;
    text-align: center
}

.ui.compact.bloque-nav .ui.compact.menu .ui.simple.dropdown.item .menu a:hover {
    color: #ff9d00
}

.ui.compact.bloque-nav i {
    font-size: 22px;
    color: #ff9d00;
    border-right: 1px solid #fff;
    margin-right: 10px;
    padding-right: 10px
}

.ui.compact.bloque-nav .ui.compact.menu {
    width: 100%;
    border: 0;
    border-radius: 0;
    background-color: rgba(255, 0, 0, 0)
}

.ui.compact.bloque-nav .ui.compact.menu .ui.simple.dropdown.item {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.63)!important;
    padding: 1.2em 1em!important;
    margin: 6px 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 0
}

.ui.compact.bloque-nav .ui.compact.menu .ui.simple.dropdown.item .menu {
    background-color: rgba(0, 0, 0, 0.84)!important;
    color: #fff!important
}

.ui.compact.bloque-nav .ui.compact.menu .ui.simple.dropdown.item .menu a {
    color: #fff
}

.ui.compact.bloque-nav .ui.compact.menu .ui.simple.dropdown.item .menu .item {
    border-top: 1px solid rgba(255, 255, 255, 0.21);
    padding-left: 45px!important
}

.ui.compact.bloque-nav .ui.compact.menu .ui.simple.dropdown.item .menu .item:first-child {
    border-top: 0 solid #fff
}

.row.bloque-new.menu-intranet a.item {
    border-radius: 0!important;
    color: #fff;
    vertical-align: middle;
    width: 100%;
    background: -moz-linear-gradient(-45deg, rgba(11, 74, 122, 0.26) 53%, rgba(7, 48, 81, 0.8) 54%);
    background: -webkit-linear-gradient(-45deg, rgba(11, 74, 122, 0.26) 53%, rgba(7, 48, 81, 0.8) 54%);
    background: linear-gradient(135deg, rgba(11, 74, 122, 0.26) 53%, rgba(7, 48, 81, 0.8) 54%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#420b4a7a', endColorstr='#cc073051', GradientType=1);
    border: 2px solid rgba(255, 255, 255, 0.47)
}

.row.bloque-new.menu-intranet .ui.fluid.six.item.menu {
    background-color: rgba(0, 0, 0, 0)
}

.row.bloque-new.menu-intranet a.item img {
    width: 60px;
    margin: 0 auto;
    height: auto;
    max-width: 100%;
    width: auto
}

.row.bloque-new.menu-intranet a.item span {
    display: block;
    width: 100%;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 5px;
    letter-spacing: 1px;
    font-size: 12px!important
}

.ui.grid>.row {
    margin-left: 0;
    margin-right: 0;
    text-align: center
}

ul {
    list-style: none;
    display: inline-block
}

ul li {
    float: left
}

ul#dropdownmenu {
    margin: 0;
    list-style: none;
    width: 100%
}

ul#dropdownmenu li {
    height: auto;
    position: relative
}

ul#dropdownmenu li a {
    display: block;
    color: #FFF;
    text-decoration: none;
    z-index: 6;
    margin: 0;
    position: relative
}

ul#dropdownmenu li a:hover {
    background: #0A518E
}

ul#dropdownmenu li ul {
    display: none;
    margin-bottom: 60px
}

ul#dropdownmenu li:hover ul {
    display: block;
    background: rgba(8, 8, 8, 0.28);
    position: absolute;
    width: 100%
}

ul#dropdownmenu li:hover ul li {
    float: none;
    background: rgba(255, 255, 255, 0)
}

ul#dropdownmenu li ul li ul, ul#dropdownmenu li:hover ul li ul {
    display: none
}

ul#dropdownmenu li:hover ul li:hover ul {
    display: block;
    top: 20px;
    left: 100%
}

nav#menu-top ul.dropdown li a {
    padding: 4px 10px;
    font-size: 13px;
    color: #FDFDFD;
    text-transform: none;
    font-weight: 400;
    margin: 0;
    z-index: 6
}

a.comollegar {
    text-align: right;
    display: inline-block;
    margin-left: 10px;
    color: #fff;
    font-weight: 700;
    font-size: 12px
}

ul#dropdownmenu.sf-menu.second-nav {
    position: absolute;
    right: 20px;
    top: 0;
    width: auto;
    background-image: none
}

nav#menu-top ul.sf-menu.second-nav li a {
    font-size: .8em;
    padding: 13px 10px;
    margin: 0
}

nav#menu-top ul.sf-menu.second-nav li a:hover {
    background: rgba(208, 2, 35, 0)!important;
    color: #00C4FF
}

ul#links1 {
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif
}

ul#links1 li {
    width: 100%;
    padding: 13px 0 13px 20px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: right;
    border-bottom: 1px solid rgba(0, 0, 0, 0.18);
    font-family: roboto
}

ul#links1 li i {
    text-align: left;
    float: left;
    font-size: 24px
}

ul#links1 li a {
    font-size: 12px;
    font-weight: 900;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif
}

ul#links1 li a:hover {
    color: #487FC1
}

ul#links2 {
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;
    font-size: 11px
}

ul#links2 li {
    width: 100%;
    padding: 6px 0;
    text-transform: uppercase;
    font-weight: 700;
    text-align: right
}

ul#links2 li a {
    color: #D00223;
    font-weight: 700;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: .3s
}

ul#links2 li a:hover {
    color: #7B7B7B;
    font-weight: 900
}

ul#dropdownmenu label {
    padding: 6px 20px;
    font-size: 1em;
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    font-family: Century Gothic
}

nav#menu-top ul.dropdown li a:hover {
    background: #0974c1!important;
    font-weight: 400;
    color: #FFF
}

.lp-element {
    padding-top: 250px;
    margin-bottom: 30px;
    display: block
}

.top-one {
    padding: 40px 15px 20px;
    display: inline-block;
    width: 100%;
    background-color: rgba(255, 255, 255, 0);
    background-repeat: no-repeat;
    background-position: 97% 80px;
    text-align: center
}

.degr {
    width: 100%;
    margin: 0;
    padding: 0;
    background-image: url(../imagenes/degr.png), url(../imagenes/degr2.png);
    background-repeat: repeat-y, repeat-y;
    background-size: auto 100%, auto 100%;
    background-position: left, right;
    height: 100%;
    position: absolute;
    z-index: 2222222
}

a.comollegar img {
    display: inline-block
}

.nav-fondo {
    margin: 0;
    list-style: none;
    height: 61px;
    position: absolute;
    width: 100%;
    background-image: url(../imagenes/nav-01.png);
    z-index: 5
}

ul#dropdownmenu li ul.dropdown li {
    width: 100%;
    margin: 0
}

span.font-name {
    font-weight: 900;
    font-size: 18px
}

.ui.checkbox label {
    color: inherit!important
}

.cuadro-cont {
    margin: 20px 0;
    border-bottom: 3px solid;
    border-top: 3px solid;
    border-color: #DAF9FF;
    background-color: rgba(0, 0, 0, 0.15)
}

.table-cont .col-3:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 0;
    top: 5px
}

.row.table-cont.superior .col-3:after {
    display: none
}

.table-cont .col-3:nth-child(1):after {
    content: '\f142'
}

.table-cont .col-3:nth-child(2):after {
    content: '\f142'
}

.table-cont .col-3:nth-child(3):after {
    content: '\f142'
}

.row.table-cont {
    padding: 16px 0;
    border-bottom: 1px solid #FFF;
    margin: 0
}

.col-6.left-bloque {
    text-align: right
}

p.web-pag {
    text-align: right;
    padding: .78571429em 0;
    line-height: 1em
}

.bloque-unit {
    padding: 15px;
    border: 1px solid #fff;
    border-radius: 5px;
    margin: 15px 0;
    background: -moz-linear-gradient(top, rgba(40, 112, 201, 0.1) 0%, rgba(40, 112, 201, 0.16) 49%, rgba(0, 35, 63, 0.64) 50%, rgba(0, 35, 63, 0.55) 100%);
    background: -webkit-linear-gradient(top, rgba(40, 112, 201, 0.1) 0%, rgba(40, 112, 201, 0.16) 49%, rgba(0, 35, 63, 0.64) 50%, rgba(0, 35, 63, 0.55) 100%);
    background: linear-gradient(to bottom, rgba(40, 112, 201, 0.1) 0%, rgba(40, 112, 201, 0.16) 49%, rgba(0, 35, 63, 0.64) 50%, rgba(0, 35, 63, 0.55) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a2870c9', endColorstr='#8c00233f', GradientType=0)
}

span.espacio {
    height: 1px;
    width: 20px;
    display: inline-block
}

.row.table-cont.superior {
    background-color: rgba(6, 24, 51, 0.81);
    padding: 10px 0
}

.row.table-cont.superior p {
    text-transform: uppercase;
    font-weight: 700
}

textarea.mensaje {
    margin: 0;
    max-width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    outline: 0;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    text-align: left;
    line-height: 1.2142em;
    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    padding: .67861429em 1em;
    background: #fff;
    border: 1px solid rgba(34, 36, 38, .15);
    color: rgba(0, 0, 0, .87);
    border-radius: .28571429rem;
    -webkit-transition: box-shadow .1s ease, border-color .1s ease;
    transition: box-shadow .1s ease, border-color .1s ease;
    box-shadow: none;
    resize: none
}

.bloque-new .cuadro-cont {
    border-bottom: 0 solid;
    margin-bottom: 0
}

.bloque-new .ui.input {
    width: 100%
}

.new-not {
    margin-bottom: 20px
}

.home .card {
    background-color: rgba(255, 255, 255, 0)!important;
    padding: 0;
    width: 100%!important;
    box-shadow: none!important
}

.meta {
    color: inherit!important;
    font-weight: 300;
    font-size: 13px!important
}

.content3 {
    padding: 0 0 0 20px
}

.ui.cards~.ui.cards {
    margin-top: .225em
}

.ui.cards.eltiempo .content3 {
    padding-left: 55px
}

.bloques-not .ui.cards.eltiempo>.card>.content i.fa {
    font-size: 47px
}

i.browser.icon {
    position: absolute;
    top: 12px;
    left: 10px
}

.bloques-not .content {
    background-color: rgba(0, 0, 0, 0.63)!important;
    padding: .7em 1em!important;
    border-radius: 0!important
}

.bloques-not .content:hover {
    background-color: rgba(5, 29, 56, 0.88)!important
}

.fecha, i.browser.icon, .home span.font-name {
    color: #ff9d00
}

.home span.font-name {
    font-weight: 700;
    font-size: 15px;
    color: #fff
}

.fecha {
    position: absolute;
    top: 10px;
    right: 20px
}

.ui.cards>.card {
    margin: .575em .5em;
    border-radius: 0!important
}

.aviso i.browser.icon {
    top: 42px
}

span.aviso-fecha {
    font-size: 22px;
    font-weight: 300
}

.aviso .fecha {
    font-size: 22px
}

.welcome .ui.cards>.card .meta {
    font-size: 1.7em!important;
    padding-right: 0
}

.row.bloque-nav {
    margin-top: 45px
}

.welcome .header {
    color: inherit;
    font-weight: 900!important;
    text-align: right;
    font-size: 17px!important;
    text-transform: uppercase
}

.bloque-new a.logo {
    top: 70%;
    max-width: 70%;
    left: 100px;
    position: absolute;
    top: 50%;
    margin-top: -57px;
    left: 50%;
    margin-left: -22.5%;
    width: 45%;
    text-align: center
}

.description {
    width: 100%
}

.ui.modal>.content {
    background: rgba(255, 255, 255, 0)!important
}

body .ui.modal>.header {
    background: rgba(255, 255, 255, 0)!important;
    color: rgba(255, 255, 255, 0.85)!important;
    border-bottom: 1px solid rgba(34, 36, 38, .15)!important
}

body .ui.modal {
    background: rgba(34, 70, 136, 0.73)!important;
    box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, .2), 1px 3px 15px 2px rgba(0, 0, 0, .2)!important
}

body .ui.header {
    color: rgba(255, 255, 255, 0.87)!important
}

body .date-1 {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #31AF94
}

body .ui.modal p {
    font-size: .9em
}

body .ui.modal>.header {
    background: rgba(255, 255, 255, 0)!important;
    color: rgba(255, 255, 255, 0.85)!important;
    border-bottom: 1px solid rgba(34, 36, 38, .15)!important
}

body.contacto .ui.modal .description {
    width: 450px!important;
    margin: 0 auto
}

body.contacto .ui.input {
    width: 100%;
    margin-bottom: 15px
}

body.contacto .ui.input input {
    width: 100%
}

body.contacto .ui.input p {
    display: block;
    width: 100%
}

.content.content1 span.izq {
    padding-right: 110px;
    display: block;
    text-align: right
}

.content.content1 span.der {
    width: auto;
    right: 1em;
    top: .3em;
    display: inline-block;
    position: absolute
}

.bloques-not .ui.cards>.card>.content i.fa {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #ff9d00;
    line-height: 1.5
}

.bloques-not .ui.cards.aviso>.card>.content i.fa {
    top: 42px
}

.row.bloque-new.central {
    padding-bottom: 50px
}

.row.bloque-new.menu-intranet a.item:hover {
    color: #f89801;
    border-color: #ff9d00
}

.row.bloque-new.alin-ri {
    padding: 30px 0;
    text-align: right
}

.row.bloque-new.alin-ri i.left.chevron.icon {
    background: #ff9d00
}

.col-12.trazo {
    padding: 30px 0;
    margin: 0 auto
}

.col-12.trazo img {
    margin: 0 auto
}

.top {
    background: #1f1f1f
}

div#login {
    max-width: 450px;
    margin: 40px auto;
    float: none
}

body.login h1 {
    color: #fff;
    padding-bottom: 0;
    text-align: center;
    display: block
}

div#login form {
    background: rgba(17, 126, 210, 0.56);
    padding: 20px;
    border-radius: 10px;
    padding-bottom: 35px
}

label span {
    font-size: 16px;
    font-weight: 700;
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 5px
}

div#login form label {
    margin: 10px 0 20px;
    width: 100%;
    display: block
}

div#login form label p {
    color: #01d8ff;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.47)
}

div#login form label button.ui.right.labeled.icon.button {
    background: #00b3f9;
    background: -moz-linear-gradient(top, rgba(0, 179, 249, 1) 50%, rgba(0, 146, 237, 1) 50%);
    background: -webkit-linear-gradient(top, rgba(0, 179, 249, 1) 50%, rgba(0, 146, 237, 1) 50%);
    background: linear-gradient(to bottom, rgba(0, 179, 249, 1) 50%, rgba(0, 146, 237, 1) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b3f9', endColorstr='#0092ed', GradientType=0);
    color: #fff;
    width: 100%;
    text-transform: uppercase;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 17px
}

div#login form label button.ui.right.labeled.icon.button:hover {
    opacity: .8
}

ul.recuperar {
    position: absolute;
    width: 100%;
    padding: 0 40px;
    left: 0;
    bottom: 10px
}

ul.recuperar li {
    float: none
}

ul.recuperar a.recuperar {
    float: left
}

ul.recuperar a.olvido {
    float: right
}

.top2 {
    background: #25303b;
    padding: 20px;
    vertical-align: middle;
    display: table;
    width: 100%;
    z-index: 5;
    position: relative
}

a.logo img {
    max-width: 220px;
    padding: 10px
}

.top2 .row.bloque-nav {
    margin-top: 0;
    vertical-align: middle
}

.tt-wrapper li a i {
    line-height: 36px;
    font-size: 130%
}

.top2 .row.bloque-nav {
    text-align: right
}

.bloque-1 {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px
}

div#superior {
    background: #40587b;
    vertical-align: middle;
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: right;
    color: #fff;
    background-image: url(../imagenes/banner.jpg);
    background-size: cover
}

div#menu-central {
    background-color: #416681;
    padding-top: 30px;
    padding-bottom: 30px;
    position: initial
}

div#general div#superior {
    background: #fff;
    border-bottom: 3px solid #40587b;
    color: #416681
}

div#general div#superior a {
    color: inherit
}

div#contenido p {
    font-size: 18px
}

div#contenido {
    padding-top: 30px;
    padding-bottom: 30px
}

div#superior input[type="text"] {
    background: rgba(255, 255, 255, 0);
    border: 2px solid;
    color: #cecece
}

.ui.icon.input {
    color: inherit
}

.welcome .ui.cards>.card .meta strong {
    font-weight: 400
}

div#general {
    min-height: 500px;
    background: #fff
}

body.home a {
    color: #fff
}

.home p {
    color: #416681
}

.welcome {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px
}

a.btn-link {
    display: none
}

nav#menu ul li {
    float: left;
    display: block;
    width: 100%;
    padding: 10px 0;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    border-bottom: 2px solid #7d9ab2
}

.blimg {
    padding-bottom: 20px
}

#nav li a.active {
    color: #00ade9
}

#nav li:before {
    content: "";
    position: relative;
    display: inline-block;
    font-weight: 700;
    margin: 0 2px
}

#nav li:first-child:before {
    content: ""
}

.custom-calendar-wrap {
    margin: 10px auto;
    position: relative;
    overflow: hidden
}

.custom-inner {
    background: rgba(255, 255, 255, 0);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2)
}

.custom-inner:before, .custom-inner:after {
    content: '';
    width: 99%;
    height: 50%;
    position: absolute;
    background: #f6f6f6;
    bottom: -4px;
    left: .5%;
    z-index: -1;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2)
}

.custom-inner:after {
    content: '';
    width: 98%;
    bottom: -7px;
    left: 1%;
    z-index: -2
}

.custom-header {
    background: rgba(255, 255, 255, 0);
    padding: 5px 20px 10px;
    height: 40px;
    position: relative;
    border-top: 1px solid #fff
}

.custom-header h2, .custom-header h3 {
    text-align: center;
    text-transform: uppercase
}

.custom-header h2 {
    color: #fff;
    font-weight: 300;
    font-size: 18px;
    margin-top: 3px
}

.custom-header h3 {
    font-size: 10px;
    font-weight: 700;
    color: #b7bbc2;
    display: none
}

.custom-header nav span {
    position: absolute;
    top: 3px;
    width: 16px;
    height: 30px;
    color: transparent;
    cursor: pointer;
    margin: 0 1px;
    font-size: 20px;
    line-height: 30px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.custom-header nav span:first-child {
    left: 0
}

.custom-header nav span:last-child {
    right: 0
}

.custom-header nav span:before {
    color: #fbfbfb;
    position: absolute;
    text-align: center;
    width: 100%;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 28px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.custom-header nav span.custom-prev:before {
    content: "\f104"
}

.custom-header nav span.custom-next:before {
    content: "\f105"
}

.custom-header nav span:hover:before {
    color: #ff9d00
}

.custom-content-reveal {
    background: #f6f6f6;
    background: rgba(246, 246, 246, 0.9);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;
    top: 100%;
    left: 0;
    text-align: center;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

.custom-content-reveal span.custom-content-close {
    position: absolute;
    top: 15px;
    right: 10px;
    width: 20px;
    height: 20px;
    text-align: center;
    background: #ef4f69;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    line-height: 13px;
    padding: 0
}

.custom-content-reveal span.custom-content-close:after {
    content: 'x';
    font-size: 18px;
    color: #fff
}

.custom-content-reveal a, .custom-content-reveal span {
    font-size: 22px;
    padding: 10px 30px;
    display: block
}

.custom-content-reveal h4 {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 3px;
    color: #777;
    padding: 20px;
    background: #fff;
    border-bottom: 1px solid #ddd;
    border-top: 5px solid #ef4f69;
    box-shadow: 0 1px rgba(255, 255, 255, 0.9);
    margin-bottom: 30px
}

.custom-content-reveal span {
    color: #888
}

.custom-content-reveal a {
    color: #ef4f69
}

.custom-content-reveal a:hover {
    color: #333
}

button.ui.black.labeled.icon.button {
    background-color: #0c3341;
    padding-left: 2.9em!important
}

button.ui.black.labeled.icon.button i {
    background-color: #0c3341!important
}

.fc-calendar-container {
    height: 400px;
    width: auto;
    padding: 0;
    background: #3f6686
}

.fc-calendar .fc-head {
    background: transparent;
    color: #ef4f69;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 12px
}

.fc-calendar .fc-row>div {
    background: #345077;
    cursor: pointer
}

.fc-calendar .fc-row>div:empty {
    background: transparent
}

body .fc-calendar .fc-row>div>span.fc-date {
    top: 50%;
    left: 50%;
    text-align: center;
    margin: -10px 0 0 -15px;
    color: #fff;
    font-weight: 300!important;
    pointer-events: none;
    font-size: 17px
}

.fc-calendar .fc-row>div.fc-today {
    background: #ef4f69;
    box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.1)
}

.fc-calendar .fc-row>div.fc-today>span.fc-date {
    color: #171717;
    text-shadow: none
}

.fc-calendar .fc-row>div.fc-content:after {
    content: '\00B7';
    text-align: center;
    width: 20px;
    margin-left: -10px;
    position: absolute;
    color: #DDD;
    font-size: 70px;
    line-height: 20px;
    left: 50%;
    bottom: 3px
}

.fc-calendar .fc-row>div.fc-today.fc-content:after {
    color: #b02c42
}

.fc-calendar .fc-row>div.fc-content:hover:after {
    color: #ef4f69
}

.fc-calendar .fc-row>div.fc-today.fc-content:hover:after {
    color: #fff
}

.fc-calendar .fc-row>div>div a, .fc-calendar .fc-row>div>div span {
    display: none;
    font-size: 22px
}

#carousel {
    position: relative;
    width: 90%;
    margin: 0 auto
}

#slides {
    overflow: hidden;
    position: relative;
    width: 90%;
    height: 50px;
    width: 90%!important
}

#slides ul {
    list-style: none;
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0;
    position: relative
}

#slides li {
    width: 90%;
    height: 50px;
    float: left;
    text-align: center;
    position: relative
}

.btn-bar {
    width: 100%;
    margin: 0 auto;
    display: block;
    position: relative;
    top: 0;
    z-index: 999999
}

#buttons {
    padding: 0 0 5px;
    float: right;
    width: 100%
}

#buttons a {
    text-align: center;
    display: block;
    font-size: 30px;
    float: left;
    outline: 0;
    margin: 0;
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 0;
    width: 25px;
    position: absolute
}

a#prev:hover, a#next:hover {
    color: #FFF
}

.content {
    position: relative
}

body .row .ui.cards>.card>.content:nth-child(2) {
    padding-top: 0!important
}

body .row .ui.cards>.card>.content:nth-child(2) i.fa {
    top: 0;
    line-height: 1.5
}

.bx-wrapper .bx-controls-direction a i {
    color: #fff!important
}

span.dim {
    font-size: 25px
}

.quote-phrase, .quote-author {
    font-weight: 300;
    padding: 5px 20px
}

.quote-phrase {
    height: 50px;
    font-size: 12px;
    color: #FFF
}

a#prev {
    left: 0
}

footer#footer {
    background: #25303b;
    padding: 30px 15px;
    color: #fff;
    font-size: 15px
}

nav#menu ul li a:hover {
    color: #7d9ab2
}

.tt-wrapper li a:hover {
    color: #00ade9;
    border: 2px solid
}

footer#footer i {
    color: #00ade9
}

a.tibox {
    font-weight: 900;
    font-size: 20px
}

.bloque-1.direccion.direccion1 {
    padding-left: 15px;
    border-left: 2px solid
}

.home .contenido-gral.wrapper .row.bloque-new {
    background-color: #416681
}

div#superior .ui.icon.input ::-webkit-input-placeholder {
    color: #fdfdfd
}

div#superior .ui.icon.input ::-moz-placeholder {
    color: #fdfdfd
}

div#superior .ui.icon.input :-ms-input-placeholder {
    color: #fdfdfd
}

div#superior .ui.icon.input :-moz-placeholder {
    color: #fdfdfd
}

div#general div#superior .ui.icon.input ::-webkit-input-placeholder {
    color: #416681
}

div#general div#superior .ui.icon.input ::-moz-placeholder {
    color: #416681
}

div#general div#superior .ui.icon.input :-ms-input-placeholder {
    color: #416681
}

div#general div#superior .ui.icon.input :-moz-placeholder {
    color: #416681
}

div#superior .bloque-1 a {
    font-weight: 700;
    text-transform: uppercase
}

div#superior .bloque-1 a i {
    font-size: 130%;
    margin-right: 5px;
    color: #00ade9
}

a#next {
    right: 0
}

.quote-marks {
    font-size: 30px;
    padding: 0;
    position: inherit
}

.quote-author {
    font-style: normal;
    font-size: 20px;
    color: #b14943;
    font-weight: 400;
    height: 30px
}

.bloque-new a.logo img {
    margin: 0 auto
}

.bx-wrapper {
    border-top: 1px solid;
    padding: 0 10px!important;
    padding-top: 10px;
    margin-top: 10px!important
}

.quoteContainer, .authorContainer {
    width: 100%
}

select.cs-select.cs-skin-rotate {
    display: none!important
}

.cs-select.cs-skin-rotate {
    padding: 15px 20px;
    border-radius: 25px!important;
    background: rgba(255, 255, 255, .1);
    width: 100%;
    vertical-align: top;
    display: block;
    line-height: 46px;
    outline: none;
}

@font-face {
    font-family: 'icomoon';
    src: url(../fonts/icomoon/icomoon.eot?-rdnm34);
    src: url(../fonts/icomoon/icomoon.eot?#iefix-rdnm34) format("embedded-opentype"), url(../fonts/icomoon/icomoon.woff?-rdnm34) format("woff"), url(../fonts/icomoon/icomoon.ttf?-rdnm34) format("truetype"), url(../fonts/icomoon/icomoon.svg?-rdnm34#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

div.cs-select {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-align: left;
    background: #fff;
    z-index: 100;
    width: 100%;
    max-width: 500px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

div.cs-select:focus {
    outline: none
}

.cs-select select {
    display: none
}

.cs-select span {
    display: block;
    position: relative;
    cursor: pointer;
    padding: 0 1em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.cs-select>span {
    padding-right: 3em
}

.cs-select>span::after, .cs-select .cs-selected span::after {
    speak: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.cs-select>span::after {
    content: '\25BE';
    right: 1em
}

.cs-select .cs-selected span::after {
    content: '\2713';
    margin-left: 1em
}

.cs-select.cs-active>span::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

div.cs-active {
    z-index: 200
}

.cs-select .cs-options {
    position: absolute;
    overflow: hidden;
    width: 100%;
    visibility: hidden;
    padding: 15px;
    left: 0
}

.cs-select.cs-active .cs-options {
    visibility: visible;
    background: #4a5576!important
}

.cs-select ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.cs-select ul span {
    padding: 1em
}

.cs-select ul li.cs-focus span {
    background-color: #ddd
}

.cs-select li.cs-optgroup ul {
    padding-left: 1em
}

.cs-select li.cs-optgroup>span {
    cursor: default
}

div.cs-skin-rotate {
    background: transparent;
    font-size: 14px;
    font-weight: 700;
    width: 300px;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

@media screen and (max-width: 30em) {
    div.cs-skin-rotate {
        font-size: 1em;
        width: 200px
    }
}

.cs-skin-rotate>span, .cs-skin-rotate .cs-options li {
    background: transparent;
    -webkit-transform-origin: 50% 50% -200px;
    transform-origin: 50% 50% -200px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 0.3s, opacity .3s;
    transition: transform 0.3s, opacity .3s;
    float: none;
    line-height: 15px
}

@media screen and (max-width: 30em) {
    .cs-skin-rotate>span, .cs-skin-rotate .cs-options li {
        -webkit-transform-origin: 50% 50% -100px;
        transform-origin: 50% 50% -100px
    }
}

.cs-skin-rotate>span {
    padding-left: 0
}

.cs-skin-rotate.cs-active>span {
    opacity: 0;
    -webkit-transform: rotate3d(0, 1, 0, -90deg);
    transform: rotate3d(0, 1, 0, -90deg)
}

.cs-skin-rotate>span::after, .cs-skin-rotate .cs-selected span::after {
    font-family: 'icomoon'
}

.cs-skin-rotate>span::after, .cs-skin-rotate.cs-active>span::after {
    content: '\e012';
    -webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -90deg);
    transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -90deg)
}

.cs-skin-rotate ul span::after {
    content: '';
    opacity: 0
}

.cs-skin-rotate .cs-selected span::after {
    content: '\e00e';
    font-size: 1.5em;
    opacity: .5;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.cs-skin-rotate .cs-options {
    background: transparent;
    top: 46px;
    overflow: visible;
    visibility: visible;
    pointer-events: none;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.cs-skin-rotate .cs-options ul {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.cs-skin-rotate .cs-options li {
    opacity: 0;
    -webkit-transform: rotate3d(0, 1, 0, 90deg);
    transform: rotate3d(0, 1, 0, 90deg)
}

.cs-skin-rotate.cs-active .cs-options li {
    opacity: 1;
    -webkit-transform: rotate3d(0, 1, 0, 0deg);
    transform: rotate3d(0, 1, 0, 0deg);
    pointer-events: auto
}

.cs-skin-rotate .cs-options li:nth-child(2) {
    -webkit-transition-delay: .05s;
    transition-delay: .05s
}

.cs-skin-rotate .cs-options li:nth-child(3) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.cs-skin-rotate .cs-options li:nth-child(4) {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.cs-skin-rotate .cs-options li:nth-child(5) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.cs-skin-rotate.cs-active .cs-options ul li {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.cs-skin-rotate .cs-options li span {
    padding: 12px 0
}

.cs-skin-rotate .cs-options li span:hover, .cs-skin-rotate .cs-options li.cs-focus span, .cs-skin-rotate .cs-selected span {
    opacity: .8;
    background: transparent
}

@media screen and (max-width: 1100px) {
    .welcome .header {
        font-size: 15px!important
    }
    .welcome {
        margin-left: 0
    }
    .top2 .row.bloque-nav {
        text-align: center
    }
    .top2 .row.bloque-nav .col-6 {
        width: auto;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        float: left
    }
    .welcome .ui.cards .card div:first-child {
        padding-right: 0
    }
    .content.content1 span.izq {
        padding-right: 90px;
        display: block;
        text-align: right
    }
    img.right.floated.tiny.ui.image {
        width: 70px
    }
    .content.content1 span.der {
        width: auto;
        right: 0;
        top: .3em;
        display: inline-block;
        position: absolute
    }
    .welcome .ui.cards>.card .meta {
        font-size: 1.4em!important;
        padding-right: 0
    }
}

@media screen and (max-width: 400px) {
    .fc-calendar-container {
        height: 300px
    }
    .fc-calendar .fc-row>div>span.fc-date {
        font-size: 15px
    }
    .top2 .row.bloque-nav {
        text-align: center
    }
}

html body .fa {
    font: normal normal normal 14px/1 FontAwesome;
}

.fot {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 2px solid #475474;
    text-align: center;
    letter-spacing: 1px;
    font-size: 12px;
}

button.ui.right.labeled.icon.button.limpiar {
    background: #737373;
}

button.ui.right.labeled.icon.button.limpiar:hover {
    background: #353535;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 5; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: white;
}

::-ms-input-placeholder { /* Microsoft Edge */
   color: white;
}