/*
Theme Name: eB Ideas
Theme URI: http://www.ebideas.com
Description: eB Ideas Style
Version: 1.0
Author: http://www.andresfelipemunoz.com

Creada : 07.09.09
Modificada : 11.09.09
*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
@import url('reset.css');

/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

body {
	margin:0;
	padding:0;
	width: 2900px;
	height: 100%;
	background-color:#160E0A;
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#666;
	}

p{

	}

#contenido{
	background-color:#FBFBFB;
	width:100%;
	height:330px;
	position:relative;
	}
	
.fondo{
	width:100%;
	height:330px;
	}
	
/*#fondo1{
	background: no-repeat scroll url(../images/fondo-1.jpg);
	background-position: 50px 0;
	}

#fondo2{
	background: no-repeat scroll url(../images/fondo-2.jpg);
	background-position:1500px -150px;
	}

#fondo3{
	background: no-repeat scroll url(../images/fondo-3.jpg);
	background-position:2696px 0;
	}
*/	

#logocontenido{
	float:left;
	width:644px;
	height:330px;
	background: no-repeat scroll url(../images/logo-ebideas-contenido.png);
	display:block;
	text-indent:-9000px;
	margin-right:25px;
	}

.contenidopost{
	width:400px;
	height:330px;
	float:left;
	padding:0 70px 10px;
	background: no-repeat scroll url(../images/barra-post.png);
	background-position:bottom left;
	position:relative;
	}

.contenidopost .alineado{
	width:400px;
	position:absolute;
	margin-bottom:48px;
	bottom:0px;
	}

.somos{
/*	font-size:27px;
*/	}

.contenidopost .botonir{
	height:18px;
	display:block;
	text-indent:-9000px;
	margin-top:15px;
	float:right;
	}

#botonirquienessomos{
	background: no-repeat url(../images/home-btn-conocenos.png);
	width:121px;
	}

#botonirquehacemos{
	background: no-repeat url(../images/home-btn-conoce-mas.png);
	width:121px;
	}

#botonirlab{
	background: no-repeat url(../images/home-btn-visita-lab.png);
	width:121px;
	}

#botonirblog{
	background: no-repeat url(../images/home-btn-leenos.png);
	width:121px;
	}
	
#botonirquienessomos:hover, #botonirquehacemos:hover, #botonirlab:hover, #botonirblog:hover {
	background-position:0 -18px;
	}

.h2home a{
	color:#160E0A;;
	font-size:22px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:2px;
	}

#h2quehacemos a{
/*	width:135px;
	height:21px;
	background: no-repeat url(../images/home-h2-quehacemos.png);
	display:block;
	text-indent:-9000px;
*/	
	}

.h2home a:hover, .feed h3 a:hover, #accordion h3 a:hover{
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	}

/*#h2quehacemos a:hover{
	background-position:0 -21px;
	}
*/
.feed{
	margin-top:13px;
	width:400px;
	border-bottom:#333 1px dotted;
	}

.feed li{
	display:block;
	padding:5px 0 5px 10px;
	border-top:#333 1px dotted;
	height:40px;
	}

.feed li:hover{
	background-color:#F2F2F2;
	}

.imagen{
	width:70px;
	height:50px;
	float:left;
	}

.feed img{
	float:left;
	}

.datos{
	margin-top:5px;
	height:25;
	width:310px;
	float:left;
	}

.datosblog{
	margin-top:5px;
	height:25;
	width:400px;
	float:left;	
	}

.feed h3 a{
	color:#FFB800;
	font-size:14px;
	font-weight:900;
	float:left;
	margin-right:10px;
	text-decoration:none;
	}

/*.feed h3 a:hover{
	color:#CCC;
	}*/
	
.fecha, .favs, .comentarios{
	font-size:11px;
	border-left:#CCC 1px solid;
	padding:0 10px;
	float:left;
	}

.favs{
	background:no-repeat url(../images/favs-star.png);
	background-position:right;
	padding-right:15px;
	}

.comentarios{
	background:no-repeat url(../images/mensajes-icon.png);
	background-position:right;
	padding-right:17px;
	}

