/*
#------------------------------------------------------------------------
# Startup - October Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2012 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

/* Here you can include your override CSS styles */

.nomargin{
	padding: 0px!important;
}

.header_caracteristicas{
	/*background: url('/images/bg/admin-01.jpg')no-repeat center center;*/
     
}

.carousel-control {
    position: absolute;
    top: 40%;
    width: 5%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=50);
    opacity: .5;
    height: 100px;    
    background: #000;
    transition: all linear .1s;
}
.carousel-control:hover{
	opacity: 1;
}

.carousel-control.right {    
    border-top-left-radius: 900px;
    border-bottom-left-radius: 900px;
    right: -15px;
    left: auto;
    -webkit-animation: navRightSlideOut .5s linear;
    animation: navRightSlideOut .5s linear;
}

.carousel-control.right:hover {
    right: 0px!important;
}

.carousel-control.left {
    border-top-right-radius: 900px;
    border-bottom-right-radius: 900px;
    left: -15px;
    -webkit-animation: navRightSlideOut .5s linear;
    animation: navRightSlideOut .5s linear;
}

.carousel-control.left:hover {
	left: 0!important;
}

.gkIsPrev{
	background: transparent url('../images/gk_is_arrows.png') no-repeat 0 0;
    background-repeat: no-repeat;
    position: absolute;
    top: 27%;
    left: 0; 
    width: 30px;
    height: 45px;       
}

.gkIsNext{
	background: transparent url('../images/gk_is_arrows.png') no-repeat -42px 0;
    background-repeat: no-repeat;
    position: absolute;
    top: 27%;
    right: 0; 
    width: 30px;
    height: 45px;       
}

.bottom1_estudiante{
	padding-bottom: 0px;
	text-align: center;
}



.btn1, .btn2{
	font-family: 'itc_avant_garde_gothic_lt_bRg';
	margin: 40px 30px 30px 30px;
	border-radius: 5px;
	font-variant: small-caps;
	width: 175px;
}

.nowidth{
	width: auto;
}

.btn1:hover, .btn2:hover, .btn11:hover{
	margin: 40px 30px 30px 30px;
}

#btn_admin{
	background: #ffa300;
	-webkit-box-shadow:	inset 1px 1px 0 #ffa300,2px 2px 2px rgba(0,0,0,0.29);
    -moz-box-shadow: inset 1px 1px 0 #ffa300, 2px 2px 2px rgba(0,0,0,0.29);
    -ms-box-shadow: inset 1px 1px 0 #ffa300, 2px 2px 2px rgba(0,0,0,0.29);
    -o-box-shadow: inset 1px 1px 0 #ffa300, 2px 2px 2px rgba(0,0,0,0.29);
    box-shadow: inset 1px 1px 0 #ffa300, 2px 2px 2px rgba(0,0,0,0.29);
}
#btn_profesor{
	background: #00b140;
	-webkit-box-shadow: inset 1px 1px 0 #00b140, 2px 2px 2px rgba(0,0,0,0.29);
    -moz-box-shadow: inset 1px 1px 0 #00b140, 2px 2px 2px rgba(0,0,0,0.29);
    -ms-box-shadow: inset 1px 1px 0 #00b140, 2px 2px 2px rgba(0,0,0,0.29);
    -o-box-shadow: inset 1px 1px 0 #00b140, 2px 2px 2px rgba(0,0,0,0.29);
    box-shadow: inset 1px 1px 0 #00b140, 2px 2px 2px rgba(0,0,0,0.29);
}
#btn_estudiante{
	background: #005eb8;
    -webkit-box-shadow: inset 1px 1px 0 #005eb8, 2px 2px 2px rgba(0,0,0,0.29);
    -moz-box-shadow: inset 1px 1px 0 #005eb8, 2px 2px 2px rgba(0,0,0,0.29);
    -ms-box-shadow: inset 1px 1px 0 #005eb8, 2px 2px 2px rgba(0,0,0,0.29);
    -o-box-shadow: inset 1px 1px 0 #005eb8, 2px 2px 2px rgba(0,0,0,0.29);
    box-shadow: inset 1px 1px 0 #005eb8, 2px 2px 2px rgba(0,0,0,0.29);
}

