@font-face { 
  font-family: Aarvark;
  src: url('Aarvark Cafe.ttf') format('truetype');
}


body {
  background-repeat:repeat-x;
  margin: 0px;
  text-align: center;
  background-image: url('../img/background.png');
  background-repeat: repeat-x;
}

header {
  position: relative;
  margin: 0em auto;
  text-align: left;
  width: 1000px;
  height:200px;
}

a#home_title	{ 
  font-family: Aarvark, Verdana, Arial, Sans-Serif; 
  font-size:3.3em; 
  color:#00334d !important; 
  text-decoration:none; 
  position:absolute; 
  left:230px; 
  top:30px; 
  text-shadow:#fff 2px 2px 2px; 
}

pre {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size: 90%;
  color: #ffffff;
  background-color: #000000 !important;
  padding: 10px;
  border: 2px solid #444444;
}

#home_desc { 
  font-family: Aarvark, Verdana, Arial, Sans-Serif; 
  position:absolute;
  top:100px; 
  left:240px; 
  color:#74a74e; 
  font-size:1.2em; 
  width:450px; 
  text-shadow:#fff 2px 2px 2px;
}

a#topbar1	{ margin-left:150px; }
a#topbar2	{ margin-left:350px; }
a#topbar3	{ margin-left:550px; }

#topbar	{ min-height:30px; }

#topbar img { margin-right: 5px; margin-bottom: 2px; }

#topbar > a	{ 
  position:absolute;
  left:760px; 
  font-family:arial; 
  color:#fff; 
  padding:3px 5px; 
  display:inline-block; 
  font-size:120%; 
  text-shadow:#235300 2px 2px 2px; 
  background:#74a74e; 
  text-decoration:none !important; 
  margin:10px 10px 0 0; 
  font-family: Aarvark, Verdana, Arial, Sans-Serif; 
}

#topbar1 { top:30px; }
#topbar2 { top:70px; }
#topbar3 { top:110px; }

h3.category {
  font-family: Aarvark, Verdana, Arial, Sans-Serif; 
  color:#fff; 
  padding:3px 5px; 
  display:inline-block; 
  font-size:130%; 
  text-shadow:#235300 2px 2px 2px; 
  background:#9d2606; 
  -webkit-border-radius:5px; -moz-border-radius:5px;
}

.menu h3	{ 
  font-family: Aarvark, Verdana, Arial, Sans-Serif; 
  color:#fff; 
  padding:3px 5px; 
  display:inline-block; 
  font-size:120%; 
  text-shadow:#235300 2px 2px 2px; 
  background:#9d2606; 
  -webkit-border-radius:5px; -moz-border-radius:5px;
  -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg);
}

.round	{ -webkit-border-radius:5px; -moz-border-radius:5px; }
.nod	{ -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); }
.nod:hover { -webkit-transform:rotate(-3deg) scale(1.1); -moz-transform:rotate(-3deg) scale(1.1); }

section#main {
  position: relative;
  margin: 0em auto;
  text-align: left;
  width: 1000px;
}

article.news {
  padding: 10px;
  width: 710px;
  margin-bottom: 30px;
}


article.news h1 {
  padding:0px 0px 3px 0px; 
  vertical-align: top;
  margin: 0px 0px 5px 0px;
  color:#477891; 
  text-decoration: none;
  font-weight: bold; 
  font-family: Aarvark, Verdana, Arial, Sans-Serif; 
}

article.news h1 a { 
  color:#477891; 
  text-decoration: none;
  font-weight: bold; 
  font-size: 170%; 
  font-family: Aarvark, Verdana, Arial, Sans-Serif; 
} 

article.news h1 a:hover { 
  color:#23526a; 
} 

article.news h2 {
  padding:0px 0px 3px 0px; 
  vertical-align: top;
  margin: 40px 0px 5px 0px;
  text-decoration: underline;
  font-size: 150%; 
  font-weight: bold; 
  font-family: Aarvark, Verdana, Arial, Sans-Serif; 
  color:#9d2606; 
}

article.news h3 {
  padding:0px 0px 3px 0px; 
  vertical-align: top;
  margin: 40px 0px 5px 0px;
  text-decoration: underline;
  font-size: 150%; 
  font-weight: bold; 
  font-family: Aarvark, Verdana, Arial, Sans-Serif; 
  color:#477891; 
}

article.news .data {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size: 90%;
  color: #666666;  
}

article.news .data a {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  color:#7c96a4; 
  padding:3px 5px; 
  display:inline-block; 
  font-size:80%; 
  border: 1px solid #7c96a4; 
  -webkit-border-radius:5px; -moz-border-radius:5px;
  -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg);
  text-decoration: none;
}

article.news .data a:hover {
  color:#fff; 
  background:#477891; 
}

article.news .relation-news-item a {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  color:#7c96a4; 
  padding:3px 5px; 
  display:inline-block; 
  font-size:80%; 
  border: 1px solid #7c96a4; 
  -webkit-border-radius:5px; -moz-border-radius:5px;
  text-decoration: none;
  margin-left: 30px;
  margin-top: 5px;	
}

article.news .relation-news-item a:hover {
  color:#fff; 
  background:#477891; 
}

article.news .foot {
  margin-top: 20px;
}

article.news .foot a {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  color:#7c96a4; 
  padding:3px 5px; 
  display:inline-block; 
  font-size:80%; 
  border: 1px solid #7c96a4; 
  -webkit-border-radius:5px; -moz-border-radius:5px;
  -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg);
  text-decoration: none;
}

