/* Global properties
---------------------------------------- */
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8125em;
    color: #060606;
    background-color: #ccc;
}

a {
    background-color: transparent;
    color: #7B1040;
    text-decoration: underline;
    font-weight: normal;
}

    a:hover {
        background-color: transparent;
        color: #7B1040;
        text-decoration: underline;
        font-weight: bold;
    }

.extra {
    background: url(../images/extra-bg.jpg) repeat;
}

/* Header */
header {
    height: 136px;
    overflow: hidden;
}

/* Content */
section#content {
}

/* Left & Right alignment */

.clear {
    clear: both;
}

/* indents */
.indent-right {
    padding-right: 15px;
}

#content .inside {
    padding: 0 10px 0 10px;
}

#content .inside-left {
    padding: 0 0 0 10px;
}

#content .inside-right {
    padding: 0 10px 0 0;
}

/* Paragraph styling */
p {
    padding-top: 18px;
}

/* Custom select color */
::selection {
    background: #fea900;
    color: #fff; /* Safari */
}

::-moz-selection {
    background: #fea900; /* Firefox */
    color: #fff;
}

/*  Header styles */

h1 {
    font-size: 2.307em;
    line-height: 1.2307em;
    color: #4b4a4a;
    padding: 4px 0 20px 0;
    text-transform: uppercase;
}

.h1-pad {
    padding-bottom: 0;
}

h2 {
    font-size: 2.153em;
    line-height: 1.2307em;
    padding: 30px 0 22px 0;
    color: #4b4a4a;
}

    h2 em {
        color: #000000;
    }

.h2-pad {
    padding: 24px 0 20px 0;
    letter-spacing: -1px;
}

.h2-pad1 {
    padding-top: 50px;
}

h2 strong {
    display: block;
    margin-top: -5px;
    color: #4b4a4a;
}

h3 {
    font-size: 2.15384em;
    line-height: 1.2307em;
    padding: 26px 0 18px 0;
    color: #4b4a4a;
    text-transform: uppercase;
}

.h3-pad {
    padding: 4px 0 18px 0;
}

h4 {
    font-size: 1.8461em;
    line-height: 1.2307em;
    padding: 30px 0 18px 0;
    color: #444444;
    text-transform: uppercase;
}

.h4-pad {
    padding-top: 48px;
}

.h4-pad1 {
    padding-top: 52px;
}

.spacing {
    letter-spacing: -1px;
}

h4 strong {
    display: block;
    margin-top: -10px;
    color: #444444;
}

h5 {
    font-size: 1.5384em;
    line-height: 1.2307em;
    padding: 30px 0 24px 0;
    color: #444444;
}

.h5-pad {
    padding: 0px 0 5px 0;
}

h6 {
    font-size: 1.5384em;
    line-height: 1.2307em;
    padding: 30px 0 26px 0;
    color: #4b4a4a;
    text-transform: uppercase;
}

.norm {
    text-transform: none !important;
    letter-spacing: -1px;
}

.typography {
    font-size: 4.615em;
    line-height: 1.2307em;
    color: #1c1c1c;
    padding: 24px 0 10px 0;
    display: block;
    letter-spacing: -2px;
    text-transform: uppercase;
}
/* Unordered list style
---------------------------------------- */

/* List1 */
ul.list1 {
    padding-bottom: 15px;
}

    ul.list1 li {
        background: url(../images/marker1.gif) no-repeat 0 2px;
        padding: 0 0 9px 24px;
        font-size: 14px;
        position: relative;
        zoom: 1;
    }

        ul.list1 li a {
            color: #352b2a;
        }

        ul.list1 li ul {
            padding: 9px 0 0 0;
            margin-bottom: -10px;
        }

/* Layouts navigation */
.layouts-nav {
    width: 100%;
    overflow: hidden;
    padding-bottom: 30px !important;
}

    .layouts-nav li {
        float: left;
        margin-right: 20px;
        background: none !important;
        padding: 0 !important;
    }

        .layouts-nav li a {
            float: left;
            background: #333;
            padding: 2px 10px;
            color: #fff;
            text-decoration: none;
            border-radius: 5px;
            margin-right: 10px;
            cursor: pointer;
            position: relative;
        }

            .layouts-nav li a:hover {
                background: #fea900;
            }

.margin {
    margin-top: 30px;
}

.title {
    font-size: 1.5384em;
    line-height: 1.2307em;
    color: #7B1040;
    padding: 10px 0 10px 0;
    display: block;
}

/* Ordered list style */
ol {
    padding-bottom: 15px;
}

    ol li {
        list-style-position: outside;
        list-style-type: decimal;
        margin-left: 24px;
        padding-bottom: 4px;
        font-size: 1em;
        color: #d10f0f;
        font-weight: bold;
    }

        ol li a {
            color: #7b1040;
            text-decoration: none;
            font-weight: normal;
        }

            ol li a:hover {
                text-decoration: underline;
            }

.ol-pad {
    padding-top: 24px;
}

.list_1 li {
    background: url(../images/list_1-marker.gif) left 4px no-repeat;
    padding: 0px 0 3px 29px;
    margin-top: 4px;
    font-size: 1em;
    line-height: 1.3846em;
}

.list_1-line li {
    line-height: 2.1536em;
    padding: 0 0 0 29px;
    margin: 0;
}

.list_1 .line1 {
    line-height: 1.1538em;
    padding: 4px 0 5px 29px;
}

.list_1 li a {
    color: #7b1040;
    text-decoration: none;
}

    .list_1 li a:hover {
        color: #d10f0f;
    }

.list_1 li ul {
    padding-left: 12px;
}

    .list_1 li ul li {
        background: url(../images/list_1-marker1.gif) left 5px no-repeat;
        padding: 0 0 0 14px;
        font-size: 1em;
        margin: 0;
    }

.list_1 .list-link {
    text-decoration: underline;
}

    .list_1 .list-link:hover {
        text-decoration: none;
    }

.list_2 li {
    background: url(../images/list_1-marker1.gif) left 5px no-repeat;
    padding: 0 0 4px 20px;
    margin-top: 2px;
    line-height: 1.3846em;
}

    .list_2 li a {
        color: #7b1040;
        text-decoration: none;
    }

        .list_2 li a:hover {
            text-decoration: underline;
        }

.list_3 li {
    background: url(../images/list_3-marker.gif) left 5px no-repeat;
    padding: 0 0 4px 30px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 0.92em;
    line-height: 1.5em;
}

    .list_3 li a {
        color: #6b6a6a;
        text-decoration: none;
    }

        .list_3 li a:hover {
            text-decoration: underline;
        }

