@charset "utf-8";
#contenedor {
	background-image: url(../imagenes/interface/banner.jpg);
	background-repeat: no-repeat;
	background-position: top;

}
#contenedor_dis {
	background-image: url(../imagenes/interface/banner_dis.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#contenedor_multi {
	background-image: url(../imagenes/interface/banner_multi.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#contenedor_3d {
	background-image: url(../imagenes/interface/banner_3d.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#encabezado {
	width: 900px;
	height: 240px;
}

#contenedor_sec {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#encabezado_int {
	text-indent: -1000px;
}
#gvoxel {
	position: relative;
	width: 350px;
	height: 161px;
	outline:none;
}
#gvoxel a {
	position: absolute;
	width: 350px;
	height: 200px;
	display: block;
	text-indent: -1000em;
	left: -1px;
	top: 2px;
	outline:none;
}

#contenidoSup {
	width: 763px;
	margin-bottom: 3em;
}
#contenidoSup2 {
	margin-bottom: 15em;
	position: relative;
	float: right;
	width: 248px;
	padding-left: 10px;
	margin-top: 26px;
	font-size: 0.9em;
	padding-right: 5px;
}

#contenido {
	width: 763px;
	margin-left: 68px;
}
#contenidoInf {
	height:500px;
}


#navSec {
	height: 102px;
}
#pie {
	width: 753px;
	height: 44px;
	margin-left: 68px;
	padding-bottom: 350px;
	padding-left: 10px;
	padding-top: 10px;
	background-image: url(../imagenes/interface/mail.jpg);
	background-repeat: no-repeat;
	background-position: 600px 10px;
}
#pie2  {
	width: 753px;
	height: 44px;
	margin-left: 68px;
	padding-bottom: 350px;
	padding-left: 10px;
	padding-top: 10px;
	background-image: url(../imagenes/interface/mail.jpg);
	background-repeat: no-repeat;
	background-position: 600px 10px;
}

#nav {
	margin-left: 480px;
	height: 26px;
	width: 350px;
	margin-top: 3px;
}
.cajaCont_multi {
	background-color: #735AA1;
	height: 336px;
	width: 250px;
	float: left;
	position: relative;
	margin-right: 0.2em;
}
.cajaCont_3d {
	background-color: #B9AFD6;
	height: 308px;
	width: 222px;
	float: left;
	position: relative;
	margin-right: 1em;
	padding: 10px;
}
.cajaCont_dis {
	background-color: #5C69AA;
	height: 308px;
	width: 222px;
	float: left;
	position: relative;
	padding: 10px;
}
.cajaMulti {
	width: 250px;
	height: 336px;
}
.cajaMulti .encabezado1 {
	background-image: url(../imagenes/interface/caja_multi.jpg);
	background-position: right top;
	padding-right: 30px;
}
.cajaMulti .encabezado1 .izquierda {
	background-image: url(../imagenes/interface/caja_multi.jpg);
	background-position: left top;
	height: 25px;
}
.cajaMulti .cuerpo {
	padding-right: 30px;
	background-image: url(../imagenes/interface/caja_multi.jpg);
	background-position: right center;
	height: 286px;
	padding-left: 15px;
}
.derecha  {
	text-align: right;
}

.cajaMulti .cuerpo .izquierda {
	background-image: url(../imagenes/interface/caja_multi.jpg);
	background-position: left center;
	padding-left: 30px;
}
.cajaMulti .pie {
	background-image: url(../imagenes/interface/caja_multi.jpg);
	background-position: right bottom;
	padding-right: 30px;
}
.cajaMulti .pie .izquierda {
	background-image: url(../imagenes/interface/caja_multi.jpg);
	background-position: left bottom;
	height: 25px;
	padding-right: 30px;
}

.cajaMulti .encabezado2 {
	background-image: url(../imagenes/interface/caja_3d.jpg);
	background-position: right top;
	padding-right: 30px;
}
.cajaMulti .encabezado2 .izquierda {
	background-image: url(../imagenes/interface/caja_3d.jpg);
	background-position: left top;
	height: 25px;
}
.cajaMulti .cuerpo2 {
	padding-right: 30px;
	background-image: url(../imagenes/interface/caja_3d.jpg);
	background-position: right center;
	height: 286px;
	padding-left: 15px;
}
.cajaMulti .cuerpo2 .izquierda {
	background-image: url(../imagenes/interface/caja_3d.jpg);
	background-position: left center;
	padding-left: 30px;
}
.cajaMulti .pie2 {
	background-image: url(../imagenes/interface/caja_3d.jpg);
	background-position: right bottom;
	padding-right: 30px;
}
.cajaMulti .pie2 .izquierda {
	background-image: url(../imagenes/interface/caja_3d.jpg);
	background-position: left bottom;
	height: 25px;
	padding-right: 30px;
}

