@charset "UTF-8";

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

	#contenidos #login-container {
		width: 75%;
		margin: auto;
	}
	
	#login-container .modal-medium {
		width: 75% !important;
	}

	.nav-tabs-div .main-nav-horizontal li {
		float: left;
		display: block;
		text-align: left;
		position: relative;
		padding: 0.2em 1em 0.2em 1em;
		border: none;
	}

	#cabecera .container #logo .miga {
		display: none;
	}
	
	#cabecera .container #logo .sublogo {
		background: none;
		position: absolute;
		left: 12em;
		top: 1.2em;
	}
	
	#cabecera .container #user {
		top: 2.5em;
	}
	
	#cabecera .container #user_opt {
		top: 4.5em;
	}
	
	#cabecera .container #user_login {
		top: 3.5em;
	}
	
	#userConfig-container .tab-pane .logoUsuarioName {
		padding-top: 2em;
	}
	
	.dropdown-menu {
	  position: absolute;
	  top: 100%;
	  left: 0;
	  z-index: 1000;
	  display: none;
	  float: left;
	  min-width: 160px;
	  padding: 2px 0;
	  margin: 2px 0 0;
	  font-size: 1em;
	  text-align: left;
	  list-style: none;
	  background-color: #4A75B5;
      font-color: white;
	  -webkit-background-clip: padding-box;
	          background-clip: padding-box;
	  border: 1px solid #ccc;
	  border: 1px solid rgba(0, 0, 0, .15);
	  border-radius: 4px;
	  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	}
	
	.dropdown-submenu {
		font-size: 1em;
	}
	
	.not_visible_mobile {
		display: inline;
	}

	.visible_mobile {
		display: none;
	}
	
	#contenidos #content-wrapper.logged_true {
	    float: left;
		padding-left: 1em;
	}
	
	#contenidos #content-wrapper.logged_true.administrator_true {
    	width: 100%;
	}
	
	#contenidos #content-wrapper.logged_true.administrator_false {
    	width: 81%;
	}
	
	#slidebar-container {
    float: left;
    width: 19%;
    padding-right: 1em;    
	}
	
	.not_visible_tablet {
		display: none;
	}

	.visible_tablet {
		display: inline;
	}

}

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

	#contenidos #login-container {
		width: 95%;
		margin: auto;
	}
	
	#login-container .modal-dialog {
		width: 75% !important;
	}
	
	.modal-dialog.modal-little {
		width: 75%;
		margin: 20em auto !important;
	}
	
	#cabecera .container #logo .sublogo>span {
		font-size: 1.5em;
	}
	
	#contenidos #content-wrapper.logged_true {
	    float: left;
		width: 100%;
		padding-left: 1em;
	}
	
	.not_visible_mobile {
		display: none;
	}

	.visible_mobile {
		display: inline;
	}	
	
	#contenidos #content-wrapper.logged_true.administrator_true {
    	width: 100%;
	}
	
	#contenidos #content-wrapper.logged_true.administrator_false {
    	width: 100%;
	}

}