.list_3-pad {
    padding-top: 35px;
}

.box-list {
    font-size: 0.92em;
    line-height: 1.5em;
}

    .box-list li {
        overflow: hidden;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        behavior: url(js/PIE.htc);
        position: relative;
        padding: 10px 10px 10px 10px;
        margin-bottom: 10px;
        background: #fff;
        text-align: justify;
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
    }

        .box-list li:hover {
            background: #999;
            color: #fff;
        }

            .box-list li:hover span {
                color: #fff;
            }

            .box-list li:hover em {
                color: #fff;
            }

    .box-list figure {
        margin-top: 0;
    }

    .box-list li span {
        display: block;
        color: #7B1040;
        font-size: 12px;
        font-weight: bold;
        line-height: 1.2307em;
    }

    .box-list em {
        font-size: 11px;
        line-height: 1.2307em;
        display: block;
    }

dl dt {
    color: #7b1040 !important; /*COLOR DE LAS SLIDE DOWN*/
    font-weight: normal;
    padding-left: 15px;
    line-height: 1.5em;
    background: url(../images/flechita-negra.png) left 0px no-repeat;
}

dl dd {
    padding: 0 0 16px 30px;
    font-size: 1em;
    line-height: 1.3846em;
    color: #767676;
}

dl a {
    color: #7b1040;
    text-decoration: none;
}

    dl a:hover {
        text-decoration: underline;
    }

/* Table styling */
/*table { width:100%;}
.table-border {
	border:1px solid #9cc4dd;
	width:633px;
}
table thead th {
	text-align:left;
	background:url(../images/table-bg.gif) left top repeat-x #5eb2db;
	padding:15px 30px;
	font-size:1.2307em;
	color:#fff;
	font-weight:normal;
	border:1px solid #53b4d7;
	border-bottom:2px solid #a9d2ec;
	border-top:2px solid #a9d2ec;
	}
table tbody td {
	padding:9px 30px;
	background:#e9e9e9;
	border:1px solid #bfbfbf;
	color:#4d4d4d
	}
table tr:hover td {
	background-color:#f5f5f5;
	}
*/

/*  Dropcaps style */
.dropcap_1 {
    font-size: 36px;
    line-height: 1em;
    width: 35px;
    height: 20px;
    line-height: 1em;
    color: #1f1f1f;
    /*font-weight:bold;*/
    display: block;
    float: left;
}

.dropcap_2 {
    font-size: 39px;
    background: url(../images/dropcap.gif) no-repeat 50% 0;
    text-align: center;
    width: 52px;
    line-height: 52px;
    color: #fff;
    font-weight: bold;
    display: block;
    float: left;
    margin-right: 8px;
}

.dropcap_3 {
    font-size: 40px;
    width: 40px;
    line-height: 1em;
    color: #333;
    display: block;
    float: left;
    text-shadow: 2px 2px 1px #ccc;
}

.divider {
    background: url(../images/divider-bg.gif) 352px 0px repeat-y;
}

.divider1 {
    background: url(../images/divider1.gif) 304px 0px repeat-y;
}
/*  Horizontal divider */
.hr {
    display: block;
    position: relative;
    padding: 20px 0 20px 0;
    border: none;
    background: url(../images/hr.gif) 0 50% repeat-x;
    height: 2px;
    overflow: hidden;
    font-size: 11px;
    margin: 0 0px 0 0;
}

    .hr a {
        position: absolute;
        right: 0;
        top: 5px;
        text-transform: uppercase;
        font-family: Arial, Helvetica, sans-serif;
        text-decoration: none;
        background: url(../images/arrow-top.gif) no-repeat 0 6px;
        padding-left: 13px;
        color: #ff0042;
    }

        .hr a:hover {
            color: #000;
        }

/*  Buttons */
.button1 {
    display: inline-block;
    background: url(../images/button1-bg.gif) left top repeat-x #2b87b1;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    behavior: url(js/PIE.htc);
    position: relative;
    padding: 8px 12px 8px 12px;
    font-size: 0.92em;
    line-height: 1.2307em;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    margin-top: 15px;
}

    .button1:hover {
        background: #2a86b0;
    }

.button2 {
    display: inline-block;
    background: url(../images/button2-bg.gif) left top repeat-x #f3f3f3;
    border-radius: 4px;
    border: 1px solid #e2dfdf;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    behavior: url(js/PIE.htc);
    position: relative;
    padding: 6px 15px 6px 15px;
    font-size: 0.92em;
    line-height: 1.2307em;
    text-decoration: none;
    font-weight: bold;
    color: #444444;
    margin-top: 15px;
}

.button-margin {
    margin-top: 25px;
}

.button-margin {
    margin-top: 25px;
}

.button2 span {
    display: inline-block;
    background: url(../images/button2-span-bg.gif) right 5px no-repeat;
    padding-right: 10px;
}

.button2-marg {
    margin-top: 6px;
}

.button2:hover {
    background: #f3f1f1;
}

.button3 {
    background: #1c1c1c;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    position: relative;
    padding: 4px 6px 4px 6px;
    font-size: 1em;
    line-height: 1.2307em;
    text-decoration: none;
    color: #fff;
}

    .button3:hover {
        background: #757575;
    }

.line-hor {
    background: #3a3c52;
    height: 1px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    margin: 20px 0 20px 0;
}

.link1 {
    font-size: 1.0769em;
    line-height: 1.2307em;
    color: #7b1040;
    display: inline-block;
}

.link2 {
    display: inline-block;
    margin-top: 20px;
    color: #d10f0f;
    text-transform: uppercase;
    font-size: 0.92em;
}

.link3 {
    color: #d10f0f;
    text-decoration: none;
    font-size: 1.076em;
    display: inline-block;
    margin-top: 2px;
}

    .link3:hover {
        color: #d97171;
    }

/* Blocks and Boxes style
---------------------------------------- */
/* Supported list */
.supported-list {
    width: 100%;
    overflow: hidden;
}

    .supported-list li {
        float: left;
        background: url(../images/line-ver.gif) 100% repeat-y !important;
        padding: 0 0 0 0 !important;
        width: 195px;
        margin: 0 0 0 12px;
    }

        .supported-list li.first {
            margin-left: 0;
        }

        .supported-list li.last {
            padding-right: 0;
            background: none !important;
        }

        .supported-list li .inside {
            padding: 0 12px 0 0 !important;
        }

        .supported-list li p.img-wrapper {
            width: 180px;
            height: 114px;
            border: 1px solid #c9c9c9;
            overflow: hidden;
            position: relative;
        }

            .supported-list li p.img-wrapper img {
                padding: 0;
            }

