/* 
    Document   : styles
    Created on : 05-ene-2012, 13:02:47
    Author     : vguerrero
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
html{
    width: 100%;
    margin: 0;
    background-color: #F5F5F5;
}
body{
    margin: 0;
}
#body{
    width: 800px;
    margin: 0 auto;
}
#header{
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 80px;
}
#header.center{
    text-align: center;
}
.float_left, #slider{
    float:left;
    width: 100%;
    margin-top: 50px;
}
#banner   {
    float:left;
    width: 100%;
    margin: 30px 0;
}

#banner section{
    width: 22%;
    float: left;
    margin-right: 4%;
}
#banner section h1{
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin: 5px 0;
    color: #333333;
    font-weight: bold;
}
#banner section p{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 125%;
    margin: 0;
    color: #333333;
}
#banner section:last-child{
    width: 22%;
    margin-right: 0;
}

/**** tab ****/
#sliderWrap {
    margin: 0 auto;
    width: 100%;
}
#tab_slider {
    position: absolute;
    background-image:url(../imgs/background-tab.png);
    background-repeat:repeat;
    background-position: left top;
    width: 100%;
    height: 159px;
    margin-top: -239px;
}
#tab_slider img {
    border: 0;
}
#sliderContent {
    margin: -100px 0 0 0;
    position: absolute;
    font-family: Helvetica, Arial, sans-serif;
    color:#FFF;
    padding: 12px 0;
    font-size: 12px;
}

#openCloseWrap {
    margin: 238px 0 0 0;
    font-size:12px;
    font-weight:bold;
    text-align: right;
}
#tab_header {
    margin: 0 auto;
    width: 600px;
    background-color: #F0F0F0;
    height: 200px;
    padding: 10px;
}