body 
{
	margin:0;
	padding:0;
	background:#200008 url(../images/bg_body.jpg) fixed;
	font-family:"Lucida Sans", Arial, Verdana, Tahoma, Serif;
	color:#FFF;
}

#suncontainer
{
	width:100%;
	height:570px;
	background:transparent url(../images/sun_texture.jpg) no-repeat top center;
	position:fixed;
	z-index:0;
	margin:-600px 0 0 0; /* Margen de distancia entre el contenedor y el bloque que le sigue */
}

#suncontainer .logo
{
	position:absolute;
	top:20px;
	width:100%;
	height:131px;
	background:transparent url(../images/alejandrologia_logo.png) no-repeat top center;
	z-index:9999;
}

#suncontainer #header
{
	position:absolute;
	top:250px;
	width:100%;
	z-index:10002;
}

#suncontainer #header .container
{
	margin:0 auto;
	width:950px;
	height:200px;
	overflow:hidden;
}

#suncontainer #header .container h1
{
	margin:0;
	padding:0;
	display:block;
	text-indent:-10000px;
	width:auto;
}

#suncontainer #header .container h1 a
{
	display:block;
	width:929;
	height:131px;
	background:transparent url(../images/h1_paginasweb.png) no-repeat;
}

#suncontainer #header .container h2
{
	clear:both;
	margin:30px 0 0;
	padding:0;
	float:left;
	width:623px;
	height:25px;
	background:transparent url(../images/h2_softwareamedida.png) no-repeat;
	text-indent:-10000px;
}

#suncontainer #header .container a.idea
{
	float:left;
	margin:23px 0 0 30px;
	padding:0;
	width:268px;
	height:39px;
	background:transparent url(../images/bg_idea.png) no-repeat;
	text-indent:-10000px;
}

#parallax
{
	width:100%;
	height:300px;
	position:relative;
}

#parallax .description
{
	position:absolute;
	width:100%;
	height:51px;
	top:120px;
	background:transparent url(../images/logo_description.png) no-repeat top center;
	z-index:10000;
}

#parallax .nubes
{
	position:absolute;
	width:100%;
	height:181px;
	top:10px;
	background:transparent url(../images/nubes.png) no-repeat top center;
}

#parallax .nubesrojo
{
	position:absolute;
	width:100%;
	height:262px;
	top:50px;
	background:transparent url(../images/nubes_rojo.png) no-repeat top center;
}

#parallax .nubesamarillo
{
	position:absolute;
	width:100%;
	height:262px;
	top:0;
	background:transparent url(../images/nubes_amarillo.png) no-repeat top center;
	z-index:9999;
}

#aboutme
{
	overflow:hidden;
	width:60%;
	height:300px;
	position:relative; 
	float:left;
}

#links
{
	overflow:hidden;
	width:40%;
	height:251px;
	position:relative;
	float:left;
}

#links a
{
	clear:both;
	float:right;
	display:block;
	width:330px;
	height:65px;
	background:url(../images/bg_menu_links.png) no-repeat;
	text-indent:-10000px;
	outline:0;
}

#links a#lnkPortafolio
{
	background-position:0 0;
	margin-bottom:10px;
}

#links a#lnkServicios
{
	background-position:0 -65px;
	margin-bottom:10px;
}

#links a#lnkContacto
{
	background-position:0 -130px;
}

#container
{
	overflow:hidden;
	margin:600px 0 0 0; 
	padding:40px 0 0;
	min-height:600px; 
	position:relative; 
	z-index:10;
	background:transparent url(../images/bg_container.png) repeat;
}

#container h1.portafolio
{
	float:left;
	height:61px;
	background:transparent url(../images/bg_h1.png) repeat-x;
	width:300px;
	margin:40px 0 20px;
	padding:0;
	text-indent:-10000px;
}

#container span.portafolio
{
	display:block;
	float:left;
	width:213px;
	height:61px;
	background:transparent url(../images/bg_h1_span_portafolio.png) no-repeat;
	margin:40px 0 20px;
	padding:0;
}

#container h1.servicios
{
	float:left;
	height:61px;
	background:transparent url(../images/bg_h1.png) repeat-x;
	width:324px;
	margin:0 0 20px;
	padding:0;
	text-indent:-10000px;
}

#container span.servicios
{
	display:block;
	float:left;
	width:189px;
	height:61px;
	background:transparent url(../images/bg_h1_span_servicios.png) no-repeat;
	margin:0 0 20px;
	padding:0;
}

