@charset "UTF-8";
address,cite,q,dfn {
    font-style: normal;
}

h1,h2,h3,h4,h5,h6,th {
    font-weight: 400;
}

article,aside,dialog,figure,footer,header,hgroup,nav,section {
    display: block;
}

a,ins,del {
    text-decoration: none;
}

q,blockquote {
    quotes: none;
}

q:after,q:before,blockquote:after,blockquote:before {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th,td {
    vertical-align: top;
}

th {
    text-align: left;
}

button,input,select,textarea {
    font: inherit;
}

html,body {
}

html {
    overflow-x: auto;
    overflow-y: scroll;
}

#wrapper {
    border: 0px solid #33373b;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#site{
    background-color: #eee;
   /* padding: 40px; */
	}

a:hover,a:focus {
    color: #890364;
    text-decoration:none;
}
.list-inline li a:hover{
    text-decoration: underline !important;
}

del {
    text-decoration: line-through;
}

li {
    list-style: none;
}

button,input[type="submit"],input[type="image"],label,label > input[type="checkbox"],label > input[type="radio"] {
    cursor: pointer;
}

#title {
    text-align: center;
    position: relative;
}

#title h1 {
    font: 400 36px/45px "Myriad Pro","Myriad","Gill Sans","Frutiger Linotype","Helvetica Neue",sans-serif;
    text-align: center;
    text-shadow: rgba(0,0,0,0.5) 0 1px 4px;
    color: #46c5ec;
    position: relative;
    width: 221px;
    height: 45px;
    margin: 0 auto;
    overflow: hidden;
}

#title h1 span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/i/quicksand-logo.png?1354486198") no-repeat;
}

#title p {
    margin-top: 3px;
    margin-right: 0;
}

#title a {
    position: absolute;
    left: -12px;
    top: 13px;
    background: #44494e url("../images/i/nav.png?1354486198") no-repeat 0 0;
    color: #282b2e;
    font-size: 11px;
    line-height: 1;
    border: 0;
    text-shadow: rgba(255,255,255,0.08) 0 1px 0;
    padding: 5px 4px 5px 14px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-transition: background-color .15s linear;
    -moz-transition: background-color .15s linear;
}

#title a:hover,#title a:focus {
    background-color: #5b6269;
}

#title a:active {
    left: -13px;
}


ol,ul {
    margin-left: 0px;
}

ol li {
    list-style: decimal;
}

ul li {
    list-style: none;
}

li.spaced {
    margin-bottom: 20px;
}



.header {
    font: 400 24px/1 "Myriad Pro","Myriad","Gill Sans","Frutiger Linotype","Helvetica Neue",sans-serif;
    text-shadow: rgba(0,0,0,0.5) 0 1px 2px;
    color: #46c5ec;
    background: url("../images/i/arrow.png?1354486198") no-repeat;
    margin-left: -59px;
    padding-left: 59px;
    margin-top: 16px;
    padding-top: 4px;
}

.misc ~ .header {
    background-image: url("../images/i/arrow-misc.png?1354486198");
    color: #6f7378;
}

pre {
    margin-left: -20px;
    margin-right: -20px;
    padding: 10px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #1d1f21;
}


.code-source {
    color: #df9e2e;
}

.code-dest {
    color: #d36666;
}

.code-dest-item {
    color: #a1d366;
}

.code-data-attr {
    color: #7f8687;
}

.code-dest-item .code-data-attr {
    color: #536e35;
}

table {
    margin-left: -20px;
    width: 900px;
    background-color: #1d1f21;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

th,td {
    padding: 5px 10px;
}

th {
    background-color: #33373b;
    padding-bottom: 10px;
}

tr:first-child td {
    padding-top: 10px;
}

th:first-child,td:first-child {
    padding-left: 20px;
}

th {
    padding-top: 10px;
}

tr:last-child td {
    padding-bottom: 10px;
}

th:last-child,td:last-child {
    padding-right: 20px;
}

th:first-child {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
}

th:last-child {
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}

table .param-name {
    width: 150px;
}

table .param-default {
    width: 100px;
}

.button {
    background-color: #46c5ec;
    color: #282b2e;
    padding: 5px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 0;
}

.button:hover,.button:focus {
    background-color: #ededed;
    color: #282b2e;
}

.note {
    float: right;
    width: 240px;
    margin: -205px 0 0 0;
    opacity: .5;
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
}

pre:hover + .note,.note:hover {
    opacity: .999;
}

.splitter {
    margin-bottom:30px;
    text-align: center;
    background: #dedede;
    font-size: 12px;
    padding:10px 0px 10px 0px;
}

.splitter:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}

