/** Alineaciones y texto**/

#xcontainer {
    border-radius: 5px;
}

.middlealign {
    vertical-align: middle;
}

.whitesubtitle {
    font-size:     20px;
    color:         #FFF;
    padding-top:   4px;
    padding-left:  10px;
    border-bottom: 1px solid #a5a5a5;
}

hr.cyanhr {
    height:                  4px;
    color:                   #03C9E3;
    background:              #03C9E3;
    box-shadow:              0 2px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow:      0 2px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:         0 2px 5px rgba(0, 0, 0, 0.25);
    margin:                  0 0 10px 0;
    border-top-left-radius:  5px;
    border-top-right-radius: 5px;
}

.shadowed{
    box-shadow:              2px 2px 5px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow:      2px 2px 5px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:         2px 2px 5px 2px rgba(0, 0, 0, 0.25);
}

.sizer {
    font-size:   14px;
    line-height: 1.05;
}

#whiteheader {
    font-size:   14px;
    font-weight: bold;
    font-style:  italic;
    color:       #FFF;
}

ul.fcglist {
    list-style:    disc;
    margin-left:   21px;
    color:         #565656;
    line-height:   1.15;
    margin-bottom: 6px;
}

.whitetext {
    color: #FFF;
}

.aboutus {
    color:                      #FFF;
    background:                 #9d9d9d;
    border:                     1px solid #a5a5a5;
    border-top-left-radius:     5px;
    border-bottom-left-radius:  5px;

    border-bottom-right-radius: 5px;
}

.centertext {
    text-align: center;
}

.righttext {
    text-align: right;
}


.lefttext {
    text-align: left;
}

.marginleft{
    margin-left: 6px;
}

.floatright {
    padding: 4px;
    float:   right;
}


.floatleft {
    padding: 4px;
    float:   left;
}

h3.whiteout {
    color:       #FFFFFF;
    text-shadow: 2px 2px #666666;
}

.redtext {
    color:       #FF0000;
    font-weight: bold;
}

.graytext {
    color:       #706363;
    font-weight: bold;
}

.tablacafe {
    padding:        2px;
    width:          184px;
    height:         110px;
    vertical-align: middle;
    border:         1px solid #813D16;
}

.tablacafeheader {
    background:              #813D16;
    color:                   #FFFFFF;
    text-align:              center;
    height:                  20px;
    font-size:               14px;

    border-top-left-radius:  5px;
    border-top-right-radius: 5px;
}

.tablaazul {
    padding:                 2px;
    border:                  1px solid #014880;
    border-top-left-radius:  5px;
    border-top-right-radius: 5px;
    width:                   184px;
    height:                  110px;
    vertical-align:          middle;
}

.tablaazulheader {
    background: #014880;
    color:      #FFFFFF;
    text-align: center;
    height:     20px;
    font-size:  14px;
}

.tablaverde {
    padding:                 2px;
    border:                  1px solid #7EB54F;
    border-top-left-radius:  5px;
    border-top-right-radius: 5px;
    width:                   184px;
    height:                  110px;
    vertical-align:          middle;
}

.tablaverdeheader {
    background: #7EB54F;
    color:      #FFFFFF;
    text-align: center;
    height:     20px;
    font-size:  14px;

}

.tablacyan {
    padding:                 2px;
    border:                  1px solid #51C2EE;
    border-top-left-radius:  5px;
    border-top-right-radius: 5px;
    width:                   184px;
    height:                  110px;
    vertical-align:          middle;
}

.tablacyanheader {
    background:     #51C2EE;
    color:          #FFFFFF;
    text-align:     center;
    height:         20px;
    font-size:      14px;
    vertical-align: middle;
}

.tablanaranja {
    padding:                 2px;
    border:                  1px solid #F25312;
    border-top-left-radius:  5px;
    border-top-right-radius: 5px;
    width:                   184px;
    height:                  110px;
    vertical-align:          middle;
}

.tablanaranjaheader {
    background: #F25312;
    color:      #FFFFFF;
    text-align: center;
    height:     20px;
    font-size:  14px;
}

.tablamarino {
    padding:                 2px;
    border:                  1px solid #002841;
    border-top-left-radius:  5px;
    border-top-right-radius: 5px;
    width:                   184px;
    height:                  110px;
    vertical-align:          middle;
}

.tablamarinoheader {
    background: #002841;
    color:      #FFFFFF;
    text-align: center;
    height:     20px;
    font-size:  14px;
}

/** Slideshow**/

#featured .content {
    background: transparent;
}

#featured .content h1 {
    font-family:    'Helvetica', 'Arial', serif;
    color:          #2f260f;
    font-weight:    bold !important;
    text-transform: uppercase;
    text-shadow:    1px 1px 0 #f8f0d1, 2px 2px 0 #f8f0d1, 3px 3px 0 #1a5774;
    text-align:     center;
    margin-top:     15%;
}

#featured .content h3 {
    font-family: 'Helvetica', 'Arial', serif;
    color:       #7f6b37;
    font-weight: bold !important;
    text-align:  center;
}