.cajaMulti .encabezado3 {
	background-image: url(../imagenes/interface/caja_dis.jpg);
	background-position: right top;
	padding-right: 30px;
}
.cajaMulti .encabezado3 .izquierda {
	background-image: url(../imagenes/interface/caja_dis.jpg);
	background-position: left top;
	height: 25px;
}
.cajaMulti .cuerpo3 {
	padding-right: 30px;
	background-image: url(../imagenes/interface/caja_dis.jpg);
	background-position: right center;
	height: 286px;
	padding-left: 15px;
}
.cajaMulti .cuerpo3 .izquierda {
	background-image: url(../imagenes/interface/caja_dis.jpg);
	background-position: left center;
	padding-left: 30px;
}
.cajaMulti .pie3 {
	background-image: url(../imagenes/interface/caja_dis.jpg);
	background-position: right bottom;
	padding-right: 30px;
}
.cajaMulti .pie3 .izquierda {
	background-image: url(../imagenes/interface/caja_dis.jpg);
	background-position: left bottom;
	height: 25px;
	padding-right: 30px;
}



.contenidoInf_a {
	width: 490px;
	height: 245px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999999;
	padding-left: 0px;
}
.contenidoInf_b {
	width: 233px;
	float: right;
	padding-left: 20px;
}
img.izq {
	float: left;
	margin-right: 9px;
}

img.izq a{
	margin-right: 9px;
}
.cont2 {
	width: 420px;
	display: block;
	padding-left: 10px;
}

.derecha {
	background-position: right;
}
.derecha_float {
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 100px;
}


#caja_btn {
	height: 85px;
	width: 267px;
	float: right;
	background-image: url(../imagenes/interface/deco_cuadrados.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#banner {
	height: 134px;
	width: 763px;
	margin-top: 20px;
	margin-bottom: 20px;
}

ul#caja_btn {
	height: 71px;
	background-image: none;
	
}
ul#caja_btn li {
	display: block;
	width: 53px;
	height: 75px;
	float: right;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
		
}
ul#caja_btn li#caja_btn1 a  {
	display: block;
	width: 53px;
	height: 75px;
	background-image: url(../imagenes/interface/icon_multi.gif);
	background-repeat: no-repeat;
	text-indent: -1000em;
	outline:none;
}
ul#caja_btn li#caja_btn1 a:link{
	display: block;
	width: 53px;
	height: 75px;
	background-image: url(../imagenes/interface/icon_multi.gif);
	background-repeat: no-repeat;
	outline:none;
	}
	
ul#caja_btn li#caja_btn1 a:visited{
	display: block;
	width: 53px;
	height: 75px;
	background-image: url(../imagenes/interface/icon_multi.gif);
	background-repeat: no-repeat;
	outline:none;
	}
ul#caja_btn li#caja_btn1 a:hover {
	display: block;
	width: 53px;
	height: 75px;
	background-image: url(../imagenes/interface/icon_multi_hover.gif);
	background-repeat: no-repeat;
	outline:none;
	}
ul#caja_btn li #caja_btn1 a:active{
	display: block;
	width: 53px;
	height: 75px;
	background-image: url(../imagenes/interface/icon_multi.gif);
	background-repeat: no-repeat;
	outline:none;
	}
	
		
ul#caja_btn li#caja_btn2 a  {
	display: block;
	width: 53px;
	height: 75px;
	background-image: url(../imagenes/interface/icon_3d.gif);
	background-repeat: no-repeat;
	text-indent: -1000em;
	outline:none;
}
ul#caja_btn li#caja_btn2 a:link{
	display: block;
	width: 53px;
	height: 75px;
	background-image: url(../imagenes/interface/icon_3d.gif);
	background-repeat: no-repeat;
	text-indent: -1000em;
	outline:none;
	}
	
ul#caja_btn li#caja_btn2 a:visited{
display: block;
	width: 53px;
	height: 75px;
	background-image: url(../imagenes/interface/icon_3d.gif);
	background-repeat: no-repeat;
	text-indent: -1000em;
	outline:none;
	}
