@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background:#333333;
	margin: 0;
	text-align: center;
	color: #000000;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background:url(img/bg_gen.jpg);
}

.bold{
font-weight:bold;
}
img {

border:none;

}

#container {
	width: 920px;  /* aproximadamente 928px ajustan perfectamente en 1024px  */
	background: #000000; /*margin auto nos ayuda a centrar la página*/
	border: 6px solid #666666;
	border: 6px solid #3c3c3c;
	text-align: left;
	padding: 8px;
	margin-top: 6px;
	margin-right: auto;
	margin-bottom: 6px;
	margin-left: auto;
} 

#sidebar1{
	height: 365px;
	float: right;
	width: 12em;
	background-color: #000000;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0;
	margin-top: 3px;
	margin-right: 0px;
	margin-left: 3px;
	background-image: url(img/bannerlateral.png);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-position: 0px 0px;
}


#mapa {
background:#FFFFFF;
	top:330px;
	position: relative;
}

	#mapa li{
	position: absolute;
	left:10px;
	list-style: none;
	text-indent: -9999px;
	}
		#mapa li a:link,
		#mapa li a:visited{ 

			display: block; 
			height: 86px; 
		}
	#nav-map a{
	padding:0;
margin:0;
		background-image: url(img/mapa.gif);
		background-repeat: no-repeat;
		border-style: none;
		text-indent: -9999px;
	}
	
	#nav-map{ background-position: 10px 0px; }
		#nav-map a{ background-position: 10px 0px; width: 190px; }
		#nav-map a:hover{ background-position: 10px -86px;
		}
		
#sidebar1 h3, #sidebar1 p {
	margin-left: 10px; 
	margin-right: 10px;
}
#sidebarinterno{
	margin:auto 22px auto 4px;
	text-align:right;
	font-size:11px;
	font-weight:bold;
	position:relative;
	top:77px;
	color:#660000;
}
#sidebarinterno a{
color:#660000;
text-decoration:none;
}
#sidebarinterno a:hover{
color:#CC9900;
text-decoration:none;
}
.linkblanco{

	color:#FFFFFF;
	font-size:14px;

	
}


#mainContent {
	width:716px;
	height:360px;
	background:url(img/oficina_fe.jpg);
	background-repeat:no-repeat;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 0px;
	padding-top: 8px;
} 
#mainContentservicios {
	width:716px;
	height:360px;
	/*background:url(img/oficina_fe.jpg);*/
	background-repeat:no-repeat;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 0px;
	padding-top: 8px;
	background-image: url(img/webportf.jpg);
} 
#mainContentportafolio {
	width:710px;
	height:360px;
	/*background:url(img/oficina_fe.jpg);*/
	background-repeat:no-repeat;
	margin-top: 0;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding-bottom: 0px;
	padding-top: 8px;
} 
#portfhead {

	height:20px;
	/*background:url(img/oficina_fe.jpg);
	background-repeat:no-repeat;*/
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	font-size:0.8em;
	font-weight:bold;
	color:#CCCCCC;
	text-align:right;
	border-bottom:solid 1px #999999;

}
#portfhead a{
color:#999999;
text-decoration:none;
}
#portfhead a:hover{
color:#CC9900;
text-decoration:none;
}
#portfcataloginicio {
	height:338px;
}
#portfcatalog {
	height:318px;
}
#portfcatalog, #portfcataloginicio {
	background:#111111;
	padding:1px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	font-size:0.8em;
	font-weight:bold;
	color:#CCCCCC;

}
#portafolioiniciotxt{
	float:left;
	padding:3px;
	margin-top: 36px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 10px;
}
#portafolioiniciotxt p{
margin:2px;
padding:0px;
}
#portafolioiniciotxt a{
color:#CC9900;
text-decoration:none;
}
#portafolioiniciotxt a:hover{
color:#66CC00;
}
#portafolioiniciotxt .titleportftxt{
font-size:1.2em;
margin:2px;
padding:0px;
}
#portafolioinicioimg{
	float:left;
	padding:0px;
	margin:0px;
}
#portfthumbinicio{
	display:block;
	width:673px;
	height:91px;
	background:#010101;
	padding:3px;
	margin-top: 10px;
	margin-right: 4px;
	margin-bottom: 8px;
	margin-left: 8px;
	font-size:0.8em;
	font-weight:bold;
	color:#CCCCCC;
	border:solid 1px #000000;
}

#portfthumb {
	display:block;
	float:left;
	width:198px;
	height:128px;
	background:#010101;
	margin-top: 8px;
	margin-right: 4px;
	margin-bottom: 8px;
	margin-left: 8px;
	font-size:0.8em;
	font-weight:bold;
	color:#CCCCCC;
	text-align:right;
	border:solid 1px #000000;
}

#portfbotones {
	display:block;
	
	float:right;
	width:45px;
	height:128px;
	background:#010101;
	margin-top: 8px;
	margin-right: 4px;
	margin-bottom: 8px;
	margin-left: 0px;
	font-size:0.8em;
	font-weight:bold;
	color:#CCCCCC;
	text-align:right;
	
}
.potafactivo{
color:#66CC00;
}
#portfbotonesuno{

padding:2px;

}
#portfbotonesuno a{
display:block;
width:40px;
line-height:10px;
text-decoration:none;
color:#999999;
background:#666666;
padding:2px;

}
#portfbotonesuno a:hover{
color:#000000;
background:#CC9900;
padding:2px;

}
#righttext, #righttextinn {
	text-align:right;
	width:360px;
	height:340px;
	float:right;
	font-size:0.8em;
	color:#FFFFFF;
	margin:0px;
	padding-top: 0px;
	padding-right: 27px;
	padding-bottom: 0px;
	padding-left: 2px;
	margin-bottom: 0px;
	line-height: 18px;
}
#righttextinn {
overflow:auto;
}
#righttext h3 {
	font-size:0.9em;
	color:#FFFFFF;
	padding-top: 190px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}