/* Information box */
.info-box {
    border: 1px solid #68a2cf;
    padding: 20px 30px 20px 110px;
    color: #5e6f33;
    margin-bottom: 20px;
    background: #e1f2fc;
    position: relative;
    height: 1%;
    font-size: 0.8461em;
    line-height: 1.45em;
}

    .info-box p.icon {
        position: absolute;
        left: 34px;
        top: -4px;
        margin: 0;
    }

/* Download box */
.download-box {
    border: 1px solid #a3c159;
    padding: 20px 30px 20px 110px;
    color: #5e6f33;
    margin-bottom: 20px;
    background: #eeffdd;
    position: relative;
    height: 1%;
    font-size: 0.8461em;
    line-height: 1.45em;
}

    .download-box p.icon {
        position: absolute;
        left: 34px;
        top: -5px;
        margin: 0;
    }

/* Notification box */
.notification-box {
    border: 1px solid #e6c555;
    padding: 20px 30px 20px 110px;
    color: #5e6f33;
    margin-bottom: 20px;
    background: #fef7e0;
    position: relative;
    height: 1%;
    font-size: 0.8461em;
    line-height: 1.45em;
}

    .notification-box p.icon {
        position: absolute;
        left: 34px;
        top: -6px;
        margin: 0;
    }

/* Error message box */
.error-box {
    border: 1px solid #ff9999;
    padding: 20px 30px 20px 110px;
    color: #5e6f33;
    margin-bottom: 20px;
    background: #ffeded;
    position: relative;
    height: 1%;
    font-size: 0.8461em;
    line-height: 1.45em;
}

    .error-box p.icon {
        position: absolute;
        left: 34px;
        top: -6px;
        margin: 0;
    }

/* Header
---------------------------------------- */

/* Logo */
header .logo {
    padding: 38px 0 0 0px;
}

    header .logo a {
        text-indent: -5000px;
        display: block;
        width: 1000px;
        height: 72px;
        background: url(../images/logo.jpg) left top no-repeat;
    }

.pad {
    padding-top: 30px;
}

.pad1 {
    padding-top: 18px;
}

.pad2 {
    padding-top: 12px;
}

/* Pages
---------------------------------------- */

/* 404 page */
.error_page {
    padding: 0 0 85px 0;
    min-height: 500px;
    text-align: center;
}

    .error_page h2 {
        font-size: 90px;
        line-height: 1.2em;
        font-weight: 700;
        margin: -20px 0 0 0;
        letter-spacing: -2px;
    }

    .error_page h3 {
        font-size: 40px;
        line-height: 1.2em;
        margin: 0 0 1em 0;
        color: #fbb91f;
    }

/* Under Construction page =====*/
#constuction-box {
    width: 800px;
    height: 500px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -400px;
    margin-top: -250px;
    background: #eae9e7;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-color: #ccc;
    box-shadow: 0 0 10px #999;
    -moz-box-shadow: 0 0 10px #999;
    -webkit-box-shadow: 0 0 10px #999;
    text-align: center;
    behavior: url(js/PIE.htc);
}

    #constuction-box .inside {
        padding: 40px 40px 40px 40px;
    }

    #constuction-box .button {
        position: relative;
    }

    #constuction-box h1 {
        font-weight: 700;
        text-align: center;
        font-size: 4em;
        margin-bottom: .2em;
        line-height: 1.2em;
        letter-spacing: 2px;
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
    }

        #constuction-box h1 em {
            text-transform: uppercase;
            color: #fbb91f;
            font-size: 1em;
            display: block;
            margin-bottom: -15px;
        }

        #constuction-box h1 strong {
            padding: 0;
            font-size: 1em;
        }

/* Countdown */
#countdown_dashboard {
    height: 110px;
    padding: 30px 0 40px 0;
    width: 650px;
    margin: 0 auto;
    position: relative;
}

.dash {
    width: 110px;
    height: 114px;
    background: transparent url('../images/dash.png') 0 0 no-repeat;
    float: left;
    margin-left: 20px;
    position: relative;
}

    .dash .digit {
        font-size: 75px;
        line-height: 85px;
        font-weight: bold;
        float: left;
        width: 55px;
        text-align: center;
        font-family: "Times New Roman", Times, serif;
        color: #555;
        position: relative;
    }

        .dash .digit .bottom {
            font-size: 75px;
            line-height: 85px;
        }

.dash_title {
    position: absolute;
    display: block;
    bottom: 0px;
    left: 0;
    font-size: 12px;
    color: #555;
    text-transform: uppercase;
    letter-spacing: 2px;
    width: 110px;
}

.dev_comment {
    font-size: 14pt;
    color: #777;
    text-align: center;
    font-style: italic;
    margin: 40px 10px;
}

#subscribe_form {
    position: relative;
}

#email_field {
    font-size: 16pt;
    padding: 6px 10px;
    width: 300px;
}

#subscribe_button {
    font-size: 14pt;
    color: #333;
    padding: 4px 8px;
}

.copyright {
    font-size: 9pt;
    color: #333;
    margin: 40px 0px;
}

.faded {
    color: #999;
}

.form_message {
    width: 400px;
    padding: 10px;
    margin: 15px auto;
    display: none;
}

#error_message {
    background-color: #ffe;
    border-left: 5px solid #bb3;
    border-right: 5px solid #bb3;
    color: #770;
}

#info_message {
    background-color: #f0f9ff;
    border: 1px solid #eef;
}

#loading {
    text-align: center;
    margin: 10px;
    display: none;
    position: absolute;
    width: 100%;
    top: 60px;
}

/* Intro page */
#intro-box {
    width: 600px;
    height: 400px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -200px;
    background: #eae9e7;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-color: #ccc;
    box-shadow: 0 0 10px #999;
    -moz-box-shadow: 0 0 10px #999;
    -webkit-box-shadow: 0 0 10px #999;
    text-align: center;
    behavior: url(js/PIE.htc);
    float: left;
}

    #intro-box .inside {
        padding: 40px 40px 40px 40px;
    }

    #intro-box h3 {
        font-weight: 700;
        text-align: center;
        font-size: 4em;
        margin-bottom: .2em;
        line-height: 1.2em;
        position: absolute;
        left: 0;
        top: -110px;
        text-align: center;
        width: 600px;
        overflow: hidden;
        height: 100px;
        color: #000;
    }

    #intro-box h1 span {
        text-transform: uppercase;
        color: #1fb7c4;
        display: block;
        margin-bottom: -15px;
    }

    #intro-box .button2 {
        position: absolute;
        right: 30px;
        bottom: 20px;
        float: right;
        white-space: nowrap;
    }

