@charset "utf-8";
html {
	height: 100%;
}
body {
	margin:0;
	height: 100%;
	background-color:#999;
}
img {
	border:0;
}


/* Intro */

#intro {
	background-color:#ff6600;
	position:fixed;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width:100%;
	z-index:99;
}
#logo-intro {
	position:absolute;
	left: 50%;
	margin-left: -230px;
	top:50%;
	margin-top: -230px;
	cursor:hand;
	cursor:pointer;
}

/* estructura general */

#contenedor {
	z-index:0;
	text-align:center;
	background-color:#FFF;
}
#cabecera {
	height:30px;
	background-color:#999;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
}
#contenedor-cabecera {
	width:960px;
	position:absolute;
	left: 50%;
	margin-left: -480px;
}
#menu {
	width:600px;
	float:left;
	font-size:16px;
	padding-top:3px;
	height:30px;
}
#menu .item-menu {
	float:left;
	padding-right:70px;
	height:30px;
}
#menu .item-menu a {
	color:#FFF;
	text-decoration:none;
}
#menu .activa1 {
	background-image:url(images/bullet.png);
	background-repeat:no-repeat;
	background-position: 15px;
}
#menu .activa2 {
	background-image:url(images/bullet.png);
	background-repeat:no-repeat;
	background-position: 30px;
}
#menu .activa3 {
	background-image:url(images/bullet.png);
	background-repeat:no-repeat;
	background-position: 26px;
}
#english {
	padding-top:5px;
	font-size:12px;
	float:right;
}
#english a {
	color:#FFF;
	text-decoration:none;
}
#central {
	height:auto;
	overflow:hidden;
	width:960px;
	margin:auto;
	text-align:center;
}
#linea-divisora {
	text-align:center;
	margin-top:20px;
	width:960px;
	height:1px;
	border-bottom:#999 1px dotted;
}
#lateral-izquierdo {
	width:325px;
	float:left;
	padding-right:35px;
	height:auto;
	overflow:hidden;
}
#lateral-derecho {
	float:right;
	width:600px;
	height:auto;
	overflow:hidden;
}
#pie {
	margin-top:20px;
	padding-top:5px;
	min-height:30px;
	background-color:#999;
	height:auto !important;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
}

#pie a{
    color:#FFF;
	text-decoration:none;
}

.texto-naranjo{
   color:#ff6600;
}
/* Home */

#logo-home {
	height:115px;
	background-image:url(images/logo-home.png);
	background-repeat:no-repeat;
	margin-top:10px;
	margin-left:40px;
}

#img-home {
    position:relative;
    height:600px;
}

#img-home IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#img-home IMG.active {
    z-index:10;
    opacity:1.0;
}

#img-home IMG.last-active {
    z-index:9;
}

#tit-mision {
	background-image:url(images/tit-mision.png);
	background-repeat:no-repeat;
	background-position:right;
	height:20px;
	margin-top:20px;
	margin-right:20px;
}
#texto-mision {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
	text-align:justify;
	margin-right:20px;
}
#tit-proyectos {
	background-image:url(images/tit-proyectos.png);
	background-repeat:no-repeat;
	background-position:right;
	height:20px;
	margin-top:20px;
	margin-right:20px;
}
#tit-destacado {
	background-image:url(images/titulo-destacado.png);
	background-repeat:no-repeat;
	background-position:right;
	height:20px;
	margin-top:20px;
	margin-right:20px;
}
#texto-proyectos {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
	text-align:justify;
	margin-right:20px;
}


#facebook {
	margin-top:15px;
	width:300px;
	float:left;
	position:relative;
	z-index:0;
}
#img-home {
	margin-top:25px;
}

/* Proyectos */
#listado-proyectos{
  width:325px;
  height:440px;
  text-align:left;
  overflow:auto;
}

.titulo{
  text-align:right;
  height:12px;
}

#listado-proyectos .imagen{
  text-align:left;
  margin-right:10px;
  height:105px;
}


#listado-proyectos p{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#999;
	text-align:justify;
}

#linea-divisora-proyectos {
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	width:315px;
	height:1px;
	border-bottom:#999 1px dotted;
}

.imagen-proyecto{
  margin-top:25px;
  text-align:right;
  margin-bottom:10px;
  min-height:450px;
}

.titulo-proyectos{
  text-align:right;
  margin-bottom:10px;
  width:300px;
  float:right;
}

#bloque-proyectos{
 
}

.miniaturas-proyectos{
  width:200px;
  float:left;
  text-align:left;
  margin-top:20px; 
}

.miniaturas-proyectos img {
    border:#999 1px solid;
}

.texto-proyectos{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  	font-size:12px;
	color:#999;
	text-align:justify;
	width:380px;
	float:right;
	height:220px;
	*margin-top:20px;
}

.texto-proyectos p {
  margin-top:0;
}

.texto-proyectos a{
  text-decoration:none;
color:#ff6600;
}
/* contacto */

#tit-contacto {
	background-image:url(images/titulo-contacto.png);
	background-repeat:no-repeat;
	background-position:right;
	height:20px;
	margin-top:20px;
	margin-right:20px;
}

#texto-contacto{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
	text-align:justify;
	margin-right:20px;
}

#texto-contacto a{
    text-decoration:none;
	color:#ff6600;
}

#texto-contacto table td{
    width:120px;
	height:22px;
}

#texto-contacto form input,textarea{
    border:#999 1px solid;	
	width:230px;
}

.boton{
   border:#999 1px solid;
   width:100px !important;
}

#tit-ubicacion {
	background-image:url(images/titulo-ubicacion.png);
	background-repeat:no-repeat;
	background-position:right;
	height:20px;
	margin-top:20px;
	margin-right:20px;
}

#texto-ubicacion{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
	text-align:justify;
	margin-right:20px;
	margin-top:10px;
}
#mapa{
   margin-top:20px;
   margin-bottom:20px;
}

#tit-osmart-team {
	background-image:url(images/titulo-osmart.png);
	background-repeat:no-repeat;
	background-position:right;
	height:20px;
	margin-right:20px;
	margin-bottom:10px;
}

.team .nombre{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333;
}

.team{
  width:180px;
  float:left;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#999;
  text-align:left;
}
.team a{
  text-decoration:none;
  color:#ff6600;
}

.error{
  background-color:#CCC;
}