*/@media print {
    * {
        color: #000!important;
        text-shadow: none!important;
        background: transparent!important;
        box-shadow: none!important
    }
    a, a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    tr, img {
        page-break-inside: avoid
    }
    img {
        max-width: 100%!important
    }
    @page {
        margin: .5cm
    }
    p, h2, h3 {
        orphans: 3;
        widows: 3
    }
    h2, h3 {
        page-break-after: avoid
    }
}
body {
    font-family: Arial, Tahoma, sans-serif;
    font-size: 15px;
    line-height: 20px;
    margin: 0;
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 20px
}
a {
    color: #000;
    text-decoration: none
}
a:hover, a:focus {
    color: #000;
    text-decoration: underline
}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 940px
}
.span12 {
    width: 940px
}
.span11 {
    width: 860px
}
.span10 {
    width: 780px
}
.span9 {
    width: 700px
}
.span8 {
    width: 620px
}
.span7 {
    width: 22.9%
}
.span6 {
    width: 460px
}
.span5 {
    width: 380px
}
.span4 {
    width: 300px
}
.span3 {
    width: 220px
}
.span2 {
    width: 140px
}
.span1 {
    width: 60px
}
.row-fluid {
    width: 100%
}
.row-fluid:before, .row-fluid:after {
    display: table;
    line-height: 0;
    content: ""
}
.row-fluid:after {
    clear: both
}
.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.127659574468085%;
    *margin-left: 2.074468085106383%;
    box-sizing: border-box
}
.row-fluid [class*="span"]:first-child {
    margin-left: 0
}
.row-fluid .controls-row [class*="span"]+[class*="span"] {
    margin-left: 2.127659574468085%
}
.row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
    background-color: #F5F5F5;
    padding: 25px;
    font-size: 14px
}
.row-fluid .span11 {
    width: 91.48936170212765%;
    *width: 91.43617021276594%
}
.row-fluid .span10 {
    width: 82.97872340425532%;
    *width: 82.92553191489361%
}
.row-fluid .span9 {
    width: 74.46808510638297%;
    *width: 74.41489361702126%
}
.row-fluid .span8 {
    width: 65.95744680851064%;
    *width: 65.90425531914893%
}
.row-fluid .span7 {
    width: 48.93617021276595%;
    *width: 48.88297872340425%
}
.row-fluid .span6 {
    width: 48.93617021276595%;
    *width: 48.88297872340425%
}
.row-fluid .span5 {
    width: 40.42553191489362%;
    *width: 40.37234042553192%
}
.row-fluid .span4 {
    width: 31.914893617021278%;
    *width: 31.861702127659576%
}
.row-fluid .span3 {
    width: 23.404255319148934%;
    *width: 23.351063829787233%
}
.row-fluid .span2 {
    width: 14.893617021276595%;
    *width: 14.840425531914894%
}
.row-fluid .span1 {
    width: 6.382978723404255%;
    *width: 6.329787234042553%
}
.container {
    margin-right: auto;
    margin-left: auto
}
p {
    margin: 0 0 10px
}
small {
    font-size: 85%
}
strong {
    font-weight: 700
}
h1, h2, h3, h4, h5, h6, h9 {
    margin: 10px 0;
    font-weight: 700;
    color: inherit;
    text-rendering: optimizelegibility
}
h1, h2, h3 {
    line-height: 40px
}
h1 {
    font-size: 38.5px
}
h2 {
    font-size: 20.5px
}
h3 {
    font-size: 24.5px
}
h4 {
    font-size: 24.5px;
    margin-bottom: 35px
}
h5 {
    font-size: 24.5px;
    margin-bottom: 50px;
    text-align: center
}
h6 {
    font-size: 24.5px;
    margin-bottom: 10px;
    text-align: center
}
h9 {
    font-size: 24.5px;
    margin-bottom: 35px
}
ul, ol {
    padding: 0;
    margin: 0 0 10px 25px
}
ul ul, ul ol, ol ol, ol ul {
    margin-bottom: 0
}
hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #fff
}
form {
    margin: 0 0 20px
}
label {
    display: block;
    margin-bottom: 5px
}
textarea, input[type="text"], .uneditable-input {
    display: inline-block;
    height: 40px;
    padding: 4px 6px;
    margin-bottom: 0;
    font-size: 22px;
    line-height: 20px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px
}
input, textarea, .uneditable-input {
    margin-right: -0.3rem;
    width: 350px
}
textarea {
    height: auto
}
textarea, input[type="text"], .uneditable-input {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border linear 0.2s, box-shadow linear 0.2s
}
input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"] {
    float: none;
    margin-left: 0
}
.input-append input[class*="span"], .input-append .uneditable-input[class*="span"], .input-prepend input[class*="span"], .input-prepend .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"], .row-fluid .input-prepend [class*="span"], .row-fluid .input-append [class*="span"] {
    display: inline-block
}
input, textarea, .uneditable-input {
    margin-left: 0
}
input.span12, textarea.span12, .uneditable-input.span12 {
    width: 926px
}
input.span11, textarea.span11, .uneditable-input.span11 {
    width: 846px
}
input.span10, textarea.span10, .uneditable-input.span10 {
    width: 766px
}
input.span9, textarea.span9, .uneditable-input.span9 {
    width: 686px
}
input.span8, textarea.span8, .uneditable-input.span8 {
    width: 606px
}
input.span7, textarea.span7, .uneditable-input.span7 {
    width: 446px
}
input.span6, textarea.span6, .uneditable-input.span6 {
    width: 446px
}
input.span5, textarea.span5, .uneditable-input.span5 {
    width: 366px
}
input.span4, textarea.span4, .uneditable-input.span4 {
    width: 286px
}
input.span3, textarea.span3, .uneditable-input.span3 {
    width: 206px
}
input.span2, textarea.span2, .uneditable-input.span2 {
    width: 126px
}
input.span1, textarea.span1, .uneditable-input.span1 {
    width: 46px
}
table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0
}
.table {
    width: 100%;
    margin-bottom: 20px
}
.table th, .table td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #ddd
}
.table th {
    font-weight: 700
}
.table thead th {
    vertical-align: bottom
}
.table caption+thead tr:first-child th, .table caption+thead tr:first-child td, .table colgroup+thead tr:first-child th, .table colgroup+thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td {
    border-top: 0
}
.table tbody+tbody {
    border-top: 2px solid #ddd
}
.table .table {
    background-color: #fff
}
.table-condensed th, .table-condensed td {
    padding: 4px 5px
}
.table-hover tbody tr:hover>td, .table-hover tbody tr:hover>th {
    background-color: #f5f5f5
}
table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], .row-fluid table th[class*="span"] {
    display: table-cell;
    float: none;
    margin-left: 0
}
.table td.span1, .table th.span1 {
    float: none;
    width: 44px;
    margin-left: 0
}
.table td.span2, .table th.span2 {
    float: none;
    width: 124px;
    margin-left: 0
}
.table td.span3, .table th.span3 {
    float: none;
    width: 204px;
    margin-left: 0
}
.table td.span4, .table th.span4 {
    float: none;
    width: 284px;
    margin-left: 0
}
.table td.span5, .table th.span5 {
    float: none;
    width: 364px;
    margin-left: 0
}
.table td.span6, .table th.span6 {
    float: none;
    width: 444px;
    margin-left: 0
}
.table td.span7, .table th.span7 {
    float: none;
    width: 444px;
    margin-left: 0
}
.table td.span8, .table th.span8 {
    float: none;
    width: 604px;
    margin-left: 0
}
.table td.span9, .table th.span9 {
    float: none;
    width: 684px;
    margin-left: 0
}
.table td.span10, .table th.span10 {
    float: none;
    width: 764px;
    margin-left: 0
}
.table td.span11, .table th.span11 {
    float: none;
    width: 844px;
    margin-left: 0
}
.table td.span12, .table th.span12 {
    float: none;
    width: 924px;
    margin-left: 0
}
.table tbody tr.success>td {
    background-color: #caeecf
}
.table tbody tr.error>td {
    background-color: #fadfdd
}
.table tbody tr.warning>td {
    background-color: #fcefd4
}
.table tbody tr.info>td {
    background-color: #e7b8d1
}
.table-hover tbody tr.success:hover>td {
    background-color: #b6e8bd
}
.table-hover tbody tr.error:hover>td {
    background-color: #f7cac7
}
.table-hover tbody tr.warning:hover>td {
    background-color: #fae6bd
}
.table-hover tbody tr.info:hover>td {
    background-color: #e0a5c5
}
.btn {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    display: inline-block
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
    color: #333;
    background-color: #e6e6e6;
    *background-color: #d9d9d9
}
.btn:active, .btn.active {
    background-color: #ccc 9
}
.btn:hover, .btn:focus {
    color: #333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear
}
.btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}
.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
}
.btn.disabled, .btn[disabled] {
    cursor: default;
    background-image: none;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
.btn-small {
    float: right;
    padding: 4px 15px;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}
.btn-small [class^="icon-"], .btn-small [class*=" icon-"] {
    margin-top: 0
}
.btn-primary.active, .btn-success.active {
    color: rgba(255, 255, 255, .75)
}
.btn-primary {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #dd5c14;
    *background-color: #dd7a14;
    background-color: #5bb75b;
    *background-color: #007BFF;
    background-image: -moz-linear-gradient(top, #62c462, #007BFF);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#007BFF));
    background-image: -webkit-linear-gradient(top, #62c462, #007BFF);
    background-image: -o-linear-gradient(top, #62c462, #007BFF);
    background-image: linear-gradient(to bottom, #62c462, #007BFF);
    background-repeat: repeat-x;
    border-color: #62c462 #62c462 #007BFF;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffdd4814', endColorstr='#ffdd7a14', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    color: #fff;
    background-color: #007BFF;
    *background-color: #007BFF
}
.btn-primary:active, .btn-primary.active {
    background-color: #ae6010 9
}
.btn-success {
    height: 50px;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #5bb75b;
    background-image: linear-gradient(to bottom, #62c462, #007BFF);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    -webkit-border-radius: 4px
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
    color: #fff;
    background-color: #007BFF;
    *background-color: #499249
}
.btn-success:active, .btn-success.active {
    background-color: #408140 9
}
.navbar .nav {
    position: relative;
    left: 0;
    display: block;
    float: left;
    margin: 0 10px 0 0
}
.navbar .nav.pull-right {
    float: right;
    margin-right: 0
}
.navbar .nav>li {
    float: left
}
.navbar .nav>li>a {
    float: none;
    padding: 10px 15px 10px;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 1px 0 #ce4213
}
.navbar .nav>li>a:focus, .navbar .nav>li>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #a5360f
}
.breadcrumb {
    margin: 0 0 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
    margin-top: 1rem;
    padding: .75rem 1rem
}
.breadcrumb>li {
    display: inline-block
}
.breadcrumb>li>.divider {
    padding: 0 5px;
    color: #ccc
}
.breadcrumb>.active {
    color: #000
}
.thumbnails {
    margin-left: -20px;
    list-style: none
}
.thumbnails:before, .thumbnails:after {
    display: table;
    line-height: 0;
    content: ""
}
.thumbnails:after {
    clear: both
}
.row-fluid .thumbnails {
    margin-left: 0
}
.thumbnails>li {
    float: left;
    margin-bottom: 20px;
    margin-left: 20px
}
.thumbnail {
    display: block;
    padding: 4px;
    line-height: 20px;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .055);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .055);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .055);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}
.thumbnail>img {
    display: block;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto
}
.thumbnail .caption {
    padding: 19px;
    color: #555
}
.pull-left {
    float: left
}
.navbar .nav>li>a {
    border-right: 1px solid rgba(0, 0, 0, .2);
    border-left: 1px solid rgba(255, 255, 255, .1)
}
.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}
.panel-body {
    display: flex;
    place-items: center;
    justify-content: center;
    background-image: url(../img/fondo.webp);
    border-radius: 5px;
    box-shadow: 0 0 3px #000000
}
.blanco {
    background-color: #FFF;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 3px #C9C9C9
}
.input-group-addon {
    display: none!important
}
.panel-primary>.panel-heading {
    color: #ffffff;
    background-color: #000000;
    border-color: #dddddd;
    border-radius: 5px;
    box-shadow: 0 0 3px #C9C9C9;
    margin-bottom: -9px
}
.lista {
    display: flex;
    place-items: center;
    justify-content: center
}
.panel-title {
    font-size: 17px;
    text-align: center
}
.seleccion {
    font-size: 20px;
    text-align: center
}
.col-md-offset-2 {
    margin-left: 20.66666667%;
    margin-right: 20.66666667%
}
.canales {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #dd5c14;
    *background-color: #dd7a14;
    background-color: #5bb75b;
    *background-color: #007BFF;
    background-image: -moz-linear-gradient(top, #62c462, #007BFF);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#007BFF));
    background-image: -webkit-linear-gradient(top, #62c462, #007BFF);
    background-image: -o-linear-gradient(top, #62c462, #007BFF);
    background-image: linear-gradient(to bottom, #62c462, #007BFF);
    background-repeat: repeat-x;
    border-color: #62c462 #62c462 #007BFF;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffdd4814', endColorstr='#ffdd7a14', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    padding: 4px 15px;
    font-size: 24px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}
#chica1 {
    float: left
}
#chica2 {
    float: right
}
#chico1 {
    float: left;
    margin-top: 7rem
}
#chico2 {
    float: right;
    margin-top: 7rem
}
#exotico1 {
    float: left;
    margin-top: -1rem
}
#exotico2 {
    float: right;
    margin-top: -1rem
}
#bocina1 {
    float: left
}
#bocina2 {
    float: right
}
.radio {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    height: 30px;
    borde: 5px;
    border-radius: 10px 10px 10px 10px
}
h1 {
    color: green;
    text-shadow: 0 0 30px #007BFF;
}
#carrusel-caja {
    -moz-animation: automatizacion 15s infinite linear;
    -o-animation: automatizacion 15s infinite linear;
    -webkit-animation: automatizacion 15s infinite linear;
    animation: automatizacion 15s infinite linear;
    -webkit-transition: all .75s ease;
    -moz-transition: all .75s ease;
    -ms-transition: all .75s ease;
    -o-transition: all .75s ease;
    transition: all .75s ease;
    height: auto;
    width: 300%
}
#carrusel-contenido {
    margin-left: 12.5%;
    margin-right: 12.5%;
    overflow: hidden
}
.imagenes {
    height: auto;
    width: 100%
}
.carrusel-elemento {
    float: left;
    width: 33.333%
}
@-moz-keyframes automatizacion {
    0% {
        margin-left: 0
    }
    30% {
        margin-left: 0
    }
    35% {
        margin-left: -100%
    }
    65% {
        margin-left: -100%
    }
    70% {
        margin-left: -200%
    }
    95% {
        margin-left: -200%
    }
    100% {
        margin-left: 0
    }
}
@-webkit-keyframes automatizacion {
    0% {
        margin-left: 0
    }
    30% {
        margin-left: 0
    }
    35% {
        margin-left: -100%
    }
    65% {
        margin-left: -100%
    }
    70% {
        margin-left: -200%
    }
    95% {
        margin-left: -200%
    }
    100% {
        margin-left: 0
    }
}
@keyframes automatizacion {
    0% {
        margin-left: 0
    }
    30% {
        margin-left: 0
    }
    35% {
        margin-left: -100%
    }
    65% {
        margin-left: -100%
    }
    70% {
        margin-left: -200%
    }
    95% {
        margin-left: -200%
    }
    100% {
        margin-left: 0
    }
}
#carrusel-contenido {
    border-width: 5px;
    border-style: solid;
    border-color: #007BFF
}
.carrusel-elemento p {
    font-size: 2rem;
    color: #000;
    text-align: center;
    padding-right: 5px;
    text-shadow: 0 0 30px #007BFF
}
#main-container {
    margin-right: 150px;
    margin-left: 150px;
    width: 600px
}
table {
    background-color: white;
    text-align: left;
    border-collapse: collapse;
    width: 100%
}
th, td {
    padding: 20px
}
thead {
    background-color: #007BFF;
    border: solid 5px #0F362D;
    color: #000000
}
tr:nth-child(even) {
    background-color: #ddd
}
tr:hover td {
    background-color: #5bb75b;
    color: white
}
}