.feed p{
	font-size:11px;
	margin-top:2px;
	float:left;
	}
	
	
/*Nav Scroll*/
#navscroll{
	width: 2900px;
	}

#navscroll .navscrollbuts{
	width:64px;
	height:57px;
	display:block;
	z-index:8000;
	position:fixed;
	top:260px;
	text-indent:-9000px;
	background-position:0 -57px;
	}

#left a{
	background:url(../images/hay-mas-izquierda.png);
	}

#left a:hover{
	background-position:top;
	}

#right a{
	background:url(../images/hay-mas-derecha.png);
	right:2px;
	}

#right a:hover{
	background-position:top;
	}
	
/*Footer*/


#footer{
	position:fixed;
	width:100%;
	top:330px;
	}

#footerwrap{
	padding:30px 30px 0;
	}

#menu{
	clear:right;
	height:35px;
	}

#logomenu a{
	width:147px;
	height:27px;
	background: no-repeat url(../images/logo-ebideas-menu.png);
	display:block;
	text-indent:-9000px;
	float:left;
	}

#menu ul{
	margin-left:25px;
	height:25px;
	float:left;
	border-left:#2B2320 solid 1px;
	}

#menu ul li{
	float:left;
	margin-left:25px;
	margin-top:5px;
	}

#menu ul li a, #menucontacto, .menuin{
/*	color:#5C5754;
	font:13px bold;
	font-family: Century Gothic, sans-serif;
*/	
	overflow:hidden;
	background: no-repeat url(../images/menu.png);
	height:14px;
	display:block;
	text-indent:-9000px;
	}

#menu #menusomos{
	width:100px;
	background-position:0 0;
	}

#menu #menusomos:hover{
	background-position:0 -14px;
	}

#menu #menuhacemos{
	width:96px;
	background-position:-100px 0;
	}

#menu #menuhacemos:hover{
	background-position:-100px -14px;
	}

#menu #menulab{
	width:25px;
	background-position:-196px 0;
	}

#menu #menulab:hover{
	background-position:-196px -14px;
	}

#menu #menublog{
	width:30px;
	background-position:-221px 0;
	}

#menu #menublog:hover{
	background-position:-221px -14px;
	}

#menu #menucontacto{
	width:85px;
	background-position:-251px 0;
	background:url(../images/menu-contacto.png);
	background-position:top;
	cursor:default;
	}

/*#menu #menucontacto:hover{
	background-position:-251px -14px;
	}
*/

#contacto{
	border-top:#1F1714 dashed 3px;

	}

#informacion{
	width:500px;
	float:left;
	padding-top:39px;
	}

#informacion p{
	text-align:right;
	}

.contactotit{
	color:#ECECEC;
	font:28px bold;
	font-family: Century Gothic, sans-serif;
	}

.contactotit span{
	color:#FFB900;
	}

#informacion .datoseb, #informacion .datoseb a{
	color:#C6C6C6;
	font-size:10px;
	}

#informacion .datoseb span{
	color:#5A5752;
	float:right;
	}

.derechos{
	color:#2A231F;
	font-size:10px;
	position:fixed;
	top:365px;
	right:35px;
	}

#formulario{
	width:453px;
	height:358px;
	background:no-repeat scroll url(../images/mensaje.png);
	margin:10px 0 0 5px;
	float:left;
	padding:12px 0 0 32px;
	}

input, textarea{
	color:#DAC7C2;
	display:block;
	background-color:#2A221E;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px;
	font-size:11px;
	margin:0 5px 5px 0;
	overflow:auto;
	}

.inputdatos, textarea{
	border: solid 1px #2A221E;
	border-top:#160E0A 1px solid;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}

.inputdatos{
/*	width:40px;
*/	}

#inputnombre, #inputmail{
	height:14px;
	float:left;
	}

#inputasunto{
	clear:left;
	height:14px;
	}

#saveForm{
	color:#DAC7C2;
	float:right;
	margin:7px 62px 0 0;
	background-color:#2A221E;
	border:none;
	border-bottom:#1F1714 1px solid;
	}

textarea{
	height:58px;
	}