.intro-buttons {
    width: 500px;
    padding: 0 50px;
    position: absolute;
    left: 0;
    bottom: 50px;
}

#flash-intro {
    margin-bottom: 20px;
    position: absolute;
    left: 23px;
    top: 20px;
}

/* Content
---------------------------------------- */

/* Lightbox image */
.lightbox-image {
    position: relative;
    overflow: hidden;
    display: block;
}

    .lightbox-image img {
        position: relative;
        z-index: 2;
    }

    .lightbox-image span {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url(../images/magnify.png) no-repeat 50% 50%;
        z-index: 1;
    }

/* Pagination */
.pagination {
    display: block;
    width: 100%;
    overflow: hidden;
}

    .pagination a {
        float: left;
        font-size: 11px;
        color: #000;
        text-decoration: none;
        text-transform: uppercase;
        line-height: 31px;
        padding-left: 14px;
    }

        .pagination a:hover {
            text-decoration: underline;
        }

    .pagination ul {
        float: left;
        padding: 0 3px 0 18px;
    }

        .pagination ul li {
            float: left;
            padding-left: 1px;
            margin-right: 1px;
            padding: 0 0 0 0 !important;
            background: none !important;
        }

            .pagination ul li span {
                width: 31px;
                float: left;
                text-align: center;
                color: #000;
            }

            .pagination ul li a {
                font-size: 15px;
                color: #000;
                text-decoration: none;
                width: 31px;
                line-height: 31px;
                height: 31px;
                text-align: center;
                background: #e9e9e9;
                padding: 0;
            }

                .pagination ul li a:hover {
                    background: #19b6c5;
                    text-decoration: none;
                    color: #fff;
                }

.sub-menu {
    float: left;
    padding: 10px 0 0 0;
}

    .sub-menu li {
        float: left;
        padding: 0 9px 0 6px;
        font-size: 1em;
        line-height: 2.153em;
    }

        .sub-menu li a {
            text-decoration: none;
            color: #abaaaa;
        }

            .sub-menu li a:hover {
                color: #d10f0f;
                text-decoration: underline;
            }

.font {
    font-size: 0.92em;
    line-height: 1.5em;
}

.language {
    float: right;
    padding: 17px 1px 13px 0;
}

* + html .language {
    padding: 15px 1px 15px 0;
}

    .language a {
        display: inline-block;
        margin-left: 7px;
    }

.block_404 {
    background: url(../images/404-block-bg.jpg) left top no-repeat;
    height: 374px;
    width: 249px;
    padding: 71px 60px 0 487px;
    color: #0e0e0e;
}

    .block_404 img {
        margin-bottom: 26px;
    }

.indent-404 {
    padding: 40px 0 24px 70px;
}

.col-pad {
    padding-left: 48px;
}

/* Faded*/
.faded-indent {
    width: 940px;
    height: 451px;
    overflow: hidden;
    position: relative;
    background: url(../images/scroller-bg.gif) left bottom no-repeat;
}

.pager {
    position: absolute;
    bottom: 4px;
    left: 43px;
    z-index: 50;
}

#fade {
}

    #fade strong {
        position: absolute;
        display: block;
        top: 136px;
        left: 38px;
    }

        #fade strong a {
            display: block;
            background: url(../images/fade-link-bg.gif) left top no-repeat;
            width: 126px;
            height: 27px;
            text-transform: uppercase;
            font-size: 1.333em;
            text-decoration: none;
            text-align: center;
            color: #fff;
            margin-top: 27px;
            padding-top: 10px;
        }

            #fade strong a:hover {
                background: url(../images/fade-link-bg-hover.gif) left top no-repeat;
            }

.pager a {
    border: none;
    background: url(../images/pager-bg.gif) left top no-repeat;
    text-decoration: none;
    display: inline-block;
    width: 28px;
    height: 28px;
    font-size: 0;
    line-height: 0;
    color: #fff;
}

.prev {
    display: block;
    background: url(../images/fade-prev.gif) left top no-repeat;
    position: absolute;
    left: 7px;
    bottom: 3px;
    width: 30px;
    height: 30px;
}

.next {
    position: absolute;
    display: block;
    left: 160px;
    bottom: 3px;
    background: url(../images/fade-next.gif) left top no-repeat;
    width: 30px;
    height: 30px;
}

.pager a.activeSlide {
    background: url(../images/pager-current.gif) left top no-repeat;
    color: #f6f6f6;
}

.pager a:focus {
    outline: none;
}
/*--*/
.img-indent {
    float: left;
    margin-right: 10px;
}

.indent {
    padding: 10px 0 40px 0;
}

.indent1 {
    padding: 5px 0 16px 0;
}

.padding {
    padding-bottom: 50px;
}

.date {
    width: 66px;
    background: url(../images/date-bg.gif) left top no-repeat;
    text-align: center;
    height: 66px;
    float: left;
    font-size: 2.1538em;
    line-height: 1.2307em;
    color: #fff;
    padding-top: 5px;
    margin: 5px 18px 0 0;
}

    .date strong {
        display: block;
        margin-top: -10px;
        color: #fff;
    }

/* Other */
figure {
    margin: 4px 18px 0 0;
    background: #2b89ad;
    float: left;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(js/PIE.htc);
    position: relative;
}

    figure.none {
        margin: 4px 0 0 0;
    }

    figure figcaption {
        font-style: italic;
        color: #fff;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 1.3846em;
        text-align: center;
        padding: 7px 0 7px 0;
    }

    figure.fright {
        float: right;
        margin: 4px 0 0 26px;
    }

.img-box {
    width: 100%;
    overflow: hidden;
    padding-bottom: 20px;
}

    .img-box img.fleft {
        float: left;
        margin-right: 15px;
    }

.extra-wrap {
    width: 100%;
}

/* Column */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10 {
    float: left;
}

.col-1 {
    width: 172px;
    padding-right: 40px;
}

.col-2 {
    width: 156px;
    padding-right: 58px;
}

.col-3 {
    width: 148px;
}

.col-4 {
    width: 255px;
}

.col-5 {
    width: 232px;
}

.col-6 {
    width: 222px;
}

.col-7 {
    width: 550px;
}

.col-8 {
    width: 308px;
}

.col-9 {
    width: 308px;
}
/*--*/

.title1 {
    color: #d10f0f;
    font-size: 1.076em;
    line-height: 1.2857em;
    display: inline-block;
    padding-top: 4px;
}