.splitter ul {
    margin-right: 0;
    margin-top: 0;
}

.splitter > li {
    padding-left: 8px;
}

.splitter ul li a {
    border-bottom: 0;
    position: static;
}

.splitter li,.splitter ul,.splitter ul li a {
    display: inline;
    display: inline-block;
    line-height: 1;
}

.splitter ul,.splitter ul li,.splitter ul li a {
    background-image: url("../images/i/buttons.png?1354486198");
    background-repeat: no-repeat;
}


.splitter ul li {
    margin-left: 1px;
}

.splitter ul li:first-child {
    margin-left: 0;
}

.splitter ul li a {
    padding: 5px 8px 6px;
    color: #070708;
    text-shadow: rgba(255,255,255,0.1) 0 1px 0;
    text-decoration: none;
}

.splitter ul li.selected-0 a,.splitter ul li.selected-1 a,.splitter ul li.selected-2 a {
    color: #fff;
    text-shadow: rgba(0,0,0,0.25) 0 1px 0;
    background-color: #5a611b;
    border-radius:5px;
    font-weight:700;
}

.actions:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}

.actions {
    margin-left: -40px;
}

.actions-two {
    padding-left: 155px;
}

.actions p {
    float: left;
    width: 260px;
    margin: 0 0 0 40px;
}

.actions p a {
    color: #fff;
    display: block;
    font: 700 24px/1 "Helvetica Neue",sans-serif;
    background: url("../images/i/actions.png?1354486198") no-repeat;
    border-bottom: 0;
    min-height: 42px;
    padding-top: 24px;
    opacity: .5;
    text-decoration: none;
    -webkit-transition: opacity .25s ease-out;
    -moz-transition: opacity .25s ease-out;
}

.actions p a strong {
    text-shadow: none;
}

.actions p a:hover,.actions p a:focus {
    opacity: .9999;
}

.actions p a.download {
    padding-left: 74px;
}

.actions p a.demos-n-docs {
    background-position: -270px 0;
    padding-left: 60px;
}

.actions p a.fork {
    background-position: -540px 0;
    padding-left: 76px;
}

.actions p a.download > span {
    font-size: 13px;
    display: block;
    opacity: .25;
    font-variant: small-caps;
    text-transform: lowercase;
}

.footer {
    font-size: 11px;
    text-shadow: rgba(255,255,255,0.08) 0 1px 0;
    margin: 40px 0 0;
    text-align: center;
    padding-bottom: 40px;
}

.footer,.footer a {
    color: #0e0f10;
    text-decoration: none;
    border-bottom: 0;
}

.footer span {
    display: block;
}

.demo p,.demo ul {
    margin-right: 0;
}

#performance-toggle {
    text-align: center;
    margin-right: 0;
    font-size: 11px;
    opacity: .5;
    -webkit-transition: opacity .25s linear;
    -moz-transition: opacity .25s linear;
}

#performance-toggle:hover {
    opacity: .999;
}

.image-grid {
    margin: -20px 0 0 -40px;
    padding-left: 0px;
    width: 910px;
}

.image-grid:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}

.image-grid li {
    width: auto;
    margin: 20px 0 0 35px;
    float: left;
    text-align: center;
    line-height: 17px;
    color: #686f74;
    height: 177px;
    overflow: hidden;
}

.image-grid li img,.image-grid li strong {
    display: block;
}

.image-grid li strong {
    color: #333;
}

p.question {
    font-weight: bolder;
}

q {
    background-color: #1D1F21;
}

ol.faq {
    margin-right: 0;
}

.highlight {
    font-size: 15px;
    background: #181818;
}

.highlight .hll {
    background-color: #ffffcc;
}

.highlight .c {
    color: #5F5A60;
    font-style: italic;
}

.highlight .err {
    border: #B22518;
}

.highlight .k {
    color: #cda869;
}

.highlight .cm {
    color: #5F5A60;
    font-style: italic;
}

.highlight .cp {
    color: #5f5a60;
}

.highlight .c1 {
    color: #5F5A60;
    font-style: italic;
}

.highlight .cs {
    color: #5F5A60;
    font-style: italic;
}

.highlight .gd {
    background: #420e09;
}

.highlight .ge {
    font-style: italic;
}

.highlight .gr {
    background: #b22518;
}

.highlight .gh {
    color: #000080;
    font-weight: 700;
}

.highlight .gi {
    background: #253b22;
}

.highlight .gp {
    font-weight: 700;
}

.highlight .gs {
    font-weight: 700;
}

.highlight .gu {
    color: #800080;
    font-weight: 700;
}

.highlight .kd {
    color: #e9df8f;
}

