/** Cores **/

.black { color: #000; }
.white { color: #fff; }

.blue-logo { color: #00b1e3; }
.blue-pastel { color: #2b8eaa; }
.blue-pastel-dark { color: #007394; }
.blue-cyan { color: #3cc9f1; }
.blue-cyan-light { color: #6cd4f1; }
 
.yellow-base { color: #ffb300; }
.yellow-pastel { color: #bf9430; }
.yellow-pastel-dark { color: a67400; }
.yellow-straw { color: #ffc640; }
.yellow-straw-light { color: #ffd573; }

.red-base { color: #ff2300; }
.red-pastel { color: #bf4330; }
.red-pastel-dark { color: #a61700; }
.red-salmon { color: #ff5a40; }
.red-salmon-light { color: #ff8673; }

.bg-black { background-color: #000; }
.bg-white { background-color: #fff; }

.bg-blue-logo { background-color: #00b1e3; }
.bg-blue-pastel { background-color: #2b8eaa; }
.bg-blue-pastel-dark { background-color: #007394; }
.bg-blue-cyan { background-color: #3cc9f1; }
.bg-blue-cyan-light { background-color: #6cd4f1; }
 
.bg-yellow-base { background-color: #ffb300; }
.bg-yellow-pastel { background-color: #bf9430; }
.bg-yellow-pastel-dark { background-color: a67400; }
.bg-yellow-straw { background-color: #ffc640; }
.bg-yellow-straw-light { background-color: #ffd573; }

.bg-red-base { background-color: #ff2300; }
.bg-red-pastel { background-color: #bf4330; }
.bg-red-pastel-dark { background-color: #a61700; }
.bg-red-salmon { background-color: #ff5a40; }
.bg-red-salmon-light { background-color: #ff8673; }


/**************************************/
/*              GLOBALS               */
/**************************************/

body
{
    margin: 0px;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}

ul li 
{
    margin: 0;
    padding: 0;
}

ul li, ol li 
{
    line-height: 2.1em;
}

a, a:visited, a:link
{
    text-decoration: none;
}

a, a img {
    -moz-transition: all 0.18s ease-out 0s;
    padding: 0;
}

a[href^="http"] { background:none; padding:0; margin:0; }

input[type="submit"]
{
    font-family: 'Abel','Helvetica Neue',Helvetica,Arial,sans-serif;
    padding: 0px;
    background: none repeat scroll 0 0 #007394;
    color: #fff;
    border: 1px solid;
    padding: 1px;
}

input[type="text"],
input[type="password"],
textarea,
select
{
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    border: 1px solid #007394;
}

input[type="text"]:hover,
input[type="password"]:hover,
textarea:hover,
select:hover
{
    border: 1px solid #00b1e3;
}

.fotos img
{
    border: 1px solid #777;
    padding: 3px;
}

table, th, td
{
    border: 0px;
    padding: 0;
}

h1
{
    font-family: 'Abel','Helvetica Neue',Helvetica,Arial,sans-serif;
    color: #333;
    font-size: 1.3em;
    letter-spacing: 1px;
    text-transform: uppercase;
    word-spacing: 2px;
}


/**************************************/
/*              HEADER                */
/**************************************/

.header {
    margin-top: 10px;
    font-family: 'Abel','Helvetica Neue',Helvetica,Arial,sans-serif;
}

.social {
    float: right;
}

.grey-top
{
    margin-top: 10px;
    border-top: 1px solid #ccc;
}

.grey-bottom 
{
    padding-bottom: 2px;
    border-bottom: 1px solid #ccc;
}


/**************************************/
/*             NAVIGATION             */
/**************************************/

#menu-primary 
{
    clear: left;
    float: left;
    font-size: 1em;
    position: relative;
    margin: 0;
    width: 100%;
    z-index: 99;
}

#menu-primary li:first-child 
{
    background: none repeat scroll 0 0 transparent;
    padding-left: 0;
}

#menu-primary li 
{
    background: url("images/menu-separator.png") no-repeat scroll left 15% transparent;
    display: block;
    float: left;
    min-height: 30px;
    padding-left: 1.8em;
}

#menu-primary li a 
{
    display: block;
    font-size: 1.3333em;
    font-weight: 400;
    line-height: 1em;
    margin-right: 1em;
    text-transform: lowercase;
    font-family: 'Abel','Helvetica Neue',Helvetica,Arial,sans-serif;
}

#menu-primary li a.selected 
{
    color: #000;
    border-bottom: 1px solid #00b1e3;
} 

#menu-primary li a:hover {
    color: #000;
}

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

.menu li {
    float: left;
    position: relative;
}

.menu li a {
    position: relative;
}
.menu a {
    display: block;
    position: relative;
    color: #00b1e3;
}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/

.title
{
    font-family: 'Abel','Helvetica Neue',Helvetica,Arial,sans-serif;
    color: #aaa;
    font-size: 1.1em;
    letter-spacing: 1px;
    text-transform: uppercase;
    word-spacing: 2px;
}

.title a
{
    color: #aaa;
}

.slider-wrapper
{
    height: 400px;
    padding-top: 10px;
}


/**************************************/
/*               FOOTER               */
/**************************************/

#menu-footer {
    float: right;
    font-size: 1em;
    position: relative;
}

#menu-footer .menu {
    float: right;
}

#menu-footer .menu li {
    position: relative;
}

#menu-footer .menu ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#menu-footer li:first-child {
    background: none repeat scroll 0 0 transparent;
    padding-left: 0;
}

#menu-footer li {
    background: url("images/menu-separator.png") no-repeat scroll left 15% transparent;
    display: block;
    float: left;
    padding-left: 1.5em;
}

#menu-footer li a {
    display: block;
    font-size: 0.833333em;
    font-weight: normal;
    line-height: 1.8em;
    margin-right: 1.15em;
    text-transform: uppercase;
}

.footer
{
    padding: 10px;
    font-size: 1.1em;
    font-family: 'Abel','Helvetica Neue',Helvetica,Arial,sans-serif;
}


.footer a,
.footer a:visited,
.footer a:link
{
    color: #888;
}

.footer a:hover
{
    color: #000;
    border-bottom: 1px solid #00b1e3;
}

.Audioluz label
{
    float: left;
    width: 200px;
}

.Audioluz label.select
{
    float: none;
}

.Audioluz select { 
    border:0; 
    color:#EEE; 
    background:transparent;
    padding:2px 10px; 
    width:378px;
    *width:350px; 
    *background:#58B14C; 
    -webkit-appearance: none;  
}

.Audioluz #disponibilidade-select { 
    overflow:hidden; 
    width:350px;
    /* background: url(“arrow.gif”) no-repeat scroll 319px 5px #58B14C; */
}