.phone1 {
    display: inline-block;
    width: 85px;
}
/* Footer
---------------------------------------- */
footer {
    padding-top: 0;
    height: 200px;
    background: url(../images/body-bg.gif) repeat;
    margin-top: -87px;
    padding-top: 100px;
}

    footer .footer-title {
        font-size: 2.307em;
        line-height: 1.2307em;
        color: #2c2c2c;
        padding: 5px 0 0 0;
        text-transform: uppercase;
        letter-spacing: 0;
        display: block;
    }

.phone {
    height: 40px;
    vertical-align: baseline;
}

    .phone strong {
        font-size: 1.615em;
        line-height: 1.2307em;
        color: #717171;
        vertical-align: baseline;
    }

    .phone em {
        font-size: 2.76em;
        line-height: 1.2307em;
        color: #42a3c6;
        vertical-align: baseline;
    }

.policy {
    font-size: 1.076em;
    left: 1.2307em;
    color: #535353;
    padding-top: 14px;
}

    .policy span {
        color: #000;
    }

    .policy a {
        color: #535353;
    }

.footer-nav {
    padding-top: 4px;
}

    .footer-nav ul {
        width: 100%;
        overflow: hidden;
    }

    .footer-nav li {
        float: left;
        font-size: 1.076em;
        line-height: 1.2307em;
        padding: 0 9px 0 8px;
        background: url(../images/footer-nav-li-bg.gif) right 4px no-repeat;
    }

        .footer-nav li a {
            color: #7c7c7f;
            text-decoration: none;
        }

            .footer-nav li a:hover, .footer-nav .active {
                color: #ff0042;
                text-decoration: underline;
            }

    .footer-nav .last {
        padding-right: 0;
        background: none;
    }

.socials {
    padding-top: 10px;
}

    .socials a {
        display: inline-block;
        margin-left: 4px;
    }

/* Footer Navigation */
footer nav, footer nav ul {
    float: left;
}

    footer nav li {
        display: inline;
        color: #918f90;
        border-left: 1px solid #918f90;
        padding: 0 5px 0 8px;
    }

        footer nav li:first-child {
            border: none;
        }

        footer nav li a {
            text-decoration: none;
            text-transform: capitalize;
        }

            footer nav li a:hover, footer nav li a.current {
                color: #fff;
                text-decoration: underline;
            }

.none1 {
    padding: 0;
}
/* Forms
---------------------------------------- */
#search-form {
    float: right;
    padding: 9px 10px 0 0;
}

    #search-form fieldset {
        border: none;
    }

    #search-form label {
        display: inline-block;
        background: url(../images/search-input-bg.gif) left top no-repeat;
        height: 28px;
        padding-top: 2px;
    }

    #search-form input[type=text] {
        border: none;
        padding: 4px 0 3px 0;
        line-height: 1.2307em;
        background: #fbfbfb;
        margin-left: 10px;
        width: 147px;
    }

    #search-form input {
        vertical-align: top;
    }

#search-form1 {
    padding: 19px 10px 0 0;
}

    #search-form1 fieldset {
        border: none;
    }

    #search-form1 label {
        display: inline-block;
        background: url(../images/search-input-bg1.gif) left top no-repeat;
        height: 28px;
        padding-top: 2px;
    }

    #search-form1 input[type=text] {
        border: none;
        padding: 4px 0 4px 0;
        line-height: 1.2307em;
        background: #fff;
        margin-left: 10px;
        width: 191px;
    }

    #search-form1 input {
        vertical-align: top;
    }

/* Forms default */
input, select, textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    vertical-align: middle;
    font-weight: normal;
}

/* Newsletter form */
#newsletter-form fieldset {
    border: none;
}

#newsletter-form .field {
    overflow: hidden;
    margin-bottom: 8px;
}

#newsletter-form input[type=text] {
    width: 175px;
    padding: 3px 0 3px 5px;
    background: #4d4d4d;
    border: none;
    color: #a7a7a7;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    margin-right: 3px;
}

#newsletter-form input[type=submit] {
    width: 30px;
    height: 22px;
    background: #fff;
    border: 1px solid #000;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    cursor: pointer;
    color: #2f2f2f;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #f1f1f1;
}

/* Login form */
#login-form {
    background: #fefefe;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid #f3f3f3;
    behavior: url(js/PIE.htc);
    position: relative;
}

    #login-form fieldset {
        border: none;
        padding: 0 19px 15px 16px;
    }

    #login-form .rowElem {
        height: 33px;
        width: 100%;
        overflow: hidden;
        color: #585858;
        line-height: 2.1em;
        font-size: 0.92em;
    }

    #login-form label {
        display: inline-block;
        background: url(../images/login-form-input-bg.gif) left top no-repeat;
        width: 172px;
        float: right;
        height: 29px;
    }

    #login-form h6 {
        padding-bottom: 17px;
    }

    #login-form input[type=text] {
        border: none;
        padding: 5px 0 5px 0px;
        width: 162px;
        line-height: 1.2307em;
        margin: 0 5px;
        color: #000;
        position: relative;
        background: url(../images/png-bg.png) repeat;
    }

    #login-form input[type=password] {
        border: none;
        padding: 3px 0 3px 0px;
        width: 162px;
        margin: 0 5px;
        color: #000;
        background: #fff;
    }

    #login-form .button1 {
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 5px;
    }

    #login-form .fleft {
        padding: 14px 0 8px 0;
        color: #2baccc;
        font-size: 0.92em;
    }

    #login-form .link {
        color: #2baccc;
        text-decoration: none;
        font-size: 0.92em;
    }

        #login-form .link:hover {
            text-decoration: underline;
        }

    #login-form em {
        font-style: normal;
        font-size: 0.92em;
        color: #7a7a7a;
        display: inline-block;
        padding-top: 5px;
    }

        #login-form em a {
            color: #d10f0f;
        }

/* Contact form */
#contact-form {
    overflow: hidden;
    position: relative;
    vertical-align: top;
}

    #contact-form fieldset {
        border: none;
    }

    #contact-form .rowElem {
        display: block;
        min-height: 33px;
        background: url(../images/contact-form-input-bg.gif) left top no-repeat;
        font-size: 0.92em;
    }

    #contact-form input {
        width: 256px;
        padding: 6px 0px 6px 0px;
        background: none;
        margin: 0 10px;
        border: none;
        display: block;
        color: #a6a6a6;
    }

    #contact-form .textarea-box {
        background: url(../images/textarea-bg.gif) left top no-repeat;
        width: 100%;
        padding: 9px 0px 9px 0px;
    }

    #contact-form textarea {
        width: 382px;
        height: 224px;
        margin: 0 0px 0 10px;
        background: #f6f4f4;
        border: none;
        overflow: auto;
        display: block;
        color: #a6a6a6;
        font-size: 0.92em;
    }

    #contact-form .button2 {
        margin: 11px 0 0 10px;
    }

    #contact-form label {
        padding: 0 0 2px 5px;
        display: inline-block;
    }

    #contact-form .error {
        color: red;
    }