ul#caja_btn li#caja_btn2 a:hover {
	display: block;
	width: 53px;
	height: 75px;
	background-image: url(../imagenes/interface/icon_3d_hover.gif);
	background-repeat: no-repeat;
	outline:none;
	}

ul#caja_btn li #caja_btn2 a:active{
display: block;
	width: 53px;
	height: 75px;
	background-image: url(../imagenes/interface/icon_3d.gif);
	background-repeat: no-repeat;
	text-indent: -1000em;
	outline:none;
	}

ul#caja_btn li#caja_btn3 a  {
	display: block;
	width: 53px;
	height: 75px;
	background-image: url(../imagenes/interface/icon_dis.gif);
	background-repeat: no-repeat;
	text-indent: -1000em;
	outline:none;
}
ul#caja_btn li#caja_btn3 a:link{
	display: block;
	width: 53px;
	height: 75px;
	background-image: url(../imagenes/interface/icon_dis.gif);
	background-repeat: no-repeat;
	text-indent: -1000em;
	outline:none;
	}
	
ul#caja_btn li#caja_btn3 a:visited{
	display: block;
	width: 53px;
	height: 75px;
	background-image: url(../imagenes/interface/icon_dis.gif);
	background-repeat: no-repeat;
	text-indent: -1000em;
	outline:none;
	}
ul#caja_btn li#caja_btn3 a:hover {
	display: block;
	width: 53px;
	height: 75px;
	background-image: url(../imagenes/interface/icon_dis_hover.gif);
	background-repeat: no-repeat;
	outline:none;
	}

ul#caja_btn li #caja_btn3 a:active{
	display: block;
	width: 53px;
	height: 75px;
	background-image: url(../imagenes/interface/icon_dis.gif);
	background-repeat: no-repeat;
	text-indent: -1000em;
	outline:none;
	}

hr {
	clear: both;
	visibility: hidden;
}
.imgMini a {
	float: left;
	border: 6px solid #808080;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	outline:none;
}

.imgMini a:hover {
	float: left;
	border: 6px solid #9692CF;
	margin: 10px;
	text-decoration: none;
	margin-left: 10px;
	outline:none;
}

.portafolio {
	margin-bottom: 30px;
	position: static;
}
.portafolio_a {
	width: 360px;
	height: 321px;
	text-align: center;
	float: left;
}

.centrador {
	text-align: center;
	padding-top: 5px;
}

.portafolio_b {
	width: 330px;
	/*height:300px;*/
	margin-left: 380px;
	margin-bottom: 25px;
}
.servicios {

}
.servicios_cont {
	margin-bottom: 20px;
}
.servicios_cont li{
	margin-bottom: 20px;
	list-style-type: disc;
	margin-left: 10px;
	font-size: 0.85em;
	color: #333333;
	width: 400px;
}
img.derecha {
	float: right;
	padding: 10px;
	position: relative;
	margin: 5px;
	border: thin solid #666666;
}
img.izquierda {
	float: left;
	padding: 10px;
	position: relative;
	border: thin solid #666666;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 30px;
	margin-left: 5px;
}

/*---------- bubble tooltip -----------*/
a.tt{
	position:relative;
	z-index:24;
	font-weight:bold;
	text-decoration:none;
	font-size: 11px;

}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
	display:block;
	position:absolute;
	top:0px;
	left:0;
	width:115px;
	color: #666666;
	text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
a.tt:hover span.top{
	display: block;
	background-image: url(../imagenes/interface/cajainfo.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 30px;
	padding-right: 4px;
	padding-bottom: 0;
	padding-left: 4px;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	background-image: url(../imagenes/interface/cajainfo_filler.gif);
	background-repeat: repeat;
	background-position: bottom;
	padding-top: 0;
	padding-right: 4px;
	padding-bottom: 0;
	padding-left: 4px;
}
a.tt:hover span.bottom{
	display: block;
	color: #548912;
	background-image: url(../imagenes/interface/cajainfo.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 10px;
	padding-left: 4px;
}
img
{  border-style: none;
}
/*clase que le da la altura al div de portafolio (usar cuando el contenido quede corto)*/
.port_alto {
	height: 200px;
}


#menuContainer ul {
	padding-left: 0.8em;
	margin-left: 0;
	float: left;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
}

#menuSec li {
display: inline;
list-style-type: none;
padding-right: 20px;
}