﻿/*Reset*/
/***********************************************************************/

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

fieldset,
img {
	border: 0;
}

del,
ins {
	text-decoration: none;
}

li {
	list-style: none;
}

/*Base*/
/***********************************************************************/

body {
	background: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 138.5%;
}

h2 {
	font-size: 123.1%;
}

h3 {
	font-size: 108%;
}

h1,h2,h3 {
	margin: 1em 0;
}

h1,h2,h3,h4,h5,h6,strong,dt {
	font-weight: bold;
}

p,
fieldset,
table,
pre {
	margin-bottom: 1em;
}

/*Structure*/
/***********************************************************************/

.clearer {
	clear:both;
	height:0px;
	visibility:hidden;
	line-height:0px;
	font-size:1px;
}

#wrap {
	width: 960px;
	margin: 0 auto;
}

#idioma {
	height: 30px;
}

#menu {
	height: 35px;
	margin: 0 0 20px 0;
	background-image: url('../img/menu-bg.jpg');
	background-repeat: no-repeat;
}

.menu {
	margin: 0 0 0 120px;
	float:left;
}

.menu li{
	display: block;
	float: left;
	font-size: 11px;
	line-height: 35px;
	margin: 0 15px;
	color: #444;
}

.logo {
	float: left;
}

.raonalogo {
	float: right;
}

#banner {
	height: 240px;
	background-repeat: no-repeat;
	margin: 0 0 10px 0;
}

#projects {
	height: 480px;
	background-repeat: no-repeat;
	margin: 0 0 10px 0;
}

#content {
	margin: 0 0 20px 0;
}

#destacados {
	float: left;
	height: 345px;
	width: 710px;
	background-image: url('../img/destacados-bg.jpg');
	background-repeat: no-repeat;
}

#indestacados {
	margin: 0 15px;
}

#feeds {
	height: 40px;
	line-height: 40px;
}

.ultimosproyectos {
	float: left;
	font-size: 11px;
	font-weight: bold;
}

.vertodosproyectos {
	float: right;
	font-size: 11px;
	text-decoration: none;
	color: #FFF;
}

.proyecto {
	float: left;
	width: 220px;
}

.inproyecto {
	margin: 0 15px;
}

.proyecto .titulo {
	position: relative;
	z-index: 2;
	top: -160px;

	display: block;
	font-size: 11px;
	font-weight: bold;
	height: 35px;
	line-height: 35px;
	width: 190px;
}

.proyecto .headline {
	position: relative;
	z-index: 2;
	top: -160px;

	color: #ff9222;
	display: block;
	margin: 15px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	width: 190px;
}

.proyecto .comment {
	position: relative;
	z-index: 2;
	top: -160px;

	display: block;
	margin: 15px 0 0 0;
	font-size: 10px;
	line-height: 14px;
	width: 190px;
}

.proyecto .image {
	position: relative;
	z-index: 1;
	top: 140px;
}


#rightbar {
	float: right;
}

.contenedor-bg {
	background-image: url('../img/lat-line-bg.jpg');
	background-repeat: repeat-y;
	margin: 0 0 10px 0;
}

.contenedor {
	background-image: url('../img/lat-bg.jpg');
	background-repeat: no-repeat;
	background-position: left top;
}

.incontenedor {
	margin: 0 15px;
}

.contenedor .ctitulo {
	display: block;
	color: #333;
	font-size: 11px;
	font-weight: bold;
	height: 35px;
	line-height: 35px;
	width: 210px;
}

.contenedor .clista, .clista a{
	display: block;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	width: 210px;
}

.contenedor .cimg{
	margin: 5px 0 0 0;
}

#footer .terus li{
	display: inline;
	font-size: 10px;
	line-height: 20px;
	margin: 0 20px 0 0;	
}

#footer .terus, span {
	float: left;
}

#footer .copyright {
	color: #9c9c9c;
}

#footer .credits li{
	display: inline;
	font-size: 10px;
	line-height: 20px;
	margin: 0 0 0 20px;	
}

#footer .credits {
	float: right;
}

