/* CSS Document */
@import url(presentation_new.css);
@import url(flickr.css);
/* To stop the first list item in every list from being indented IE 5.0 */    
* {
padding:0;
margin:0;
    }
* html ul li {
    height: 0px;
    }

p {
	margin-bottom: 1em;
	    }
	
/* General BOXES */ 

#outer{
position:relative;
max-width:62.8em;
margin:0 auto;
}

#wrap {
position:relative;
background:#F7F7F4 url(../img/bgs/bg_nav.jpg) repeat-x;
overflow:hidden;
}

#top {
position:relative;
width:100%;
}

#column_left  {
background:url(../img/bgs/main_left.jpg) no-repeat top right;
float:left;
width:23%;
padding:2% 2%;
}

#column_right {
float:left;
width:70%;
overflow:hidden;
}

#content {
position:relative;
width:100%;
}

#bottom {
width:100%;
background-color:#465E00;
}

/* Ends General BOXES */ 

#column_right #right_top{
position:relative;
overflow:hidden;
width:100%;
}

#column_right #right_top #english{
float:right;
width:40%;
text-align:right;
}

#column_right #right_top #saltar{
float:left;
width:40%;
padding:1px;
}

#logo {
position:relative;
background-image:url(../img/logo.jpg);
background-repeat:no-repeat;
background-position:30%;
margin-bottom:3em;
height:100px;
}

#speech {
position:relative;
width:100%;
}


/*NAVIGATION*/

#column_right #navigation{
position:relative;
margin-top:46px;
background-color:#C3174F;
}

#column_right #navigation ul li {
display:inline;
}

#column_right #navigation ul li a{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.8em;
color:#FFFFFF;
text-decoration:none;
padding-left:0.9em;
}

#column_right #navigation ul li a:hover{
text-decoration:underline;
}

#column_right #navigation ul li .on{
text-decoration:line-through;
}

/*Ends NAVIGATION*/

/*ARTICLES*/

#articles {
position:relative;

}

#articles #articles_list {
position:relative;
}

#articles ul{
margin:0;
}

#articles ul li{
list-style:none;
margin:0;
padding:0;
}

#articles ul li a{
color:#465E00;
display:block;
text-decoration:none;
padding:0.7em;
margin:0.3em;
border-bottom:1px dashed #999900;
}

#articles ul li a:hover{
text-decoration:underline;
}

	
/*FOOTER*/

#bottom_links  {
max-width:62.8em;
margin:0 auto;
overflow:hidden;
background:url(../img/bgs/bg_end_page.jpg) repeat-x top;
}
 #bottom_links .box_footer {
 float:left;
 padding-left:5%;
 padding-top:3em;
 width:26%;
 }
 
 #bottom_links .iconpage{
 background-image:url(../img/bgs/icon_page.jpg);
 background-repeat:no-repeat;
 background-position:70% 10%;
 }
 
  #bottom_links .box_footer  h2{
  color:#FFFFFF;
  font-weight:normal;
  }
  
  #bottom_links .box_footer  dt {
  padding-top:10px;
  }
    
  #bottom_links .box_footer  dt a{
  color:#99CC00;
  font-weight:normal;
  }
  
  #bottom_links .box_footer  dd{
  color:#FFFFFF;
  font-size:0.9em;
  }

#footer  {
max-width:62.8em;
margin:0 auto;
padding:2em;
}
 
 /*Ends FOOTER*/
 
#content-top{
position:relative;
float:left;
width:100%;
padding:0;
padding-left:1.7em;
margin-top:0;
}
 
#content-bottom{
position:relative;
float:left;
width:100%;
padding-left:1.4em;
}

.box_up_usuario {
position:relative;
float:left;
width:40%;
padding-right:1.5em;
}


.box_up_acceso {
position:relative;
float:left;
width:42%;
padding-left:8%;
}

.latest_projects{
position:relative;
float:left;
width:90%;
margin-right:0.5em;
}

.box{
width:95%;
}

.news{
position:relative;
float:left;
width:38%;
margin-left:1.6em;
padding-left:1em;
}

.news .evento_box{
padding:0 0.8em 0.8em 0.8em;
background-color:#F7EFEF;
border:1px solid #E6E3DF;
margin-bottom:1em;
}

.news .evento_box ul{
list-style:none;
}
.news .evento_box ul li{
margin-bottom:0.5em;
margin-top:0.9em;
}
.news .evento_box ul li a{
color:#333333;
text-decoration:none;
}
.news .evento_box ul li a:hover{
text-decoration:underline;
}


/*Latest Projects*/

.project {
width:100%;
position:relative;
clear:both;
}

.project , .project .title, .project .detalle, .project .title * { background: #FFF url(../img/bgs/bg_box_ltblue_800x800.gif) 100% 100% no-repeat;}

.project { margin: 0; padding: 0 15px 0 0; margin-bottom:1em; }
.project .title { background-position: 100% 0%; margin: 0 -15px 0 0; padding: 0 15px 0 0; }
.project .title * { background-position: 0 0; margin: 0; padding: 15px 0 5px 15px; height: 1%; }
.project .detalle{ background-position:  0% 100%; margin-right: 0px; padding: 0 0 15px 15px; }
.project .title a {padding:0; background:none;}

.detalle a.imagen{ float:left; margin-right:1em; }
.detalle { overflow:hidden; color:#757862;}


/*TWITTER*/

.twitter-title{
color:#006699;
}

#twitter_update_list{
list-style:none;
}

#twitter_update_list li{
margin-bottom:1em;
background-color:#B9E4EC;
padding:0.3em;
}