﻿body {
    font-family: museosans !important;
}

.field-validation-error {
    color: #C62828;
   
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #C62828;
}

.validation-summary-errors {
    color: #C62828;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}


@font-face {
    font-family: museosans;
    src: url(../fonts/museo-sans/museosans-100-webfont.eot);
    src: url(../fonts/museo-sans/museosans-100-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/museo-sans/museosans-100-webfont.woff) format('woff'), url(../fonts/museo-sans/museosans-100-webfont.ttf) format('truetype'), url(../fonts/museo-sans/museosans-100-webfont.svg#museosansregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: museosans;
    src: url(../fonts/museo-sans/museosans-100italic-webfont.eot);
    src: url(../fonts/museo-sans/museosans-100italic-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/museo-sans/museosans-100italic-webfont.woff) format('woff'), url(../fonts/museo-sans/museosans-100italic-webfont.ttf) format('truetype'), url(../fonts/museo-sans/museosans-100italic-webfont.svg#museosansitalic) format('svg');
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: museosans;
    src: url(../fonts/museo-sans/museosans-300-webfont.eot);
    src: url(../fonts/museo-sans/museosans-300-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/museo-sans/museosans-300-webfont.woff) format('woff'), url(../fonts/museo-sans/museosans-300-webfont.ttf) format('truetype'), url(../fonts/museo-sans/museosans-300-webfont.svg#museosansregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: museosans;
    src: url(../fonts/museo-sans/museosans-300italic-webfont.eot);
    src: url(../fonts/museo-sans/museosans-300italic-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/museo-sans/museosans-300italic-webfont.woff) format('woff'), url(../fonts/museo-sans/museosans-300italic-webfont.ttf) format('truetype'), url(../fonts/museo-sans/museosans-300italic-webfont.svg#museosansitalic) format('svg');
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: museosans;
    src: url(../fonts/museo-sans/museosans-500-webfont.eot);
    src: url(../fonts/museo-sans/museosans-500-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/museo-sans/museosans-500-webfont.woff) format('woff'), url(../fonts/museo-sans/museosans-500-webfont.ttf) format('truetype'), url(../fonts/museo-sans/museosans-500-webfont.svg#museosansregular) format('svg');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: museosans;
    src: url(../fonts/museo-sans/museosans-500italic-webfont.eot);
    src: url(../fonts/museo-sans/museosans-500italic-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/museo-sans/museosans-500italic-webfont.woff) format('woff'), url(../fonts/museo-sans/museosans-500italic-webfont.ttf) format('truetype'), url(../fonts/museo-sans/museosans-500italic-webfont.svg#museosansitalic) format('svg');
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: museosans;
    src: url(../fonts/museo-sans/museosans-700-webfont.eot);
    src: url(../fonts/museo-sans/museosans-700-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/museo-sans/museosans-700-webfont.woff) format('woff'), url(../fonts/museo-sans/museosans-700-webfont.ttf) format('truetype'), url(../fonts/museo-sans/museosans-700-webfont.svg#museosansregular) format('svg');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: museosans;
    src: url(../fonts/museo-sans/museosans-700italic-webfont.eot);
    src: url(../fonts/museo-sans/museosans-700italic-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/museo-sans/museosans-700italic-webfont.woff) format('woff'), url(../fonts/museo-sans/museosans-700italic-webfont.ttf) format('truetype'), url(../fonts/museo-sans/museosans-700italic-webfont.svg#museosansitalic) format('svg');
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: museosans;
    src: url(../fonts/museo-sans/museosans-900-webfont.eot);
    src: url(../fonts/museo-sans/museosans-900-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/museo-sans/museosans-900-webfont.woff) format('woff'), url(../fonts/museo-sans/museosans-900-webfont.ttf) format('truetype'), url(../fonts/museo-sans/museosans-900-webfont.svg#museosansregular) format('svg');
    font-weight: 900;
    font-style: normal
}
.Imginicio
{
    cursor: pointer;
    padding: 25% 25% 0% 25%;
   /* margin-top: 1%;*/
}



.treeview, .treeview ul {
    margin:0;
    padding:0;
    list-style:none
}
.treeview ul {
    margin-left:1em;
    position:relative
}
/*.treeview ul ul {
    margin-left:.5em
}
.treeview ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-left:1px solid
}
.treeview li {
    margin:0;
    padding:0 1em;
    line-height:2em;
    color:#369;
    font-weight:700;
    position:relative
}
.treeview ul li:before {
    content:"";
    display:block;
    width:10px;
    height:0;
    border-top:1px solid;
    margin-top:-1px;
    position:absolute;
    top:1em;
    left:0
}
.treeview ul li:last-child:before {
    background:#fff;
    height:auto;
    top:1em;
    bottom:0
}
.indicator {
    margin-right:5px;
}
.treeview li a {
    text-decoration: none;
    color:#369;
}
.treeview li button, .treeview li button:active, .treeview li button:focus {
    text-decoration: none;
    color:#369;
    border:none;
    background:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    outline: 0;
}*/

/*Ajuste para movil*/

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
     position: relative; 
     min-height: 1px; 
     padding-left: 1px; 
     padding-right: 1px; 
}

.Visortextarea{
background-color: #f5f5f5;
border-color: transparent;
color: #333;
border-radius: 3px;
resize: none; 
margin:1% 1% 1% 1%;
}

.ImgPrincipal{
    /*background-image:url(../../Images/Textura/Web.jpg);*/
}

.ImgLogin{
 background-image:url(../../Images/imagenfondo.jpg);
  background-repeat: no-repeat;
  background-size: 1900px 1000px;
}

.contentLogin {
 margin:auto;
    position:absolute;
    top: 25%;
    left: 40%;
    width:30em;
    height:18em;
    margin-top: -5em; /*set to a negative number 1/2 of your height*/
    margin-left: -5em; /*set to a negative number 1/2 of your width*/
    
    position: center;
}

/*ordenar lista*/
#sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 30%;
}
#sortable li {
    margin: 0 3px 3px 3px;
    padding: 0.4em;
    padding-left: 1em;

}
.ui-state-default {
    border: 1px solid #c5c5c5 !important;
    background: #f6f6f6 !important;
    font-weight: normal !important;
    color: #454545 !important;
}

#sortable li span {
    position: absolute;
    margin-left: -1.3em;
}
.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(../Images/ui-icons_444444_256x240.png);
}

.ui-icon {
    width: 12px;
    height: 12px;
}
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}
@media all and (max-width:480px) {
	.login-container .page-container .login-form{
		width:275px !important;
	}
}
@media all and (max-width:530px) {
	.login-container .page-container .login-form{
		width:300px !important;
	}
    .contentLogin {
 margin:auto;
    position:absolute;
    top: 25%;
    left: 20%;
    width:30em;
    height:18em;
    margin-top: -5em; /*set to a negative number 1/2 of your height*/
    margin-left: -5em; /*set to a negative number 1/2 of your width*/
    
    position: center;
}

}


