/*

Theme Name: Favourite
Theme URL: http://demo.favthemes.com/favourite/
Description: Responsive and Customizable Joomla! Framework 
Author: FavThemes
Author URI: http://www.favthemes.com
Bootstrap Authors: @mdo and @fat
Theme Version: 3.1
License: GNU General Public License v3.0
License URI: http://www.gnu.org/copyleft/gpl.html

*/

/* STYLE 1
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* TEMPLATE CSS
---------------------------------------------------------------------------- */

/* Links */
a{
  color: #000;
}
/* Navigation */
#fav-nav .navigation .nav-pills > .active > a, 
#fav-nav .navigation .nav-pills > li > a:hover {
  background-color: #0099FF;
	color: #fff;
}
#fav-nav .navigation .nav-pills .nav-child > .active > a, 
#fav-nav .navigation .nav-pills .nav-child > li > a:hover  {
  color: #595ca1;
}
/* Copyright */
#fav-copyright a,
#fav-copyright ul.nav.menu li.active a, 
#fav-copyright ul.nav.menu li a:hover, 
#fav-copyright ul.nav.menu li:hover a { 
  color: #0099FF; 
	font-size:10px;
}

/* JOOMLA! CSS  
---------------------------------------------------------------------------- */

/* Article Title */
.page-header h2 a:hover, 
h2.item-title a:hover { 
	color: #595ca1;
}
/* Article Info */
ul.dropdown-menu a:hover { 
  color: #0099FF; 
  background-color: transparent;
  background-image:none;  
}
/* Create Article */
div.edit button.btn.btn-primary {
  background-color: #595ca1;
  color: #fff; 
  border: 1px solid #595ca1;
}
div.edit button.btn.btn-primary:hover {
  background-color: #595ca1;
  border: 1px solid #595ca1;
}
/* Buttons */
.btn-primary { 
  background-color: #595ca1;
  border: 1px solid #595ca1;
  color: #ffffff;
}
.btn-primary:hover { 
  background-color: #595ca1;
  border: 1px solid #595ca1;
  color: #ffffff;
}
/* Badge */
.badge-info {
background-color: #0099FF;
}
/* Menu Basic */
.moduletable ul.nav.menubasic li.current,
div[class^="moduletable-"] ul.nav.menubasic li.current,
div[class*=" moduletable-"] ul.nav.menubasic li.current,
.moduletable ul.nav.menubasic li.current.active.deeper.parent,
div[class^="moduletable-"] ul.nav.menubasic li.current.active.deeper.parent,
div[class*=" moduletable-"] ul.nav.menubasic li.current.active.deeper.parent,
.moduletable .menubasic li.active ul.nav-child:hover li.current.active.deeper.parent,
div[class^="moduletable-"] .menubasic li.active ul.nav-child:hover li.current.active.deeper.parent,
div[class*=" moduletable-"] .menubasic li.active ul.nav-child:hover li.current.active.deeper.parent {
  background-color: #595ca1;
	color: #fff;
}
.moduletable ul.nav.menubasic li.current ul.nav-child a,
div[class^="moduletable-"] ul.nav.menubasic li.current ul.nav-child a,
div[class*=" moduletable-"] ul.nav.menubasic li.current ul.nav-child a {
	color: #595ca1;
}
/* Pagination */
.pagination ul li.active a {
	color: #595ca1;
}
/* Variation 2 */
.moduletable-sfx2 h3 {
	border-bottom: 1px solid #595ca1;
}
.moduletable-sfx2 h3 i {
	background-color: #595ca1;
	color: #FFF;
}
/* Variation 3 */
.moduletable-sfx3 h3 {
	border-bottom: 1px solid #595ca1;
}
.moduletable-sfx3 h3 i {
	background-color: #595ca1;
	color: #FFF;
}
/* Variation 5 */
.moduletable-sfx5 h3 {
	border-bottom: 1px solid #595ca1;
}
.moduletable-sfx5 h3 i {
	background-color: #595ca1;
	color: #FFF;
}
/* Variation 6 */
.moduletable-sfx6 h3 {
	border-bottom: 1px solid #595ca1;
}
.moduletable-sfx6 h3 i {
	background-color: #595ca1;
	color: #FFF;
}
/* Variation 7 */
.moduletable-sfx7 {
	color: #fff;
	background-color: #595ca1;
}
/* Variation 8 */
.moduletable-sfx8 {
	color: #fff;
	background-color: #595ca1;
}
.moduletable-sfx8 h3 i {
	color: #595ca1;
	background-color: #fff;
}
/* Variation 9 */
.moduletable-sfx9 {
	color: #fff;
	background-color: #595ca1;
}
.moduletable-sfx9 h3 i {
	color: #595ca1;
	background-color: #fff;
}


