@charset "UTF-8";
/* CSS Document */

html{
	height:100%;
}

body{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	background-color:#b1ada7;
	padding:0px;
	margin:0px;
	min-width:780px;
	height:100%;
	
	/*background-image:url(../images/home_pic.png);
	background-position:top left;
	background-repeat:no-repeat;*/
}

/*GENERALS*/

/*titulos para cada una de las secciones de la pagina*/
H1{
	font-family:Helvetica, Arial, sans-serif;
	font-size:68px;
	font-weight:bold;
	color:#000;
	
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity:.7;
	color: rgba(0, 0, 0, 0.7);
	letter-spacing:-4px;
	text-transform:uppercase;
	padding-left:250px;
	margin:-10px 0px 0px 0px;
	*margin:-25px 0px 0px 0px;
}

/*se utiliza para el slogan del home*/
H2{
	font-family:"Helvetica Neue UltraLight", "Helvetica Neue", Arial;
	font-size:54px;
	line-height:54px;
	font-weight:lighter;
	color:#000;
}

H2.slogan{
	font-size:23px;
	padding-left:250px;
	line-height:23px;
	margin-top:0px;
}

H2 span{
	color:#FFF;
}

/*subtitulos del sitio*/
H3{
	font-family:Helvetica, Arial, sans-serif;
	font-size:24px;
	font-weight:normal;
	color:#FFF;
	padding:4px 10px;
	background-color:#232321;
	margin-bottom:0px;
	margin-top:25px;
}
H4{
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	color:#000;
	margin-bottom:0px;
	padding-bottom:0px;
}

.clear{
	clear:both;
}

/*colores utilizados para el sitio web*/
.home{
	background-color:#b1ada7;
}

.services{
	background-color:#afdb65;
}

.portafolio{
	background-color:#5a8ac7;
}
.about{
	background-color:#955fd7;
}
.contactenos{
	background-color:#ca8834;
}


/*imagen de cada miembro del equipo*/
.miembro{
	/*background-image:url(../images/home_pic.png);
	background-position:top left;
	background-repeat:no-repeat;*/
	position:absolute;
	top:10px;
	left:-630px;
	/*height:100%;
	width:100%;*/
	overflow:hidden;
	margin:0;
	padding:0;
	z-index:0;
	visibility:hidden;
}

/*top del sitio*/

#header{
	position:relative;
}

#menu{
	font-family:"Courier New", Courier, monospace;
	font-size:13px;
	color:#000;
	position:absolute;
	top:20px;
	right:7px;
	
}

#menu a{
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
	color:#000;
	padding:0px 15px;
	text-decoration:none;
}

#menu a:hover{
	text-decoration:underline;
	color:#FFF;
}

#menu a.selected{
	color:#FFF;
}

#logo{
}

.layout_right{
	position:relative;
	right:45px;
	width:750px;
	min-width:750px;
	margin:0px 0px 0px auto;
}

/*contenido del sitio*/
#content{
	position:relative;
	height:auto !important;
	margin:0px auto -60px !important;
	min-height:100%;
}

/*cajitas descriptivas del home*/
.info_box{
	width:210px;
	height:260px;
	float:left;
	margin-right:40px;
	position:relative;
}

.info_box p{
	text-align:left;
	font-size:12px;
}

.info_box a{
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#000;
}

.info_box a:hover{
	text-decoration:underline;
	
}

.info_box a.more{
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	color:#000;
	display:block;
	text-align:right;
	text-decoration:underline;
	
	position:absolute;
	bottom:60px;
	right:5px;
	list-style-type:
}

.info_box ul{
	list-style:armenian;
}

.info_box li{
	list-style-type:disc;
	
}

.info_box a.more:hover{
}


.linea_horizontal{
	border-bottom:1px #000 solid;
}

.linea_horizontal_dashed{
	margin-top:20px;
	border-top:1px #000 dashed;
}

/*para la seccion de nosotros*/
/*menu y columna izquierda de las paginas de texto*/
ul.content_menu{
	border-right:2px #000 solid;
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	list-style:none;
	width:180px;
	text-align:right;
	float:left;
	padding:0px;
}

ul.content_menu li{
	padding-right:10px;
}

ul.content_menu a{
	text-decoration:none;
	opacity:0.5;
	filter:alpha(opacity=70);
	-moz-opacity:.7;
	color:#000;
	color: rgba(0, 0, 0, 0.7);
}

ul.content_menu a:hover{
	text-decoration:underline;
	color:#FFF;
	opacity:1;
	color: rgba(255, 255, 255, 1);
}

ul.content_menu a.selected{
	color:#000;
	opacity:1;
	color: rgba(0, 0, 0, 1);
}

