html, body {
    max-width: 100%;
    overflow-x: hidden;
}

body{
}

.dorso{
	background-color: #ff0066;

}
a {
	color: #333333!important;
}
a:hover {
	color: #26c6eb!important;
	text-decoration: none!important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color: #333333;
}
ul li{
	list-style-type: none;
}
ul.iconos{
	margin-left:-35px!important;
	min-height:29px;
	margin-bottom:10px;
	}
ul.iconos li{
	list-style-type: none;
	float:left;
	margin-right:15px;
}

.close {
    float: left!important;
    font-size: 35px!important;
}
.closewhite {
	float: left!important;
	font-size: 25px!important;
	color: #FFF;
}
.closefucsia {
	float: left!important;
	font-size: 25px!important;
	color: #FF0066;
}
textarea {
  width: 100%;
}

#buttons{
    float:right;
    position:relative;
    left:-54%;
    text-align:left;
	
}
#buttons ul{
    list-style:none;
    position:relative;
    left:50%;
}

#buttons li{
	float:left;
	position:relative;
	padding:10px;
	
	}

.buttons ul {
	text-align: center;
}

.buttons ul li {
	padding: 12px;
}

.buttons ul li a span {
	font-size: 26px;
}

#btn_registro{
	margin-top:-30%;
}

      /* Landscape phones and down */
      @media (max-width: 480px) {
		  #btn_registro{
			margin-top:-90%;
		}}
     
      /* Landscape phone to portrait tablet */
      @media (max-width: 767px) {
		}
     
      /* Portrait tablet to landscape and desktop */
      @media (min-width: 768px) and (max-width: 979px) {
		  		  #btn_registro{
			margin-top:-60%;
		}}
     
      /* Large desktop */
      @media (min-width: 1200px) {

	  }

.btn-inicio {
	background-color: #ff0066;
	border-bottom-style: none;
	color: #FFF;
	width:120px;
}

.btn-inicio:focus,.btn-inicio:hover{
	background-color: #bc0450 !important;
	border-bottom-style: none!important;
	color: #FFF!important;
}

.btn-turquesa {
	width:110px!important;
	background-color: #4285F4!important;
	border-bottom-style: none;
	color: #FFF;
}
.btn-turquesa:focus,.btn-turquesa:hover{
	background-color: #ff0066!important;
	border-bottom-style: none!important;
	color: #FFF!important;
}

.logout{
	color: #888888;
	font-size: 20px !important;
	}
	
.lin{
	border-top: 1px solid #bc0450;
	padding-left: 1px!important;
	padding-right: 1px!important;
	padding-bottom: 20px;
}
.linfucsia{
	border-top: 1px solid #ff0066;
	padding-left: 15px!important;
	padding-right: 15px!important;
	padding-bottom: 15px;
}

.linceleste{
	border-top: 1px solid #26c6eb;
	padding-left: 15px!important;
	padding-right: 15px!important;
	padding-bottom: 15px;
}

.perfil{
	 color:#4285f4;
	 font-size: 35px !important;
	
	}
.lin_perfil{
	border-top: 1px solid #26c6eb;
	padding-left: 1px!important;
	padding-right: 1px!important;
	padding-bottom: 20px;
}
.lin_perfil_alumno{
	border-top: 1px solid #ff0066;
	padding-left: 1px!important;
	padding-right: 1px!important;
	padding-bottom: 20px;
}
.lin_publico{
	border-top: 1px solid #6F004A;
	padding-left: 1px!important;
	padding-right: 1px!important;
	padding-bottom: 20px;
}

.input-border-bottom-fucsia {
	border-width: 0;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #f04a8a;
}

.input-border-bottom-azul {
	border-width: 0;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #4285f4;
}

.icon-combine {
  position: relative;
  display: block;
  margin-bottom: 2rem;
  }

.glyphicon {
    font-size: 15px;
	}

.icon-combine .glyphicon-plus{
      font-size: 20px;
      z-index: 1;
      position: absolute;
      top: -3px;
      left: 30px;
    }

.agregar{
	color:#990066;
	font-size: 40px;
}
.trash_peq {
    font-size: 20px;
}

.btn-primary {
	color: #fff!important;
	background-color: #26c6eb!important;
	border-color: #6F004A!important;
}
.btn-primary:hover {
	color: #fff!important;
	background-color: #4285F4!important;
	border-color: #0E61EB!important;
}

.nav > li > a:focus{
	background-color: #FFF!important;
}

.nav > li > a:focus, .nav > li > a:hover {
	background-color: #FFF!important;
}
.graficos{
	color:#990066!important;
	font-size: 40px!important;
}
.estrella_gris{
	color: #CCCCCC!important;
	font-size: 40px!important;
}
.estrella_fucsia{
	color: #FF0033!important;
	font-size: 40px!important;
}
.link_titulos {
	color: #6F004A!important;
}
.flecha_roles{
	color: #D1D1D1!important;
	font-size: 40px!important;
}
.gale li{
	list-style-type: none;
	float:left;
	margin-right:15px;
	margin-top:15px;
	
	}
.frente{
	width: 100px;
	height: 100px;
	background-color: #f3f3f3;
	border: thin solid #919191;	
	
	}
.dorso{
	width: 100px;
	height:100px;
	background-color: #ff0066;
	border: thin solid #ff0066;	
}
.blanco{
	color: #FFF;	
}

a.blanco{
	color: #FFF!important;
	font-size: 19px;
	text-decoration: none;
}

a.blanco:hover{
	color: #bc0450!important;
}
a.hashtag{
	color: #20F0E6!important;
	font-size: 19px;
	text-decoration: none;
}

a.hashtag:hover{
	color: #fff!important;
}
	
.btn-dorso {
	background-color: #4285F4!important;
	border-bottom-style: none;
	color: #FFF;
}
.btn-dorso:focus,.btn-dorso:hover{
	background-color: #BC0450!important;
	border-bottom-style: none!important;
	color: #FFF!important;
}
.portada{
	background-repeat: repeat;	
	min-height:213px;
	}
.alumno:hover {
	color: #ff0066!important;

}

ul.muestras{
	/*margin-left:-35px!important;
	min-height:29px;
	margin-bottom:10px;*/
	}
ul.muestras li{
	float:left;
}
.muestra1{
	height: 200px;
	width: 200px;
	position: relative;
	margin: 5px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.muestra_tit{
	font-size: 14px;
	color: #333;
	background-color: #FFF;
	padding: 5px;
	text-transform: uppercase;
	position: absolute;
	bottom: 0;
	margin: 5px;
	font-weight: bold;
}

ul.usuarios{
	margin-left:-35px;
	}
ul.usuarios li{
	list-style-type: none;
	float:left;
	margin-right:15px;
}
.buscar{
	width: 100%;
	
	}
a.admin:hover {
	color: #ff0066!important;
}