@import "lib/reset.css";
@import "gesvalfi/typography.css";
@import "gesvalfi/forms.css";


body {
    /**/
    margin: 0;
    padding: 0;
}
#backgroundWrapper{
    margin: 0;
    padding: 0;
    background: #FFFFFF url(gesvalfi/gesvalfiBackground.jpg) repeat-x;
}
#backgroundWrapperBottom
{
    margin: 0;
    padding: 0;
    background-image: url(gesvalfi/gesvalfiFooterBackground.gif);
    background-position: bottom;
    background-repeat: repeat-x;
}
#footer {
    /* Para que se quede a media altura del fondo */
    padding-top:138px;
    height:12px;
    padding-bottom:36px;
    clear: both;
    margin: 0 auto;
    width:900px;
    color:white;
    font-weight:bold;
}

#wrapper{
    margin:0 auto;
    padding:0;
    width:900px;
}

.feedbackPanel ul {
    color : #213b61;
    border-width : 2px;
    border-color : #213b61;
    border-style : solid;
    padding : 3px;
    margin : 5px;
    background-color : #FDF6E3;
    list-style-position: inside;
    list-style-type: none;
    list-style-image: none;
}
.feedbackPanel .feedbackPanelINFO  {
    color:green;
}
.feedbackPanel .feedbackPanelERROR,
.feedbackPanel .feedbackPanelFATAL,
.feedbackPanel .feedbackPanelWARNING{
    color:red;
}

#footer .MarcCrumbPanel ul {
    list-style-type: none;
    list-style-image: none;
    float:left;
}
#footer .MarcCrumbPanel li {
    float: left;
    display: inline;
    margin-right: 4px;
    color:white;
}
.MarcCrumbPanel a{
    color:white;
}
.MarcCrumbPanel a:hover{
    color:#D33A29;
}

/* Header */

#header {
    /*width: 706px;*/
    width:900px;
    height: 208px;
    margin: 0 auto;
    padding: 12px 0 12px 0;
}

/* Logo */

#logo {
    color: #213B61;
    float: left;
    width: 208px;
    height: 208px;
    background: url(gesvalfi/gesvalfiLogoBackground.jpg) no-repeat;
}

#logo h1 {
    padding: 105px 0 0 0;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}

#logo h2{
    /* Como arriba hay un h1, se queda en la mitad */
    padding-top:15px;
    font-size:18px;
    text-align:center;
}


#logo a {
    text-decoration: none;
}

#logo a:hover {
    color: #D33A29;
}

/* Menu */

#menu {
    float: left;
    /*padding: 0 0 0 15px;*/
    margin: 0 0 0 15px;
    height:81px;
    /*width:483px;*/
    width:677px;
}

#menu ul {
    height: 30px;
    margin: 0;
    padding: 48px 0px 0px 0px;
    list-style: none;
}

#menu li {
    float:left;
    background:url("gesvalfi/gesvalfiTabLeft.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 5px;
}

#menu span {
    margin:0;
    padding:0;
    line-height:normal;
}

#menu a {
    /*  SI LO PONGO, ERRORES EN INTERNET EXPLOTER
    height:30px;*/
    float:left;
    display: block;
    background:url("gesvalfi/gesvalfiTabRight.gif") no-repeat right top;
    padding: 2px 5px 4px 0;
    text-decoration: none;
    font-size: 20px;
    text-transform:lowercase;

}

/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#menu a {float:none;}
/* End IE5-Mac hack */


#menu a:hover {
    color:#D33A29;
}

#menu .active {
    background-image: url("gesvalfi/gesvalfiTabActiveLeft.gif");
    color: #FFFFFF;
}

#menu .active a {
    background-image: url("gesvalfi/gesvalfiTabActiveRight.gif");
    color: #FFFFFF;
}
#menu .active a:hover {
    color: #213B61;
}

#splash {
    float:left;
    margin-top:10px;
    height:117px;
    /*width:498px;*/
    width:692px;
    text-align:center;
}

/* Resto
Todo lo que no es header*/

#resto {
    /*width: 706px;*/
    width:900px;
    /*margin: 0 auto;*/
    margin:0;
}