/* =2 Internas
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.h2internas{
	color:#160E0A;
	font-size:30px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}

/* =3 Quienes Somos
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#quienessomosh{
	width: 2700px;
	}

/*#fondo1B{
	background: no-repeat scroll url(../images/fondo-1.jpg);
	background-position: 50px 0;
	}

#fondo2B{
	background: no-repeat scroll url(../images/fondo-2.jpg);
	background-position:1500px -150px;
	}

#fondo3B{
	background: no-repeat scroll url(../images/fondo-3.jpg);
	background-position:2500px 0;
	}

*/#nosesforzamos h3, #itemlab h3{
	color:#160E0A;
	font-size:70px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:430px;
	height:260px;
	float:left;
	line-height:50px;
	text-align:right;
	}

#nosesforzamos, #itemlab{
	background: no-repeat scroll url(../images/barra-post.png);
	background-position:bottom left;
	float:left;
	padding-top:70px;
	position:relative;
	}
	
#nosesforzamos ul, #itemlab ul{
	margin-left:40px;
	float:left;
	width:380px;
	}

#nosesforzamos li, #itemlab li{
	background: no-repeat scroll url(../images/flecha-lista.png);
	background-position:0 4px;
	padding-left:16px;
	line-height:19px;
	}

#nosesforzamos li:hover, #itemlab li:hover{
	background-position:2px 4px;
	}

#menu #menusomosact{
	width:100px;
	background-position:0 -14px;
	}



/* =3 Que hacemos
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#quehacemosh{
	width: 3200px;
	}

/*#fondo1C{
	background: no-repeat scroll url(../images/fondo-1.jpg);
	background-position: 50px 0;
	}

#fondo2C{
	background: no-repeat scroll url(../images/fondo-2.jpg);
	background-position:1500px -150px;
	}

#fondo3C{
	background: no-repeat scroll url(../images/fondo-3.jpg);
	background-position:3000px 0;
	}
*/
#menu #hacemosact{
	width:96px;
	background-position:-100px -14px;
	}

.caracteristicasul, .soluciones{
	margin-top:10px;
	}

.caracteristicasul li, .soluciones li{
	background: no-repeat scroll url(../images/flecha-lista.png);
	background-position:0 4px;
	padding-left:16px;
	line-height:19px;
	float:left;
	width:175px;
	}

.caracteristicasul li:hover, #accordion li:hover{
	background-position:2px 4px;
	}

#accordion{
	float:left;
	height:230px;
	border-bottom:#333 1px dotted;
	margin-left:20px;
	}
	
#accordion .ui-accordion-content, #accordion ui-accordion-content-active{
	height:120px;
	}

#accordion h3{
	display:block;
	padding:5px 0 5px 3px;
	border-top:#333 1px dotted;
	}

#accordion h3 a{
	color:#000;
	font-size:14px;
	font-weight:900;
	margin-right:10px;
	text-decoration:none;
	}

.tiposoluciones{
	width:765px;
	height:270px;
	float:left;
	padding:60px 35px 10px;
	background: no-repeat scroll url(../images/barra-post.png);
	background-position:bottom left;
	position:relative;
	}

.tiposoluciones .alineado{
	width:385px;
	}

.tiposoluciones h2{
	color:#160E0A;
	font-size:70px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:360px;
	height:260px;
	float:left;
	line-height:60px;
	text-align:right;
	}

/* =3 Lab
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#labh{
	width: 2200px;
	}

/*#fondo1D{
	background: no-repeat scroll url(../images/fondo-1.jpg);
	background-position: 50px 0;
	}

#fondo2D{
	background: no-repeat scroll url(../images/fondo-2.jpg);
	background-position:1000px -150px;
	}

#fondo3D{
	background: no-repeat scroll url(../images/fondo-3.jpg);
	background-position:3000px 0;
	}
*/

#menu #labact{
	width:25px;
	background-position:-196px -14px;
	}

#itemlab{
	width:850px;
	}

#itemlab h3 span{
	color:#000;
	font-size:16px;
	margin-top:-10px;
	display:block;
	}

#itemlab p{
	margin-left:40px;
	float:left;
	width:380px;
	margin-bottom:10px;
	}