/* Newsletter-form */
#newsletter-alt-form fieldset {
    border: none;
}

#newsletter-alt-form input[type=text] {
    width: 215px;
    padding: 7px 0 7px 10px;
    background: #f9f9f9;
    border: none;
    color: #686666;
    border: 1px solid #e2e2e2;
    border-right: 1px solid #bababa;
    border-left: 1px solid #bababa;
    border-top: 1px solid #bababa;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    behavior: url(js/PIE.htc);
    margin-right: 12px;
    font-size: 12px;
    position: relative;
}

#newsletter-alt-form input[type=submit] {
    width: 75px;
    height: 32px;
    background: #3dc1cc;
    border: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    behavior: url(js/PIE.htc);
    position: relative;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}

/*Newsletter-form*/
#newsletter-form fieldset {
    border: none;
    padding-top: 8px;
}

#newsletter-form label {
    display: inline-block;
    height: 44px;
    background: url(../images/newsletter-input-bg.gif) left top no-repeat;
    margin-right: 6px;
}

#newsletter-form input[type=text] {
    border: none;
    background: none;
    width: 220px;
    margin: 0 10px;
    padding: 8px 0 8px 0;
    line-height: 1.2307em;
}

#newsletter-form .news-link {
    font-size: 1.166em;
    line-height: 1.2307em;
    color: #888888;
}

#newsletter-form .button3 {
    margin: 0;
}

/**/

/* SlideDown element */
.slideDown {
    padding: 0 1px 0 0;
}

    .slideDown dt {
        background-color: #fff;
        /*background-image:url(../images/arrow1-1.gif);*/
        background-repeat: no-repeat;
        background-position: 100% 16px;
        /*box-shadow:1px 1px 1px #d1d1d1;*/
        /*-moz-box-shadow:1px 1px 0 #d1d1d1;
		-webkit-box-shadow:1px 1px 0 #d1d1d1;*/
        color: #fff;
        /*padding:9px 0 9px 21px;*/
        margin-bottom: 4px;
        font-weight: bold;
        text-decoration: none;
        display: block;
        font-size: 11px;
        cursor: pointer;
        margin-bottom: 10px;
    }

        .slideDown dt:hover, .slideDown dt.active {
            background-color: #ebebeb;
            color: #fff;
            text-shadow: 0 0 5px #fff;
        }

        .slideDown dt.active {
            /*background-image:url(../images/arrow2.gif);*/
        }

    .slideDown dd {
        display: none;
        padding: 10px 20px 20px 20px;
    }

    .slideDown.absolute dd {
        position: absolute;
        background: #eee;
        color: #fff;
        text-align: left;
        width: 180px;
    }

/* Accordion */
dl#accordion {
    list-style-type: none;
    margin: 0;
    padding: 0 2px 0 0;
    height: auto !important;
}

    dl#accordion .indent {
        padding-top: 7px !important;
        padding-bottom: 5px !important;
    }

    dl#accordion a {
        display: block;
        text-decoration: none;
    }

    dl#accordion dt {
        margin-top: 1px;
        background: none;
        padding: 0;
    }

        dl#accordion dt a {
            background-color: #eee;
            /*background-image:url(../images/arrow1.gif);*/
            background-repeat: no-repeat;
            background-position: 100% 16px;
            box-shadow: 1px 1px 1px #d1d1d1;
            -moz-box-shadow: 1px 1px 0 #d1d1d1;
            -webkit-box-shadow: 1px 1px 0 #d1d1d1;
            color: #000;
            padding: 1px 0 1px 21px;
            margin-bottom: 4px;
            /*font-weight:bold;*/
            font-size: 11px;
            text-decoration: none;
            display: block;
        }

            dl#accordion dt a:hover {
                background-color: #8e8d8b;
                color: #fff;
            }

        dl#accordion dt.active a {
            background-color: #ccc;
            /*background-image:url(../images/arrow2.gif);*/
            color: #000;
        }

    dl#accordion dd {
        display: none;
        margin-bottom: 0;
    }

        dl#accordion dd .indent {
            padding: 10px 30px 14px 20px !important;
        }

        dl#accordion dd a {
            display: inline;
            background: none;
            padding: 0;
            font-weight: bold;
            width: auto;
            text-decoration: underline;
        }

            dl#accordion dd a:hover {
                text-decoration: none;
                background: none;
            }

.sub_menu li {
    list-style: none;
    line-height: 30px !important;
    padding-left: 0 !important;
    background: none !important;
    padding: 0px 0 !important;
}

    .sub_menu li a {
        font-size: 12px !important;
        line-height: 30px !important;
    }

/* Tooltips */
.aToolTip {
    border: 2px solid #444;
    background: #555;
    color: #fff;
    margin: 0;
    padding: 2px 8px;
    font-size: 11px;
}

    .aToolTip .aToolTipContent {
        position: relative;
        margin: 0;
        padding: 0;
    }

a.aToolTipCloseBtn {
    display: block;
    height: 20px;
    width: 20px;
    overflow: hidden;
    background: url(../images/close.gif) no-repeat;
    text-indent: -9999px;
    outline: none;
    position: absolute;
    top: -15px;
    right: -20px;
}

/* Coin Slider */
#coind-slider {
    overflow: hidden;
}

.coin-slider {
    overflow: hidden;
    zoom: 1;
    position: relative;
    padding-bottom: 30px;
}

    .coin-slider a {
        text-decoration: none;
        outline: none;
        border: none;
    }

.cs-buttons {
    font-size: 0px;
    padding: 10px;
    float: left;
}

    .cs-buttons a {
        margin-left: 5px;
        height: 10px;
        width: 10px;
        float: left;
        border: 1px solid #322e30;
        background: #322e30;
        color: #fea900;
        text-indent: -9999em;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
    }

        .cs-buttons a:hover,
        .cs-buttons a.cs-active {
            background-color: #fea900;
            border: 1px solid #fea900;
            color: #fff;
        }

.cs-title {
    width: 100%;
    padding: 10px 0;
    background-color: #000;
    color: #fff;
    text-indent: 10px;
}

.cs-prev,
.cs-next {
    background-color: #000;
    color: #fff;
    padding: 0px 10px;
}

    .cs-prev:hover,
    .cs-next:hover {
        background: #fea900;
    }

/* Gallery */
#galleryfic_gallery {
    padding-bottom: 50px;
    width: 100%;
    overflow: hidden;
}