/* Posts */

#content {
    float: right;
    /*width: 480px;*/
    width:674px;
}


/* Bar */

#bar {
    float: left;
    width: 200px;
}




#copy {
    float: left;
    padding: 20px 15px;
}

#feed {
    float: right;

    height: 30px;
    padding: 20px 15px 0 35px;
    background: url(images/img18.gif) no-repeat 0 15px;
}

#localeSelect {
    margin:0;
    width:100%;
    color:#2A4366;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #2A4366;
    border-bottom-color: #2A4366;
    border-left-color: #2A4366;
    border-right-color: #2A4366;
    background-color: #FFFAE9;
}
/* Box Estilo Colores Coroporativos */

.boxedAzul {
    margin-bottom: 20px;
}

.boxedAzul h2 {
    margin: 0;
    /* height + padding top+bottom = 40px */
    height: 30px;
    padding-top: 10px;
    padding-left: 50px;
    padding-right: 5px;
    background: #2D476C url(valfinc1/valfinc1boxAzulHeader.jpg) no-repeat;
    /*text-transform: lowercase;*/
    letter-spacing: 0px;
    font-size: 22px;
    font-weight: normal;
    color: #FFFFFF;
}


.boxedAzul ul {
    margin: 0;
    padding: 0 0 10px 0;
    background: #6692CC url(valfinc1/valfinc1boxAzulContent.jpg) no-repeat left bottom;
    list-style: none;
}

.boxedAzul li {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right:10px;
    padding-left:10px;
    background: url(valfinc1/valfinc1boxAzulSeparator.gif) repeat-x;
    font-size: small;
    color: #D3DCF0;
}

.boxedAzul a {
    text-decoration: none;
    font-weight: bold;
    color: #D3DCF0;
}

.boxedAzul a:hover {
    color: #37373C;
}

.boxedAzul .active, .boxedAzul .active a  {
    background-color: #2D476C;
    color: #FFFFFF;
}

/* BOX CON TITULO */
.titledBox {
    margin-top:5px;
    margin-bottom:5px;
}
.titledBox .listado {
    padding:5px;
    background-color:#d3dcf0;
}
.titledBox .listado .titulo {
    padding:5px;
    background:#d3dcf0 url(gesvalfi/cut2A4771-253F64.gif) 50% 50% repeat-x;
    margin-bottom:5px;
}
.titledBox .listado .titulo h2{
    padding:0;
    margin:0;
    color:#e8ecf7;
    font-size:105%;
}
.titledBox .listado .lista {
    margin-top:5px;
    padding:0px;
}
.titledBox .listado .lista ul{
    margin:0;
    padding:0;
}
.titledBox .listado .lista li{
    margin:0;
    padding:1px;
    color:#253f64;
    list-style:none;
    margin-top:2px;
    margin-bottom:2px;
    padding-left:26px;
    background: url("gesvalfi/ximian-openoffice-writer.png") left center no-repeat;
}

/** CONTENIDOS **/
/** LISTADO CATEOGRIAS+ATICULOS **/
.contenidos {

}
.contenidos .listado {
    padding:5px;
    background-color:#6692cc;
}
.contenidos .listado .titulo {
    padding:5px;
    background:#d3dcf0 url(gesvalfi/cutE8ECF7-D3DCF0.gif) 50% 50% repeat-x;
    margin-bottom:5px;
}
.contenidos .listado .titulo h2{
    padding:0;
    margin:0;
    color:#2a4771;
    font-size:135%;
}
.contenidos .listado .lista {
    padding:5px;
    background-color:#FFFFFF;
}
.contenidos .listado .lista ul{
    margin:0px;
}
.contenidos .listado .lista li{
    list-style:none;
    margin-top:2px;
    margin-bottom:2px;
}
.contenidos .listado .lista .articulo li{
    padding-left:26px;
    background: url("gesvalfi/ximian-openoffice-writer.png") left center no-repeat;
}
.contenidos .listado .lista .categoria li{
    padding-left:26px;
    background: url("gesvalfi/folder.png") left center no-repeat;
}