/* K2 CSS
---------------------------------------------------------------------------- */

/* Category Title */
div.itemListCategory h2:before {
  color: #0099FF;
}
/* Category Item Title */
div.catItemHeader h3.catItemTitle a:hover {
	color: #0099FF; 
}
/* Category Item Featured  */
div.itemIsFeatured h2:before, 
div.catItemIsFeatured h3:before, 
div.userItemIsFeatured h3:before {
	color: #0099FF;
	background-color: #fff;
}
/* K2 Pagination  */
div.k2Pagination ul li.active a {
	color: #595ca1;
}
/* Latest Items Title */
div.latestItemsCategory h2:before {
  color: #0099FF;
}
/* K2 User */
div.k2LoginBlock fieldset.input input.button,
div.k2UserBlock form input.button.ubLogout {
	background-color: #0099FF; 
  color: #fff; 
  border: 1px solid #008fee;
}
div.k2LoginBlock fieldset.input input.button:hover,
div.k2UserBlock form input.button.ubLogout:hover {
	background-color: #0099FF;
  border: 1px solid #008fee;
}
/* User Profile */
.k2AccountPage button.button.validate {
	background-color: #0099FF; 
  color: #fff; 
  border: 1px solid #008fee;
}
.k2AccountPage button.button.validate:hover { 
  background-color: #0099FF;
  border: 1px solid #008fee;
}

/* EXTENSIONS
---------------------------------------------------------------------------- */

/* FavGlyph */
.favglyph-intro #favglyph i {
	color: #595ca1!important;
}
.favglyph-bottom #favglyph-icon {
	border-color: #595ca1!important;
}
.favglyph-bottom #favglyph i {
	background-color: #595ca1!important;
}
/* FavEffects */
.faveffects-footer #faveffects i {
	color: #595ca1!important;
}



