/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
@import url(http://fonts.googleapis.com/css?family=Merriweather+Sans:400,300,800,700);
*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
html,
button,
input,
select,
textarea {
    color: #222;
}
html, body{
  height: 100%;
}
body {
    font-size: 13.5px;
    line-height: 1;
    background-color: #434343;
    background-image:#000;
    font-family: 'Merriweather Sans', sans-serif;    
}
#fondo{
    background-color: transparent;
    background-image: linear-gradient(0deg, transparent 24%, rgba(255, 255, 255, .05) 25%, rgba(255, 255, 255, .05) 26%, transparent 27%, transparent 74%, rgba(255, 255, 255, .05) 75%, rgba(255, 255, 255, .05) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(255, 255, 255, .05) 25%, rgba(255, 255, 255, .05) 26%, transparent 27%, transparent 74%, rgba(255, 255, 255, .05) 75%, rgba(255, 255, 255, .05) 76%, transparent 77%, transparent);
    height:100%;
    background-size:50px 50px;
    position: fixed;
    top: 0;
    left: 0;
    width:100%;
    z-index: 0;
}
.wrapper {
    width: 90%;
    margin: 0 5%;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid rgb(71, 71, 71);
    margin:10px 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   RUV
   ========================================================================== */
a{
    text-decoration: none;
    color: #094977;
}   
ul{
    margin: 0;
}
#page{
    max-width: 1024px;
    margin: 0 auto;  
    box-shadow: 2px 2px 5px 1px rgba(0,0,0,.5);     
}
#content{
    background: rgb(97, 97, 97) url(../img/content_bg.png);
    padding: 5px;    
    padding-bottom: 50px;
    position: relative;
}
#content h2{
  color: #fff;
  text-shadow: 1px 1px 0px rgba(0,0,0,.3); 
}
#login{
    padding: 20px 0;
}
#login input{
    width: 320px;
    height: 40px;
    border:1px solid #ccc;
    padding-left: 15px;
}
header{
    background: #23272B;    
    color: #fff;
    position: relative;
    z-index: 1;
}
#topNav{
    background: #7b8896;
