#fixedCookies {
    top: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, .3);
    padding: .4em;
    font-size: .9em;
    cursor: pointer;
    display: none
}

#fixedCookiesBtn  {
	background: rgb(59,198,195); 
	color: #fff; 
	padding: 0.3em 0.6em;
}



/* CONTAINER TODA LA BARRA DE ARRIBA */
#base-sup {
    padding-bottom: 1em;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
    background: url(/templates/aulafor/images/background_home.jpg);
    position: relative;
	
}

body.frontpage.bd-ceasfor #base-sup {
    min-height: 100vh;
    background: url(/images/ceasfor/fondo-2019.jpg) center bottom no-repeat, #C7D8D7;
    background-size: 100%;
	overflow:hidden;
	
}

@media screen and (max-width:1000px) {
	body.frontpage.bd-ceasfor #base-sup {
		background-size: auto 100%;
		background-position: center top;
	}
}


/* PRIMERA BARRA CEASFOR */
#barraC,#nav_cat {
	z-index:2;	
	position:relative;
}
.bd-ceasfor #barraC {
	background-color:#00848E;
	height:70px;
}
.bd-ceasfor img#logoSuperior {
    margin-top: 0.5em;
}
.phone-head {
    margin: 0 1em;
    font-size: 1.2em;
    font-weight: 500;
	color: white!important;
	padding: 1.3em 0.6em 0 0.6em;
}
.bd-ceasfor ul#nav-mainmenu {
	float:left!important;
	margin: 1.9em 0 0 1em;

}
#newlogout{
	color: #333333;
    margin: 0;
    background: #FFC72C;
    height: 70px;
    display: block;
    float: right;
    top: 0;	
	color:#333333;
	margin:0em;
	padding:1.7em 1em 0 0;
    font-size: 1.1em
}
#nav-mainmenu li {
    float: left
}
#nav-mainmenu.nav>li>a {
 	font-weight: 500;
    font-size: 1.1em;
    padding: 0 1em;
    color: white;
    border-right: 1px solid #fff;
}

#nav-mainmenu.nav>li.item-118>a{ 
	  border-right: none;
}
#nav-mainmenu li a img {
    margin-right: .5em
}
/* BARRA - MENU DE CATEFORIAS HEADER */
.heightnavcat {
	height:60px;
	background-color: rgba(59,198,195, 0.9); 
}
.bd-ceasfor #nav-medio {
	width:1170px;
}
.bd-ceasfor #nav_cat .nav_laterales {
	width:calc((100% - 1170px) / 2);
}	
.bd-ceasfor #nav_cat a:hover{
	text-decoration:none;
	background-color: rgba(0, 0, 0, 0.2);
}
.bd-ceasfor div#nav_cat a img{
	width: 30%;
	float: left;
	margin-right: 0.2em;
}
.bd-ceasfor #nav_cat a{
    width:146.25px;
	display:block;
	float:left;
	color: #fff;
	padding:0.5em 0.2em 0 0.2em;
	font-weight:bold
}
/* VIDEO CSS*/
#fondovideo {
	/* margin-top: 70px; */
	position:absolute;	
	z-index:0;	
	width:100%;
	filter: brightness(70%);
}
/* BUSCADOR */
#search2019 {
	position:relative;
	z-index:1;
	margin-top: 1em;
	border-radius: 2px 2px 0px 0px;
}
#form-2019 .form-control {
	background-color:rgba(255,255,255,0.7);
	color:#000;
	float:left;
	border-radius: 5px 0px 0px 5px;
	width:400px;
}
#form-2019 ::placeholder {
	color: #000;	
}
#form-2019 .btn {
	border-radius: 0px 5px 5px 0px;
	background-color: #FFC72C;
	font-size: 1em;
	font-weight:bold;
	color:#000;
	float:left;
}
@media screen and (max-width: 1200px) {
	#fondovideo {
		width: auto;
		height: 120%;
	}	
}
@media screen and (max-width: 992px) {
	#fondovideo {
		width: 110%;
		height: auto;
	}	
	body.frontpage.bd-ceasfor #base-sup {
		height: 500px;
    	min-height: auto;
	}
}
@media screen and (max-width:850px) {
	#fondovideo {
		margin-top: 50px;
	}
}
/* TEXTO ESLOGAN ALEATORIO */
#txt-search {
	position:relative;
	z-index:1;
	margin-top: 3em;
}
#txt-search p {
	text-shadow: 1px 1px 3px #000;
	font-size:4em;
	color: #fff;
	font-weight:bold;
	text-center:left;
}
/* SIGUE OTRA COSA */




#offerButton {
    display: none
}