#btn_admin:hover, #btn_estudiante:hover, #btn_profesor:hover{
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0), 5px 5px 5px rgba(0,0,0,0.29);
    -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,0), 5px 5px 5px rgba(0,0,0,0.29);
    -ms-box-shadow: inset 1px 1px 0 rgba(0,0,0,0), 5px 5px 5px rgba(0,0,0,0.29);
    -o-box-shadow: inset 1px 1px 0 rgba(0,0,0,0), 5px 5px 5px rgba(0,0,0,0.29);
    box-shadow: inset 1px 1px 0 rgba(0,0,0,0), 5px 5px 5px rgba(0,0,0,0.29);
} 

#menu145, #menu161{
	border: 1px solid;
    border-radius: 5px;
    border-color: #2d93d0;
    margin-right: 15px;
    color: #2d93d0;
}

#menu141{
	cursor: default;
}

#menu145:hover, #menu161:hover{
    color: white;
    background: #2d93d0;
}
.gk-form {
    display: block;
    text-align: center;
	padding-top: 10px;
}
.email{
	
}
.start{
	font-family: 'gotham_bookregular';
	float: none;
    display: inline-block;
    height: 50px;
    color: white;
	border-radius: 0px 5px 5px 0px;
	padding: 0 12px;
	border: 0px;
    background: #005eb8;
    margin: 0px 0px 0px -10px!important;
	-webkit-box-shadow:	inset 1px 1px 0 #005eb8 5px 5px rgba(0,0,0,0.29);
    -moz-box-shadow: inset 1px 1px 0 #005eb8, 5px 5px 5px rgba(0,0,0,0.29);
    -ms-box-shadow: inset 1px 1px 0 #005eb8, 5px 5px 5px rgba(0,0,0,0.29);
    -o-box-shadow: inset 1px 1px 0 #005eb8, 5px 5px 5px rgba(0,0,0,0.29);
    box-shadow: inset 1px 1px 0 #005eb8, 5px 5px 5px rgba(0,0,0,0.29);
    line-height: 1;
    font-size: 17px;
}

.start:hover{
	background: #2d93d0;
	-webkit-box-shadow: inset 1px 1px 0 #2d93d0, 5px 5px 5px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: inset 1px 1px 0 #2d93d0, 5px 5px 5px rgba(0, 0, 0, 0.26);
    -ms-box-shadow: inset 1px 1px 0 #2d93d0, 5px 5px 5px rgba(0, 0, 0, 0.26);
    -o-box-shadow: inset 1px 1px 0 #2d93d0, 5px 5px 5px rgba(0, 0, 0, 0.26);
    box-shadow: inset 1px 1px 0 #2d93d0, 5px 5px 5px rgba(0, 0, 0, 0.26);
}

/**
	área de color
**/

.orange{
	background: #faa61b;
	color: white;
}

/**
	
	Menu area de cada sección
	
**/

.menu_area{	
	margin: 0px auto;
    max-width: 100%;
}

.menu_area div{    
	display: inline-block;
    height: 100%;
    vertical-align: middle;
    padding:15px 0px;
}

.menu_area img{
	width: 50px;
	display: inline-flex;
    vertical-align: middle;	
    padding-right: 15px;
}

.acceso{
	color: white!important;
    margin: 0px 0px 10px!important;
    font-size: 20px!important;
    font-family: 'gotham_bookregular', 'gotham_mediumregular';
    display: inline-flex;
}

.opt1{
	background: #f0ce37;
	text-align: center;
}

.opt2{
	background: #E7A92E;
	text-align: center;
}

.opt3{	
	background: #e17728;
	text-align: center;
}

