﻿Body {
    margin:0px;
    padding: 0px;
    font-family: Calibri;
    min-width:800px;
}

input {
    /*display: inline-block;
    padding: 5px;
    font-family: Calibri;
    margin: 10px;*/
}

.Button {
    border:2px;
    border-radius: 10px;
    border-color: #FFFFFF;
    color: #FFFFFF;
    background-color: #007DC3;
    width: 180px;
    height: 30px;
    padding: 0px;
    font-size: 20px;
    font-family: Calibri
}

.btnFloat-Left {
    float:left;
}

.btnFloat-Right {
    float:right;
}

.Button:hover {
    border:3px solid;
    border-radius: 10px;
    border-color: #007DC3;
    color: #FFFFFF;
    background-color: #046B99;
    width: 180px;
    height: 30px;
    font-size: 20px;
    font-family: Calibri
}


.divBx{
    border: 3px solid;
    border-radius: 20px;
    border-color:#00B5C8;
    width: 90%;
    margin: 20px;
}

.Box {
    background: url(../img/avatar.png) no-repeat scroll 9px 6px;
    padding-left:30px;
    border: 1px solid;
    border-radius: 20px;
    border-color:#00B5C8;
    width: 80%;
    font-family: Calibri;
    margin:10px;
    margin-left: 10px;
    height: 25px;
}

.BoxPwd {
    background: url(../img/lock.png) no-repeat scroll 9px 6px;
    padding-left:30px;
    border: 1px solid;
    border-radius: 20px;
    border-color:#00B5C8;
    width: 80%;
    font-family: Calibri;
    margin:10px;
    margin-left: 10px;
    height: 25px;
}

.BoxEmpty {
    padding-left:15px;
    border: 1px solid;
    border-radius: 20px;
    border-color:#00B5C8;
    width: 80%;
    font-family: Calibri;
    margin:10px;
    margin-left: 10px;
    height: 25px;
}

.ComboBox {
    padding-left:15px;
    border: 1px solid;
    border-radius: 5px;
    border-color:#00B5C8;
    width: 80%;
    font-family: Calibri;
    margin:10px;
    margin-left: 10px;
    height: 25px;
}


.Full-Text-Small {
    font-size: 8pt;
    color: #000000;

}

.Light-Text-Small{
    font-size: 8pt;
    color: #BCBBBB;
    font-weight: bold;
}

.Full-Text-Medium {
    font-size: 10pt;
    color: #000000;

}

.Light-Text-Medium{
    font-size: 10pt;
    color: #BCBBBB;
    font-weight: bold;
}

.Full-Text-Big {
    font-size: 14pt;
    color: #000000;

}

.Full-Text-ExtraBig {
    padding-left: 10px;
    font-size: 15pt;
    color: #000000;
    font-weight: bold;
}

.Light-Text-Big{
    font-size: 14pt;
    color: #BCBBBB;
    font-weight: bold;
}

.Title-Text {
    font-size: 14pt;
    font-weight: bold;
    color: #000000;
}

.Label-Text {
    font-size: 11pt;
    font-weight: bold;
    color: #000000;
}

.Option-Menu {
    font-size: 12pt;
    border: 0.5pt;
    border-color:#A5A5A5;
    background-color:#F2F2F2;
}

.Option-Menu-Selected {
    border:none;
    background-color: #6ACFF6
}

.Header-Title {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#007dc3+0,ddf1f9+50,ddf1f9+50,ffffff+100 */
background: #007dc3; /* Old browsers */
background: -moz-linear-gradient(left,  #007dc3 0%, #ddf1f9 40%, #ddf1f9 40%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #007dc3 0%,#ddf1f9 40%,#ddf1f9 40%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #007dc3 0%,#ddf1f9 40%,#ddf1f9 40%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007dc3', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    height: 100px;
    min-width: 400px;

}

.Header-Label {
    color:#FFFFFF;
    margin-left: 10px;
    margin-top: 10px;
    position: relative;
    font-size: 20pt;
    font-weight: bold;
    float:left;
    text-align:left;
}

.Header-Img {
    width: 200px;
    height: 90px;
    padding-right: 2%;
    padding-top: 5px;
    position: relative;
    float:right;
}




.tbTopLeft {

    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    padding: 0;
    margin: 0;
}

.tbTopRight {
    background-position:top right;
    padding: 0;
    margin: 0;
}
.tbBottomLeft {

    background-repeat: no-repeat;
    width: 10px;
    height: 12px;
}

.tbBottomRight {
    background-position:bottom right;
    background-repeat: no-repeat;
}

.tbHorizontal-Bottom {
    background-position:bottom;
    background-repeat: repeat-x;
}

.tbvertical-Left {
    background-position:left;
    background-repeat: repeat-y;
}


.tbHorizontal-Top {
    background-position:top;
    background-repeat: repeat-x;
     height: 10px;
}

.tbvertical-Right {
    width: 10px;
    background-position:right;
    background-repeat: repeat-y;
}

.dvTB {
    width:100%;
    min-width: 200px;

}

.dvContent {
    width:100%;
    text-align: center;

}

.dvCopy {
    text-align: center;
    position:absolute;
    width:100%;
}

.Bott {
    vertical-align: bottom;
}

.dvCount {
    right:5px;
    position:absolute;
    width:15%;
}

.tb {
    padding: 0;
    margin:0;
    border:none;
}

.Menu {
    width:20%;
    height: auto;
    position:absolute;
    margin-left: 0px;
    margin-top: 50px;
    min-width: 150px;
    max-width: 300px;
    background-color: #F2F2F2;
    border-top-right-radius: 20px;
}

.Menu input {
    border:none;
    border-radius: 10px;
    border-color: #FFFFFF;
    color: #FFFFFF;
    background-color: #007DC3;
    width: 200px;
    height: 50px;
    margin-left: 25px;
    margin-top: 0px;
    font-size: 20px;
    font-family: Calibri
}

.MenuSelected {
    background-color: #6ACFF6;
}



.Menu input:hover {
    border:3px solid;
    border-radius: 10px;
    border-color: #007DC3;
    color: #FFFFFF;
    background-color: #046B99;
    width: 200px;
    height: 50px;
    padding: 5px;
    font-size: 20px;
    font-family: Calibri
}


.ButtonD {
    text-align: left;
    border: 2px;
    border-radius: 10px;
    border-color: #FFFFFF;
    color: #FFFFFF;
    background-color: #007DC3;
    width: 200px;
    height: 50px;
    padding: 5px;
    font-size: 20px;
    font-family: Calibri;
    
}

li {
    background: url(../img/avatar.png) no-repeat scroll 6px 4px;
    padding-left:30px;   
    list-style:none;
    margin:5px;
}


.divCompressors {
    display:inline-block;
    min-width:600px;
}

.objCompressor {
    margin:15px;
}

.bLeft {
    border-left: 5px solid red;
}

.bRight {
    border-right: 5px solid blue;
}

.bTop {
    border-top: 5px solid black;
}

.bBottom {
    border-bottom: 5px solid green;
}

.instrucciones {
    width:100%;
    padding:0;
    padding-left:20px;
    margin:0;
    font-size:10pt;
    color: #6495ED;
    text-align:left;
}



.hide {
    display:none;
}

.show {
    display:block;
}

