@charset "utf-8";
/* CSS Document */

body{
    background-image:url(../images/ark_fondo.gif);
    background-repeat:repeat-x;
    background-position:top;
    background-color:#8f8f8f;
    margin:0;
    padding:0;
    color:#000000;
    font-family:"trebuchet MS";
    font-size:12px;
}

img{
    border:0;
}

a{
    color:#4e7201;
    text-decoration:none;
    outline: none;
}

h1{
    font-size:18px;
    color:#4e7201;
}

h2{
    font-size:18px;
    color:#4e7201;
}

h3{
    font-size:12px;
    color:#4e7201;
}

#theArk{
    width:990px; /* 990 */
    background-color:#FFFFFF;
    margin-left:auto;
    margin-right:auto;
}

/*color de fondo negro*/
.black{
    height:7px;
    background-color:#000000;
    width:100%;
}
/*color de fondo negro*/

/*header*/
#header{
    height:84px;
    width:100%;
    background-image:url(../images/ark_header.gif);
    background-repeat:repeat-x;
    background-position:top;
}

#logo{
    width:220px;
    height:84px;
    float:left;
}

#logoSF{
    width:201px;
    height:84px;
    position:relative;
    /* top:-35px; */
    left:450px;
    float: left;
}

#linkHome{
    width:100px;
    position:relative;
    top:30px;
    float:left;
}


/*header*/

/*content*/
#content{
    width:100%;
    background-image:url(../images/ark_content.gif);
    background-repeat:repeat-y;
    background-position:left;
}
/*content*/

#left{
    float:left;
    width:197px;
    min-height:610px; /* for modern browsers */
    height:auto !important; /* for modern browsers */
    height:610px; /* for IE5.x and IE6 */
    background-image:url(../images/theArk_menu.gif);
    background-repeat:no-repeat;
    background-position:top;
}

.size11{
    font-size:11px;
}

.button{
    text-transform:uppercase;
    font-size:24px;
    border-bottom:solid 1px #FFFFFF;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
}

.button:hover { background-color: #A1C15C; }
.button:hover a { color: #4E7201; }

.button a{
    color:#FFFFFF;
}

#center {
    margin-left:197px;
    min-height:610px; /* for modern browsers */
    height:auto !important; /* for modern browsers */
    height:610px; /* for IE5.x and IE6 */
}

#text{
    padding:10px;
    min-height:360px; /* for modern browsers */
    height:auto !important; /* for modern browsers */
    height:360px; /* for IE5.x and IE6 */
}

#pictures{
    width:100%;
    height:183px;
}

#textFooter{
    text-align:center;
    font-size:10px;
    border-top:solid 1px #CCCCCC;
}

.green{
    color:#4e7201;
    }

#footer{
    background-image:url(../images/ark_footer.gif);
    background-repeat:repeat-x;
    background-position:top;
    width:100%;
    height:30px;
    padding:1px;
}

#linksFooter{
    width:400px;
    position:relative;
    left:550px;
    top:-20px;
    text-align:right;
    }

#linksFooter ul li{
    display:inline;
    padding-left:3px;
    padding-right:3px;
}

#linksFooter a{
    color:#fff;
    font-size:10px;
    margin: 0 5px;
}

#firma{
    width:150px;
    height:20px;
    position:relative;
    top:5px;
    left:20px;
}

#firma .semi_hidden { margin-top: -5px; }
#firma .semi_hidden a { font-weight: bold; color: #fff; }
#firma .semi_hidden a:hover { color: #fff; }
#logout a { font-size: 12px; color: #0c0}


/*
    <!--   imagenes con borde chilero
*/
.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
}
.alignright {
    float: right;
}
p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}
/*
    imagenes con borde chilero   -->
*/