/* Fuentes CSS*/
@font-face {
        font-family: "Open Sans";
        src: url('OpenSans.eot');
        src: url('OpenSans.eot?#iefix') format('embedded-opentype'),
        url('OpenSans.svg#Open Sans') format('svg'),
        url('OpenSans.woff') format('woff'),
        url('OpenSans.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}
/* CSS Document */
h1, h2, h3, h4, h5, h6, p   {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-weight: normal;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*font-family: "Open Sans", sans-serif;*/
	font-family: 'Montserrat',"Open Sans", sans-serif;
	font-size: 14px !important;
	color: #000;
	text-align: left;
	background-color: #FFF;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
p{padding-bottom: 10px;}
.FuenteMontserrat {
	font-family: 'Montserrat', sans-serif !important;
}
.FuenteRoboto {
	font-family: 'Roboto', sans-serif !important;
}

.ColorGris{color:#999;}

/*CSS Nuevo*/
.ListadoCursos:hover .card-header{
	background-color:#000000 !important;
	color:#FFFFFF !important;
}
.Fotos img {position:relative;}
.Fotos span{
	font-size: 16px;
	display:none;
	position:absolute;
	right:0px;
	top:0px;
	padding:5px;
	background-color:#FFF;
}
.Fotos a:hover span {display:block;}
.FiltroTextoArriba {
    position: absolute;
    top: -10px;
    left: 10px;
    background-color: #fff;
    padding: 0px 5px;
    font-size: 15px;
    font-weight: bold;
    z-index: 1;
}
/*CSS Nuevo*/
.btn-blanco {
	color: #000 !important;
	background-color:#FFF !important;
	border-color: #000  !important;
  }
.btn-blanco:hover {
	color: #000;
	background-color:#f7f7f7;
	border-color: #000;
}
.btn-blanco:link {
	color: #000;
}
.btn-blanco:visited {
	color: #000;
}
.BordeGris {
	border: 1px solid #CCC;
}
.BordeNegro {
	border: 1px solid #000;
}
.text-dark{color:#000;}
.SemiTransparente {
	filter: Alpha(Opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	background-color: #000;
}
* html .SemiTransparente {
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
.Transparente {
	filter: Alpha(Opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	background-color: #FFF;
}
* html .Transparente {
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.SombraTexto { 
	text-shadow:#888888 1px 1px 1px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=1);
}
.Sombra {
-webkit-box-shadow: 0px 3px 3px 0px #4a4a4a;
-moz-box-shadow: 0px 3px 3px 0px #4a4a4a;
box-shadow: 0px 3px 3px 0px #4a4a4a;
}
.crop-text-2{
    -webkit-line-clamp: 2;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.crop-text-3{
    -webkit-line-clamp: 3;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.crop-text-4{
    -webkit-line-clamp: 4;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

@media (min-width:240px){
	body {
		font-size: 15px;
		overflow:auto;
		/*margin-top:80px;*/
	}
	#MenuCliente{height:25px; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
	#ContenidoDerecha{padding:0px;}
	#HistorialFlota {
		text-align: center;
		margin: 10px 0px;
	}
	#HistorialFlota.fixed-mode {
	}
	.dropzone .dz-message {
		margin: 20px 0;
	}
	.UploadText{
        text-align: center;
        font-weight: bold;
        line-height: 30px;
        color: #BBB;
        font-size: 20px;
    }
    .UploadText .Icono{
        color: #bce4fc;
        font-size: 50px;
    }
	#UploadMensaje{
		text-align: center;
        font-size: 20px;
    }
	.Fuente10 {
		font-size:10px !important;
	}
	.Fuente12 {
		font-size:12px !important;
	}
	.Fuente13 {
		font-size:13px !important;
	}
	.Fuente14 {
		font-size:14px !important;
	}
	.Fuente15 {
		font-size:15px !important;
	}
	.Fuente16 {
		font-size:16px  !important;
	}
	.Fuente18 {
		font-size:18px  !important;
	}
	.Fuente20 {
		font-size:18px  !important;
		line-height:19px !important;
	}
	.Fuente24 {
		font-size:20px !important;
		line-height:21px !important;
	}
	.Fuente26 {
		font-size:22px !important;
		line-height:23px !important;
	}
	.Fuente30 {
		font-size:25px !important;
		line-height:26px !important;
	}
	.Fuente35 {
		font-size:28px !important;
		line-height:29px !important;
	}
	.Fuente40 {
		font-size:30px !important;
		line-height:32px !important;
	}
	.Fuente45 {
		font-size:30px !important;
		line-height:32px !important;
	}
	.Fuente50 {
		font-size:33px !important;
		line-height:35px !important;
	}
	.Fuente60 {
		font-size:35px !important;
		line-height:37px !important;
	}
	.Fuente70 {
		font-size:38px !important;
		line-height:40px !important;
	}
	.Fuente72 {
		font-size:38px !important;
		line-height:40px !important;
	}
	.Fuente80 {
		font-size:40px !important;
		line-height:42px !important;
	}
	.Fuente90 {
		font-size:42px !important;
		line-height:44px !important;
	}
	.Fuente100 {
		font-size:45px !important;
		line-height:47px !important;
	}
	.tooltip-ancho {max-width: 100%;}
}
@media (min-width:480px){
	

	
}
@media (max-height:350px) and (max-width:768px) {
	
	
}

@media (min-width:768px){
	#HistorialFlota {
		padding: 0px;
		margin: 0px;
		position: absolute;
		right: 10px;
		top: -5px;
		text-align: right;
		width: 295px;
		height: 35px;
		background: transparent;
		border: none;
		z-index: 1000;
	}
	#HistorialFlota.fixed-mode {
		position: fixed;
		right: 10px;
		top: 50px;
	}
	#UploadText{
        font-size: 22px;
    }
    #UploadText.Icono{
        font-size: 60px;
    }
	#UploadMensaje{
		text-align: center;
        font-size: 22px;
    }
	.Fuente20 {
		font-size:20px  !important;
		line-height:21px !important;
	}
	.Fuente24 {
		font-size:24px !important;
		line-height:25px !important;
	}
	.Fuente26 {
		font-size:26px !important;
		line-height:27px !important;
	}
	.Fuente30 {
		font-size:30px !important;
		line-height:31px !important;
	}
	.Fuente35 {
		font-size:32px !important;
		line-height:33px !important;
	}
	.Fuente40 {
		font-size:38px !important;
		line-height:39px !important;
	}
	.Fuente45 {
		font-size:39px !important;
		line-height:40px !important;
	}
	.Fuente50 {
		font-size:40px !important;
		line-height:42px !important;
	}
	.Fuente60 {
		font-size:45px !important;
		line-height:45px !important;
	}
	.Fuente70 {
		font-size:50px !important;
		line-height:52px !important;
	}
	.Fuente72 {
		font-size:50px !important;
		line-height:52px !important;
	}
	.Fuente80 {
		font-size:55px !important;
		line-height:57px !important;
	}
	.Fuente90 {
		font-size:60px !important;
		line-height:62px !important;
	}
	.Fuente100 {
		font-size:65px !important;
		line-height:67px !important;
	}
	.tooltip-ancho {max-width: 400px;}
}
@media (min-width:992px){

	.Fuente35 {
		font-size:35px !important;
		line-height:37px !important;
	}
	.Fuente40 {
		font-size:40px !important;
		line-height:42px !important;
	}
	.Fuente45 {
		font-size:45px !important;
		line-height:47px !important;
	}
	.Fuente50 {
		font-size:50px !important;
		line-height:52px !important;
	}
	.Fuente60 {
		font-size:60px !important;
		line-height:62px !important;
	}
	.Fuente70 {
		font-size:70px !important;
		line-height:72px !important;
	}
	.Fuente72 {
		font-size:72px !important;
		line-height:74px !important;
	}
	.Fuente80 {
		font-size:80px !important;
		line-height:82px !important;
	}
	.Fuente90 {
		font-size:90px !important;
		line-height:92px !important;
	}
	.Fuente100 {
		font-size:100px !important;
		line-height:103px !important;
	}
	.tooltip-ancho {max-width: 500px;--bs-tooltip-bg: var(--bs-primary);}
}
@media (min-width:1200px){

	
	
}