#featured {
    background:    url(../images/38-1.gif) no-repeat center center #FFFFFF;
    height:        263px;
    margin-bottom: 3px;
}

#featured.orbit {
    height: auto;
}

#featured img, #featured div {
    display: none;
}

#featured.orbit img, #featured.orbit div {
    display: block;
}

@media handheld, only screen and (max-width: 767px) {

    #featured {
        height: 165px;
    }

    #featured.orbit {
        height: auto;
    }

    dl.nice.tabs.mobile {
        margin-bottom: 0px;
    }

    .nice.tabs.mobile dd a {
        padding: 12px 20px;
    }

    div.foundation-header h1 {
        font-size: 32px;
        font-size: 3.2rem;
    }

    div.slider-nav span {
        height:          50px;
        width:           39px;
        background-size: 100% auto;
        margin-top:      -25px;
    }
}

/** Paneles **/
div.lightpanel {
    padding:                 10px 10px 2px 10px;
    background:              #efefef;
    background:              -moz-linear-gradient(top, #DADADA 0%, #F4F4F4 100%);
    background:              -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DADADA), color-stop(100%, #F4F4F4));
    background:              -o-linear-gradient(top, #DADADA 0%, #f4f4f4 100%);
    filter:                  progid:DXImageTransform.Microsoft.gradient(startColorstr = '#DADADA', endColorstr = '#F4F4F4', GradientType = 0);
    box-shadow:              0 2px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow:      0 2px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:         0 2px 5px rgba(0, 0, 0, 0.25);
    margin:                  0 0 10px 0;
    border-top-left-radius:  5px;
    border-top-right-radius: 5px;
}

div.bluepanel {
    padding:            5px 5px 2px 5px;
    color:              #F5F5F5;
    background:         #565656;
    background:         -moz-linear-gradient(top, #454545 0%, #565656 100%);
    background:         -webkit-gradient(linear, left top, left bottom, color-stop(0%, #454545), color-stop(100%, #565656));
    background:         -o-linear-gradient(top, #454545 0%, #565656 100%);
    filter:             progid:DXImageTransform.Microsoft.gradient(startColorstr = '#454545', endColorstr = '#565656', GradientType = 0);
    box-shadow:         0 2px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    0 2px 5px rgba(0, 0, 0, 0.25);
    margin:             0 0 20px 0;
    vertical-align:     top;
}

div.blackpanel {
    padding:            5px 5px 2px 5px;
    color:              #F5F5F5;
    background:         #2A2A2A;
    background:         -moz-linear-gradient(top, #000000 0%, #2A2A2A 100%);
    background:         -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #2A2A2A));
    background:         -o-linear-gradient(top, #000000 0%, #2A2A2A 100%);
    filter:             progid:DXImageTransform.Microsoft.gradient(startColorstr = '#454545', endColorstr = '#2A2A2A', GradientType = 0);
    box-shadow:         0 2px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    0 2px 5px rgba(0, 0, 0, 0.25);
    margin:             0 0 2px 0;
    border-radius:      5px;
}

div.greypanel {
    padding:            5px 5px 2px 5px;
    color:              #F5F5F5;
    background:         #565656;
    background:         -moz-linear-gradient(top, #454545 0%, #565656 100%);
    background:         -webkit-gradient(linear, left top, left bottom, color-stop(0%, #454545), color-stop(100%, #565656));
    background:         -o-linear-gradient(top, #454545 0%, #565656 100%);
    filter:             progid:DXImageTransform.Microsoft.gradient(startColorstr = '#454545', endColorstr = '#565656', GradientType = 0);
    box-shadow:         0 2px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    0 2px 5px rgba(0, 0, 0, 0.25);
    margin:             0 0 20px 0;
}

div.secgreypanel {
    padding:            5px 5px 2px 5px;
    color:              #555;
    background:         #d7d3d4;
    background:         -moz-linear-gradient(top, #e3e3e3 0%, #d7d3d4 100%);
    background:         -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e3e3e3), color-stop(100%, #d7d3d4));
    background:         -o-linear-gradient(top, #e3e3e3 0%, #d7d3d4 100%);
    filter:             progid:DXImageTransform.Microsoft.gradient(startColorstr = '#454545', endColorstr = '#565656', GradientType = 0);
    box-shadow:         0 2px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    0 2px 5px rgba(0, 0, 0, 0.25);
    margin:             0 0 20px 0;
}

div.redpanel {
    padding:            20px 20px 2px 20px;
    background:         #FF0000;
    color:              #FFFFFF;
    background:         -moz-linear-gradient(top, #FF0000 0%, #bb0907 100%);
    background:         -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF0000, color-stop(100%, #bb0907));
    background:         -o-linear-gradient(top, #FF0000 0%, #bb0907 100%);
    filter:             progid:DXImageTransform.Microsoft.gradient(startColorstr = '#FF0000', endColorstr = '#bb0907', GradientType = 0);
    box-shadow:         0 2px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    0 2px 5px rgba(0, 0, 0, 0.25);
    margin:             0 0 20px 0;
}