#container h1.contacto
{
	float:left;
	height:61px;
	background:transparent url(../images/bg_h1.png) repeat-x;
	width:312px;
	margin:0 0 20px;
	padding:0;
	text-indent:-10000px;
}

#container span.contacto
{
	display:block;
	float:left;
	width:201px;
	height:61px;
	background:transparent url(../images/bg_h1_span_contacto.png) no-repeat;
	margin:0 0 20px;
	padding:0;
}

#container #portafolio
{
	width:950px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

#container #portafolio .item
{
	display:block;
	overflow:hidden;
	position:relative;
}

#container #portafolio .item .type
{
	left:0;
	top:0;
	width:98px;
	height:98px;
	background:url(../images/bg_portafolio_types.png) no-repeat;
	position:absolute;
	z-index:20;
}

#container #portafolio .item .graphic-design
{
	background-position:0 0;
}

#container #portafolio .item .web-design
{
	background-position:0 -98px;
}

#container #portafolio .item .programmation
{
	background-position:0 -196px;
}

#container #portafolio .item .thumb
{
	float:left;
	width:300px;
	height:230px;
	margin:8px 22px 0 8px;
	border:5px solid #0f0f0f;
	position:relative;
	overflow:hidden;
}

#container #portafolio .item .thumb:hover
{
	border:5px solid #fff;
}

#container #portafolio .item .thumb img
{
	width:350px;
	height:271px;
	left:-10px;
    top:-10px;
    position: relative;
    z-index:3;
}

#container #portafolio .item .thumb a
{
	position:absolute;
	top:0;
	left:0;
	width:300px;
	height:230px;
	background:url(../images/bg_thumb_more.png) no-repeat center center;
    color: #fff;
    z-index:4;
    text-indent:-10000px;
    display:none;
}

#container #portafolio .item .thumb-description
{
	float:left;
	width:610px;
	height:240px;
	margin:8px 0 0;
}

#container #portafolio .item .thumb-description .overview
{
	display:block;
	font-size:.9em;
	text-align:right;
	margin-bottom:4px;
}



#container #portafolio .item .thumb-description p
{
	display:block;
	font-size:.9em;
	margin:0 0 0 6px;
	padding:0;
}

#container #portafolio .item .thumb-description .ingredients
{
	display:block;
	font-size:.9em;
	margin-top:20px;
}



#container #portafolio .item .thumb-description .ingredients ul
{
	margin:5px 0 0 7px;
	padding:0;
	list-style:none;
}

#container #portafolio .item .thumb-description .ingredients ul li
{
	display:inline-block;
	margin-right:5px;
	padding:0 3px;
	background:url(../images/ingredients.png) no-repeat;
	width:70px;
	height:34px;
	line-height:34px;
	text-align:center;
	color:#000;
}

#slider-controls
{
	clear:both;
	margin:0 auto;
	width:200px;
	height:38px;
	line-height:38px;
	line-height:30px;
	background:url(../images/bg_slider_controls.png) no-repeat;
	text-align:center;
	padding:8px 0 0 5px;
}

#slider-controls .slide-bullet 
{
	text-indent:-10000px;
	display:block;
	float:left;
	width:22px;
	height:22px;
	background:url(../images/bg_slider_bullets.png) no-repeat 0 0;
	cursor:pointer;
}

#slider-controls .slide-bullet-selected  
{
	background:url(../images/bg_slider_bullets.png) no-repeat 0 -22px;
}

/* Estilo de portafolio */
#container #portafolio .item .thumb-description h2
{
	display:inline-block;
	width:auto;
	font-family:Tahoma;
	margin:0;
	padding:0 5px 0 34px;
	color:#ebebeb;
	height:41px;
	line-height:41px;
	text-shadow: 0px 2px 3px #000;
}

#container #portafolio .item .thumb-description .overview span
{
	width:100px;
	display:inline-block;
	font-size:.9em;
	height:20px;
	line-height:20px;
	text-align:center;
	font-weight:bold;
}

#container #portafolio .item .thumb-description .ingredients span
{
	width:120px;
	display:inline-block;
	font-size:.9em;
	height:20px;
	line-height:20px;
	text-align:center;
	font-weight:bold;
	margin:0 0 5px 7px;
}

#container #portafolio .item div.graphic-design h2
{
	background:#738c34 url(../images/bg_description_h2.png) no-repeat left center;
}

#container #portafolio .item div.graphic-design .overview span
{
	background:#85a632;
}

#container #portafolio .item div.graphic-design .ingredients span
{
	background:#85a632;
}

#container #portafolio .item div.web-design h2
{
	background:#9e1e2f url(../images/bg_description_h2.png) no-repeat left center;
}

#container #portafolio .item div.web-design .overview span
{
	background:#c61f35;
}

#container #portafolio .item div.web-design .ingredients span
{
	background:#c61f35;
}

#container #portafolio .item div.programmation h2
{
	background:#2f8091 url(../images/bg_description_h2.png) no-repeat left center;
}

#container #portafolio .item div.programmation .overview span
{
	background:#2c9ab1;
}

#container #portafolio .item div.programmation .ingredients span
{
	background:#2c9ab1;
}
/* Estilo de portafolio */

#container #portafolio .item-divisor
{
	margin:35px 0;
	height:2px;
	background:url(../images/bg_item_divisor.jpg) no-repeat center center;
}

.divider
{
	margin:25px 0;
	width:100%;
	height:50px;
	display:block;
	clear:both;
	background:url(../images/bg_divider.jpg);
}

.divider .creditos
{
	margin:0 auto;
	padding-top:18px;
	width:924px;
	color:#bdbdbd;
	font-size:.8em;
}

.divider .creditos .copyright,
.divider .creditos .navigation,
.divider .creditos .validation
{
	margin:0;
	padding:0;
	float:left;
	width:308px;
}

.divider .creditos .navigation ul
{
	margin:0 0 0 35px;
	padding:0;
}

.divider .creditos .navigation ul li
{
	margin:0 5px 0 0;
	padding:0;
	display:inline-block;
	list-style-type:none;
}

.divider .creditos .navigation ul li a
{
	color:#bdbdbd;
	border-bottom:1px dashed #bdbdbd;
	text-decoration:none;
}

.divider .creditos .navigation ul li a:hover
{
	color:#f1f1f1;
	border-bottom:1px dashed #f1f1f1;
}

.divider .creditos .validation ul
{
	margin:0;
	padding:0;
	float:right;
}

.divider .creditos .validation ul li
{
	margin:0 0 0 5px;
	padding:0;
	display:inline-block;
	list-style-type:none;
}

.divider .creditos .validation ul li a
{
	color:#fff;
	border-bottom:1px dashed #fff;
	text-decoration:none;
}

.divider .creditos .validation ul li a:hover
{
	border-bottom:1px solid #fff;
	text-decoration:none;
}

#container #servicios
{
	width:950px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

#container #servicios .steps
{
	display:inline-block;
	float:left;
	width:300px;
	height:250px;
	overflow:hidden;
	background:url(../images/bg_steps.png) no-repeat bottom;
	position:relative;
}

#container #servicios .steps
{
	display:inline;
	margin:0 5px 10px 10px;
}

#container #servicios .steps span
{
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	display:block;
	width:300px;
	height:50px;
	line-height:35px;
	margin:0 15px 5px 0;
	padding:0;
	background:url(../images/bg_steps_span.png) no-repeat 0 0;
	color:#fff;
	text-shadow:0px 1px 2px #000;
	font-family:'Philosopher', Arial, serif;
	font-size:1.2em;
	font-weight:bolder;
	text-align:center;
	z-index:2;
}

#container #servicios .estrategia span
{
	background:url(../images/bg_steps_span.png) no-repeat 0 0;
	z-index:3;
}

#container #servicios .estrategia span.hover
{
	background:url(../images/bg_steps_span.png) no-repeat 0 -50px;
	z-index:4;
}

#container #servicios .diseno span
{
	background:url(../images/bg_steps_span.png) no-repeat 0 -100px;
	z-index:3;
}

#container #servicios .diseno span.hover
{
	background:url(../images/bg_steps_span.png) no-repeat 0 -150px;
	z-index:4;
}

#container #servicios .tecnologia span
{
	background:url(../images/bg_steps_span.png) no-repeat 0 -200px;
	z-index:3;
}

#container #servicios .tecnologia span.hover
{
	background:url(../images/bg_steps_span.png) no-repeat 0 -250px;
	z-index:4;
}

#container #servicios .steps p
{
	position:absolute;
	left:0;
	top:60px;
	z-index:1;
	width:300px;
	height:175px;
	margin:0;
	padding:0;
	background:#fff;
}

/* Servicios Top */
#container #servicios .servicios-top
{
	margin:0 auto 10px;
	padding:0;
	clear:both;
	width:929px;
	height:200px;
	overflow:hidden;
	position:relative;
}

#container #servicios .servicios-top div.tipoServicio
{
	height:52px;
	float:left;
	overflow:hidden;
}

#container #servicios .servicios-top div.web-design
{
	width:235px;
}

#container #servicios .servicios-top div.web-development,
#container #servicios .servicios-top div.mobile-development
{
	width:233px;
}

#container #servicios .servicios-top div.e-commerce
{
	width:228px;
}

#container #servicios .servicios-top .tipoServicio h3
{
	height:28px;
	float:left;
	position:absolute;
	bottom:12px;
	margin:0;
	padding:0;
	background:url(../images/bg_services_h3_top.png) no-repeat;
	text-indent:-10000px;
	z-index:50;
}

#container #servicios .servicios-top .tipoServicio h3.web-design
{
	width:235px;
	background-position:0 0;
}

#container #servicios .servicios-top .tipoServicio h3.web-development
{
	width:233px;
	background-position:-235px 0;
}

#container #servicios .servicios-top .tipoServicio h3.mobile-development
{
	width:233px;
	background-position:-468px 0;
}

#container #servicios .servicios-top .tipoServicio h3.e-commerce
{
	width:228px;
	background-position:-703px 0;
}

#container #servicios .servicios-top span.box
{
	height:52px;
	float:left;
	position:absolute;
	bottom:0;
	margin:0;
	padding:0;
	background:url(../images/bg_services_top.png) no-repeat;
	z-index:45;
}

#container #servicios .servicios-top span.web-design
{
	width:235px;
	background-position:0 0;
}

#container #servicios .servicios-top span.web-development
{
	width:233px;
	background-position:-235px 0;
}

#container #servicios .servicios-top span.mobile-development
{
	width:233px;
	background-position:-468px 0;
}

#container #servicios .servicios-top span.e-commerce
{
	width:228px;
	background-position:-703px 0;
}

#container #servicios .servicios-top p
{
	font-size:.8em;
	height:155px;
	float:left;
	position:absolute;
	bottom:0;
	margin:0;
	padding:35px 20px 0 10px;
	z-index:40;
	background:url(../images/bg_services_p_top.png) no-repeat right center;
}

#container #servicios .servicios-top p.web-design
{
	width:205px;
}

#container #servicios .servicios-top p.web-development,
#container #servicios .servicios-top p.mobile-development
{
	width:203px;
}

#container #servicios .servicios-top p.e-commerce
{
	width:195px;
}
/* Servicios Top */

/* Servicios Bottom */
#container #servicios .servicios-bottom
{
	margin:0 auto 20px;
	padding:0;
	clear:both;
	width:929px;
	height:200px;
	overflow:hidden;
	position:relative;
}

#container #servicios .servicios-bottom div.tipoServicio
{
	height:52px;
	float:left;
	overflow:hidden;
}

#container #servicios .servicios-bottom div.software-medida
{
	width:235px;
}

#container #servicios .servicios-bottom div.seo,
#container #servicios .servicios-bottom div.consultoria-tecnica
{
	width:233px;
}

#container #servicios .servicios-bottom div.otros-servicios
{
	width:228px;
}

#container #servicios .servicios-bottom .tipoServicio h3
{
	height:28px;
	float:left;
	position:absolute;
	top:12px;
	margin:0;
	padding:0;
	background:url(../images/bg_services_h3_bottom.png) no-repeat;
	text-indent:-10000px;
	z-index:50;
}

#container #servicios .servicios-bottom .tipoServicio h3.software-medida
{
	width:235px;
	background-position:0 0;
}

#container #servicios .servicios-bottom .tipoServicio h3.seo
{
	width:233px;
	background-position:-235px 0;
}

#container #servicios .servicios-bottom .tipoServicio h3.consultoria-tecnica
{
	width:233px;
	background-position:-468px 0;
}

#container #servicios .servicios-bottom .tipoServicio h3.otros-servicios
{
	width:228px;
	background-position:-703px 0;
}

#container #servicios .servicios-bottom span.box
{
	height:52px;
	float:left;
	position:absolute;
	top:0;
	margin:0;
	padding:0;
	background:url(../images/bg_services_bottom.png) no-repeat;
	z-index:45;
}

#container #servicios .servicios-bottom span.software-medida
{
	width:235px;
	background-position:0 0;
}

#container #servicios .servicios-bottom span.seo
{
	width:233px;
	background-position:-235px 0;
}

#container #servicios .servicios-bottom span.consultoria-tecnica
{
	width:233px;
	background-position:-468px 0;
}

#container #servicios .servicios-bottom span.otros-servicios
{
	width:228px;
	background-position:-703px 0;
}

#container #servicios .servicios-bottom p
{
	font-size:.8em;
	height:125px;
	float:left;
	position:absolute;
	top:0;
	margin:0;
	padding:75px 20px 0 10px;
	z-index:40;
	background:url(../images/bg_services_p_bottom.png) no-repeat right center;
}

#container #servicios .servicios-bottom p.software-medida
{
	width:205px;
}

#container #servicios .servicios-bottom p.seo,
#container #servicios .servicios-bottom p.consultoria-tecnica
{
	width:203px;
}

#container #servicios .servicios-bottom p.otros-servicios
{
	width:195px;
}
/* Servicios Bottom */

#container #servicios .estrategia
{
	margin:20px auto;
	padding:0;
	clear:both;
	width:920px;
	position:relative;
	text-align:center;
}

#container #servicios .proyecto
{
	margin:0 auto 15px;
	padding:0;
	clear:both;
	overflow:hidden;
	width:922px;
}

#container #servicios .proyecto .leyenda
{
	background:#37a0e1 url(../images/bg_leyenda.jpg) repeat-x;
	width:760px;
	height:30px;
	line-height:30px;
	float:left;
	overflow:hidden;
	margin:0 10px 0 0;
	padding:5px 0 5px 10px;
	font-family:'Philosopher', Arial, serif;
	font-size:1.2em;
	-moz-border-radius:5px;
	border-radius:5px;
	text-shadow:0px 2px 3px #222;
}

#container #servicios .proyecto .irRegistro
{
	width:140px;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
}

#container #servicios .proyecto .irRegistro a
{
	display:block;
	width:140px;
	height:40px;
	background:url(../images/bg_cuentameProyecto.png) no-repeat 0 -40px;
	text-indent:-10000px;
}

#container #servicios .proyecto .cuestionario
{
	clear:both;
	display:block;
	overflow:hidden;
	margin:0;
	padding:0;
	position:relative;
}

#container #servicios .proyecto .cuestionario h2
{
	margin:30px 0 0 16px;
	padding:0 0 5px 34px;
	background:#9F152A url(../images/bg_h2_idea.png) no-repeat left center;
	font-family: 'Yanone Kaffeesatz', arial, serif;
	font-size:32px;
	text-shadow:0px 2px 3px #000;
	width:180px;
}

#container #servicios .proyecto .cuestionario .paso1
{
	position:absolute;
	top:60px;
	right:0;
	background:url(../images/bg_pasos.png) no-repeat 0 0;
	width:177px;
	height:32px;
	z-index:15;
	text-indent:-10000px;
}

#container #servicios .proyecto .cuestionario .paso2
{
	position:absolute;
	top:270px;
	left:0;
	background:url(../images/bg_pasos.png) no-repeat 0 -32px;
	width:177px;
	height:32px;
	z-index:15;
	text-indent:-10000px;
}

#container #servicios .proyecto .cuestionario .feedback
{
	position:absolute;
	width:90px;
	height:260px;
	top:120px;
	right:10px;
	background:#eaebf0 url(../images/bg_feedback.jpg) no-repeat;
	z-index:12;
	text-indent:-10000px;
}

#container #servicios .proyecto .cuestionario .loading
{
	position:absolute;
	width:890px;
	height:500px;
	background:#fcfcfc;
	z-index:13;
	top:58px;
	left:21px;
	opacity:0.4;
	background:url(../images/loading.gif) no-repeat 490px 465px;
}

#container #servicios .proyecto .cuestionario div.form
{
	overflow:hidden;
	width:890px;
	margin:0 auto;
	background:#EAEBF0;
	border-top-width:0;
	border-bottom-width:0;
	z-index:10;
}

#container #servicios .proyecto .cuestionario div.form2
{
	padding-top:15px;
}

#container #servicios .proyecto .cuestionario div.form .left,
#container #servicios .proyecto .cuestionario div.form .right
{
	float:left;
	overflow:hidden;
	width:405px;
	padding:13px 20px;
}

#container #servicios .proyecto .cuestionario div.form .both
{
	clear:both;
	overflow:hidden;
	width:890px;
	padding:0 20px;
	position:relative;
}

#container #servicios .proyecto .cuestionario div.form input
{
	width:300px;
	height:30px;
	padding:0 5px;
	border-left:1px solid #d3d3d3;
	border-top:1px solid #d3d3d3;
	border-bottom:1px solid #ababab;
	border-right:1px solid #ababab;
	background:url(../images/bg_input_text.jpg) repeat-x;
	font-size:.9em;
}

#container #servicios .proyecto .cuestionario div.form input:focus
{
	outline:none;
	border-left:1px solid #ababab;
	border-top:1px solid #ababab;
	border-bottom:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
}

#container #servicios .proyecto .cuestionario div.form textarea
{
	width:745px;
	height:120px;
	padding:5px;
	border-left:1px solid #d3d3d3;
	border-top:1px solid #d3d3d3;
	border-bottom:1px solid #ababab;
	border-right:1px solid #ababab;
	background:#fff url(../images/bg_input_text.jpg) repeat-x bottom;
	font-size:.9em;
	font-family:"Lucida Sans", Arial, Verdana, Tahoma, Serif;
}

#container #servicios .proyecto .cuestionario div.form textarea:focus
{
	outline:none;
	border-left:1px solid #ababab;
	border-top:1px solid #ababab;
	border-bottom:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
}

#container #servicios .proyecto .cuestionario div.form select
{
	width:312px;
	height:30px;
	padding:0;
	border-left:1px solid #d3d3d3;
	border-top:1px solid #d3d3d3;
	border-bottom:1px solid #ababab;
	border-right:1px solid #ababab;
	background:url(../images/bg_input_text.jpg) repeat-x;
}

#container #servicios .proyecto .cuestionario div.form p
{
	position:relative;
	margin:10px 0;
	padding:0;
}

#container #servicios .proyecto .cuestionario div.form label
{
	color:#262626;
	position:absolute;
	top:7px;
	left:7px;
	font-size:.9em;
	cursor:text;
}

#container #servicios .proyecto .cuestionario div.form label.bloque
{
	color:#262626;
	position:relative;
	display:block;
	margin:-10px 0 8px -3px;
}

#container #servicios .proyecto .cuestionario div.form a.enviar
{
	background:url(../images/bg_proyecto_enviar.jpg) no-repeat 0 0;
	width:96px;
	margin:0 130px 20px 0;
	height:29px;
	display:block;
	float:right;
	text-indent:-10000px;
}

#container #servicios .proyecto .cuestionario div.form a.enviar:hover
{
	background-position:0 -29px;
}

#container #servicios .proyecto .cuestionario div.form a.enviar:active
{
	background-position:0 -58px;
}

#container #contacto
{
	width:924px;
	height:265px;
	overflow:hidden;
	margin:0 auto 10px;
	padding:0;
	background:url(../images/bg_contacto.png) repeat-x top;
	color:#262626;
}

#container #contacto .submit-form
{
	width:580px;
	overflow:hidden;
	padding:10px;
	float:left;
}

#container #contacto .submit-form p
{
	position:relative;
	overflow:hidden;
	padding:0;
	margin:10px 0;
	float:left;
}

#container #contacto .submit-form div.both
{
	float:none;
	clear:both;
	width:600px;
	overflow:hidden;
	position:relative;
}

#container #contacto .submit-form div.both .loading
{
	position:absolute;
	bottom:40px;
	right:180px;
	width:160px;
	height:20px;
	display:block;
}

#container #contacto .submit-form div.both div.errores
{
	overflow:hidden;
	float:left;
	width:450px;
	margin:0;
	padding:0;
}

#container #contacto .submit-form div.both div.errores span
{
	font-size:1em;
	display:block;
	margin-bottom:1px;
	font-family:'Crushed', Arial, Serif;
	letter-spacing:1px;
}

#container #contacto .submit-form div.both div.enviar
{
	overflow:hidden;
	float:left;
	width:120px;
	height:42px;
	margin:0;
	padding:0;
}

#container #contacto .submit-form div.both div.enviar a
{
	display:inline-block;
	float:right;
	width:120px;
	height:32px;
	margin:10px 0 0;
	background:url(../images/bg_contacto_p_hola.png) no-repeat 0 -32px;
	text-indent:-10000px;
}

#container #contacto .submit-form div.both div.enviar a:hover
{
	background-position:0 0;
}

#container #contacto .submit-form input
{
	width:260px;
	height:40px;
	padding:0 9px;
	font-size:1.4em;
	font-family:'Crushed', Serif;
	outline:0;
	border:1px dashed #b3b3b3;
	margin-right:10px;
}

#container #contacto .submit-form input.error
{
	border:1px solid red;
	background: #fed
}

#container #contacto .submit-form textarea.error
{
	border:1px solid red;
	background: #fed
}

#container #contacto .submit-form textarea
{
	width:550px;
	height:72px;
	padding:8px 9px;
	font-size:1.4em;
	font-family:'Crushed', Serif;
	outline:0;
	border:1px dashed #b3b3b3;
}

#container #contacto .submit-form label
{
	position:absolute;
	top:9px;
	left:11px;
	color:#262626;
	font-size:1.4em;
	font-family:'Crushed', Serif;
	cursor:text;
}

#container #contacto .social
{
	float:left;
	width:324px;
}

#container #contacto .social p
{
	background:url(../images/bg_contacto_p.png);
	color:#666;
	border:1px dashed #b3b3b3;
	width:290px;
	height:127px;
	margin:20px 0 0;
	padding:12px 10px 10px;
	font-size:1.2em;
	text-align:justify;
	line-height:1.2em;
	font-family: 'Yanone Kaffeesatz', arial, serif;
}

#container #contacto .social .networks
{
	margin:24px 0 0;
}

#container #contacto .social .networks ul
{
	margin:0 0 0 95px;
	padding:0;
}

#container #contacto .social .networks ul li
{
	display:inline-block;
	width:32px;
	height:32px;
}

#container #contacto .social .networks ul li a
{
	display:inline-block;
	width:32px;
	height:32px;
	background:url(../images/bg_social_networks.png) no-repeat;
	text-indent:-10000px;
}

#container #contacto .social .networks ul li a.email
{
	background-position:0 0;
}

#container #contacto .social .networks ul li a.email:hover
{
	background-position:0 -32px;
}

#container #contacto .social .networks ul li a.gtalk
{
	background-position:-32px 0;
}

#container #contacto .social .networks ul li a.gtalk:hover
{
	background-position:-32px -32px;
}

#container #contacto .social .networks ul li a.msn
{
	background-position:-64px 0;
}

#container #contacto .social .networks ul li a.msn:hover
{
	background-position:-64px -32px;
}

#container #contacto .social .networks ul li a.skype
{
	background-position:-96px 0;
}

#container #contacto .social .networks ul li a.skype:hover
{
	background-position:-96px -32px;
}

#container #contacto .social .networks ul li a.facebook
{
	background-position:-128px 0;
}

#container #contacto .social .networks ul li a.facebook:hover
{
	background-position:-128px -32px;
}

#container #contacto .social .networks ul li a.twitter
{
	background-position:-160px 0;
}

#container #contacto .social .networks ul li a.twitter:hover
{
	background-position:-160px -32px;
}





/* Tooltips */
.tipsy { padding: 5px; font-size: 12px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../images/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }



#maincontent
{
	position:absolute;
	width:100%;
	z-index:10000;
}

#maincontent .content
{
	margin:200px auto 0;
	width:995px;
	overflow:hidden;
	color:#666;
	z-index:10005;
	position:relative;
}

#maincontent .content .leftmenu
{
	width:9px;
	height:44px;
	position:absolute;
	background:url(../images/bg_corner_menu.png) no-repeat 0 0;
	left:0;
	top:6px;
}

#maincontent .content .rightmenu
{
	width:9px;
	height:44px;
	position:absolute;
	background:url(../images/bg_corner_menu.png) no-repeat -10px 0;
	top:6px;
	right:0;
}

#maincontent .content .top
{
	margin:0 auto;
	width:977px;
	height:7px;
	background:transparent url(../images/bg_top_content.jpg) no-repeat;
}

#maincontent .content .body
{
	margin:0 auto;
	padding:0;
	width:977px;
	background:#eeecec;
	overflow:hidden;
}

#maincontent .content .body .navbar
{
	margin-top:5px;
	background:url(../images/bg_navbar.jpg) repeat-x;
	width:977px;
	height:44px;
}

ul#menu
{
	margin:0;
    padding:0;
    list-style:none;
}

ul#menu li
{
	margin: 0;
    padding: 0;
    overflow: hidden;  /*--Important - Masking out the hover state by default--*/
    float: left;
    height:36px;
}

ul#menu li a.home
{
	text-indent:-10000px;
	margin-top:1px;
	padding:0;
    float:left;
    color:#fff;
    background:url(../images/bg_menu.jpg) no-repeat 0 0;
    clear:both;
    width:42px;
    height:36px;
    display:block;
}

#menu li a.home:hover
{
	background-position:0 -36px;
}

ul#menu li a.portafolio
{
	text-indent:-10000px;
	margin-top:1px;
	padding:0;
    float:left;
    color:#fff;
    background:url(../images/bg_menu.jpg) no-repeat -42px -36px;
    clear:both;
    width:165px;
    height:36px;
    display:block;
}

ul#menu li span.portafolio
{
	margin-top:1px;
	padding:0;
    float:left;
    color:#fff;
    background:url(../images/bg_menu.jpg) no-repeat -42px 0;
    clear:both;
    width:165px;
    height:36px;
    display:block;
}

ul#menu li a.quehago
{
	text-indent:-10000px;
	margin-top:1px;
	padding:0;
    float:left;
    color:#fff;
    background:url(../images/bg_menu.jpg) no-repeat -207px -36px;
    clear:both;
    width:193px;
    height:36px;
    display:block;
}

ul#menu li span.quehago
{
	margin-top:1px;
	padding:0;
    float:left;
    color:#fff;
    background:url(../images/bg_menu.jpg) no-repeat -207px 0;
    clear:both;
    width:193px;
    height:36px;
    display:block;
}

ul#menu li a.amedida
{
	text-indent:-10000px;
	margin-top:1px;
	padding:0;
    float:left;
    color:#fff;
    background:url(../images/bg_menu.jpg) no-repeat -400px -36px;
    clear:both;
    width:289px;
    height:36px;
    display:block;
}

ul#menu li span.amedida
{
	margin-top:1px;
	padding:0;
    float:left;
    color:#fff;
    background:url(../images/bg_menu.jpg) no-repeat -400px 0;
    clear:both;
    width:289px;
    height:36px;
    display:block;
}

ul#menu li a.contacto
{
	text-indent:-10000px;
	margin-top:1px;
	padding:0;
    float:left;
    color:#fff;
    background:url(../images/bg_menu.jpg) no-repeat -689px -36px;
    clear:both;
    width:163px;
    height:36px;
    display:block;
}

ul#menu li span.contacto
{
	margin-top:1px;
	padding:0;
    float:left;
    color:#fff;
    background:url(../images/bg_menu.jpg) no-repeat -689px 0;
    clear:both;
    width:163px;
    height:36px;
    display:block;
}

#div-portafolio
{
	position:relative;
	width:992px;
	margin:10px auto 0;
	overflow:hidden;
}

#div-portafolio .right-border
{
	position:absolute;
	width:158px;
	height:156px;
	right:6px;
	top:7px;
	background:transparent url(../images/portafolio-righttop.png) no-repeat;
}

#div-portafolio .photo-hover
{
	position:absolute;
	top:0;
	left:0;
	background:transparent url(../images/photo-hover.png) no-repeat;
	width:101px;
	height:101px;
	z-index:9999;
}

#div-portafolio .photo
{
	position:relative;
	float:left;
	width:300px;
	height:230px;
	overflow:hidden;
	margin:8px 10px 0 8px;
	padding:0;
}

#div-portafolio .photo .parent
{
	z-index:15;
	width:300px;
	height:230px;
	position:absolute;
	left:0;
	right:0;
}

#div-portafolio .photo .child
{
	width:300px;
	height:230px;
	position:absolute;
	left:0;
	right:0;
}

#div-portafolio .photo .title
{
	z-index:16;
	position:absolute;
	left:0;
	bottom:-30px;
	width:300px;
	height:25px;
	line-height:25px;
	background:url(../images/photo-title.png) no-repeat;
	text-align:center;
	color:#fff;
	font-weight:bold;
	text-shadow: 0px 2px 3px #000;
}

#div-portafolio .info
{
	float:left;
	width:667px;
	overflow:hidden;
	margin:8px 0 0;
	padding:0;
	color:#efefef;
	background:transparent url(../images/bg_info.png);
}

#maincontent .content .bottom
{
	overflow:hidden;
	margin:0 auto;
	padding:0;
	width:977px;
	height:7px;
	background:transparent url(../images/bg_bottom_content.jpg) no-repeat;
}

#footer
{
	width:100%;
	height:253px;
	background:url(../images/bg_footer.jpg);
}