div.content {
    /* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
    display: none;
    width: 909px;
    position: relative;
    z-index: 10;
    margin-bottom: 20px;
}

    div.content a, div.navigation a {
        text-decoration: none;
        color: #777;
    }

        div.content a:focus, div.content a:hover, div.content a:active {
            text-decoration: underline;
        }

div.slideshow-container {
    position: relative;
    clear: both;
    height: 463px; /* This should be set to be at least the height of the largest image in the slideshow */
    z-index: 10;
}

.advanced_gallery div.slideshow-container {
    width: 60%;
    overflow: hidden;
}

div.loader {
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
}

div.slideshow {
    height: 463px;
    width: 909px;
    overflow: hidden;
}

    div.slideshow span.image-wrapper {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 463px;
        width: 909px;
    }

    div.slideshow a.advance-link {
        display: block;
        width: 466px;
        height: 243px; /* This should be set to be at least the height of the largest image in the slideshow */
        text-align: center;
        overflow: hidden;
    }

        div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
            text-decoration: none;
        }

    div.slideshow img {
        position: absolute;
        left: 0;
        top: 0;
        padding: 4px;
        border: 1px solid #ddd;
    }

    div.slideshow.noborder img {
        padding: 0;
        border: none;
    }

div.caption-container {
    position: relative;
    clear: left;
    height: 40px;
}

.advanced_gallery div.caption-container {
    position: absolute;
    right: 0;
    top: 0;
    width: 40%;
}

span.image-caption {
    display: block;
    position: absolute;
    width: 466px;
    top: 0;
    left: 0;
}

div.caption {
    padding: 10px 70px 0 30px;
    overflow: hidden;
}

    div.caption h2 {
        background: #fff;
    }

    div.caption h4 {
        float: left;
        background: #fff;
    }

div.image-desc {
    font-size: 10px;
    text-transform: uppercase;
    float: right;
    padding: 8px 0 0 0;
}