background: -moz-linear-gradient(top,  #7b8896 0%, #616c77 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8896), color-stop(100%,#616c77));
background: -webkit-linear-gradient(top,  #7b8896 0%,#616c77 100%);
background: -o-linear-gradient(top,  #7b8896 0%,#616c77 100%);
background: -ms-linear-gradient(top,  #7b8896 0%,#616c77 100%);
background: linear-gradient(to bottom,  #7b8896 0%,#616c77 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8896', endColorstr='#616c77',GradientType=0 );

    margin-bottom: 10px;
    height: 2em;
    line-height: 2em;
	font-size: smaller;
}
#topNav li{
    margin: 0 1em;
}
#topNav a{
    color: #fff;
}
#topNav .activo{
    color: rgb(105, 192, 255);
    text-shadow: 2px 2px 0px #474e56;
}
#logo{
  float: left;
  vertical-align: middle;
  margin: 15px;
  background: #fff;
  padding: 5px;
  border-radius: 5px;  
}
#botones{
    float: right;
    margin: 4px 0px;
}
#botones li{
    width: 32px;
    margin: 0 16px;
}
.horizontal li{
    display: inline-block;    
}
#botones a{
  display: block;
  background: rgba(0,0,0,.1);
  border-radius:5px;
  border: 1px solid rgba(0,0,0,.1);
}
#botones .activo{
  border: 1px outset rgba(0,0,0,.2);
  box-shadow: 0px 0px 10px 1px rgba(255,255,255,.5);
}
#pag{
  text-transform: uppercase;
}
h1,h2,h3,h4,h5{
    margin: 0;    
}
#masDatos h3{
  margin: 10px;
  color: #485C8D;
}
footer{
    background: #042237;
    color: #fff;
    text-align: right;
    height: 2.3em;
    line-height: 2.3em;
    padding-right: 20px;
}
.tb{
    width: 100%;
    border-collapse: collapse;
    border-bottom: 5px solid #094977;
}
.tb th{
background: #094977;
background: -moz-linear-gradient(top,  #094977 0%, #072e63 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#094977), color-stop(100%,#072e63));
background: -webkit-linear-gradient(top,  #094977 0%,#072e63 100%);
background: -o-linear-gradient(top,  #094977 0%,#072e63 100%);
background: -ms-linear-gradient(top,  #094977 0%,#072e63 100%);
background: linear-gradient(to bottom,  #094977 0%,#072e63 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#094977', endColorstr='#072e63',GradientType=0 );

    font-size: 12px;        
    font-weight: 900;
    text-shadow: 1px 0px 0px rgba(0,0,0,.5);
    color: #fff;
    border-right: 1px solid rgba(0,0,0,.2);
    cursor: move;
    line-height: 2em;
}
.tb tr{    
    background: #eee;
}
.tb tr:hover,
.tb tr:nth-child(odd):hover{
  background: #bbb;
}
.tb tr:nth-child(odd){
    background: #fff;
}
.tb table{
  width: 100%;
}
.tb table th{
  background: #eee;
  height: auto;  
  color: #333;
  font-size: 10px;
  font-weight: normal;
  text-shadow: 0;
}
.tb table td{
  text-align: center;
}
.tb td{
  border: 1px solid #ddd;
  height: 2em;
  line-height: 2em;
  font-size: 12px;
  padding-left: 5px;
}
.datos{
  position: relative;
  display: block;
  background: #fff;
  border: 1px solid #bbb;
  box-shadow: 0px 2px 0px 1px #ccc;
  padding: 15px 5px;
}

.datos fieldset{
  border: 1px solid rgb(177, 177, 177);
  padding: 0 15px;
  margin-bottom: 25px;
  padding-bottom: 25px;
}
.datos legend{
  padding: 0 20px;
  font-size: 22px;
  font-weight: 900;  
}
.datos p{
  display: inline-block;
  vertical-align: top;
  width: 24%;
  position: relative;
}
.datos p.textarea{
  width: 66%;
}
.datos p>label{
  display: block;    
}
.datos input[type="text"],
.datos input[type="number"],
.datos input[type="url"],
.datos input[type="email"],
.datos input[type="date"],
.datos input[type="time"],
.datos select,
.datos textarea{
  width: 100%;
  border: 1px solid #aaa;
  height: 30px;
  padding: 5px; 
}
.datos select{
  text-transform: uppercase;
}
.datos select option{
  background: #eee;
}
.datos select option:nth-child(odd){
  background: #ddd;
}
.datos select option[disabled]{
  background: #fff;
  color: #aaa;
}
.datos hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid rgb(224, 224, 224);
    margin:10px 0;
    padding: 0;
}
.contentCondicionesPago{
  display: inline-block;
  width: 750px;
  background: rgba(0,0,0,.1);
  padding: 15px;
  margin: 0px 15px 15px 0px;
  box-shadow: 0px 0px 5px 1px rgba(0,0,0,.2);
}

.datos table{
  width: 100%;
}
.datos tr{
  line-height: 2.5em;
}
#content-catalogos p{
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 0px 2px #ddd;
  border-radius: 5px;
  line-height: 32px;
  display: inline-block;
  padding: 6px;
  margin: 5px;
  width: 220px;
}
#content-catalogos p:hover{
  border: 1px solid #aaa;
  box-shadow: 
    0px 0px 0px 2px #aaa,
    0px 0px 5px 1px #fff;
}

.catalog{  
  background: rgba(0,0,0,.1);
  border: 1px solid rgba(0,0,0,.2);
  margin: 30px;
  padding: 5px;
}
#tabs h2{
  color: #333;
}





/* ==========================================================================
   Helper classes
   ========================================================================== */

.acenter{
    text-align: center;
}
.aleft{
    text-align: left;
}
.aright{
    text-align: right;
}
.fleft{
    float: left;
}
.fright{
    float: right;
}
.hide{
  display: none;
}
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.obligatorio{
  color: #C53727;
}
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}
.m-btn.purple.hide{
  display: none;
}
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
#frmAct {
	padding-bottom: 5%;
}
#tb_acti .ui-button-icon-primary.ui-icon.ui-icon-triangle-1-s{
	width: 16px;
}
#tb_acti  .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input{
	width: 85%;
	height: 46px;
	background-color: #ccc;
	border: 3px;
	padding: 8px;
}
#tb_acti  .ui-button.ui-widget.ui-state-default.ui-button-icon-only.custom-combobox-toggle.ui-corner-right{
	height: 48px;
}
#tb_acti  .datos input.error {
	background: #ffdada;
	border: #EE7A7A 1px solid;
}
@media screen and (max-width: 640px){
	#topNav{
		height: 4em;
	}
	#tb_acti thead tr th{
		font-size : 10px;
	}
	#tb_acti thead tr th:first-child {
		width : 25%;
	}
	.datos p {
		width: 32%;
	}
	.datos p>label {
		font-size: 12px;
	}
	#div_filtros  fieldset p:last-child {
		float: right;
	}
	#frmAct {
		padding-bottom: 10%;
	}
	#tb_acti  .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input {
		width: 79%;
		height: 46px;
		background-color: #ccc;
		border: 3px;
		padding: 8px;
	}
}
@media screen and (max-width: 1280px) and (min-width: 640px){
	#topNav{
		font-size: 11px;
	}
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
/****************************************
*BOTONES*
******************************************/
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  /*vertical-align: middle;*/

}
button, input {
  *overflow: visible;
  line-height: normal;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  -moz-appearance: none; 
}
/* overrides button presets for mozilla clients*/
@-moz-document url-prefix() {
  button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    cursor: pointer;
    padding: 6px 14px;
  }
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
.m-btn {
  position: relative;
  display: inline-block;
  overflow: visible;
  margin: 0;
  padding: 10px 14px;   
  margin-top: 8px;   
  cursor: pointer;
  outline: none;
  border: none; 
  background-color: #eeeeee;
  background-image: -moz-linear-gradient(top, #eeeeee, #eeeeee);
  background-image: -ms-linear-gradient(top, #eeeeee, #eeeeee);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#eeeeee));
  background-image: -webkit-linear-gradient(top, #eeeeee, #eeeeee);
  background-image: -o-linear-gradient(top, #eeeeee, #eeeeee);
  background-image: linear-gradient(top, #eeeeee, #eeeeee);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee', GradientType=0);
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding;
  /* IE hacks */

  zoom: 1;
  z-index: 1;
  *display: inline;  
  font-size: 14px;
  line-height: 14px;
  color: #333333;
  min-width: 42px;
  
  text-shadow: #ffffff 0 1px 0;  
  text-align: center;  
  text-decoration: none;
  white-space: nowrap;
  
  vertical-align: inherit;
}
.m-btn:hover,
.m-btn:focus,
.m-btn:active,
.m-btn.active {
  color: #333;
  text-decoration: none;  
  background-color: #dcdcdc;
  background-image: -moz-linear-gradient(top, #dcdcdc, #dcdcdc);
  background-image: -ms-linear-gradient(top, #dcdcdc, #dcdcdc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dcdcdc), to(#dcdcdc));
  background-image: -webkit-linear-gradient(top, #dcdcdc, #dcdcdc);
  background-image: -o-linear-gradient(top, #dcdcdc, #dcdcdc);
  background-image: linear-gradient(top, #dcdcdc, #dcdcdc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#dcdcdc', GradientType=0); 
  z-index: 100;
  outline: none;
}
.m-btn:active, .m-btn.active {
  background-color: #eeeeee;
  background-image: -moz-linear-gradient(top, #eeeeee, #dcdcdc);
  background-image: -ms-linear-gradient(top, #eeeeee, #dcdcdc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dcdcdc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #dcdcdc);
  background-image: -o-linear-gradient(top, #eeeeee, #dcdcdc);
  background-image: linear-gradient(top, #eeeeee, #dcdcdc);
  background-repeat: repeat-x;
   -webkit-box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dcdcdc', GradientType=0); 
}
.m-btn:focus {
  /* Blue border on button focus. */
  border-color: #4D90FE;
}
/* overrides extra padding on button elements in Firefox */
.m-btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}


.m-btn.red-stripe
{
  border-left: 3px solid #d84a38;
}

.m-btn.blue-stripe
{
  border-left: 3px solid #4d90fe;
}

.m-btn.purple-stripe
{
  border-left: 3px solid #852b99;
}

.m-btn.green-stripe
{
  border-left: 3px solid #35aa47;
}

/* Common button classes */
.m-btn.red:active,
.m-btn.red.active,
.m-btn.red.disabled,
.m-btn.red[disabled],
.m-btn.blue:active,
.m-btn.blue.active,
.m-btn.blue.disabled,
.m-btn.blue[disabled],
.m-btn.purple:active,
.m-btn.purple.active,
.m-btn.purple.disabled,
.m-btn.purple[disabled],
.m-btn.green:active,
.m-btn.green.active,
.m-btn.green.disabled,
.m-btn.green[disabled]{
  -webkit-box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.25);
  color: white !important;  
}
.m-btn.red.disabled,
.m-btn.red[disabled],
.m-btn.blue.disabled,
.m-btn.blue[disabled],
.m-btn.purple.disabled,
.m-btn.purple[disabled],
.m-btn.green.disabled,
.m-btn.green[disabled]{
  opacity: .7;
}

/*  Red */
.m-btn.red {
  color: white;  
  text-shadow: none;  
  background-color: #d84a38;
  background-image: -moz-linear-gradient(top, #dd4b39, #d14836);
  background-image: -ms-linear-gradient(top, #dd4b39, #d14836);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd4b39), to(#d14836));
  background-image: -webkit-linear-gradient(top, #dd4b39, #d14836);
  background-image: -o-linear-gradient(top, #dd4b39, #d14836);
  background-image: linear-gradient(top, #dd4b39, #d14836);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd4b39', endColorstr='#d14836', GradientType=0);
}
.m-btn.red:hover, 
.m-btn.red:focus, 
.m-btn.red:active, 
.m-btn.red.active,
.m-btn.red[disabled], 
.m-btn.red.disabled {    
  background-color: #c53727;
  background-image: -moz-linear-gradient(top, #c53727, #c53727);
  background-image: -ms-linear-gradient(top, #c53727, #c53727);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c53727), to(#c53727));
  background-image: -webkit-linear-gradient(top, #c53727, #c53727);
  background-image: -o-linear-gradient(top, #c53727, #c53727);
  background-image: linear-gradient(top, #c53727, #c53727);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c53727', endColorstr='#c53727', GradientType=0); 
}


.m-btn.red:active,
.m-btn.red.active
{
  background-color: #dd4b39;
  background-image: -moz-linear-gradient(top, #dd4b39, #c53727);
  background-image: -ms-linear-gradient(top, #dd4b39, #c53727);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd4b39), to(#c53727));
  background-image: -webkit-linear-gradient(top, #dd4b39, #c53727);
  background-image: -o-lineark-gradient(top, #dd4b39, #c53727);
  background-image: linear-gradient(top, #dd4b39, #c53727);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd4b39', endColorstr='#c53727', GradientType=0);

}

/*  Blue */
.m-btn.blue   
{
  color: white;  
  text-shadow: none;  
  background-color: #4d90fe;
  background-image: -moz-linear-gradient(top, #4d90fe, #4787ed);
  background-image: -ms-linear-gradient(top, #4d90fe, #4787ed);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#4787ed));
  background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
  background-image: -o-linear-gradient(top, #4d90fe, #4787ed);
  background-image: linear-gradient(top, #4d90fe, #4787ed);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d90fe', endColorstr='#4787ed', GradientType=0);
}
.m-btn.blue:hover, 
.m-btn.blue:focus, 
.m-btn.blue:active,
.m-btn.blue.active,
.m-btn.blue[disabled],
.m-btn.blue.disabled {  
  background-color: #0072bb;
  background-image: -moz-linear-gradient(top, #0072bb, #0072bb);
  background-image: -ms-linear-gradient(top, #0072bb, #0072bb);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0072bb), to(#0072bb));
  background-image: -webkit-linear-gradient(top, #0072bb, #0072bb);
  background-image: -o-linear-gradient(top, #0072bb, #0072bb);
  background-image: linear-gradient(top, #0072bb, #0072bb);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0072bb', endColorstr='#0072bb', GradientType=0);
}

.m-btn.blue:active,
.m-btn.blue.active
{
  background-color: #4d90fe;
  background-image: -moz-linear-gradient(top, #4d90fe, #0072bb);
  background-image: -ms-linear-gradient(top, #4d90fe, #0072bb);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#0072bb));
  background-image: -webkit-linear-gradient(top, #4d90fe, #0072bb);
  background-image: -o-linear-gradient(top, #4d90fe, #0072bb);
  background-image: linear-gradient(top, #4d90fe, #0072bb);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d90fe', endColorstr='#0072bb', GradientType=0);

}
/* Gris */
.m-btn.gris   
{
  color: white;  
  text-shadow: none;  
  background: #7d7e7d;
background: -moz-linear-gradient(top,  #7d7e7d 0%, #666666 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#666666));
background: -webkit-linear-gradient(top,  #7d7e7d 0%,#666666 100%);
background: -o-linear-gradient(top,  #7d7e7d 0%,#666666 100%);
background: -ms-linear-gradient(top,  #7d7e7d 0%,#666666 100%);
background: linear-gradient(to bottom,  #7d7e7d 0%,#666666 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#666666',GradientType=0 );

}
.m-btn.gris:hover, 
.m-btn.gris:focus, 
.m-btn.gris:active,
.m-btn.gris.active,
.m-btn.gris[disabled],
.m-btn.gris.disabled {  
  background: #848484;
}

.m-btn.gris:active,
.m-btn.gris.active
{
background: #666666;
background: -moz-linear-gradient(top,  #666666 0%, #939393 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#939393));
background: -webkit-linear-gradient(top,  #666666 0%,#939393 100%);
background: -o-linear-gradient(top,  #666666 0%,#939393 100%);
background: -ms-linear-gradient(top,  #666666 0%,#939393 100%);
background: linear-gradient(to bottom,  #666666 0%,#939393 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#939393',GradientType=0 );



}
/*  Green */
.m-btn.green {
  color: white;
  text-shadow: none;   
  background-color: #35aa47;
  background-image: -moz-linear-gradient(top, #35aa47, #35aa47);
  background-image: -ms-linear-gradient(top, #35aa47, #35aa47);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#35aa47), to(#35aa47));
  background-image: -webkit-linear-gradient(top, #35aa47, #35aa47);
  background-image: -o-linear-gradient(top, #35aa47, #35aa47);
  background-image: linear-gradient(top, #35aa47, #35aa47);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#35aa47', endColorstr='#35aa47', GradientType=0);
}
.m-btn.green:hover, 
.m-btn.green:focus, 
.m-btn.green:active, 
.m-btn.green.active,
.m-btn.green.disabled, 
.m-btn.green[disabled]{ 
  background-color: #1d943b;
  background-image: -moz-linear-gradient(top, #1d943b, #1d943b);
  background-image: -ms-linear-gradient(top, #1d943b, #1d943b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1d943b), to(#1d943b));
  background-image: -webkit-linear-gradient(top, #1d943b, #1d943b);
  background-image: -o-linear-gradient(top, #1d943b, #1d943b);
  background-image: linear-gradient(top, #1d943b, #1d943b);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d943b', endColorstr='#1d943b', GradientType=0);
}

.m-btn.green:active,
.m-btn.green.active
{
  background-color: #35aa47;
  background-image: -moz-linear-gradient(top, #35aa47, #1d943b);
  background-image: -ms-linear-gradient(top, #35aa47, #1d943b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#35aa47), to(#1d943b));
  background-image: -webkit-linear-gradient(top, #35aa47, #1d943b);
  background-image: -o-linear-gradient(top, #35aa47, #1d943b);
  background-image: linear-gradient(top, #35aa47, #1d943b);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#35aa47', endColorstr='#1d943b', GradientType=0);

}
/*  Purple */
.m-btn.purple {
  color: white; 
  text-shadow: none;  
  background-color: #852b99;
  background-image: -moz-linear-gradient(top, #852b99, #852b99);
  background-image: -ms-linear-gradient(top, #852b99, #852b99);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#852b99), to(#852b99));
  background-image: -webkit-linear-gradient(top, #852b99, #852b99);
  background-image: -o-linear-gradient(top, #852b99, #852b99);
  background-image: linear-gradient(top, #852b99, #852b99);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#852b99', endColorstr='#852b99', GradientType=0);
}
.m-btn.purple:hover, 
.m-btn.purple:focus, 
.m-btn.purple:active, 
.m-btn.purple.active, 
.m-btn.purple.disabled,
.m-btn.purple[disabled] { 
  background-color: #6d1b81;
  background-image: -moz-linear-gradient(top, #6d1b81, #6d1b81);
  background-image: -ms-linear-gradient(top, #6d1b81, #6d1b81);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6d1b81), to(#6d1b81));
  background-image: -webkit-linear-gradient(top, #6d1b81, #6d1b81);
  background-image: -o-linear-gradient(top, #6d1b81, #6d1b81);
  background-image: linear-gradient(top, #6d1b81, #6d1b81);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d1b81', endColorstr='#6d1b81', GradientType=0);
}

.m-btn.purple:active,
.m-btn.purple.active
{
  background-color: #35aa47;
  background-image: -moz-linear-gradient(top, #852b99, #6d1b81);
  background-image: -ms-linear-gradient(top, #852b99, #6d1b81);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#852b99), to(#6d1b81));
  background-image: -webkit-linear-gradient(top, #852b99, #6d1b81);
  background-image: -o-linear-gradient(top, #852b99, #6d1b81);
  background-image: linear-gradient(top, #852b99, #6d1b81);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#852b99', endColorstr='#6d1b81', GradientType=0);

}
.datos p label.error{
  color: rgb(228, 136, 136);
}
table ul{
  padding-left: 20px;
}
table li{
  line-height: 1.5em;
  list-style: square;
}

.selectEmpresa{
  font-family: 'Merriweather Sans', sans-serif;
  color: hsl(205, 55%, 34%);
  width: 160px;
  height: 30px;
}
.selectEmpresa.selectbig{  
  height: 2em;
  width: 100%;
  border: 2px solid #fff;
}     

/* Base for label styling */
.datos [type="checkbox"]:not(:checked),
.datos [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
.datos [type="checkbox"]:not(:checked) + label,
.datos [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 15px;
  cursor: pointer;
  min-width: 33%;
  vertical-align: top;
}

/* checkbox aspect */
.datos [type="checkbox"]:not(:checked) + label:before,
.datos [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left:5px; top: 5px;
  width: 17px; height: 17px;
  border: 1px solid #aaa;
  background: #f8f8f8;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
}
/* checked mark aspect */
.datos [type="checkbox"]:not(:checked) + label:after,
.datos [type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: -5px;
  left: 6px;
  font-size: 25px;
  color: #1BA9C3;
  transition: all .2s;
}
/* checked mark aspect changes */
.datos [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.datos [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
.datos [type="checkbox"]:disabled:not(:checked) + label:before,
.datos [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.datos [type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
.datos [type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
.datos [type="checkbox"]:checked:focus + label:before,
.datos [type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted blue;
}   
#controles{
  position:fixed;
  top: 10%;
  right:0px;
}
#controles a{
  display: block;
  text-align: left;
  position: relative;
  right: -56px;
  border-left: 5px solid #919191;
  border-radius: 10px 0 0px 10px;

  -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
      -ms-transition: all .25s ease;
       -o-transition: all .25s ease;
          transition: all .25s ease;
}
#controles a:hover{
  right: 0px;
  border-left: 5px solid #c11e07;
}
#controles a:nth-child(2):hover{
  border-left: 5px solid #56a03d;
}
#controles a:last-child:hover{
  border-left: 5px solid #872e22;
}
#controles a>img{
  width:24px;
} 
.pointer{
	cursor:pointer;
}