#righttextinn h3 {
	font-size:3em;
	color:#FFFFFF;
	padding-top: 14px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}
#righttextinn a{
display:block;
text-decoration:none;
color:#999999;
background:#006699;
margin:0px;
padding:2px;

}
#righttextinn a:hover{
color:#000000;
background:#CC9900;
margin:0px;
padding:2px;

}
#footer {
margin:auto;
width: 58em;
	height:115px;
	padding: 0;
	background:#93a924;
} 
#baseinfogen{

background:#efefca;


}
#infogen{
	padding:8px 0px 0px 0px;
	margin:8px auto auto auto;
	height:345px;
	background-color:#efefca;
	background:url(img/bgabajo.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	
	
}
	#cuatrocolumnasuno, #cuatrocolumnasdos, #cuatrocolumnastres, #cuatrocolumnascuatro{
	color:#333333;
	float:left;
	display:block;
	width:199px;
	height:310px;
	background:#efefca;
	padding:9px;
	margin:6px;
	}
	#cuatrocolumnasuno a, #cuatrocolumnasdos a, #cuatrocolumnastres a, #cuatrocolumnascuatro a, #fondo a{
	color:#999999;
	text-decoration:none;
	}
	#cuatrocolumnasuno a:hover, #cuatrocolumnasdos a:hover, #cuatrocolumnastres a:hover, #cuatrocolumnascuatro a:hover,#fondo a:hover{
	color:#0099CC;
	}
	
	#coluno{
	background:url(img/iconos_portafolio_id.gif);
	background-repeat:no-repeat;
	font-size:0.7em;
		height:296px;
	padding-top: 63px;
	}
	#coldos{
	background:url(img/diseno.gif);
	background-repeat:no-repeat;
	font-size:0.7em;
	height:296px;
	padding-top: 63px;
	}
	#coltres{
	background:url(img/iconos_portafolio_web.gif);
	background-repeat:no-repeat;
	font-size:0.7em;
		height:296px;
	padding-top: 63px;
	}
	#colcuatro{
	background:url(img/iconos_portafolio_multi.gif);
	background-repeat:no-repeat;
	font-size:0.7em;
		height:296px;
	padding-top: 63px;
	}
	#fondo{
	background:#efefca;
	text-align:right;
	font-size:0.65em;
	color:#666666;
	padding:12px;
	margin:auto;
	}
	
	
#soluciones{
height:107px;
width:252px;
position:absolute;
background:url(img/soluciones.png);
background-repeat:no-repeat;
background-position:10px;

text-indent: -9999px;
}

#footer p {
	margin: 0; 
	padding: 2px 0; 
}
#footer li {
	margin: 0; 
	padding: 2px 0;
	}
#sep_negro{
height:5px;
background:#000000;

}
#main-nav{
	float: right;
	height: 90px;
	margin: 0;
	width: 410px;
}
	#main-nav li{ 
		float: left; 
		list-style: none; 
		text-indent: -9999px;
	}
		#main-nav li a:link,
		#main-nav li a:visited{ 
			display: block; 
			height: 99px; 
		}
	#nav-work a, 
	#nav-services a, 
	#nav-us a{
		background-image: url(img/botoneraprincipal.gif);
		background-repeat: no-repeat;
		border-style: none;
		text-indent: -9999px;
	}
	#nav-work{ background-position: 2px 0px; }
		#nav-work a{ background-position: 2px 0px; width: 177px; }
		#nav-work a:hover{ background-position: 2px -110px; }
		#nav-work a.current{ background-position: 2px -220px; 
		}
		
	#nav-services{ background-position: -176px 0px; }
		#nav-services a{ background-position: -177px 0px; width: 112px; }
		#nav-services a:hover{ background-position: -177px -110px; }
		#nav-services a.current{ background-position: -177px -220px; 
		}

	#nav-us{ background-position: -289px 0px; }
		#nav-us a{ background-position: -289px 0px; width: 108px; }
		#nav-us a:hover{ background-position: -289px -110px; }
		#nav-us a.current{ background-position: -289px -220px; 
		}

.clearfloat { /*los elementos flotantes deben contener al final un div vacío con esta clase para indicar que este es el último elemento del div principal y permitir así que algunos navegadores extiendan el resto del contenido en la medida que el contenido de este div se alargue*/
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}
#contentform{
height:210px;
}
#labelsform{
float:left;
width:92px;
margin:2px;
padding:4px;
}
#inputsform{
float:left;
width:220px;
margin:2px;
padding:4px;
text-align:left;
}
.submit{
	width:185px;
	background-image:url(img/sobre.gif);
	background-repeat:no-repeat;
	background-position:20px 8px;
	border:0px;
	padding:3px 3px 3px 34px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
	background-color: #003366;
}
#baseintermedio{
background-image:url(img/soluciones_negro.jpg);
background-position:top right;
background-repeat:no-repeat;
padding:0px;
margin:0px 2px 0px 0px;

}
#intermedio{
width:715px;
height:auto;
background-image:url(img/bgverde.jpg);

background-repeat:no-repeat;
	background-color:#93a924;


}
#textointermedio{


padding:5px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
}
#texder{
margin:5px 15px 0px 5px;
width:470px;
float:right;

}
#texder h1{
font-size:1em;
font-weight:bold;
line-height:20px;
}
#texizq{
margin:5px 5px;
width:195px;
float:right;

}
#texizq h1{
font-size:1.4em;
}