
/* ===== global styles ===== */

body  {
    font-family: Trebuchet MS, serif;    /* default page font */
    background: #bbb url(../images/page_background.jpg);
    margin: 0;          /* shorthand for all margins = 0 */
    padding: 0;         /* no padding */
}

p, h1, h2, h3, h4, h5, h6, li {
    margin: 1ex 1em;
}

#outerDiv {
    width: 900px;       /* sets the content width */
    margin: 0 auto;     /* no top/bottom margin, centered horizontally */
    background: #fff url(../images/banner.jpg) no-repeat;       /* white content background, header image */
}

a {
    text-decoration: none;
    color: #b36b00;
}

a:hover, a:active {
    color: #566440;
    border-bottom: 1px dashed #566440;
}

/* ===== header ===== */

#header {
    height: 80px;          /* set size equal to banner image */
    position: relative;     /* allow absolute positioning relative to this space */
                            /* (used for menus below) */
}

#midBanner {
    height: 60px;
}

/* the content portion of the page */

#content {
    background-color: #fff;
    padding: 5px;
    width: 880px;
}


#contentrenta {
    background-color: #ffe;
    padding: 5px;
    width: 800px;
}


/* ===== contact link ===== */

#contactButton {
    position: absolute;
    left: 810px;
    top: 0;
}

#contactButton a {
    height: 29px;
    width: 86px;
    display: block;
    background: url(../images/GroundswellSprites.png) 0px 0px;
    border: none;
}

#contactButton a:hover {
    background-position: 0px -29px;
}

/* ===== main menu ===== */

#mainMenu {
    position: absolute;
    left: 0px;
    bottom: 0;
}

#mainMenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#mainMenu li {
    float: left;
    margin: 0;
    padding: 0;
}

#mainMenu a {
    font-family: "Verdana", sans-serif;
    display: block;
    color: #fff;
    color: black;
    text-decoration: none;
    padding: 0 15px 0 15px;
    margin-right: 0px;
    line-height: 25px;
    font-size: 12px;
    background: url(../images/GroundswellSprites.png) -286px -25px;
    border: none;
}

#mainMenu a:hover {
    color: #f8b449;
    background-position: -286px 0;
}

#mainMenu a.current {
    margin-top: -5px;
    height: 30px;
    background-position: -86px 0px ;
    color: #aaa;
    line-height: 25px;
}

#mainMenu a.current:hover {
    cursor: default;
}

/* ====- main content ===== */

#mainContent {
    float: left;
    width: 445px;
    margin: 0 0;
    padding: 0 15px;
}

#mainContent p {
    font-size: 0.9em;
    line-height: 1.4em;
    color: black;
    margin: 1ex 0;
}

#mainContent p.tramites {
    font-size: 0.6em;
    line-height: 1.4em;
    color: black;
    margin: 1ex 0;
}


#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4 {
    font-family: "Arial", sans-serif;
}

#mainContent h1 {
    font-size: 1.6em;
    font-weight: bold;
    color: #1b9d95;
    margin: 0 0 .4ex 0;
}

#mainContent h2 {
    font-size: 1.2em;
    color: #3c3809;
    margin: .4ex 0;
}

#mainContent h4 {
    font-size: 0.9em;
    font-weight: bold;
    color: black;
    
    margin: 1ex 0 -.2ex 0;
}

#mainContent ul {
    font-size: 0.9em;
    margin: 0 0 1.4ex 0;
}


--------------------



#MainContentRenta {
    float: left;
    width: 800px;
    margin: 0 0;
    padding: 0 15px;
}

#MainContentRenta p {
    font-size: 1.9em;
    line-height: 1.8em;
    color: black;
    margin: 1ex 0;
}

#MainContentRenta p.tramites {
    font-size: 1.6em;
    line-height: 1.4em;
    color: black;
    margin: 1ex 0;
}