body.frontpage #offerButton {
    display: block;
    position: absolute;
    right: 130px;
    width: auto;
    top: 500px;
    text-align: center;
    cursor: pointer;
    color: #008AC9;
    font-weight: 400
}


#base-sup>nav {
    margin-bottom: 1em
}



#nav-mainmenu>li.current>a,
#nav-mainmenu>li>a:focus,
#nav-mainmenu>li>a:hover {
    color: #fff;
    background-color: transparent
}
#hamburguesa,
#nav-hamburguesa {
    background-color: transparent!important
}
#nav-mainmenu>li>a:hover:before {
    content: url(../images/menuactive.png);
    position: absolute;
    top: -.7em;
    left: 50%;
    margin-left: -12px
}
#menuprincipal>a:hover {
    color: #fff!important;
    text-decoration: none!important
}
#menuprincipal>a.pull-left>img:hover {
    content: url(/images/mainmenu/phone-hover.png)
}
.bd-ceasfor #base-sup a#alogin {
    float: left;
    background: #FFC72C;
    color: black;
    height: 70px;
    padding: 1.6em 1em;
	border-radius: 0;
}
#base-sup #alogin img,
#base-sup li.item-131 a img {
    width: 14px
}
.bd-com_users div#base-sup {
    min-height: 100vh
}
#nav-hamburguesa {
    float: left;
    border-color: transparent!important
}
#hamburguesa {
    border-radius: 4px;
    margin:1em 0 0 1em
 
}
#hamburguesa>button {
    background-color: #008AC9;
    border-color: #008AC9;
    margin-top: 0;
    padding: 0
}
.navbar-toggle .icon-bar {
    width: 24px;
    height: 4px
}



@media screen and (max-width:1200px) {
	.bd-ceasfor #nav-medio {
		width:100%;
	}
	.nav_laterales {
		display:none;
	}
	.bd-ceasfor #nav_cat a {
		width:12.5%;
	}
	#txt-search p{
		font-size: 3em;
	}
}

@media screen and (max-width:1070px) {
	.bd-ceasfor #nav-medio {
		font-size:0.9em;
	}
	#txt-search p{
		font-size: 2.5em;
	}
}

@media screen and (max-width:970px) {
	.bd-ceasfor #nav-medio {
		display:none;
	}
}



@media only screen and (max-width:767px) {
	#txt-search p{
		font-size: 2em;
	}
	
    #offerButton,
    div.container.container-search {
        display: none!important
    }
    #buscadorHeader {
        width: 100%!important;
        font-size: 1.3em!important
    }
    .botonBuscar {
        padding: none;
        height: 37px
    }
    .celda {
        margin-top: .6em;
        height: 2.4em
    }
    body.frontpage .container-search {
        display: block!important
    }
    #hamburguesa>button {
        background-color: transparent;
        border-color: transparent;
        margin-top: 0;
        padding: 0
    }
	
	.bd-ceasfor #isotipo {
		width:130px;
	}
	
	body.frontpage.bd-ceasfor #base-sup {
		min-height:400px;
	}	
	.bd-ceasfor #base-sup a#alogin {
		padding:1.2em 1em;	
	}
	.bd-ceasfor .phone-head {
		padding: 0;
		margin: 0.7em 0.7em;
		
	}
	
	.bd-ceasfor #barraC,
    .bd-ceasfor #base-sup a#alogin,
	#newlogout{ 
    	height: 50px 

    }
    #newlogout {
    	padding: 1.3em 1em 0 0;
    }
	a#logosBarra {
		margin-top:2px;
	}
	.bd-ceasfor ul#nav-mainmenu {
		position:absolute;
		background-color:#00848E;
		z-index:3;
		margin-left:0;
		margin-top:50px;
		width:200px;
		border-right: 1px solid #fff;
		border-top: 1px solid #fff;
		padding:0
		
		
	}
	#txt-search p{
		z-index:2;
	}
	.bd-ceasfor #barraC {
    	margin-right: 0;
		margin-top: auto;
    	margin-bottom: 1em;
	}
	.bd-ceasfor #barraC .container {
		margin: 0;
		padding: 0;
	}
	#caja-menu-principal #telefono {
    	display:inline-block;
		margin-right: 0;
    
    	margin-top: auto;
    
	}
	

    .bd-ceasfor .dropdown-menu>li {
        border-bottom: 1px solid #1688C7
    }
    div.container.container-menushow {
        display: none!important
    }
    body.frontpage #base-sup div.container.container-menushow,
    div.container.container-menumobile {
        display: block!important
    }
    body.frontpage div.container.container-menumobile {
        display: none!important
    }
    .btn-menumobile {
        width: 100%;
        background-color: #FFF;
        color: #000;
        border-color: #FFF;
        height: 3.3em
    }
    .btn-menumobile.active.focus,
    .btn-menumobile.active:focus,
    .btn-menumobile.active:hover,
    .btn-menumobile:active.focus,
    .btn-menumobile:active:focus,
    .btn-menumobile:active:hover,
    .btn-menumobile:hover,
    .open>.dropdown-toggle.btn-menumobile.focus,
    .open>.dropdown-toggle.btn-menumobile:focus,
    .open>.dropdown-toggle.btn-menumobile:hover {
        background-color: #FFF!important;
        color: #000!important
    }
    .dropdown-menu>li {
        border-bottom: 1px solid #1688C7
    }

    #nav-mainmenu {
        margin-top: 0
    }
    .collapse.in {
        display: block!important
    }
    #base-sup nav {
        margin-top: 0;
        padding-bottom: 0
    }
    .navbar {
        margin-bottom: 0!important
    }
  
    #base-sup {
        padding-top: 0
    }
    #menuprincipal>a.pull-left>span {
        color: #fff
    }
    #menuprincipal>a.pull-left>img {
        content: url(/images/mainmenu/phone-hover.png)
    }
    .bd-ceasfor #nav-mainmenu.nav>li>a {
        border-bottom: 1px solid #fff;
        color: #FFF;
		padding:0.2em 0 0.2em 1em;
   		margin: 0;
		
    }
    .bd-aulacat #nav-mainmenu.nav>li>a {
        border-bottom: 1px solid #ff9400;
        padding-top: 1em;
        color: #FFF;
        margin-bottom: 2px
    }
    #base-sup>nav>a>img.visible-xs-block.pull-left {
        padding-top: .8em
    }
    #nav-mainmenu.nav>li {
        width: 100%
    }
    #menuprincipal>a.pull-left {
        padding-top: 1em!important;
        margin: 0!important
    }
    .bd-aulacat #nav-mainmenu>li>a:hover:before,
    .bd-ceasfor #nav-mainmenu>li>a:hover:before {
        content: url(../images/menuactive.png);
        position: absolute;
        top: -.6em;
        left: 8%
    }

    #base-sup a#alogin {
        font-weight: 500;
        padding: 5px
    }
    #hamburguesa .navbar-toggle {
        margin-right: 0
    }


}

