/* www.machinalis.com CSS */
/* GENERAL */
body {
    background : #2e2e2e url('/static/img/machinalis-pattern.png') top left repeat ;
    font-size : 88% ;
    font-family : Arial, Helvetica, sans-serif ;
    color : #333333 ;
    margin : 0 ;
    padding : 0 ;
}
a {
    color : #ed1848 ;
    text-decoration : none ;
}
a:hover {
    color : #ffffff ;
    background : #ed1848 ;
}
img {
    border : none ;
}
.clear {
    clear : both ;
}
#page-wrapper {
    width : 790px ;
    margin : 0 auto ;
    background : #ffffff url('/static/img/machinalis-bck.png') top left repeat-y ;
}
/* HEADER */
#page-header {
    width: 730px ;
    height : 123px ;
    margin : 0 ;
    padding : 30px 0 0 60px ;
    overflow : hidden ;
    background : #898989 url('/static/img/machinalis-header-bck.png') top left no-repeat ;
}
/* Logo */
#logo {
    width : 83px ;
    height: 99px ;
    background : transparent url('/static/img/machinalis-logo.png') top left no-repeat ;
    margin : 0;
    padding : 0 ;
    float : left ;
}
#logo a {
    width : 83px ;
    height : 0 ;
    overflow : hidden ;
    padding : 99px 0 0 0 ;
    display : block ;
}
#logo a:hover {
    background : none !important ;
}
/* Header right wrapper */
#header-right {
    float : right;
    margin : 0px 30px 0px 0px ;
    /* width : 500px ;  */
    /* margin-left : 15px ; */
    width : 70%;
}


/* Navigation Main */
#navigation-main {
    margin : 70px 0 0 0 ;
    padding : 0 ;
    float : right ;
    width : 600px ; 
    overflow : hidden ;
    clear : both ;
    text-transform : lowercase ;
    font-size : 1.2em ;
    font-family : Arial, Helvetica, sans-serif ; /* la primera era Tahoma */
    line-height : 1em ;
    letter-spacing : -1px ;
}
#navigation-main li {
    list-style : none ; 
    margin : 0 ;
    padding : 0 ;
    color : #ed1848 ;
    display : inline ;
}
#navigation-main li a {
    color : #ffffff ;
    font-weight : bold ;
    width : auto ;
    padding : 0px 8px 0px 0px ;
    margin : 0 5px ;
    height : 24px ;
    display : block ;
    float : left ;
    text-align : center ;
}
#navigation-main li a span {
    padding : 3px 0 5px 8px ;
    display : block ;
}

#navigation-main li a:hover {
    background : url('/static/img/machinalis-nav-over-right.gif') top right no-repeat ;
}
#navigation-main li a:hover span {
    background : url('/static/img/machinalis-nav-over.gif') top left no-repeat ;
}
#navigation-main li a.selected {
    background : url('/static/img/machinalis-nav-selected-right.gif') top right no-repeat ;
}
#navigation-main li a.selected span {
    background : url('/static/img/machinalis-nav-selected.gif') top left no-repeat ;
}
/* PAGE BODY */
#page-body {
    clear : both ;
    padding : 25px 30px 30px 60px ;
    width : 700px ;
}
/* Column content */
#column-content {
    width : 450px ;
    float : left ;
}
#content-title {
    background : url('/static/img/machinalis-title-left.png') top left no-repeat;
    padding : 0 0 0 10px ;
    width : auto ;
    height : 49px ;
    float : left ;
}
#content-title h2 {
    background : #ed1848 url('/static/img/machinalis-title-right.png') top right no-repeat;
    color : #ffffff ;
    font-size : 28px ;
    font-weight : normal ;
    line-height : 28px;
    padding : 11px 15px 10px 5px ;
    margin : 0 ;
    float : left ;
}
#content {
    clear : both ;
}
/* Column right */
#column-right {
    width : 240px ;
    float : right ;
    text-align : right ;

    color : #999999 ;
}
#contact-info {
    height : 65px ;
    font-size : 90% ;
}
#content-right img {
    border : solid 10px #eeeeee ;
}
/* FOOTER */
#page-footer {
    clear : both ;
    font-size : 80%;
    color : #999999 ;
    border-top : solid 1px #cccccc ;
    margin : 25px 30px 0px 60px ;
    padding : 10px 0 25px 0 ;
    width : 700px ;
}
/* CONTACT FORM */
form {
    margin : 10px 0 ;
    display : block ;
}
fieldset {
    border : none ;
    margin : 0 ;
    padding : 0 ;
}
label {
    display : block ;
    margin : 10px 0 0 0 ;
}
.input-text, textarea {
    border : solid 1px #999999 ;
    background : #eeeeee ;
    width : 95% ;
}
.input-button {
    background : #ed1848 ;
    border : solid 1px #999999 ;
    color : #ffffff ;
    margin : 5px 0 0 0 ;
}
.content-contact fieldset{
    width: 80%;
}
/* Element classes */
.message {
    color: white;
    background-color: #ed1848;
    border: 1px solid #ccc;
    padding: 3px;
    margin: 0 0 20px 0;
    text-align : center ;
    clear : both ;
    width : 100 %
}
.error {
    color: red;
    font-size: 75%;
}
/* Body images*/
.inline-image {
    float: right;
    margin-left: 1em;
    border: 1px solid #ccc;
}

/* h3 which used to have links in them, for broken clients */
.no-link {
    color : #ed1848 ;
}