/*columna derecha para contenidos de texto*/
.text_section{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	float:right;
	width:500px;
	min-height:450px;
	text-align:justify;
}

.image_box{
	background-color:#FFF;
	margin-top:20px;
	padding:6px;
	width:484px;
	height:192px;
}

.image_box a{
	border:none;
}

.image_box a img{
	width:484px;
	height:192px;
	border:none;
}

.detail_box{
	float:left;
	width:190px;
}

.detail_box span{
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	color:#FFF;
}

.detail_box p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:left;
}

.lumen_work{
	float:right;
	width:500px;
}

.lumen_work ul{
	width:105px;
	float:left;
	list-style:none;
	padding:0px 20px 0px 0px;
}

.lumen_work ul li{
	display:block;
	color:#000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
}

.lumen_work ul li.title{
	padding-bottom:8px;
}

.lumen_work a{
	color:#000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight:normal;
}

.lumen_work a:hover{
	color:#FFF;
}

.lumen_work a.selected{
	color:#FFF;
	text-decoration:blink;
}

.lumen_work_wrapper{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	width:750px;
	min-height:730px;
	z-index:10000;
}

.lumen_client{
	width:750px;
	position:absolute;
	display:none;
}

.lumen_work h2{
	margin:0px;
	text-align:left;
	font-size:38px;
}

.detail_box a.more{
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	color:#000;
}

.detail_box a.more:hover{
	color:#FFF;
}


/*CONTACTENOS*/
.col1{
	width:180px;
	text-align:right;
	margin-top:20px;
	float:left;
}

.col2{
	margin-top:25px;
	float:right;
	width:500px;
	min-height:450px;
	text-align:justify;
}

.input{
	width:187px;
	padding:7px 5px;
	background:none;
	border:1px #000 solid;
	border-top:none;
	border-left:none;
	position:absolute;
	bottom:0px;
	left:0px;
	
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:16px;
}

.overTxtDiv{
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:16px;
}

.textarea{
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:16px;
	padding:20px 5px;
	background:none;
	border:1px #000 solid;
	border-top:none;
	border-left:none;
	position:absolute;
	bottom:0px;
	left:0px;
	
	height:95px;
	width:450px;
	overflow:auto;
}

.input_wrapper{
	height:42px;
	width:187px;
	border-left:1px #000 solid;
	position:relative;
	margin-bottom:20px;
}

.area_wrapper{
	height:162px;
	width:450px;
	position:relative;
	border-left:1px #000 solid;
}

/*botones de accion para el formulario*/
.contac_buttom{
	background-color:#000;
	color:#FFF;
	font-family:"Courier New", Courier, monospace;
	font-size:13px;
	text-decoration:none;
	padding:3px 7px;
	border:none;
	cursor:pointer;
}

.contac_buttom:hover{
	background-color:#FFF;
	color:#000;
}

.contact_actions{
	padding:20px 40px;
	text-align:right;
}

.lumen_service{
	padding-bottom:50px;
}

.lumen_service h2{
	margin:0px;
	text-align:left;
	font-size:38px;
	line-height:38px;
}

/*seccion bottom del home*/
#footer{
	position:relative;
	height:60px;
}

/*#footer p{
	font-size:10px;
	text-align:right;
	padding:0px;
	margin:0px;
}

.colores{
	height:13px;
	min-width:450px;
	right:750px;
	bottom:0px;
	margin:-5px 750px 0px 0px;
	background-color:#FFF;
}*/

#footer p{
	font-family:"Helvetica Neue UltraLight", "Helvetica Neue", Arial;
	font-size:10px;
	
	text-align:right;
	padding:0px;
	margin:0px;
	
	position:absolute;
	right:45px;
	bottom:2px;
	
	z-index:1000;
}

#footer p span{
	font-weight:bold;
}

#footer p a{
	font-weight:bold;
	text-decoration:none;
	color:#000;
}

#footer p a:hover{
	color:#FFF;
	text-decoration:underline;
}

/*cajita de colores del footer*/
.colores{
	height:13px;
	min-width:450px;
	width:600px;
	/*right:750px;
	margin:-5px 750px 0px 0px;
	*/
	bottom:0px;
	background-color:#FFF;
	position:absolute;
	left:0px;
}

.colores .color_page{
	width:90px;
	float:right;
	height:13px;
}

span.contact_title{
	font-family:"Helvetica Neue UltraLight", "Helvetica Neue", Arial;
	font-weight:bold;
	font-size:16px;
}
p.contact_info{
	text-align:right;
	font-size:16px;
	color:#000;
	padding-right:40px;
}

p.contact_info a{
	color:#000;
	text-decoration:none;
}

p.contact_info a:hover{
	color:#FFF;
	text-decoration:underline;
}