/* 
   #f10f83 : Pink
   #a1c921 : Green
   #a9a5a0 : Border
   #797570 : Bg photo
*/


/* =main
////////////////////////////////*/

/*global reset*/
* { margin:0; padding:0;}

html {
    width:100%;
    height:100%; /* for the footerStickAlt */   
    
    font-size:0.7em;
    font-family: Helvetica, Verdana, Arial, sans-serif;     
    /*background-color:white;*/ 
}


body {
    height: 100%; /* for the footerStickAlt */
    padding:0px;    
    position:relative;
        
    background-color:black;
    background-image:url("img/bg_full.gif");
    background-position: top left;
    background-repeat:repeat-y;
    /*background-repeat:repeat-x;*/
}

#content {      
    position: relative; /* for the footerStickAlt */    
    min-height: 100%; /* for the footerStickAlt */

    width:791px;
    
    overflow: visible;
    margin-top:0px; 
    background-color:white;
    background-image:url("img/bg.gif");
    background-position: top right;
    background-repeat:repeat-y;     
    
}

/*only for IE*/
* html #content {
    height: 100%; /* for the footerStickAlt */
}

#subContent {
    /*margin-left:10%;
    margin-right:10%;*/
    
    margin-left:141px;  
    width:652px;
    
    text-align:left;    
}

/* =general links
////////////////////////////////*/
a {     
    text-decoration:none;
}

/*Only for IE*/
/*#subContent a:hover, #subContent a:focus {
    background-color:transparent;
    text-decoration:underline;
}

html>body #subContent a:hover,
html>body #subContent a:focus { 
    text-decoration:none;
}*/

a:hover, a:focus {  
    text-decoration:none;
}

.mainColumn a {
    text-decoration:underline;
    color: #797570;
}

.mainColumn a:hover, .mainColumn a:focus {
    color: #f10f83;
    text-decoration:none;
}


/* =web headers
////////////////////////////////*/

#title {    
    position:fixed;
    top:0px;
    left:0px;
    
    width:139px;
    height: 100%;   
    
    background-color:black;
        
    text-align:right;
}

/*only for IE*/
* html #content #title {
    position:absolute;
}


#title h1 {
}

#title a#HomeLink {
    
}

#title a:hover, #title a:focus {

}

#title h1 span {
    display:none;
}

h2 {
}


/* =menu
////////////////////////////////*/
#title #lang {
    position: relative;
    padding-top:20px;
    padding-right: 5px;
    color: #cccccc;
}

#title #lang:hover, #title #lang:focus {
    color: #f10f83;
}


#menu { 
    position:absolute;
    right:0px;
    top:75%;    
    /*bottom:65px;*/
    
    
    list-style-type:none;   
    
    width: 100%;    
}



#menu li {  
    width: 100%;
    height: 20px;
    margin-bottom: 1px; 
}

#menu li a {
    display: block; 
    
    width: 100%;
    height: 20px;   
}

#menu li a span {
    display:none;   
}

#menu li a:hover, #menu li a:focus {
    
}

#menu #active {
    background-position: 0px -20px;
}

/*ENG*/
#menu li a.Index {
    background-image: url("img/index.gif");
    background-position: top left;      
}

#menu li a.Portfolio {
    background-image: url("img/portfolio.gif");
    background-position: top left;      
}

#menu li a.Photos {
    background-image: url("img/photos.gif");
    background-position: top left;      
}

#menu li a.Photolog {
    background-image: url("img/photolog.gif");
    background-position: top left;      
}

#menu li a.Info {
    background-image: url("img/info.gif");
    background-position: top left;      
}

/*ESP*/
#menu li a.Inicio {
    background-image: url("img/inicio.gif");
    background-position: top left;      
}

#menu li a.Portafolio {
    background-image: url("img/portfolio.gif");
    background-position: top left;      
}

#menu li a.Fotos {
    background-image: url("img/fotos.gif");
    background-position: top left;      
}

#menu li a.Fotolog {
    background-image: url("img/fotolog.gif");
    background-position: top left;      
}

/***/

#menu li a:hover, #menu li a:focus {
    /*background-image: url("img/index.gif");*/
    background-position: 0px -20px; 
}


/* =columns
////////////////////////////////*/

/*Vert Center*/
/*
.vertCenter {
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    height: 1px;
    overflow: visible;
    visibility: visible;
    display: block
}
*/
.mainColumn {
    position: relative;
    float:left;
    width:455px;
    
    height:1%;
    margin-top: 60px;   
    padding-left:7px;
}

.auxColumn {
    position: relative;
    float:right;
    width:183px;
        
    display:block;
    
/*  border:1px solid red;*/
    margin-top: 40px;
/*  padding-left:5px;*/
}


/*clearing*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
      
.clearfix {
    display: inline-table;
    margin:0px;
    padding:0px;
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */


/* =Navigation
////////////////////////////////*/

#Navigation {
    display:block;  
    clear:both;
    
    margin:0px;
    padding:0px;        
    
    border-left: 8em solid #a9a5a0;
    padding-left:10px;  
    height: 2em;
}

/*div#content div#subContent div#albums div#Navigation {
    border-left: 8em solid #a9a5a0;
    padding-left:10px;  
}*/

div#content div#subContent div.clearfix div.mainColumn div#Navigation {
    margin-left: -7px;
}

#Navigation a {     
    margin:0px;
    padding:0px;
    
    line-height:2em;
    
    text-decoration:none;
    color:#3a3833;  
    font-weight:bold;
    border-bottom:1px solid #a9a5a0;
}

/*Only for IE*/
#Navigation a:hover, #Navigation a:focus {
    background-color:transparent;
    text-decoration:underline;
}


html>body #Navigation a:hover,
html>body #Navigation a:focus { 
    text-decoration: none;
    border-top:1px solid #a9a5a0;   
    color: #f10f83;
}

#Prev { 
    margin-right:5px;   
    padding:3px;
}

#Next {
    margin-left:5px;
    padding:3px;
}

#Pages p {
    margin:0px;
    padding:0px;
    margin-top:25px;
    text-align:center;
}

/* =footer
////////////////////////////////*/
#footer {   
    clear:both;
    
    position: relative; /* for the footerStickAlt */
    margin-top: -20px; /* for the footerStickAlt */
    
    width:100%;
    height: 1.7em;
    line-height: 1.7em;
    
    text-align:right;   
    color:#cccccc;  
}

#footer a {
    color:#cccccc;  
    text-decoration:none;
    font-weight:normal;
}


#footer a:hover,#footer a:focus {
    color: #f10f83; 
}

#footer ul {
    
}

#footer li {
    
    display:inline;
    margin-right:10px;
    
}