.opt4{
	background: #00b450;
	text-align: center;
}

.opt5{
	background: #99cc33;
	text-align: center;
}

.opt6{	
	background: #009933;
	text-align: center;
}

.opt7{
	background: #005eb8;
	text-align: center;
}

.opt8{
	background: #0070dc;
	text-align: center;
}

.opt9{	
	background: #0283ff;
	text-align: center;
}

.opt1:hover {
    background: -webkit-linear-gradient(#e6be00 0%, #EFCE36 100%);
    box-shadow: inset 0px 0px 0 #EFCE36, 0px 5px 5px rgba(0,0,0,0.29);
    -webkit-box-shadow: inset 0px 0px 0 #EFCE36, 0px 5px 5px rgba(0,0,0,0.29);
    -moz-box-shadow: inset 0px 0px 0 #EFCE36, 0px 5px 5px rgba(0,0,0,0.29);
    -ms-box-shadow: inset 0px 0px 0 #EFCE36, 0px 5px 5px rgba(0,0,0,0.29);
    -o-box-shadow: inset 0px 0px 0 #EFCE36, 0px 5px 5px rgba(0,0,0,0.29);
}

.opt2:hover {
	background: -webkit-linear-gradient(#e69a00 0%, #E7A92E 100%);
    box-shadow: inset 0px 0px 0 #E7A92E, 0px 5px 5px rgba(0,0,0,0.29);
    -webkit-box-shadow: inset 0px 0px 0 #EFCE36, 0px 5px 5px rgba(0,0,0,0.29);
    -moz-box-shadow: inset 0px 0px 0 #EFCE36, 0px 5px 5px rgba(0,0,0,0.29);
    -ms-box-shadow: inset 0px 0px 0 #EFCE36, 0px 5px 5px rgba(0,0,0,0.29);
    -o-box-shadow: inset 0px 0px 0 #EFCE36, 0px 5px 5px rgba(0,0,0,0.29);
}

.opt3:hover {
	background: -webkit-linear-gradient(#e26100 0%, #e17728 100%);
    box-shadow: inset 0px 0px 0 #e17728, 0px 5px 5px rgba(0,0,0,0.29);
    -webkit-box-shadow: inset 0px 0px 0 #EFCE36, 0px 5px 5px rgba(0,0,0,0.29);
    -moz-box-shadow: inset 0px 0px 0 #EFCE36, 0px 5px 5px rgba(0,0,0,0.29);
    -ms-box-shadow: inset 0px 0px 0 #EFCE36, 0px 5px 5px rgba(0,0,0,0.29);
    -o-box-shadow: inset 0px 0px 0 #EFCE36, 0px 5px 5px rgba(0,0,0,0.29);
}

.opt4:hover {
    background: -webkit-linear-gradient(#00b450 0%, #00b450 100%);
    box-shadow: inset 0px 0px 0 #ac00ff, 0px 5px 5px rgba(0,0,0,0.29);
    -webkit-box-shadow: inset 0px 0px 0 #ac00ff, 0px 5px 5px rgba(0,0,0,0.29);
    -moz-box-shadow: inset 0px 0px 0 #ac00ff, 0px 5px 5px rgba(0,0,0,0.29);
    -ms-box-shadow: inset 0px 0px 0 #ac00ff, 0px 5px 5px rgba(0,0,0,0.29);
    -o-box-shadow: inset 0px 0px 0 #ac00ff, 0px 5px 5px rgba(0,0,0,0.29);
}

.opt5:hover {
	background: -webkit-linear-gradient(#99cc33 0%, #99cc33 100%);
    box-shadow: inset 0px 0px 0 #99cc33, 0px 5px 5px rgba(0,0,0,0.29);
    -webkit-box-shadow: inset 0px 0px 0 #99cc33, 0px 5px 5px rgba(0,0,0,0.29);
    -moz-box-shadow: inset 0px 0px 0 #99cc33, 0px 5px 5px rgba(0,0,0,0.29);
    -ms-box-shadow: inset 0px 0px 0 #99cc33, 0px 5px 5px rgba(0,0,0,0.29);
    -o-box-shadow: inset 0px 0px 0 #99cc33, 0px 5px 5px rgba(0,0,0,0.29);
}

.opt6:hover {
	background: -webkit-linear-gradient(#009933 0%, #009933 100%);
    box-shadow: inset 0px 0px 0 #009933, 0px 5px 5px rgba(0,0,0,0.29);
    -webkit-box-shadow: inset 0px 0px 0 #009933, 0px 5px 5px rgba(0,0,0,0.29);
    -moz-box-shadow: inset 0px 0px 0 #009933, 0px 5px 5px rgba(0,0,0,0.29);
    -ms-box-shadow: inset 0px 0px 0 #009933, 0px 5px 5px rgba(0,0,0,0.29);
    -o-box-shadow: inset 0px 0px 0 #009933, 0px 5px 5px rgba(0,0,0,0.29);
}

.opt7:hover {
    background: -webkit-linear-gradient(#005eb8 0%, #005eb8 100%);
    box-shadow: inset 0px 0px 0 #005eb8, 0px 5px 5px rgba(0,0,0,0.29);
    -webkit-box-shadow: inset 0px 0px 0 #005eb8, 0px 5px 5px rgba(0,0,0,0.29);
    -moz-box-shadow: inset 0px 0px 0 #005eb8, 0px 5px 5px rgba(0,0,0,0.29);
    -ms-box-shadow: inset 0px 0px 0 #005eb8, 0px 5px 5px rgba(0,0,0,0.29);
    -o-box-shadow: inset 0px 0px 0 #005eb8, 0px 5px 5px rgba(0,0,0,0.29);
}

.opt8:hover {
	background: -webkit-linear-gradient(#0070dc 0%, #0070dc 100%);
    box-shadow: inset 0px 0px 0 #0070dc, 0px 5px 5px rgba(0,0,0,0.29);
    -webkit-box-shadow: inset 0px 0px 0 #0070dc, 0px 5px 5px rgba(0,0,0,0.29);
    -moz-box-shadow: inset 0px 0px 0 #0070dc, 0px 5px 5px rgba(0,0,0,0.29);
    -ms-box-shadow: inset 0px 0px 0 #0070dc, 0px 5px 5px rgba(0,0,0,0.29);
    -o-box-shadow: inset 0px 0px 0 #0070dc, 0px 5px 5px rgba(0,0,0,0.29);
}

.opt9:hover {
	background: -webkit-linear-gradient(#0283ff 0%, #0283ff 100%);
    box-shadow: inset 0px 0px 0 #0283ff, 0px 5px 5px rgba(0,0,0,0.29);
    -webkit-box-shadow: inset 0px 0px 0 #0283ff, 0px 5px 5px rgba(0,0,0,0.29);
    -moz-box-shadow: inset 0px 0px 0 #0283ff, 0px 5px 5px rgba(0,0,0,0.29);
    -ms-box-shadow: inset 0px 0px 0 #0283ff, 0px 5px 5px rgba(0,0,0,0.29);
    -o-box-shadow: inset 0px 0px 0 #0283ff, 0px 5px 5px rgba(0,0,0,0.29);
}

/*
	**
	** Footer
	**
*/

.footer{
	padding-top: 10px;
}

.footer p{
    font-size: 13px;
    line-height: 1.5;
}

.footer_title{
    font-size: 16px!important;
    padding-bottom: 10px;
    font-weight: bold!important;    
    padding-top: 10px;
}

.footer_menu{
	width: 100%;
	text-align: center;
}

.footer_menu ul{	
	margin: 2px auto;
    line-height: 1.4;
    padding-left: 0;
}

.footer_menu li{
	display: inline;
    text-align: center;
    margin: 0 10px;
    border-bottom: none!important;
    font-size: 12px;    
}

.footer_menu .active a{
    border-bottom: 1px solid;
    padding-bottom: 0px;
    font-weight: bold;
}

.gkTabsWrap.horizontal ol li {
    border-bottom: 0px solid #eee!important;
    font-family: 'gotham_lightregular';
    padding-left: 75px!important;
    margin-top: 20px!important;
}

.gkTabsPreText{
    font-family: 'nanamiextralight'!important;
    font-size: 24px!important;
    color: #2F3334;
}

.gkTabsWrap.vertical ol li.active, .gkTabsWrap.horizontal ol li.active, .gkTabsWrap.vertical ol li:hover, .gkTabsWrap.horizontal ol li:hover {
    color: #2F3334;
    font-weight: bold;
}

.gkTabsWrap.horizontal > ol{
	line-height: 1;	
}

.tab_gif{
	width: 350px;
}

.gkTabsWrap.horizontal > ol, .gkTabsWrap.horizontal > .gkTabsContainer{
	vertical-align: middle;
}

.gkTabsWrap.horizontal > ol > li > span {
    height:45px;
    display:table-cell;
    vertical-align : middle;
}

.gkCols6 .box.gkmod-1,{
	padding-top: 0px!important;	
}

#admin_1{
	background: url('/images/admin/tab_1.svg') no-repeat;
}
#admin_1.active{
	background: url('/images/admin/tab_2.svg') no-repeat;
}
#admin_2{
	background: url('/images/admin/tab_3.svg') no-repeat;
}
#admin_2.active{
	background: url('/images/admin/tab_4.svg') no-repeat;
}
#admin_3{
	background: url('/images/admin/tab_5.svg') no-repeat;
}
#admin_3.active{
	background: url('/images/admin/tab_6.svg') no-repeat;
}
#admin_4{
	background: url('/images/admin/tab_7.svg') no-repeat;
}
#admin_4.active{
	background: url('/images/admin/tab_8.svg') no-repeat;
}
#admin_5{
	background: url('/images/admin/tab_9.svg') no-repeat;
}
#admin_5.active{
	background: url('/images/admin/tab_10.svg') no-repeat;
}
#admin_6{
	background: url('/images/admin/tab_11.svg') no-repeat;
}
#admin_6.active{
	background: url('/images/admin/tab_12.svg') no-repeat;
}
#admin_7{
	background: url('/images/admin/tab_13.svg') no-repeat;
}
#admin_7.active{
	background: url('/images/admin/tab_14.svg') no-repeat;
}  