@media screen and (max-width:600px) {
	#form-2019 .form-control {
		width:200px;
	}

}
@media screen and (max-width:427px) {
	.bd-ceasfor #barraC {
		vertical-align:middle;
	}
}
@media screen and (max-width:396px) {
	#caja-menu-principal #telefono {
		vertical-align:middle;
		margin-right:0px;
		margin-left:0px;
	}
	img#telefono {
    padding-right: 10px;
    width: 80%;
	}
	#caja-menu-principal a {
		width: auto;
    	margin-right: 0!important;
    	padding-right: 0!important;
	}
	
}

@media screen and (max-width:361px) {
	/*.bd-ceasfor #barraC {
		position:absolute;
		margin-top:auto;
		width:33%!important;
		margin-bottom:auto;
		padding:0!important;
		vertical-align:middle!important;
	}
	.bd-ceasfor #isotipo {
		position:absolute;
		margin-top:auto;
		margin-bottom:auto;
		padding:0!important;
		vertical-align:middle!important;
	} */
	
}





@media screen and (max-width:450px) {

    #menuprincipal {
        margin-top: 0
    }

    .phone-head {
        margin: 0 5px 0 0
    }
}

@media screen and (min-width:383px) and (max-width:403px) {
    .phone-head img {
        display: none
    }
}
@media screen and (max-width:462px) {
	a#logosBarra {
    margin-right: -60px;
		margin-top:5px;
	}
}

@-webkit-keyframes spaceboots {
    0%,
    100%,
    50% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0)
    }
    25% {
        -webkit-transform: translate(0, -2px);
        -moz-transform: translate(0, -2px);
        -o-transform: translate(0, -2px)
    }
    75% {
        -webkit-transform: translate(0, 2px);
        -moz-transform: translate(0, 2px);
        -o-transform: translate(0, 2px)
    }
}
#shake {
    width: 50px;
    margin-bottom: 5px;
    -webkit-animation-name: spaceboots;
    -webkit-animation-duration: .6s;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spaceboots;
    -moz-animation-duration: .6s;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -o-animation-name: spaceboots;
    -o-animation-duration: .6s;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
    animation-name: spaceboots;
    animation-duration: .6s;
    transform-origin: 50% 50%;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}
@media screen and (min-width:300px) and (max-width:336px) {
    #menuprincipal>a.pull-left>span {
        font-size: .7em!important
    }
}

@media screen and (min-width:768px) {
    #nav-mainmenu {
        height: auto!important;
        display: block!important;
    }
}