@charset "utf-8";
/* CSS Document */

.header-custom-big {
    font-family: beausans;
    height: 194px;
    background-image: url(../images/header_bar_big.png);
    background-repeat: repeat-x;
    background-position: top center;
}
.header-custom-right {
	margin-top:33px;
	margin-bottom:64px;
}

.header-title-top {
    font-family: beausans;
	color: #ffffff;
	font-weight: 300;
	font-size: 34px;
	display: block;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.50);
	text-transform: uppercase;
	position: relative;
	float:right; 
}
.header-title-top strong {color: #ffffff;}

.header-custom-right a {
    padding: 12px 15px 12px 15px!important;
    border-left: 1px solid #d4d4d4;
    height: 42px;
    line-height: 20px!important;
}

.header-custom-right a:hover {
    opacity: 0.4;
    background-color: transparent!important;
}
.header-custom-right .header-custom-user {
    font-size: 14px;
    padding-left: 15px;
    top: -4px;
    color: #ffffff;
}

.header-custom-right .header-custom-text {
    font-size: 14px;
    padding-right: 15px;
    top: -4px;
}
.header-custom-right i {
    font-size: 30px;
    color: #4a4a4a;
	position: relative;
    top: 4px!important;
}


@media (max-width: 767px) {
	.header-custom-big {
		height: 104px!important;
		background-image: url(../images/header_bar.png)!important;
	}
	.header-custom-big #logo-nav-big { width:70px; margin-left:0px;}
	.header-title-top {
	   font-size: 1em!important;
	   margin-top:10px;   
	 }
	.header-custom-right { display:none!important;}
	#micuenta { margin-top:0px!important;}
	
	.btn-custom .fa {
		font-size:1.2em!important;
		background-color: #ffffff!important;
		padding-top:8px!important;
		min-height:30px!important;
		min-width:30px!important;
	}
	
	.btn-custom:hover .fa {
		font-size:1.2em!important;
		background-color: #ffffff!important;
		min-height:30px!important;
		min-width:30px!important;
	}
	
  .page-header {
	  padding-bottom: 0px!important;
	}
}


@media (max-width: 767px) {
#logo-nav-small	{ margin-bottom:18px;}
.navbar-custom { height:auto!important; background-position: center 65px!important;}
.navbar-custom-user {color: #28b5b4!important;}
.navbar-custom-right{margin-top:-1px!important;}
.navbar-custom-right li {
	padding:4px 10px!important;
	border:1px solid #e3e1e2;
	background-color:#f4f4f4!important;
	box-shadow:2px 2px 2px #999999;
	z-index:100;
}
.navbar-custom-right li a {border-left:none!important;}
.navbar-custom-big { height:auto!important; background-image:url(../images/header_bar.png)!important}
.navbar-custom-big #logo-nav-big { width:70px; margin-left:0px;}
.title-top {
	font-size: 1.2em!important; 
    margin-top: 5px!important;
    margin-bottom: 10px;}
.form-group {margin-right:0px!important;}
#nav-usuario li {
    padding: 4px 10px!important;
    border: 1px solid #e3e1e2;
    background-color: #f4f4f4!important;
    box-shadow: 2px 2px 2px #999999;
	color:#4a4a4a!important;
  }
#nav-usuario li a {color:#4a4a4a!important;}
#nav-usuario .navbar-nav {margin: 14px -15px;}
.navbar-header {margin-left: 0px!important;}
#mi-legajo {padding-left: 0px!important;}

#nav-usuario .navbar-brand {font-size: 1em!important;}

.page-header { margin-top:10px!important;}
.page-header h3 { font-size:20px!important; margin-top:14px!important; }

}

@media (max-width: 750px) {
  #footerlogos {
	  text-align:center!important;
  }
}

#full-header {background-color:#e3e1e2; margin-top:-20px!important}

header {
	height: 105px;
	background-repeat: no-repeat;
	padding: 10px 0px 10px;
	background-color:#e3e1e2;
}


/*Navbar Custom*/