#profe_1{
	background: url('/images/profesores/icon_horariogray.svg') no-repeat;
}
#profe_1.active{
	background: url('/images/profesores/icon_horario.svg') no-repeat;
}
#profe_2{
	background: url('/images/profesores/icon_calificaciondexagray.svg') no-repeat;
}
#profe_2.active{
	background: url('/images/profesores/icon_calificaciondexa.svg') no-repeat;
}
#profe_3{
	background: url('/images/profesores/icon_historialgray.svg') no-repeat;
}
#profe_3.active{
	background: url('/images/profesores/icon_historial.svg') no-repeat;
}
#profe_4{
	background: url('/images/profesores/icon_evaluacióngray.svg') no-repeat;
} 
#profe_4.active{
	background: url('/images/profesores/icon_evaluación.svg') no-repeat;
}

.container_mano{
	position: relative;
}

.gkTabsNavMano{
	position: absolute;

    list-style: none;
	left: 325px;
}

.gkTabsNavMano li{
    height: 100px;
    padding-top: 75px;
}

.gkTabsNavMano li div{
    width: 100px;
    height: 100px;
}

.div_triangule{
    width: 0!important;
    height: 0!important;
    border-style: solid;
    border-width: 12.5px 0 12.5px 20px;
    border-color: transparent transparent transparent #f2f2f2;
    line-height: 0px;
    _border-color: #000000 #000000 #000000 #f2f2f2;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    position: absolute;
    left: -31px;
	top: 37px;

}