.highlight .kp {
    color: #9b703f;
}

.highlight .na {
    color: #f9ee98;
}

.highlight .nb {
    color: #cda869;
}

.highlight .nc {
    color: #9B859D;
    font-weight: 700;
}

.highlight .no {
    color: #9b859d;
}

.highlight .nd {
    color: #7587a6;
}

.highlight .ni {
    color: #CF6A4C;
    font-weight: 700;
}

.highlight .nf {
    color: #9B703F;
    font-weight: 700;
}

.highlight .nn {
    color: #9B859D;
    font-weight: 700;
}

.highlight .nt {
    color: #CDA869;
    font-weight: 700;
}

.highlight .nv {
    color: #7587a6;
}

.highlight .ow {
    color: #AA22FF;
    font-weight: 700;
}

.highlight .w {
    color: #141414;
}

.highlight .mf {
    color: #cf6a4c;
}

.highlight .mh {
    color: #cf6a4c;
}

.highlight .mi {
    color: #cf6a4c;
}

.highlight .mo {
    color: #cf6a4c;
}

.highlight .sb {
    color: #8f9d6a;
}

.highlight .sc {
    color: #8f9d6a;
}

.highlight .sd {
    color: #8F9D6A;
    font-style: italic;
}

.highlight .s2 {
    color: #8f9d6a;
}

.highlight .se {
    color: #F9EE98;
    font-weight: 700;
}

.highlight .sh {
    color: #8f9d6a;
}

.highlight .si {
    color: #DAEFA3;
    font-weight: 700;
}

.highlight .sx {
    color: #8f9d6a;
}

.highlight .sr {
    color: #e9c062;
}

.highlight .s1 {
    color: #8f9d6a;
}

.highlight .ss {
    color: #cf6a4c;
}

.highlight .bp {
    color: #00aaaa;
}

.highlight .vc {
    color: #7587a6;
}

.highlight .vg {
    color: #7587a6;
}

.highlight .vi {
    color: #7587a6;
}

.highlight .il {
    color: #009999;
}

#list{
    padding:0px;
}
#list li{
    background-color: #fff;
    display:inline-block;
    margin: 7px 7px 20px 7px;
    padding:0px;
    border: 1px solid #d0d0d0;
	min-height:345px;
    
}
#list li:hover{
    -webkit-box-shadow: 1px 1px 5px 2px rgba(50, 50, 50, 0.05);
    -moz-box-shadow:    1px 1px 5px 2px rgba(50, 50, 50, 0.05);
    box-shadow:         1px 1px 5px 2px rgba(50, 50, 50, 0.05);
}
#list li p{
    padding: 0px 10px 0px 10px;
    margin: 0px;
    text-align:justify;
}
#list li h4{
    padding:0px 10px 0px 10px;
}
.pminimo{
   background: #6d6d6d;
   color:#fff;
   font-weight:200;
   max-width:50%;
   padding:5px;
   font-size:16px;
   z-index:1000;
   position:absolute;
   
}
.info-curso{
    font-weight:700;
    font-size:14px;
    margin-right:10px;
}

.filtro-idioma{
    margin:0px;
    text-align:center;
}
.filtro-idioma div{
    padding:0px !important;
}
.filtro-idioma li{
    display:inline-block;
}
.filtro-idioma a{

    padding:10px 0px 10px 0px;
    width:auto;
    display:block;
}



.filtro-idioma .active, .filtro-idioma a:hover{
    background-color: #5a611b;
    font-weight:700;
	 color:#fff;
}
.icono-pais{
       z-index:1000;
       position:absolute;
        top:3%;
       left:3%;
    }

.icono-avion{
       z-index:1000;
       position:absolute;
        top:3%;
       left:20%;
    }


@media (min-width: 1200px){
#qsand    .col-lg-3 {
        width: 270px!important;
    }
#qsand   .pminimo{
        top:-15px;
        left:150px;
    }
#qsand    .migas{
        margin:-14px 0px 5px 0px;
    }
}
@media (max-width: 1199px) and (min-width: 690px){
#qsand    .col-md-4 {
        width: 30%;
    }
    .pminimo{
        top:-15px;
        left:60%;
        font-size:14px;
    }
    .migas{
        margin:-28px 0px 0px 0px;
    }
}
@media (max-width: 689px) and (min-width: 768px){
#qsand    .col-sm-6 {
        width: 47%;
    }
    .filtro-idioma{
        margin-top:70% !important;
    }

}
@media (max-width: 767px) and (min-width: 200px){
    .pminimo{
        top:-15px;
        left:50% !important;
    }
    .filtro-idioma{
        margin-top:50px !important;
}