/* ----- CSS ----- */
/*
*{
margin:;
padding:;
font-family:;
font-size:;
}
*/
@import url(portfolio.css);

body{
font: 11px Lucida Grande, Verdana, Arial, Helvetica, sans serif;
margin:0 0 0 0;
padding:0 0 0 0;
background:#F8FAEC url(../img/bg_greenfade.gif) repeat-x scroll;
text-align: center;
}

h1 {
  width: 100%;
  text-align: center;
  font-size: 2.2em;
  clear: both;
}

h2 {
  padding-bottom: 5px;
  border-bottom: 3px #A02C2C solid;
  font-size: 1.8em;
}

ul {
	padding-bottom: 5px;
}

li {
	padding-top: 5px;
	padding-bottom: 5px;
}


/* ----- IDS ----- */

#precontainer{
/*background: transparent url(../img/fondo-nombre.gif) no-repeat top right fixed;*/
}

#container{
width:80%;
margin:0 0 0 0;
margin-left:10%;
_margin-left:0%;
margin-bottom:50px;
padding: 0 0 0 0;
_padding-right:10%;
text-align:center;
border: 1px #92DC11 solid;
border-top: 0px;
}

#navigation{
width:80%;
margin-top:0px;
margin-left:10%;
padding-top:30px;
text-align:center;
}
#navigation a{
font-size: 18px;
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;
padding-right:30px;
padding-left:30px;
}

#navigation hr{
width: 90%;
height: 10px;
margin-top: 0px;
margin-bottom:0px;
/*background-color:green;*/
background: #000 url(../img/hr_bg1.gif) repeat scroll center;
}

#primaryContent{
width:60%;
margin-top:30px;
margin-left:20%;
padding: 10px;
text-align: left;
/*position:;
float:;
width:;
margin:;
padding:;
background:;
text-align:;
*/
}

#footer{
left: 0px;
width:100%;
margin-top:0px;
margin-left:0px;
background:#D4D0C8;
z-index:10000;
opacity:0.9;
filter: alpha(opacity:90);
}
#license {
text-align:left;
margin-left: 20%;
margin-right: 20%;
}
/* ----- CLASSES ----- */

.section-title{
  background:#FBFAF4;
  border: 1px #92DC11 solid;
  padding: 10px;
  text-align: center;
}

.hide{
display:none;
}
.show{
display:block;
}

/* WEB */
#webPerception {
}

#webInteraction {
}

.blogrollmain {
  padding: 30px;
  margin-left:30px;
  border: 1px #92DC11 solid;
}

.blogrollfolder {
  margin-left:-10px;
  font-weight: bold;
  text-decoration: underline;
}

/* ----- PARAGRAPHS ----- */
/*
p{
font:;
color:;

font-size:;
font-family:;
font-style:;
font-weight:;
font-variant:;

text-align:;
text-indent:;
text-decoration:;
text-shadow:;
text-transform:;

letter-spacing:;
word-spacing:;
}
*/
/* ----- LISTS ----- */
/*
li{
listy-style:;

list-style-type:;
list-style-image:;
list-style-position:;
float:;
margin:;
padding:;
}
*/
/* ----- LINKS ----- */

a{
font-family: "trebuchet MS";
color: #000;
text-decoration: none;
/*border-bottom:;*/
}
a:visited, a:active, a:focus{
color: #000;
text-decoration: none;
/*
color:;
background-color:;
border-bottom:;
*/
}
a:hover{
color:green;
text-decoration: underline;
/*background-color:;
border-bottom:;*/
}


/* PResentacion */
.presentacion {
  font: 2em Lucida Grande, Verdana, Arial, Helvetica, sans serif;
}


/* CSS Tables */
.table2x2-up-left{
float: left;
clean: left;
margin: 0 0 0 0;
_margin-top: 10px;
padding-top: 160px;
margin-right: 10px;
padding-right:10px;
border-right: 2px #92DC11 dashed;
margin-bottom: 0px;
padding-bottom:10px;
border-bottom: 2px #92DC11 dashed;
}

.table2x2-up-left2{
font-size: 1.05em;
text-align:left;
word-spacing: 3pt;
 line-height: 20px;
margin-left: 10px;
margin-right: 10px;
padding-left: 10px;
}

.table2x2-up-rigth{
float: right;
clean: both;
_padding-top: 10px;
margin-left: 0px;
padding-left:10px;
border-left: 2px #92DC11 dashed;
margin-bottom: 0px;
padding-bottom:10px;
}
.table2x2-down-left{
float: left;
clean: both;
margin: 0 0 0 0;
margin-right: 0px;
padding-right:10px;
border-right: 2px #92DC11 dashed;
margin-top: 2px;
padding-top:0px;
_padding-top: 10px;
border-top: 2px #92DC11 dashed;
padding-bottom:10px;
}
.table2x2-down-right{
float: right;
clean: both;
margin: 0 0 0 0;
margin-left: 0px;
padding-left:10px;
border-left: 2px #92DC11 dashed;
margin-top: 2px;
padding-top:0px;
_padding-top: 10px;
border-top: 2px #92DC11 dashed;
padding-bottom:30px;
margin-bottom:20px;
}

.description {
list-style: none;
background:#F8FAEC url(../img/comillas.gif) no-repeat scroll;
/*background-image: url(../img/comllas.gif) no-repeat;*/
padding: 10px;
padding-left: 30px;
padding-right: 30px;
margin-top:5px;
margin-right:60px;
text-align:justify;
}

.cita {
  width: 410px;
  float: right;
  clear: both;
  margin-bottom: 15px;
  text-align: right;
 	border: 1px #92DC11 solid; 
  padding: 10px;
  background-color: #eee;
}

.cubo {
    float: left;
    margin-right: 1px;
    margin-top: 30px;
}

.cubo a, .blog_link {
    font-size: 2em;
}