.center_text{
	padding-left: 125px;
	text-align: center;
	padding-right: 125px;
	padding-bottom: 24px;
}

#img_lista1{
	background: url('/images/profesores/img_lista1.svg');
}
#img_lista1.active{
	background: url('/images/profesores/img_lista1h.svg');
}
#img_lista1.active span,
#img_lista1.active div{
	display: inline!important;
}

#img_lista2{background: url('/images/profesores/img_lista2.svg');}
#img_lista2.active{background: url('/images/profesores/img_lista2h.svg');}
#img_lista2.active span,
#img_lista2.active div{display: inline!important;}

.img_mano{
	text-align: right;
	line-height: 0px;
	margin-bottom: -24px;
}

.img_lines{
	position: absolute;
	top: 140px;
    left: 424px;
}

.dialog {
    background-color: #f2f2f2;
    color: #636363;
    filter: alpha(opacity=85);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85;
    position: absolute;
    left: -360px;
    width: 300px;
    padding: 15px 15px 15px 15px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.b2_estudiante{
	position: relative;
	padding-top: 25px;
}
.b2_estudiante_text{
    top: 35px;
    position: absolute;
    width: 350px;
}
.b2_estudiante_img{
    width: 750px;
    float: right;
	padding-bottom: 30px;
}
.b2_estudiante_btn{
    top: 245px;
    position: absolute;
}
.celulares_estudiantes{
	height: 550px;
}

.centro_comunicacion_title{
	font-size: 25px!important;
	color:white!important;
}

/* 		blog 			*/

.itemView{
	margin: 0 auto;
    /* width: 40rem;*/
    float: none;
}
.item_details_blog{
   color: #999;
   font-size: 13px;
   text-align: center;
}

.itemContainer{
/*	margin: 0 auto;
    width: 40rem!important;
    float: none;    
    margin-bottom: 35px;*/
}

article header h1 a, article header h2 a{
    text-align: center;
    color: #2d93d0;
}

article header h1 a:hover, article header h2 a:hover{	
    color: #faa61b;
}

.title_blog{
    color: #2d93d0!important;
    text-align: center;
    font-size: 36px;
}

.itemIntroText{
	color: #5a5c5e;
	font-size: 14px;
    margin-bottom: 15px;
}

.button_blog{
	color:#000;
    font-family: 'gotham_lightregular';
    border: 1px solid #000;
    border-radius: 5px;
    padding: 10px;
    font-size: 12px;
    line-height: 1;
}

.button_blog:hover{
	color: #faa61b;
    border: 2px solid #faa61b;
    border-radius: 5px;
    font-weight: bold;
}

#admin{color: #faa61b;border: 2px solid #faa61b;}
#student{color: #005eb8;border: 2px solid #005eb8;}
#teacher{color: #00B140;border: 2px solid #00B140;}
#family{color: #A51890;border: 2px solid #A51890;}

.itemAuthorData{
	margin: 50px 0;
}

.article_link{
	color: #1685c4!important;
}

.article_link:hover{
    text-decoration: underline;
}

figure{
	margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    width: 100%;
}

figcaption{
	font-size: 16px!important;
    bottom: 5px;
    right: 0;
    margin: 0;
    z-index: 9;	
}

.testimoniales_boxes{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.testinomio_article{
	position: relative;
    width: 33%; 
    font-size: 13px;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0 0 10px 0 rgba(186, 186, 186, 0.35);
    margin: 10px;
}

.testinomio_title{
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.testinomio_content{
	padding: 10px;
}

.test_name{
	text-align: right;
    font-size: 12px!important;
    font-weight: bold!important;
}

.test_position{
	text-align: right;
    font-size: 12px!important;
    font-weight: bold!important;
}

.article_boxes{	
    position: relative;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0 0 10px 0 rgba(186, 186, 186, 0.35);
    margin: 5px;
}

.container_icons{
	display: inline-flex;
	width: 100%;
	padding: 20px 0px;
}
.box_icon{
	width: 25%;
    text-align: center;
    padding: 10px;
}
.title_icon{
	color: black;
	padding-bottom: 10px;
}

.accordion {
    cursor: pointer;
    width: 100%;
    text-align: left;
    transition: 0.4s;
    color: #616161 !important;
    background: white;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-top: 1px solid #ddd;
}

.accordion:hover {
    background: #2d93d0;
    color: white!important;
}

.panel {
    margin: 20px;
}

.gkCircle2{
	margin: 10px!important;	
}

.search-query{
	font-size: .5em;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #657786;
    opacity: 1; /* Firefox */
}

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

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

.result-title{
    color: #2d93d0!important;
}

.result-text, .itemRelTitle{
    color: #5a5c5e;
    font-size: 14px;
}

.result-url{
	color: #999;
    font-size: 10px;
}

.itemInfo{
	padding: 10px 0;
}

.itemAuthorContent{
    padding: 10px 0;
}

.itemAuthorContent > h3{
    padding: 10px 0;
}
    
@media (max-width: 660px) {
	.container_icons{
		display: block;
	}	
	.box_icon{
		width: 100%;
	}
}

@media (max-width: 540px){
	.acceso {font-size: 12px!important;}	
	.menu_area img{width: 35px;}
	
	input[type="email"]{
		width: 200px;
		height: 35px;
	}
	
	.start{
		font-size: 14px;
	    height: 35px;
	    border-radius:0px;
	    display: block;
	    margin: 20px auto!important;
	}
	
	.gk-form {
	    padding-top: 20px;
	}
	
	.carousel-control{
		width: 10%;
	    height: 70px;
	}
	.carousel-control.left {
    	left: 0px!important;
	}
	.carousel-control.right{
		right: 0px!important;
	}
	
	.gkIsPrev{
		top: 16%;
		left: -10px;
	}
	.gkIsNext {
		top: 16%;
		right: -10px;
	}
	
	.colorbigspaces{
		display: block;
		padding: 10px;
	}
		
	
	.gkTabsWrap.horizontal > ol, .gkTabsWrap.horizontal > .gkTabsContainer {
	    vertical-align: middle;
    	display: block;
   	    min-width: 290px;
    }
    
    .gkTabsWrap.horizontal ol li{
	    padding-left: 55px!important;
    }
    
    .gkTabsWrap.horizontal > ol > li > span{
	    font-size: 12px;
	    height: 30px;
	    width: 200px;
    }
    
    .gkTabsWrap.horizontal > ol > li > strong{
	    margin-left: -55px!important;
    }
    
	.gkTabsWrap.horizontal .gkTabsItem{
		padding: 0px;
		max-width:290px!important;
	}    
		
	.container_mano{
		position: static;
		float: none;	
	}	
	
	.gkTabsNavMano li {
	    height: 100px;
	    padding-top: 40px;
	}   	
	
	.gkTabsNavMano li div {
	    width: 80px;
	    height: 80px;
	}
	
	
	.img_mano img {
	}
	
	.img_lines{
		display: none;
	}
	
	.gkTabsNavMano{
		padding-right: 5px;
	}
	
	.dialog{
		font-size: 12px;
		width: 150px;
		left: -205px;	
	}
	
	.div_triangule{
		top: 25px;
	}
			
	
	.gkTeam figure img{
		width: 75px;
	}
	.b2_estudiante_text{
		position: static;
		font-size: 12px;
		width: 300px;
		text-align: center;
		margin: 10px auto;
	}
	
	.celulares_estudiantes{
	    height: 175px;
	}
	
	.tab_gif{
		min-width: 200px;
	}
	.center_text{
		padding-left: 5px;
		text-align: center;
		padding-right: 5px;
	}
	
}