div.navigation {
    /* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}

ul.thumbs {
    clear: both;
    margin: 0;
    padding: 0;
}

    ul.thumbs li {
        float: left;
        padding: 1px !important;
        background: none !important;
        list-style: none;
        margin: 0 4px 0 0;
        margin-bottom: 4px;
    }

        ul.thumbs li.last {
            padding-right: 0;
        }

a.thumb {
    display: block;
}

ul.thumbs li.selected a.thumb {
}

a.thumb:focus {
    outline: none;
}

ul.thumbs img {
    border: none;
    display: block;
}

/* Kwicks */
.kwicks-wrapper {
    width: 940px;
    overflow: hidden;
}

.kwicks-box {
    border: 1px solid #323232;
    padding: 12px;
}

.kwicks {
    /* recommended styles for kwicks ul container */
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0 !important;
    overflow: hidden;
    height: 396px;
    background: #000;
}

    .kwicks li {
        /* these are required, but the values are up to you (must be pixel) */
        width: 158px;
        height: 396px;
        /*do not change these */
        display: block;
        overflow: hidden;
        padding: 0 !important; /* if you need padding, do so with an inner div (or implement your own box-model hack) */
        cursor: pointer;
        opacity: .5;
        filter: alpha(opacity=50);
        background: none !important;
    }

        .kwicks li.active {
            opacity: 1;
            filter: alpha(opacity=100);
        }

    .kwicks.horizontal li {
        /* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
        margin-right: 0; /*Set to same as spacing option. */
        float: left;
    }

.kwicks_vertical {
    /* recommended styles for kwicks ul container */
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0 !important;
    overflow: hidden;
    width: 950px;
    height: 396px;
    background: #000;
}

    .kwicks_vertical li {
        /* these are required, but the values are up to you (must be pixel) */
        height: 196px;
        /*do not change these */
        display: block;
        overflow: hidden;
        padding: 0 !important; /* if you need padding, do so with an inner div (or implement your own box-model hack) */
        cursor: pointer;
        float: none;
        opacity: .5;
        filter: alpha(opacity=50);
    }

        .kwicks_vertical li.active {
            opacity: 1;
            filter: alpha(opacity=100);
        }

/* Superfish Dropdown Menu */
.nav-bg {
    padding: 0px 0 0px 0;
    min-height: 48px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid #e8e8e8;
    behavior: url(js/PIE.htc);
    position: relative;
    z-index: 20;
    background: url(../images/nav-bg.gif) left top repeat-x #f0f0f0;
}

.sf-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-menu {
    background: none;
}

    .sf-menu a {
        text-decoration: none;
        color: #FFF;
        text-decoration: none;
        display: block;
        /*padding:15px 24px 16px 24px;*/
        height: 15px;
        zoom: 1;
        margin-left: -1px;
    }

        .sf-menu a:hover, .sf-menu a.current, .sf-menu .first a:hover, .sf-menu .first a.current { /* visited pseudo selector so IE6 applies text colour*/
            /*background:url(../images/nav-li-a-hover.gif) left top repeat-x #226d8f;*/
            /*color:#FFF;*/
        }

    .sf-menu .first a {
        border-radius: 8px 0 0 8px;
        -moz-border-radius: 8px 0 0 8px;
        -webkit-border-radius: 8px 0 0 8px;
        behavior: url(js/PIE.htc);
        /*background:url(../images/png-bg.png) repeat;*/
    }

    .sf-menu ul {
        position: absolute;
        width: 165px;
        background: none;
        background: url(../images/sf-ul-bg-2.png) no-repeat; /*ESTE ES EL FONDO DEL SUBMENÚ*/
        border: none;
        padding: 10px 19px 22px 15px;
        z-index: 20;
        /*font-family: Arial, Helvetica, sans-serif;*/
    }

        .sf-menu ul li {
            width: 100%;
        }

    .sf-menu li:hover {
        visibility: inherit; /* fixes IE7 'sticky bug' */
    }

    .sf-menu li {
        /*font:Arial;*/
        position: relative;
        float: left;
        /*font-size:13px;*/
        line-height: 1.2307em;
        /*text-transform:uppercase;*/
        /*background:url(../images/sf-menu-li-bg.gif) right 0px no-repeat;*/
    }

        .sf-menu li strong {
            /*background:url(../images/sf-indicator.gif) left top no-repeat;*/
            position: absolute;
            top: 34px;
            left: 90px;
            height: 7px;
            width: 9px;
        }

    .sf-menu .drop strong {
        left: 40px;
    }

    .sf-menu .drop1 strong {
        left: 60px;
    }

    .sf-menu li a:hover strong, .sf-menu .current strong {
        /*background:url(../images/sf-indicator-hover.gif) left top no-repeat;*/
    }

    .sf-menu li li {
        /*font:Arial;*/
        /*font-size:1em;*/
        text-align: left;
        line-height: 2.57em;
        border: none;
        padding: 10px 0 8px 0;
        background: url(../images/sf-ul-li-bg-2.png) left bottom repeat-x; /*ESTE ES LA RAYITA DIVISORA DEL SUBMENÚ*/
        cursor: pointer;
    }

    .sf-menu ul .last {
        background: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .sf-menu li li a {
        background: none;
        background: url(../images/sf-ul-li-a-bg.gif) left 6px no-repeat; /*ESTE ES FLECHITA DEL LI DEL SUBMENÚ*/
        color: #6b6a6a;
        padding: 0 0 0 8px;
        overflow: hidden;
        display: block;
        line-height: 1.2307em;
        font-size: 1em;
    }

        .sf-menu li li a:hover, .sf-menu li li a.current {
            color: #d10f0f;
            background: url(../images/sf-ul-li-a-bg-2.gif) left 6px no-repeat; /*ESTE ES FLECHITA DEL LI DEL SUBMENÚ*/
        }

    .sf-menu li li:last-child a {
        border-bottom: none;
    }

    .sf-menu ul ul {
        background: none;
        padding: 0 0 0 0;
        width: 155px;
    }

    .sf-menu li li li {
        background: none;
        padding: 0 0 0 0;
    }

        .sf-menu li li li a {
            font-size: 11px;
            color: #FFF;
            background: url(../images/sf-ul-ul-li-2.png) left top; /*ESTE ES EL FONDO DEL SUB-SUBMENÚ*/
            display: block;
            width: 185px;
            height: 8px;
            padding-left: 10px;
            padding-top: 1px;
            padding-bottom: 7px;
        }

            .sf-menu li li li a:hover, .sf-menu li li li a.current {
                background-color: #4B4B4B;
                /*background:url(../images/sf-ul-ul-li-active-2.png) left top  !important;*/
                color: #FFF;
                text-decoration: none;
                font-family: Arial, Helvetica, sans-serif;
            }

    .sf-menu a {
        display: block;
        position: relative;
        z-index: 20;
    }

    .sf-menu li:hover ul,
    .sf-menu li.sfHover ul {
        left: 0;
        top: 15px; /* match top ul list item height */
        z-index: 99;
    }

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left: 166px; /* match ul width */
    top: 0;
    margin-left: 1px;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left: 10em; /* match ul width */
    top: 0;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    outline: 0;
}

.sf-menu a.sf-with-ul {
    min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
    position: absolute;
    display: block;
    right: -10px;
    width: 10px;
    height: 10px;
    text-indent: -999em;
    overflow: hidden;
    background: url(../images/sf-ul-li-a-bg.gif) no-repeat 0 0;
}

.sf-menu .sf-sub-indicator {
    display: none;
}

.sf-menu ul .sf-sub-indicator {
    display: block;
}

a > .sf-sub-indicator { /* give all except IE6 the correct values */
    top: 50%;
    margin-top: -2px;
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
    right: 5px !important;
}

.sf-menu ul a > .sf-sub-indicator {
    background: url(../images/sf-ul-li-a-bg-2.gif) no-repeat 0 0;
}

/* Tabs */
.tabs {
    clear: left;
    float: left;
    margin: 15px 0 30px 0;
}

    .tabs ol {
        list-style-type: decimal;
        margin: 0 0 0 20px;
    }

        .tabs ol li {
            display: list-item;
            float: none;
            padding-bottom: 5px !important;
            font-size: 12px;
            color: #6b6a6a;
        }

    .tabs ul.nav {
        width: 100%;
    }

    .tabs ul {
        float: left;
        list-style: none;
        margin: 0 0 5px 0 !important;
        padding: 0 0 0 0 !important;
    }

    .tabs li {
        display: block;
        float: left;
        margin: 0 5px 0 0;
        background: none !important;
        padding: 0 0 0 0 !important;
    }

    .tabs .selected {
        margin-bottom: -5px;
        position: relative;
    }

        .tabs .selected a {
            background: #f0f0f0;
            color: #000;
            padding-bottom: 10px;
        }

    .tabs a:hover {
        background: #f0f0f0;
        color: #000;
    }

    .tabs a {
        background: #7b1040;
        color: #fff;
        display: block;
        padding: 5px 10px;
        text-decoration: none;
    }

    .tabs .tab-content {
        background: #f0f0f0;
        clear: both;
        width: 100%;
        max-width: 940px;
        overflow: auto;
    }

        .tabs .tab-content .inner {
            padding: 10px;
        }

    .tabs p {
        margin-bottom: 5px;
    }

    .tabs .tab-content strong {
        color: #000;
    }

    .tabs pre {
        margin: 4px 0;
    }

    .tabs code {
        overflow: auto;
    }

    * + html .tabs code {
        overflow: visible;
    }

/* Twitter */
#twitter {
    margin-bottom: 2em;
}

    #twitter h2 {
        margin: 0 0 5px 0;
        padding: .5em 1em;
        font-size: 1.5em;
        color: #fff;
        background-color: #888;
        letter-spacing: 0;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }

#preloader {
    margin: 0;
    padding: 1em 1em 1em 3em;
    text-indent: 10px;
    background: transparent url(../images/loader.gif) 1em center no-repeat;
    /* generate your own loader gif: http://www.ajaxload.info */
}

ul#twitter_update_list {
    margin: 0;
    padding: 0 0 0.5em 0;
    list-style-type: none;
}

    ul#twitter_update_list li {
        margin: 0;
        padding: 0.8em 0 1em 1em !important;
        background: #f0f0f0;
        margin-bottom: 7px;
    }

        ul#twitter_update_list li:hover {
            background-color: #fea900;
            color: #fff;
        }

            ul#twitter_update_list li:hover a {
                color: #000;
            }

        ul#twitter_update_list li a {
            /* timestamp link */
            color: #000;
        }

        ul#twitter_update_list li span {
            display: block;
        }

            ul#twitter_update_list li span a {
                /* links in tweet */
                color: #fea900;
            }

        ul#twitter_update_list li.firstTweet {
        }

        ul#twitter_update_list li.lastTweet {
            border-bottom: none;
        }

a#profileLink {
    display: block;
    padding: 0.3em 1em;
    color: #fff;
    background-color: #000;
}

/* Elements list */
.elements-list li {
    background: none !important;
    padding: 0 0 12px 0 !important;
    position: relative;
    font-size: 0.92em;
}

    .elements-list li code {
        position: absolute;
        right: 0;
        top: -3px;
        padding: 2px 3px 1px 3px;
        border: 1px dotted #333;
    }

/*======================================================*/