﻿@charset "UTF-8";

@font-face {
  font-family: Montserrat-normal;
  src: url(fonts/Montserrat-Regular.ttf);
}

@font-face {
  font-family: Montserrat-italica;
  src: url(fonts/Montserrat-Italic.ttf);
}

* {
   font-family: Montserrat-normal;
}

	/*

		Definiciones de los menues

	*/

	.test {
		color: #ffffff;
	}

	#menu_ayuda1:hover {
  	background-color: #6e80a0;
	}

	.nav > li > a {
		color: #ffffff;
  	background-color: #6e80a0;
	}

	.nav > li > a:hover,
	.nav > li > a:focus {
		color: #6e80a0;
  	background-color: #ffffff;
	}

	.dropdown-submenu {
	  position: relative;
	}

	.dropdown-submenu .dropdown-menu {
	  top: 20;
	  left: 10%;
	  margin-top: 0px;
	}

	/*

		Configuracion de la barra superior

	*/

	.navbar {
  	overflow: visible;
  	margin-bottom: 0;
		border-radius: 0;
		background-color: rgba(110,128,160,1); /* #808080;  #f95d4d;*/
		border-bottom: 10px solid #ffffff;
		color: #ffffff;
	}

	.container-fluid {
		border-bottom: 1px solid #000000;
	}

	.img-circle {
		margin-top: 5px;
		margin-bottom: 5px;
		padding: 0;
	}

	h2 {
		margin-top: 10px;
	}

	.profile-img {
		width: 96px;
		height: 96px;
		margin: 0 0 10px;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
	}

	.navbar-header {
		padding: 0;
	}

	.quitar_padd {
		padding: 0;
	}

	/*

		Configuracion del boton del menu

	*/

	.navbar-toggle {
		border-color: #ddd;
		background-color: red;
		float:left;
	}

	.navbar-toggle:hover {
		background-color: green;
	}

	.navbar-toggle .icon-bar {
		background-color: #888;
	}

	.boton_menu {
		float:right;
		color: #3498db;
		background-color: #6e80a0; /* ffd700 amarillo*/
    font-size: 14px;
	}

	/*

		Configuracion del pie

	*/

	.pie {
		margin-bottom: 0;
		border-radius: 0;
		background-color: #ffd700; /* f95d4d;*/
		border-bottom: 10px solid #ffffff;
		color: #ffffff;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.vertical {
		display: block;
	}

	.color_base {
		background-color: #ffd700; /* f95d4d;*/
	}

	td {border: 1px #DDD solid; padding: 5px; cursor: pointer;}

	.selected {
	    background-color: #58d68d;
	    color: #FFF;
	}

	@media (max-width: 990px) {
	    .navbar-toggle {
	        display: block;
	    }
	    .navbar-collapse {
	        border-top: 1px solid transparent;
	        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	    }
	    .navbar-collapse.collapse {
	        display: none!important;
	    }
			.navbar-collapse.collapse.in {
					display: block!important;
			}
	    .navbar-nav {
	        float: none!important;
	        margin: 7.5px -15px;
	    }
	    .navbar-nav>li {
	        float: none;
	    }
	    .navbar-nav>li>a {
	        padding-top: 10px;
	        padding-bottom: 10px;
	    }
	}

	@media (max-width: 768px) {
		.texto_columna_id {
			text-align: center;
			padding: 0px;
		}
	}

	@media (max-width: 768px) {
		.boton_borrar {
			padding-top: 15px;
		}
	}

	@media (max-width: 768px) {
		.espacio_superior {
			padding-top: 15px;
		}
	}

	@media (max-width: 768px) {
		.espacio_superior_tel {
			padding-top: 15px;
		}
		.espacio_inferior_tel {
			padding-bottom: 15px;
		}
		.espacio_derecho_tel {
			padding-right: 15px;
		}
		.espacio_izquierdo_tel {
			padding-left: 15px;
		}
	}


	@media (max-width: 768px) {
		.letra_8_tel {
			font-size: 8px;
		}
		.letra_10_tel {
			font-size: 10px;
		}
		.letra_12_tel {
			font-size: 12px;
		}
		.letra_14_tel {
			font-size: 14px;
		}
	}

	@media (max-width: 768px) {
		.sin_espacio_superior_tel {
			padding-top: 0px;
		}
		.sin_espacio_inferior_tel {
			padding-bottom: 0px;
		}
		.sin_espacio_derecho_tel {
			padding-right: 0px;
		}
		.sin_espacio_izquierdo_tel {
			padding-left: 0px;
		}
	}

	@media (max-width: 768px) {
		.alinear-texto-derecha-tel {
				text-align: right;
		}
		.alinear-texto-izquierda-tel {
				text-align: left;
		}
		.alinear-texto-centro-tel {
				text-align: center;
		}
	}

	@media (min-width: 768px) {
		.alinear-texto-derecha-lap {
				text-align: right;
		}
		.alinear-texto-izquierda-lap {
				text-align: left;
		}
		.alinear-texto-centro-lap {
				text-align: center;
		}
		.espacio_superior_lap {
			padding-top: 15px;
		}
		.espacio_inferior_lap {
			padding-bottom: 15px;
		}
		.espacio_derecho_lap {
			padding-right: 15px;
		}
		.espacio_izquierdo_lap {
			padding-left: 15px;
		}
	}

	@media (min-width: 769px) {
		.texto_columna_id {
			text-align: right;
			padding: 0px;
		}
	}

	@media (max-width: 768px) {
	    .alinear-texto {
					text-align: center;
			}
	}

	@media (min-width: 769px) {
	    .alinear-texto {
					text-align: right;
			}
	}

	@media (max-width: 768px) {
	    .alinear-texto-izquierda {
					text-align: center;
			}
	}

	@media (min-width: 769px) {
	    .alinear-texto-izquierda {
					text-align: left;
			}
	}

	@media (max-width: 768px) {
	    .alinear-texto-menu {
					text-align: center;
			}
	}

	@media (min-width: 769px) {
	    .alinear-texto-menu {
					text-align: left;
					padding: 0px
			}
	}

	@media (max-width: 768px) {
	    .texto-titulo-columna {
					text-align: center;
			}
	}

	@media (min-width: 769px) {
	    .texto-titulo-columna {
					text-align: center;
			}
	}

	[hidden] {
	  display: none !important;
	}

	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
	    /* display: none; <- Crashes Chrome on hover */
	    -webkit-appearance: none;
	    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
	}

	input[type="number"] {
	    -moz-appearance: textfield;
	}

	.CerrarModalLogout {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
	}

	.CerrarModalLogout:hover {
	    color: black;
	}

	.menu_nievl_1 {
		color: #3498db;
		background-color: #ffd700; /* f95d4d;*/
    font-size: 12px;
	}

	.menu_principal {
		margin-right: 0;
		z-index: 100
	}

	.color-menu-principal {
		color:#000000;
		text-shadow: 0 1px 0 rgba(255,0,0,1);
	}

	.colo-menu-toggle {
		border-color: #ddd;
		background-color: red;
		float:left;
	}

	.color-menu-:hover {
		background-color: green;
	}