.navbar-custom {
	font-family: beausans;
	background-color:#e3e1e2;
	height:68px;
	background-image:url(../images/header_bar.png);
	background-repeat:repeat-x;
	background-position:bottom center;
    border-radius: 0px;
	z-index:10;
}
.navbar-custom-big #logo-nav-small {}
.navbar-custom a:hover {opacity:0.4; background-color: transparent!important;}
.navbar-custom-logo {float:left;}
.navbar-custom-right {margin-top:10px}
.navbar-custom-right li a {
    padding: 5px 15px 0px 15px!important;
    border-left: 1px solid #d4d4d4;
    height: 42px;
	line-height: 20px!important;
}
.navbar-custom-right a {color:#4a4a4a!important;}
.navbar-custom-right .fa {font-size:30px; color:#4a4a4a;}
.navbar-custom-user {font-size:14px; padding-left:15px; position:relative; top:-4px; color:#00C1BA; }
.navbar-custom-text {font-size:14px; padding-right:15px; position:relative; top:-4px }
.navbar-custom-search {width:200px !important; margin-right:15px; padding-top:2px;}
.navbar-custom-search .fa { font-size:18px!important;}
.navbar-custom .icon-bar {background-color: #4a4a4a;}


/*Body Plantilla*/
body {
  /*font-family: beausans;*/
  overflow: auto;
  font-size: 14px;
}

html {  background-color:#f4f4f4;
}

/*BOTONES CUSTOM Home*/

.btn-destacado {
	margin:40px 0;
    box-shadow:2px 1px 4px #999999;
}

.btn-destacado:hover {
	box-shadow: 0px 2px 5px #727272;
	-webkit-box-shadow: 2px 4px 8px #727272;
	position:relative;
	top:-8px;
}

.btn-custom {
    font-family: beausans;
	background-color:#ffffff;
	margin-bottom:14px;
	border: 1px solid #f4f4f4;
    box-shadow:2px 1px 4px #cccccc;
	padding:8px;
}

.btn-custom:hover {
	background-color: #ECECEC;
	border: 1px solid #f4f4f4;
	box-shadow: 2px 2px 5px #999999;
	color: #ffffff!important;
}

.btn-custom h5 {
	font-weight:700;
	font-size:1em;
}

.btn-custom .text-info {
	position:relative;
	top:-10px;
	color: #31708f;
}

.btn-custom .fa {
	color: #ffffff;
	font-size:2em;
	padding:10px 8px;
	border-radius:4px;
	min-height:50px;
	min-width:50px;
	background-image: linear-gradient(to top, #A4A4A4 0%,#e3e1e2 100%);
	/*text-shadow:1px 1px 4px #4a4a4a;*/
	text-align:center;
}
.btn-custom:hover .fa {
	color: #4a4a4a;
	font-size:2.3em;
	background-color: #ffffff;
	padding:8px;
	border-radius:4px;
	min-height:50px;
	min-width:50px;
	background-image:none;
	text-shadow:none;
}
.btn-custom .glyphicon {
	color: #DDDDDD;
	font-size: 1.5em;
	padding-top:11px;
}
.btn-custom:hover .glyphicon {
	color: #4a4a4a;
	font-size: 1.5em;
	padding-top:11px;
}

/*Navbar Custom Big Home*/

.navbar-custom-big {
	font-family: beausans;
	height:194px;
	background-image:url(../images/header_bar_big.png);
	background-repeat:repeat-x;
	background-position:top center;
    border-radius: 0px;
	margin-bottom:0px;
}
.navbar-custom-big #logo-nav-big {}
.navbar-custom-big a:hover {opacity:0.4; background-color: transparent!important;}
.navbar-custom-big .icon-bar {background-color: #4a4a4a;}
.title-top {
    font-family: beausans;
	color: #ffffff;
	font-weight: 300;
	font-size: 34px;
	display: block;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.50);
	text-transform: uppercase;
	position: static;
	float:right; 
	margin-top:-52px;
}
.title-top strong {
	color: #ffffff;
}
.navbar-custom-big .navbar-custom-user {font-size:14px; padding-left:15px; position:relative; top:-4px; color:#ffffff; }
.navbar-custom-big .navbar-custom-right {margin-top:33px}
.navbar-custom-big .navbar-custom-right li a {
    padding: 5px 15px 0px 15px!important;
    border-left: 1px solid #d4d4d4;
    height: 42px;
	line-height: 20px!important;
}


/*LOGO Home*/

#logo {float:left; margin-top:4px; margin-bottom:14px;}
#logo a:hover {opacity:0.4}


/*BODY Home*/


.gradient-cyan {background-image: linear-gradient(to right, #48B69C 0%,#12B5C6 100%); font-family: beausans;}
.gradient-grey {background-image: linear-gradient(to top, #A4A4A4 0%,#e3e1e2 100%); font-family: beausans;}
.gradient-blue {background-image: linear-gradient(to right, #3E6392 0%,#1AA7BF 100%); color:#ffffff!important; font-family: beausans;}
.gradient-blue h3 {color:#ffffff!important; font-family: beausans;}
.gradient-blue a {color:#ffffff!important; font-family: beausans;}



/*TITULOS Home*/
.page-header {
    padding-bottom: 14px;
    border-bottom: 2px solid #e3e1e2;
	margin: 30px 0 20px;
}

.page-header h3{
	font-family: beausans;
	font-size: 25px;
	/*text-transform: uppercase;*/
	font-weight: 700;
	color: #4a4a4a;
	margin-top: 2px;
}

.page-header h3 small {
	display:block;
	margin-top: 4px;
}


h2 { font-size:24px;}

h5 {
	color: #1EA2B0;
	font-size: 16px;
	line-height: normal;
	/*margin-top: 0px;*/
}

/*FOOTER Plantilla*/

#full-footer{
	background-color: #e3e1e2;
	margin-top:30px;
}
footer {
	margin:0px auto;
	height:238px;
	padding-top:64px;
}

#footer-social {}

.footer-icons {
	float:right;
	margin-top:30px;
}
.footer-icons a {
	color:#BFBDBD!important;
	font-size:20px!important;
	margin-right:14px;
}
.footer-icons a:hover {opacity:0.4;}

#full-footer-end{
	background-image:url(../images/footer_bar.png);
	background-repeat:repeat-x;
	background-position:center;
	height:20px;
}

#micuenta { margin-top:-55px;}
#micuenta h4 {font-family: beausans; font-size:1.2em;}
#micuenta i {color:#000000; font-size:2em;}
.card-mi-cuenta {
    background-image: url(../images/bar_colors_card_docente.png), url(../images/back_user_02.jpg); 
	background-position: center bottom, center top; 
	background-repeat:no-repeat, no-repeat; 
	background-size:auto, cover;
}
/*ADECUACIONES MATERIL*/
.padding-out {
    margin: -32px 0px;
}
.nav-tabs .pull-left {margin-top:6px!important;}
.ajustetop { margin-top:-32px!important;}