body {
      padding-top: 0px;
      padding-bottom: 0px;
      background: #609062;
      background: url(../images/background.jpg) no-repeat center center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    .bodyindex {
      padding-top: 20px;
      padding-bottom: 20px;
      background: #609062;
      background: url(../images/background.jpg) no-repeat center center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

    .bglogin{
    	background: url(../images/background2.jpg) no-repeat center center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    	}
    .logotipo{
    	margin:50px 0 20px 0;}

    .logotipo img{
    	margin:0 auto;
    }

    .form-horizontal {    
        padding: 30px 20px 10px 20px;
        margin: 0 auto;
    }
    .txtcenter{
    	text-align:center;
        margin-bottom: 20px;}
    .cuadro {
    	max-width: 560px;
        margin: 100px auto 20px;
        color: #333;
        overflow: hidden;
        background-color: #f7f7f7;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
        border-radius: 4px;
        margin-top: 30px;
        opacity: 0.98;
    }
    .txt-link{
    	color:#4CB1F1;}
    .inactive {
           pointer-events: none;
           cursor: default;} 

    @media (min-width: 768px){
    .form-group .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right;
    }}

    .marginb{
    	margin-bottom:10px;}

    .indexcenter{width:100%; margin:40px 0; text-align:center;}
    .panel-index{
    	border-color: #eee;
    	padding:30px 0;
    	max-width:398px;
    	margin:0 auto;
    	box-shadow: 0 0 20px rgba(0,0,0,0.6); 
    	-moz-box-shadow: 0 0 20px rgba(0,0,0,0.6); 
    	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.6); 
    	-o-box-shadow: 0 0 20px rgba(0,0,0,0.6);
    	}
    .panel-info {
        border-color: #9b9999;
    }

    .panel-info>.panel-heading{
    	color: #fff;
        background-color: #9B9999;
        border-color: #9B9999;}
    .txtbold{
    	font-weight:bold;}
    .center{
    	text-align:center;}
    footer{
    	display:table;
    	margin-top:30px !important;
    	margin:0 auto;
    	color:#6F6F6F;
    	font-size:14px;
    	font-weight:400;
    	text-align:center;
    	}
    .footer2{
    	font-size:14px;
    	font-weight:400;
    	color:#000;
    	text-align:center;
    	}
    .txtproveedor{
    	color:#222;
    	text-transform:uppercase;}
    .nomargin{
    	margin:0px;}

    @media (max-width: 768px){
    .mlogopro{
    	margin-top:30px;}}

    header{
    	border-bottom:3px solid #e7e7e7;
        padding-bottom: 15px;
    	}

    @media (max-width: 768px) { 
    	.nav>li>a {
        padding: 10px 10px;}
    }
    @media (min-width: 769px){
    .nav>li>a {
        padding: 10px 43px;
    }
    .bordeleft{
    	border-left:#e7e7e7 1px solid;}
    }
    @media (min-width: 768px) and (max-width: 992px){
    .bordeleft{
    	border-left:#e7e7e7 1px solid;}
    }


    @media (min-width: 992px){
    .nav>li>a {
        padding: 10px 7px;
    }
    }
    @media (min-width: 1200px){
    .nav>li>a {
        padding: 10px 24px;
    }
    }
    #navbar .nav>li {
    	border-right:#e7e7e7 1px solid;
    	border-bottom:#e7e7e7 1px solid;

    }

    .navbar-default {
        background-color: #fff;
        border-color: #fff;
    }

    .vspace10{
    	margin-bottom:10px;
    	display:flex;}

    .footermaster{
    	display:block;
    	margin-top:0px !important;
    	margin:0 auto;
    	color:#fff;
    	font-size:15px;
    	font-weight:400;
    	text-align:center;
    	}
    .dropdown-menu {
        min-width: 150px;
    }

    .navbar-login{
        width: 260px;
        padding: 10px;
        padding-bottom: 0px;}

    .navbar-login-session
    {
        padding: 10px;
        padding-bottom: 0px;
        padding-top: 0px;
    }

    .icon-size
    {
        font-size: 87px;}


    /*COLOR TIPOGRAFÍA*/
    .txtnegro{
    	color:#000;}
    .txtblanco{
    	color:#fff;}	
    .txtrojo{
    	color:#E0040B;}
    .btn-rojo {
        color: #fff;
        background-color: #E0040B;
        border-color: CE0D1B;}
    .btn-rojo:hover {
        color: #fff;
        background-color: CE0D1B;}
    .menuactive{
        background-color: #eee;}
    .menu-bghover:hover{
        background-color: #eee;}
    a {
        color: #000;
        text-decoration: none;}
    a:hover {
        color: #E0040B;
        text-decoration: none;}
    .panel-default>.bg-chat {
        color: #fff;
        background-color: #5ba0d0;
        border-color: #ddd;
    }

    /*CONTACTENOS*/
    .contact-module__btn {
        padding-top: 42px;
        font-size: 12px;}
    .contact-module__btn {
        position: fixed;
        top: 50%;
        right: 0;
        z-index: 9998;
        margin-top: -36px;
        padding-top: 20px;
        width: 100px;
        height: 70px;
        color: #fff;
        text-align: center;
        background-color: #aaa;
        border-radius: 4px 0 0 4px;
        cursor: pointer;
      }

  



    .modal-dialog {
      top: 8em !important;
      width: 55% !important;
    }

    .modal-body {
      padding: 10px !important;
    }

    #cabecera-div {
      width: 100% !important;
      height: 2.5em !important;
    }

    #cabecera-div div{
      float: left !important;
      width: 25% !important;
    }

    #cuerpo-div {
      width: 100% !important;
      height: auto !important;
      border-top: black solid 0px;
      padding-top: 15px;
    }
    
    #footer-div {
      width: 100% !important;
      height: auto !important;
      border-top: black solid 0px;
      padding-top: 15px;
    }

    #cuerpo-div0 {
      height: 2em;
      text-align: center;
      font-weight: bold;
    }

    #cuerpo-div0 div{
      float: left !important;
      height: 2em;
    }

    .c1 {
      width: 10% !important;
      float: left !important;
    }

    .c2 {
      width: 23% !important;
      float: left !important;
    }

    .c3 {
      width: 37% !important;
      float: left !important;
    }

    .c4 {
      width: 15% !important;
      float: left !important;
    }

    .c5{
      width: 15% !important;
      float: left !important;  
    }

    .b1 {
      width: 8% !important;
      float: left !important;
    }

    .b2 {
      width: 23% !important;
      float: left !important;
    }

    .b3 {
      width: 32% !important;
      float: left !important;
    }

    .b4 {
      width: 16% !important;     
      float: left !important;
    }

    .b5{
      width: 10% !important;    
      float: left !important;  
    }

    .b6{
      width: 11% !important;   
      float: left !important;  
    }

    .b7{
      width: 10% !important;    
      float: left !important;  
    }
    
    .table-modal-in{
        border-top: 1px solid black;
        border-collapse: collapse;
        min-width:800px; 
        width:100%;
    }
    .td-modal-in {
        padding: 5px;
        text-align: center;
    }
    
    #cuerpo-div1 {
      height: 2em;
      text-align: center;
    }

    #row_content{
        padding:15px 0; 
        background-color:#F3F3F3; 
        border:#E5E5E5 1px solid; 
        margin:0 0px;max-width:100%; 
        overflow-x: auto;
    }
        
    .b4 input, .b5 input{
        text-align: center !important;
    }
    .modal_dialog{
        position: relative;
        display: table;
        
    }
    .td-masterpage{
            min-width: 255px;
            max-width: 300px;
        }
    @media screen and (max-width: 299px) {
        
        .form-horizontal {    
            padding: 0px 0px 0px 0px;
            margin: 0 auto;
        }
        .panel-body {    
            padding: 2px;
            margin: 0 auto;
        }
        
        
    }
    
    @media screen and (min-width: 300px) {
        
        .form-horizontal {    
            padding: 0px 0px 0px 0px;
            margin: 0 auto;
        }
        .panel-body {    
            padding: 2px;
            margin: 0 auto;
        }
        
        .td-masterpage{
            min-width: 255px;
            max-width: 300px;
        }
        
    }
    
    @media screen and (min-width: 400px) {
        
        .form-horizontal {    
            padding: 10px 10px 10px 10px;
            margin: 0 auto;
        }
        .panel-body {    
            padding: 4px;
            margin: 0 auto;
        }
        .td-masterpage{
            min-width: 255px;
            max-width: 350px;
        }
    }
    
    @media screen and (min-width: 700px) {
        
        .form-horizontal {    
            padding: 30px 20px 10px 20px;
            margin: 0 auto;
        }
        .panel-body {    
            padding: 15px;
            margin: 0 auto;
        }
        
        .td-masterpage{
            min-width: 255px;
            max-width: 100%;
        }
    } 
 
    .color1 {
        color: blue !important;
    }

    .color2{
        color: green !important;
    }

    .color3{
        color: red !important; 
    }
	
	.sorting {
		cursor: pointer !important;
	}