article.news .foot b {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size: 80%;
}

article.news .foot a:hover {
  color:#fff; 
  background:#477891; 
}

article.news .text {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  margin-left: 20px;
}

article.news .text p {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-size: 95%; 
}

article.news .text a {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-size: 100%; 
  color: #9d2606; 
}

article.news .text a:hover {
  color: #5f1b09; 
}

aside#bar {
  position: relative;
  margin: 0em auto;
  text-align: left;
  float: right;
  width: 250px;
}

.menu_project {
  margin: 5px 0px;
  padding: 5px;
  display: block;
  background-color: #fbfadf;
  text-decoration: none;
  -webkit-border-radius:5px; -moz-border-radius:5px;
}

.menu_project h4 { margin: 0px; }

.menu_project h4 {
  font-family: Aarvark, Verdana, Arial, Sans-Serif;
  font-size: 120%;
  font-weight: bold; 
  margin: 0px;
  color:#74a74e; 
}

.menu_project .desc_project {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-size: 80%; 
  margin-left: 10px;
  margin-top: 5px;
  color: #333333;
  display: none;
}

.menu_project:hover .desc_project { 
  display:block;
}

.menu_project:hover h4 { 
  color:#ed7352; 
}

.cloud li {
  list-style-type: none; 
}

.cloud a { 
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  color:#7c96a4; 
  padding:3px 5px; 
  display:inline-block; 
  font-size:80%; 
  border: 1px solid #7c96a4; 
  -webkit-border-radius:5px; -moz-border-radius:5px;
  -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg);
  text-decoration: none;
  margin-bottom: 10px;
}

.cloud a:hover { 
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  color:#fff; 
  padding:3px 5px; 
  display:inline-block; 
  font-size:80%; 
  text-shadow:#235300 2px 2px 2px; 
  background:#7c96a4; 
  -webkit-border-radius:5px; -moz-border-radius:5px;
  -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg);
  text-decoration: none;
}

footer {
  position: relative;
  margin: 0em auto;
  text-align: left;
  width: 1000px;
  height:80px;
  clear: both;
  font-size: 110%;
  color: #666666; 
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size:80%; 
}

/***********************************
	PAGINACION
***********************************/

div.pagination { 
  padding: 20px;
}

div.pagination span.active { 
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  color:#fff; 
  padding:3px 5px; 
  display:inline-block; 
  font-size:80%; 
  text-shadow:#235300 2px 2px 2px; 
  background:#7c96a4; 
  -webkit-border-radius:5px; -moz-border-radius:5px;
  -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg);
  text-decoration: none;
}

div.pagination a { 
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  color:#7c96a4; 
  padding:3px 5px; 
  display:inline-block; 
  font-size:80%; 
  border: 1px solid #7c96a4; 
  -webkit-border-radius:5px; -moz-border-radius:5px;
  -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg);
  text-decoration: none;
}

/***********************************
	NAVIGATOR
***********************************/


.navigator {
  margin: 0px 15px 30px 15px;
  width: 710px;
} 

.navigator a { 
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  color:#b85b5a; 
  padding:3px 5px; 
  display:inline-block; 
  font-size:80%; 
  border: 1px solid #b85b5a; 
  -webkit-border-radius:5px; -moz-border-radius:5px;
  -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg);
  text-decoration: none;
}

/***********************************
	ADDCOMMENT
***********************************/

form.addcomment {
  width: 710px;
  font-size: 1.1em;
  color: #333;
  margin-left: 30px;
}
	
form.addcomment legend { 
  padding-left: 0; 
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size:100%; 
}
	
form.addcomment legend,
form.addcomment label { 
  color: #333; 
}

form.addcomment label {
  display: inline-block;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size:100%; 
  vertical-align: top;
}

form.addcomment fieldset {
  border: none;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size:100%; 
}
	
	
form.addcomment fieldset li {
  list-style: none;
  margin: 0px 0px 0px -30px;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size:100%; 
}


form.addcomment input { 
  width: 520px;
  margin: 0px 0px 5px 50px;
  color: #781351;
  background: #fdfffa;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size:100%; 
}

form.addcomment textarea { 
  width: 520px;
  height: 100px;
  margin: 0px 0px 5px 50px;
  background: #fdfffa;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size:100%; 
}

form.addcomment input.submit { 
  width: 90px;
  margin-left: 80px;
  color: #000;
  background: #477891;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size:100%; 
  padding: 8px;
  margin-top: 20px;
}

/***********************************
	COMMENTS
***********************************/

.comment { 
  font-size:12px; 
  margin: 0px 0px 0px 10px;
  line-height: 20px; 
  padding:5px; 
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  width: 710px;
}

.comment .web { 
  margin: 10px 0px 0px 40px;
} 

.comment .web a { 
  font-size:11px; 
  padding: 0px;
  color: #999999;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
} 

.comment .title { 
  font-size:13px; 
  margin: 10px 0px 0px 20px;
  padding: 0px;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
} 

.comment div.text { 
  font-size:12px; 
  margin: 10px 0px 0px 40px;
  padding: 0px;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  color: #666666;
}

.msg { 
  padding: 10px; 
  text-align: center;
  margin: 40px 0px;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size: 12px; 
  line-height: 20px; 
  color: #555555;
  width: 710px;
}

.msg2 { 
  padding: 5px; 
  text-align: center;
  margin: 5px 20px;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size: 12px; 
  line-height: 20px; 
  color: #555555;
  border: 1px solid #b5ab92;
  background-color: #f6e9c5;
  width: 710px;
}