#MainContentRenta h1, #MainContentRenta h2, #MainContentRenta h3, #MainContentRenta h4 {
    font-family: "Arial", sans-serif;
}

#MainContentRenta h1 {
    font-size: 1.6em;
    font-weight: bold;
    color: #1b9d95;
    margin: 0 0 .4ex 0;
}

#MainContentRenta h2 {
    font-size: 1.2em;
    color: #3c3809;
    margin: .4ex 0;
}

#MainContentRenta h4 {
    font-size: 0.9em;
    font-weight: bold;
    color: black;
    
    margin: 1ex 0 -.2ex 0;
}

#MainContentRenta ul {
    font-size: 0.9em;
    margin: 0 0 1.4ex 0;
}


#MainContentRenta .leftMenu {
    font-family: "Trebuchet MS", sans-serif;
    margin-top: 0;
}

#MainContentRenta .leftMenu a {
    color: #566440;
}

#MainContentRenta .leftMenu a:hover {
    color: #b36b00;
    border: none;
}


--------------
















#youtubeVid {
    margin: 2ex 0 2ex 1em;
}

/* ====== main content left menu ====== */

#mainContent .leftMenu {
    font-family: "Trebuchet MS", sans-serif;
    margin-top: 0;
}

#mainContent .leftMenu a {
    color: #566440;
}

#mainContent .leftMenu a:hover {
    color: #b36b00;
    border: none;
}



/* ===== sidebar ===== */

#sideBar {
    float: left;
    width: 180px;

    padding: 0 10px;
    margin: 0;
    border-left: solid #aaa 1px;
}

#sideBar p {
    font-family: "Trebuchet MS", sans-serif;
    font-size: 0.8em;
    line-height: 1.2em;
    color: #666;
    margin: 0 0 3ex 0;
}

#sideBar h2 {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    color: black;
    text-align: left;
    margin: 1ex 0 .5ex 0; 
    
}

#sideBar h3 {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #1b9d95;
    text-align: left;
    margin: 1ex 0 .5ex 0;
}

#sideBar img {
    margin: 0 25px;
}

#sideBar img.photo {
    padding: 5px;
    border: 1px solid #999;
}

#sideBar ol {
    margin: .5em 0 1.5em 0 ;
}

#sideBar li {
    font-family: "Trebuchet MS", sans-serif;
    font-size: 0.8em;
    color: #666;
    margin: .2em .5em;
}



/* ===== sidebar news ===== */

#sideBarNews {
    float: left;
    width: 180px;
    padding: 0 10px;
    margin: 0;
    border-right: solid #aaa 1px;
}

#sideBarNews p {
    font-family: "Trebuchet MS", sans-serif;
    font-size: 0.8em;
    line-height: 1.2em;
    color: #666;
    margin: 0 0 3ex 0;
}

#sideBarNews h2 {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    color: #Black;
    text-align: left;
    margin: 1ex 0 .5ex 0;
}

#sideBarNews h3 {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #1b9d95;
    text-align: left;
    margin: 1ex 0 .5ex 0;
}

#sideBarNews img {
    margin: 0 10px;
}

#sideBarNews img.photo {
    padding: 5px;
    border: 1px solid #999;
}

#sideBarNews ol {
    margin: .5em 0 1.5em 0 ;
}

#sideBarNews li {
    font-family: "Trebuchet MS", sans-serif;
    font-size: 0.8em;
    color: #666;
    margin: .2em .5em;
}

/* ===== footer ===== */

#footer {
    clear: both;
    background: transparent;
    margin: 0 auto;
    padding: 5px;
}

#footer p {
    font-family: "Trebuchet MS", sans-serif;
    font-size: .75em;
    color: white;
    margin: 0;
    padding: 0;
    text-align: center;
}

#footer a {
    color: black;
    text-decoration: none;
}

/* ===== miscellaneous styles ===== */

.clear {
    clear: both;
    height: 0;
    margin: 0;
    padding: 0;
}

.resaltado {
		font-weight: bold;
}