/*normalize*/
html,
body,
form {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    font: normal 12px "Segoe UI", Arial, sans-serif;
    /*color: #555555;*/
}

@media only screen and (min-width: 481px) and (max-width: 720px) {
    body {
        font-size: 18px;
    }
}

@media only screen and (max-width: 480px) {
    body {
        font-size: 20px;
    }
}

a {
    background: transparent;
}

img {
    border: 0;
}

button,
input {
   
    cursor: pointer;
}


hr {
    border-width: 1px 0 0 0;
    border-color: #767676;
    border-style: solid;
}

/*typography*/
h1, h2, h3, h4, h5, h6 {
    line-height: normal;
}

h1, h2, h3 {
    font-weight: normal;
    /*margin: .5em 0;*/
}

h4, h5, h6 {
    font-weight: bold;
}

h1 {
    font-size: 2.25em;
}

h2 {
    font-size: 1.875em;
}

h3 {
    font-size: 1.5em;
}

h4 {
    font-size: 1.125em;
}

h5 {
    font-size: 1em;
}

h6 {
    font-size: .875em;
}

/*template*/
#wrapper .t-container-fluid {
    max-width: 100%;
}

#wrapper .RadButton {
    font-size: 1em;
}

#wrapper .RadMenu,
div.RadMenuPopup,
#wrapper .RadMenu_Default, #wrapper .RadMenu_Default a.rmLink {
    font-size: 12px;
}

/*bootstrap validations*/

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .alert h4 {
        margin-top: 0;
        color: inherit;
    }

    .alert .alert-link {
        font-weight: bold;
    }

    .alert > p,
    .alert > ul {
        margin-bottom: 0;
    }

        .alert > p + p {
            margin-top: 5px;
        }

.alert-dismissable {
    padding-right: 35px;
}

    .alert-dismissable .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit;
    }

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

    .alert-success hr {
        border-top-color: #c9e2b3;
    }

    .alert-success .alert-link {
        color: #2b542c;
    }

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    font-size: x-small;
}

    .alert-info hr {
        border-top-color: #a6e1ec;
    }

    .alert-info .alert-link {
        color: #245269;
    }

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

    .alert-warning hr {
        border-top-color: #f7e1b5;
    }

    .alert-warning .alert-link {
        color: #66512c;
    }

.alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

    .alert-danger hr {
        border-top-color: #e4b9c0;
    }

    .alert-danger .alert-link {
        color: #843534;
    }

.rfv {
    color: white;
    background-color: red;
    font-size: small;
    font-family: Verdana, Tahoma, Arial;
    font-weight: lighter;
}

.mGrid /*Titulo*/
{
	width: 100%;
	background-color: #fff;
	margin: 5px 0 10px 0;
	border: solid 1px #525252;
	border-collapse: collapse;
	font-size: 10px;
}
.mGrid td /*contenido*/
{
	padding: 2px;
	border: solid 1px #c1c1c1;
	color: #717171;
	font-size: 10px;
}
.mGrid th
{
	padding: 4px 2px;
	color: #fff;
	background: #424242;
	border-left: solid 1px #525252;
	font-size: 0.9em;
}
.mGrid .Broker
{
	padding: 4px 2px;
	color: #fff;
	background: #06b156;
	border-left: solid 1px #525252;
	font-size: 0.9em;
}
.mGrid .CentroMasivo
{
	padding: 4px 2px;
	color: #fff;
	background: #fc871f;
	border-left: solid 1px #525252;
	font-size: 0.9em;
}
.mGrid .Fovissste
{
	padding: 4px 2px;
	color: #fff;
	background: #1f4efc;
	border-left: solid 1px #525252;
	font-size: 0.9em;
}
.mGrid .Comisiones
{
	padding: 4px 2px;
	color: #fff;
	background: #1fd5fc;
	border-left: solid 1px #525252;
	font-size: 0.9em;
}
.mGrid .Juridico
{
	padding: 4px 2px;
	color: #fff;
	background: #c8a46d;
	border-left: solid 1px #525252;
	font-size: 0.9em;
}
.mGrid .AreaTecnica
{
	padding: 4px 2px;
	color: #fff;
	background: #d0d14d;
	border-left: solid 1px #525252;
	font-size: 0.9em;
}
.mGrid .CUV
{
	padding: 4px 2px;
	color: #fff;
	background: #d38ae3;
	border-left: solid 1px #525252;
	font-size: 0.9em;
}
.mGrid .alt
{
	background: #fcfcfc url(grd_alt.png) repeat-x top;
}
.mGrid .pgr
{
	background: #424242 url(grd_pgr.png) repeat-x top;
}
.mGrid .pgr table
{
	margin: 5px 0;
}
.mGrid .pgr td
{
	border-width: 0;
	padding: 0 6px;
	border-left: solid 1px #666;
	font-weight: bold;
	color: #fff;
	line-height: 12px;
}
.mGrid .pgr a
{
	color: #666;
	text-decoration: none;
}
.mGrid .pgr a:hover
{
	color: #000;
	text-decoration: none;
}
.mGrid tr:hover{ background-color:#c4d0ff; 	background: #c4d0ff url(sel_pgr.png) repeat-x top; }

/*SLIDER*/
/** Customize the demo canvas */
.wrapper .left-pane {
    float: left;
    overflow: visible;
    position: relative;
}
.wrapper .left-pane .button {
    float: left;
}
.wrapperr .left-pane .sliding-pane {
    float: left;
    visibility: hidden;
}