/*
    Document   : index
    Created on : 24-ago-2010, 0:30:56
    Author     : Inaki
    Description:
        Purpose of the stylesheet follows.
*/

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

root {
    display: block;
}


/***************************

LAYOUT

****************************/

#body{
    background-color: #FFFFFF;

    text-align: center;
    display: inline;
    border: 0px;
    margin: 0px;
    padding: 0px;
    height: 100%;

}

#container{


    position: relative;
    margin: 0px auto;
    width: 1014px;
    height: 100%;
    top: 0px;
    text-align: left;
    padding: 0px;
}

#content{
    width: 1000px;
    height: 100%;

    position: relative;
    left: 7px;
}

#head{
    position: relative;
    top: 0px;
    left: 0px;

    width: 100%;
    height: 100px;
}

#logo{
    background-image: url(../images/logo.png);

    position: absolute;
    left: 5px;
    top: 5px;

    width: 279;
    height: 85px;
}

#introduction{
    position: absolute;
    top: 10px;
    left: 360px;
    width: 600px;
    font-size: 15px;
    font-family: "Verdana";
    color: #4675cb;
    font-weight: bold;
}


#ads_skycrapers{
    position: absolute;
    width: 160px;
    height: 100%;

    top: 140px;
    left: 840px;

}

#work_area{
    position: absolute;
    top: 130px;
    left: 0px;
    width: 810px;
    height: 100%;

    font-size: 14px;
    font-family: "Verdana";
    color: #244AA3;
}


/***************************

CONTENT

****************************/

#input_area{
    position: relative;
    top: 0px;
    left: 0px;
    
    width: 100%;
}

#remove_input{
    position: absolute;
    top: 2px;
    left: 780px;
    width: 20px;
    height: 20px;
    display: table-cell;
    vertical-align: middle;
    padding-top: -2px;
}

#remove_output{
    position: absolute;
    top: 2px;
    left: 780px;
    width: 20px;
    height: 20px;
    display: table-cell;
    vertical-align: middle;
    padding-top: -2px;
}

#toinput{
    position: absolute;
    top: 2px;
    left: 756px;
    width: 20px;
    height: 20px;
    display: table-cell;
    vertical-align: middle;
    padding-top: -2px;
}

#action_area{
    position: relative;
    top: 10px;
    left: 0px;

    width: 100%;
    height: 100px;
}
#command_area{
    position: relative;
    top: 0px;
    height: 30px;
    width: 700px;
}

#button_go{
    position: absolute;
    top: 0px;
    left: 0px;
    
    

    text-align: center;
    
    

    font-size: 16px;
    font-family: "Arial";
    color: #FFFFFF;
    font-weight: bold;

    display: table-cell;
    vertical-align: middle;
}
.button_go_released{
    background-color: #2a5dba;

}
.button_go_pressed{
    background-color: #a8c8d3;
    cursor: pointer;
}

#output_area{
    position: relative;
    top: 10px;
    left: 0px;

    width: 100%;
}

#input_textarea{

}

#output_text{

}

.title{
    position: relative;
    top: 10px;
    width: 810px;
    height: 28px;
    background-color: #e5ecf9;
    font-size: 16px;
    font-family: "Arial";
    color: #000000;
    font-weight: bold;
    padding: auto auto auto 10px;

    display: table-cell;
    vertical-align: middle;
}

.input_text{
    width: 100%;
}

#select_action{
    width: 110px;
    
    font-size: 12px;
    font-family: "Arial";
    color: #000000;
    
}

#select_sujeto{
    width: 250px;
    

    font-size: 12px;
    font-family: "Arial";
    color: #000000;

}

#select_complemento{
    width: 300px;
    font-size: 12px;
    font-family: "Arial";
    color: #000000;

}

.action_table{
    position: relative;
    width: 300px;
}

.cell_go{

    text-align: center;
    vertical-align: middle;


    font-size: 16px;
    font-family: "Arial";
    color: #FFFFFF;
    font-weight: bold;

    display: table-cell;
    vertical-align: middle;
    background-color: #2a5dba;
    padding: 4px 4px 4px 4px;
}
.cell_go_released{
    background-color: #2a5dba;
    font-size: 16px;
    font-family: "Arial";
    color: #FFFFFF;
    font-weight: bold;
    padding: 4px 4px 4px 4px;
}
.cell_go_pressed{
    background-color: #a8c8d3;
    cursor: pointer;
    font-size: 16px;
    font-family: "Arial";
    color: #FFFFFF;
    font-weight: bold;
    padding: 4px 4px 4px 4px;
}

#next_actions{
    position: relative;
    top: 20px;
    left: 0px;

    width: 810px;


    font-size: 16px;
    font-family: "Arial";
    color: #3F81BF;



}


/***************************

ADS

****************************/

#ads_google{
    position: relative;
    top:0px;
    left:0px;
    width: 160px;
    height: 600px;
}

#ads_google2{
    position: relative;
    top:20px;
    left:0px;
    width: 160px;
    height: 600px;
}

#ads_google_horizontal{
    position: relative;
    top:10px;
    left:0px;
    width: 728px;
    height: 90px;
}


#copyright{
    position: relative;
    top: 30px;
    left: 0px;

    width: 960px;


    font-size: 12px;
    font-family: "Arial";
    color: #A8CCED;

    text-align: center;

    border-top-width: 1px;
    border-top-color: #A8CCED;
    border-top-style: solid;



}