/* RESTYLING RESPONSIVE + HOME*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&family=Roboto:wght@400;500&display=swap');

.page-header > h2{
	border-bottom:1px solid #595CA1;
	color: #595CA1;
}
h1, h2, h3{
	font-family: 'Montserrat', sans-serif !important;
	line-height: 1.2;
	text-align: left;
	font-size: 1.9rem !important;
}
h4, h5, h6{
	font-family: 'Montserrat', sans-serif !important;
	line-height: 1.2;
	text-align: left;
	font-size: 1.2rem !important;
}
 p, ul, li, a, span{
	 font-family: 'Roboto', sans-serif !important;
	 line-height: 1.6;
	 font-size: 0.9rem !important;
	 text-align:left !important;
}

#fav-mainwrap{
	margin-top:2rem;
}

#fav-backtotop-mobile{
	display:none;
}

#fav-container{
	margin-top:0;
}

#fav-header{
	display: flex;
    align-items: center;
    justify-content: space-between;
}

#fav-headerwrap > .row-fluid{
	max-width:100%;
}


#fav-logo{
	width:fit-content;
	padding:0;
}

.mediaLogo > img{
	max-width:400px;
}

#fav-nav{
	width:fit-content;
	margin:0;
}

#fav-nav > .navigation{
	margin-top:0;
}

#fav-introwrap{
	margin-left:0 !important;
}

#fav-intro1{
	display: flex;
    justify-content: center;
    width: 100%;
}

#fav-intro1 > .moduletable{
	overflow:visible;
	margin:0!important;
}
#faveffects{
	display: flex;
    justify-content: space-between;
    gap: 3rem;
	max-width:100%;
	margin:0;
}

#faveffects::before, #faveffects::after{
	display:none;
}

#faveffects > .span2{
	display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
	margin:0 !important;
}

#faveffects > .span2 > p{
	text-align:center !important;
	margin-bottom:0 !important;
}

#faveffects > .span2 > p > a{
	display: block;
	text-align:center !important;
}

#faveffects > .span2 > .faveffects-effect6{
	display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem 2.5rem;
}

#faveffects > .span2 > .faveffects-effect6 > a > i{
	margin:0 !important;
	float: none !important;
	padding:0 !important;
	font-size: 5em !important;
}

#fav-slidewrap{
	padding:0 !important;
}

#slider{
	margin-bottom:0.5rem;
}

#fav-slidewrap::before{
	display:none;
}

#fav-slidewrap > .row-fluid{
	max-width:100%;
	margin:0;
}

#fav-slidewrap > .row-fluid::before{
	display:none;
}

#fav-slide{
	padding:0;
}

#fav-slide > .span12 > .moduletable{
	margin:0;
}

#fav-headerwrap{
	margin:0;
	padding:1rem;
}

.favslider .favs img{
	height:auto;
}

#fav-sidebar2 > .module-sfx7{
	box-shadow: rgba(0, 0, 0, 0.5) 4px 7px 20px;
    padding: 1rem;
    border-radius: 8px;
    border: 1px solid #595CA1;
}

#fav-sidebar2 > .module-sfx7 .input-prepend{
	display:flex;
}

#fav-sidebar2 > .module-sfx7 .input-prepend input{
	width: 100%;
    max-width: 200px;
}

.moduletable-sfx7.noicon.btn-alava{
	box-shadow: rgba(0, 0, 0, 0.5) 4px 7px 20px;
    border-radius: 8px;
    border: 1px solid #595CA1;
}
.moduletable-sfx5.noicon{
	box-shadow: rgba(0, 0, 0, 0.5) 4px 7px 20px;
    border-radius: 8px;
    border: 1px solid #595CA1;
}

.moduletable-sfx7.noicon.btn-alava > ul > li > ul > li> a{
	color: #fff;
    text-decoration: underline;
}

.moduletable-sfx7.noicon.btn-alava > ul > li > ul > li.current.active> a{
	color: #c6a9fd;
    font-weight: 600;
}

#fav-navbar a.btn.btn-navbar{
	background-image:none;
	background-color:#595CA1;
}

#fav-navbar a.btn.btn-navbar .icon-bar{
	background-color: #fff;
    box-shadow: 0 1px 0 #3c3c3c;
}

#contenedor{
	width:auto;
	border-radius:8px;
	padding:1rem;
}

#pestanas > #lista{
	display: flex;
    margin: 0;
    flex-wrap: wrap;
    width: auto;
	margin-left:0;
	margin-bottom:1rem;
	gap:0.5rem;
	
}

#multipleupload > div > span{
	display:none;
}
	

#pestanas > #lista > li{
	padding:0 !important;
}

#pestanas > #lista > li > a{
	padding: 0.5rem 1rem;
}

#contenedor input[type="button"], #contenedor select, #contenedor input[type="text"], #contenedor textarea{
	max-width:200px;
	width:100%;
	padding-left:0;
	padding-right:0;
}

.uploadFiles{
	display: flex;
    gap: 1rem;
    align-items: center;
}

.uploadFiles .bootstrap-filestyle{
	display: flex;
    gap: 1rem;
    align-items: center;
	width: 100%;
    max-width: 400px;
}

.uploadFiles .bootstrap-filestyle btn{
	max-width: 200px;
    width: 100%;
}

.fieldSetDatosProfesionales{
	width:auto;
	padding:1rem !important;
}

.fieldSetDatosProfesionales #multipleupload .ajax-upload-dragdrop{
	width: 100% !important;
    max-width: 600px;
    padding: 0.5rem 0.3rem;
}

.vent-layout-cell.layout-item-1.responsive-tablet-layout-cell {
    display: none;
}

.fieldSetDatosProfesionales #multipleupload .ajax-upload-dragdrop .ajax-file-upload{
	margin: 0;
}

#contenedor #F_Dia, #contenedor #F_Mes{
	width:2rem !important;
}

#contenedor #F_Anio{
	width:5rem !important;
}

.datos-academicos{
	display:flex;
	gap: 2rem;
    align-items: center;
    flex-wrap: wrap;
}

.datos-academicos-diplomas{
	display:flex;
	gap: 2rem;
    align-items: center;
    flex-wrap: wrap;
}

.datos-academicos-diplomas > .unitBlocks{
	width: fit-content;
}

.datos-academicos-diplomas .unitBlocks #insertsDiplomas{
	display: flex;
    align-items: center;
    gap: 0.5rem;
}

.datos-academicos-diplomas  .unitBlocks  #insertsDiplomas input, .datos-academicos-diplomas  .unitBlocks  #insertsDiplomas button{
	margin:0;
	width:auto;
}

.nav.menu.nav-pills.mod-list > li > a.login-respons{
	display:none;
}

.uploadFiles{
	display: flex;
    gap: 1rem;
    align-items: center;
}

.uploadFiles .bootstrap-filestyle{
	display: flex;
    gap: 1rem;
    align-items: center;
	width: 100%;
    max-width: 400px;
}

.uploadFiles .bootstrap-filestyle btn{
	max-width: 200px;
    width: 100%;
}

.fieldSetDatosProfesionales{
	width:auto;
	padding:1rem !important;
}

.fieldSetDatosProfesionales #multipleupload .ajax-upload-dragdrop{
	width: 100% !important;
    max-width: 600px;
    padding: 0.5rem 0.3rem;
}

.vent-layout-cell.layout-item-1.responsive-tablet-layout-cell {
    display: none;
}

.fieldSetDatosProfesionales #multipleupload .ajax-upload-dragdrop .ajax-file-upload{
	margin: 0;
}

#contenedor #F_Dia, #contenedor #F_Mes, 
#contenedor #F_Dia_Es, #contenedor #F_Mes_Es,
#F_Dia_procedencia, #F_Mes_procedencia{
	width:2rem !important;
}

#contenedor #F_Anio, #contenedor #F_Anio_Es, #contenedor #F_Anio_procedencia{
	width:5rem !important;
}

.datos-academicos{
	display:flex;
	gap: 2rem;
    align-items: center;
    flex-wrap: wrap;
}

.datos-academicos-diplomas{
	display:flex;
	gap: 2rem;
    align-items: center;
    flex-wrap: wrap;
}

.datos-academicos-diplomas > .unitBlocks{
	width: fit-content;
}

.datos-academicos-diplomas .unitBlocks #insertsDiplomas{
	display: flex;
    align-items: center;
    gap: 0.5rem;
}

.datos-academicos-diplomas  .unitBlocks  #insertsDiplomas input, .datos-academicos-diplomas  .unitBlocks  #insertsDiplomas button{
	margin:0;
	width:auto;
}

select#Colegios:focus:invalid:focus {
	border-color: black;
    box-shadow: none;
    color: black;
}

@media(max-width:900px){
	#fav-header{
		justify-content:center;
		padding:0;
	}
	#fav-headerwrap{
		padding:0;
	}
}

#cpestana7 > #docTitulo, #cpestana7 > #docNotas, #cpestana7 > #docDniCara, #cpestana7 > #docDniReverso, #cpestana7 > #docFotografia, #cpestana7 > #docPagoTasas, #cpestana7 > #docPagoCuotas, #cpestana7 > #docResguardoCol, #cpestana7 > #docHomologacion{
	display:flex;
	flex-direction: column;
	flex-wrap:wrap;
	margin-bottom:1rem;
	
}

#cpestana7 > #docTitulo > div:nth-child(2), #cpestana7 > #docNotas > div:nth-child(2), #cpestana7 > #docDniCara > div:nth-child(2), #cpestana7 > #docDniReverso > div:nth-child(2), #cpestana7 > #docFotografia > div:nth-child(2), #cpestana7 > #docPagoTasas > div:nth-child(2), #cpestana7 > #docPagoCuotas > div:nth-child(2), #cpestana7 > #docResguardoCol > div:nth-child(2), #cpestana7 > #docHomologacion > div:nth-child(2){
	display: flex;
    align-items: center;
    gap: 2rem;
	flex-wrap: nowrap;
}

#cpestana7 > #docTitulo > div:nth-child(2) > .bootstrap-filestyle , #cpestana7 > #docNotas > div:nth-child(2) > .bootstrap-filestyle, #cpestana7 > #docDniCara > div:nth-child(2) > .bootstrap-filestyle, #cpestana7 > #docDniReverso > div:nth-child(2) > .bootstrap-filestyle, #cpestana7 > #docFotografia > div:nth-child(2) > .bootstrap-filestyle, #cpestana7 > #docPagoTasas > div:nth-child(2) > .bootstrap-filestyle, #cpestana7 > #docPagoCuotas > div:nth-child(2) > .bootstrap-filestyle, #cpestana7 > #docResguardoCol > div:nth-child(2) > .bootstrap-filestyle, #cpestana7 > #docHomologacion > div:nth-child(2) > .bootstrap-filestyle{
	display: flex !important;
    align-items: center;
    gap: 2rem;
    width: 100%;
	flex-wrap:wrap;
    max-width: 600px;
}

#cpestana7 > #docTitulo > div:nth-child(2) > .bootstrap-filestyle > input, #cpestana7 > #docNotas > div:nth-child(2) > .bootstrap-filestyle > input, #cpestana7 > #docDniCara > div:nth-child(2) > .bootstrap-filestyle > input, #cpestana7 > #docDniReverso > div:nth-child(2) > .bootstrap-filestyle > input, #cpestana7 > #docFotografia > div:nth-child(2) > .bootstrap-filestyle > input, #cpestana7 > #docPagoTasas > div:nth-child(2) > .bootstrap-filestyle > input, #cpestana7 > #docPagoCuotas > div:nth-child(2) > .bootstrap-filestyle > input, #cpestana7 > #docResguardoCol > div:nth-child(2) > .bootstrap-filestyle > input, #cpestana7 > #docHomologacion > div:nth-child(2) > .bootstrap-filestyle > input{
	margin:0;
	max-width:400px !important;
}

#cpestana7 > #docTitulo > div:nth-child(2) > .bootstrap-filestyle > label, #cpestana7 > #docNotas > div:nth-child(2) > .bootstrap-filestyle > label, #cpestana7 > #docDniCara > div:nth-child(2) > .bootstrap-filestyle > label, #cpestana7 > #docDniReverso > div:nth-child(2) > .bootstrap-filestyle > label, #cpestana7 > #docFotografia > div:nth-child(2) > .bootstrap-filestyle > label, #cpestana7 > #docPagoTasas > div:nth-child(2) > .bootstrap-filestyle > label, #cpestana7 > #docPagoCuotas > div:nth-child(2) > .bootstrap-filestyle > label, #cpestana7 > #docResguardoCol > div:nth-child(2) > .bootstrap-filestyle > label, #cpestana7 > #docHomologacion > div:nth-child(2) > .bootstrap-filestyle > label{
	margin: 0;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    width: fit-content;
    justify-content: space-between;
    gap: 0.5rem;
	flex-wrap:wrap;
}

.limpiafiles{
	margin:0 !important;
	background-color: #f2dede !important;
}

.limpiafiles > .icon-remove:before{
	color: #b94a48 !important;
	font-size:0.7rem;
}

#docSolicitud > ul{
	margin:0;
}

#docSolicitud > ul > li:nth-child(1){
	margin: 0;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
}

#docSolicitud > ul > li:nth-child(1) > .alert{
	margin: 0;
	width:auto;
}

#docSolicitud > ul > li:nth-child(2){
	display: flex;
    align-items: center;
    gap: 2rem;
	margin-bottom:2rem;
	flex-wrap:nowrap;
}

#docSolicitud > ul > li:nth-child(2) > .bootstrap-filestyle{
	display: flex !important;
    align-items: center;
    gap: 2rem;
    width: 100%;
    max-width: 900px;
	flex-wrap:wrap;
}

#docSolicitud > ul > li:nth-child(2) > .bootstrap-filestyle > input{
	margin:0;
	max-width:400px !important;
}

#docSolicitud > ul > li:nth-child(2) > .bootstrap-filestyle > label{
	margin:0;
	max-width:400px !important;
}

.docs > div > div{
	
	border-bottom: 1px solid #B48BDF;
    padding: 2rem 0;
	margin: 2rem 0;
	display:flex;
	flex-wrap: nowrap;
    align-items: center;
    gap: 2rem;
}

.docs > div > div > ul{
	margin:0;
	display: flex;
    flex-direction: column;
    gap: 0.5rem;
	width:100%;
}

.docs > div > div > ul > li:nth-child(1){
	margin: 0;
    display: flex;
    align-items: flex-start;
	flex-wrap:wrap;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
}

.docs > div > div > ul > li:nth-child(2){
	display: flex;
    align-items: center;
    gap: 2rem;
	margin-bottom:2rem;
	flex-wrap:wrap;
}

.docs > div > div > ul > li:nth-child(2) > .bootstrap-filestyle{
	display: flex !important;
    align-items: center;
    gap: 2rem;
    width: 100%;
    max-width: 900px;
	flex-wrap:wrap;
}

.docs > div > div > ul > li:nth-child(2) > .bootstrap-filestyle > input{
	margin:0;
	max-width:400px !important;
	width:100%;
}

.docs > div > div > ul > li:nth-child(2) > .bootstrap-filestyle > label{
	margin:0;
	max-width:400px !important;
	width:100%;
}

.docs > div > div > ul > li:nth-child(2){
	display: flex;
    align-items: center;
    gap: 2rem;
	margin-bottom:2rem;
	flex-wrap:nowrap;
}

.docs > div > div > .bootstrap-filestyle{
	display: flex !important;
    align-items: center;
    gap: 2rem;
    width: 100%;
    max-width: 900px;
	flex-wrap:wrap;
}

.docs > div > div > .bootstrap-filestyle > input{
	margin:0;
	max-width:400px !important;
	width:100%;
}

.docs > div > div > .bootstrap-filestyle > label{
	margin:0;
	max-width:400px !important;
	width:100%;
}

#Ver_Condiciones{
	margin:2rem 0;
}

#Ver_Condiciones > div:nth-child(2){
	display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

#Ver_Condiciones > div:nth-child(2) > p, #Ver_Condiciones > div:nth-child(2) > input{
	margin:0;
}

@media(max-width:900px){
	#faveffects{
		gap:1rem;
	}
	#faveffects > .span2 > .faveffects-effect6{
		padding:1rem;
	}
	#faveffects > .span2{
		max-width: 17%;
	}
	#faveffects::before{
		display:none;
	}
	#faveffects > .span2 > .faveffects-effect6 > a > i {
		font-size:3em !important;
	}
	#faveffects > .span2 > p > a{
		display: block;
		font-size: 11px !important;
	}
	
	#fav-containerwrap > .container-fluid{
		padding:0 !important;
	}
	.mediaLogo > img{
		width:90vw;
	}
	#fav-header{
		justify-content:center;
		padding:0;
	}
	#fav-headerwrap{
		padding:0;
	}
}
/*FIN RESTYLING RESPONSIVE + HOME*/