/*estilos para el sitio de Alumitaly: lunes 09 de noviembre de 2009 9:30am*/

body 
{
	margin:0px;
	padding:0px;
	border:none;
}


/*estilos para la master*/
#contenedor
{
	width:989px;
	height:1067px;
	background-color:white;
	margin:0px;
	padding:0px;
	border:none;
}

#marco
{
	width:989px;
	min-height:1067px;
	height:auto !important;
	height:1067px;
	border:solid 10px #2e7dbf;
	float:left;
	background-image:url(publico/imagenes/fondo-con-lineas-menu.jpg);
	margin:0px;
	padding:0px;
}

#menu
{
	width:946px;
	height:38px;
	background-image:url(publico/imagenes/menu.jpg);
	margin-top:17px;
}

#bannertop
{
	width:915px;
	height:217px;
	background-color:Black;
	float:left;
	margin-top:17px;
	margin-left:39px;
}

#logotipo
{
	width:355px;
	height:89px;
	float:left;
	margin:0px;
	padding:0px;
	position:relative;
	top:-217px;
	left:39px;
	margin-bottom:-295px;
	z-index:4;
	background-image:url(publico/imagenes/logo.png);
}

#logotipo:hover
{
	width:355px;
	height:89px;
	float:left;
	margin:0px;
	padding:0px;
	position:relative;
	top:-217px;
	left:39px;
	margin-bottom:-295px;
	z-index:4;
	background-image:url(publico/imagenes/logo1.png);
	cursor:pointer;
}

#linea
{
	width:890px;
	height:2px;
	background-image:url(publico/imagenes/linea.jpg);
	margin-top:34px;
	margin-left:50px;
	float:left;
} 
/*estilos para las interiores*/


#contenido
{
	width:465px;
	min-height:655px;
	height:auto !important;
	height:655px;
	float:left;
	margin-left:39px;
	margin-top:17px;
	margin-left:39px;
}

.titulos
{
	width:148px;
	height:24px;
	background-color:Transparent;
	float:left;
}

.titulogaleria
{
	width:415px;
	height:19px;
	float:left;
	margin-top:15px;
	font-family:Verdana;
	font-size:12px;
	color:#2e7dbf;
	text-align:left;
	margin-left:35px;
	margin-top:15px;
}

#textoscontenido
{
	width:465px;
	min-height:395px;
	height:auto !important;
	height:395px;
	background-image:url(publico/imagenes/cuadro-texto.png);
	background-repeat:repeat-y;
	float:left;
	margin-top:18px;
	text-align:left;
	font-family:Verdana;
	font-size:12px;
	color:#5f5f5f;
}

.texto
{
	float:left; 
	width:425px; 
	min-height:250px;
	height:auto !important;
	height:250px; 
	margin-left:15px; 
	margin-top:20px;
}

#cuadroenlaces
{
	width:461px;
	height:201px;
	background-image:url(publico/imagenes/cuadro-enlaces.png);
	font-family:Verdana;
	font-size:12px;
	color:White;
	float:left;
}

.tituloenlaces
{
	float:left;
	margin-left:25px;
	margin-top:20px;
}

#enlaces
{
	width:400px; 
	text-align:left; 
	height:140px; 
	float:left; 
	margin-top:10px;
}

#enlaces li
{
	margin-bottom:10px;
	list-style-image:url(publico/imagenes/flecha.png);
}
#enlaces a
{
	color:White;
	text-decoration:none;
	font-family:Verdana;
	font-size:12px;
}

#enlaces a:hover
{
	opacity: 0.50;    
    -moz-opacity: 0.50;    
    filter: alpha(opacity=50);
}

#contenedorDer
{
	width:385px;   
	height:600px;
	float:right;
	margin-top:67px;
	margin-right:39px;
}

#bannerarriba
{
	width:385px;
	height:386px;
	float:right;
}

#bannerabajo
{
	width:385px;
	height:193px;
	float:right;
	margin-top:13px;
} 


#direccion
{
	width:920px;
	height:20px;
	background-color:Transparent;
	font-family:Verdana;
	font-size:12px;
	color:#003562;
	float:left;
	margin-top:8px;
	margin-left:50px;
}

/*estilos para el menu principal*/
#principal
{
	width:45px;
	height:26px;
	float:left;
	margin-left:50px;
	margin-top:7px;
	background-image:url(publico/imagenes/botones/principal.png);
}

#principal:hover
{
	width:45px;
	height:26px;
	float:left;
	background-image:url(publico/imagenes/botones/principal1.png);
	cursor:pointer;
}

#empresa
{
	width:45px;
	height:26px;
	float:left;
	margin-left:160px;
	margin-top:7px;
	background-image:url(publico/imagenes/botones/empresa.png);
}

#empresa:hover
{
	width:45px;
	height:26px;
	float:left;
	background-image:url(publico/imagenes/botones/empresa1.png);
	cursor:pointer;
}

#productos
{
	width:57px;
	height:26px;
	float:left;
	margin-left:120px;
	margin-top:7px;
	background-image:url(publico/imagenes/botones/productos.png);
}

#productos:hover
{
	width:57px;
	height:26px;
	float:left;
	background-image:url(publico/imagenes/botones/productos1.png);
	cursor:pointer;
}

#proyectos
{
	width:99px;
	height:26px;
	float:right;
	margin-right:150px;
	margin-top:7px;
	background-image:url(publico/imagenes/botones/proyectosinstalados.png);
}

#proyectos:hover
{
	width:99px;
	height:26px;
	float:right;
	background-image:url(publico/imagenes/botones/proyectosinstalados1.png);
	cursor:pointer;
}

#contacto
{
	width:45px;
	height:26px;
	float:right;
	margin-right:50px;
	margin-top:7px;
	background-image:url(publico/imagenes/botones/contacto.png);
}

#contacto:hover
{
	width:45px;
	height:26px;
	float:right;
	background-image:url(publico/imagenes/botones/contacto1.png);
	cursor:pointer;
}

/*aqui termina el menu*/

/*estilos para el menu de abajo*/
#menuabajo
{
	width:920px;
	height:38px;
	background-color:Transparent;
	float:left;
}

#principal2
{
	width:47px;
	height:16px;
	float:left; 
	margin-left:135px; 
	margin-top:15px;
	background-image:url(publico/imagenes/botones/principal2.png);
}

#principal2:hover
{
	width:47px;
	height:16px;
	float:left;
	background-image:url(publico/imagenes/botones/principal2-1.png);
	cursor:pointer;
}

#empresa2
{
	width:40px;
	height:16px;
	float:left; 
	margin-left:110px; 
	margin-top:15px;
	background-image:url(publico/imagenes/botones/empresa2.png);
}

#empresa2:hover
{
	width:40px;
	height:16px;
	float:left;
	background-image:url(publico/imagenes/botones/empresa2-1.png);
	cursor:pointer;
}

#productos2
{
	width:47px;
	height:16px;
	float:left; 
	margin-left:135px; 
	margin-top:15px;
	background-image:url(publico/imagenes/botones/productos2.png);
}

#productos2:hover
{
	width:47px;
	height:16px;
	float:left;
	background-image:url(publico/imagenes/botones/productos2-1.png);
	cursor:pointer;
}

#proyectos2
{
	width:93px;
	height:16px;
	float:right;
	margin-right:85px; 
	margin-top:15px;
	background-image:url(publico/imagenes/botones/proyectosinstalados2.png);
}

#proyectos2:hover
{
	width:93px;
	height:16px;
	float:right;
	background-image:url(publico/imagenes/botones/proyectosinstalados2-1.png);
	cursor:pointer;
}

#contacto2
{
	width:41px;
	height:16px;
	float:right; 
	margin-right:55px; 
	margin-top:15px;
	background-image:url(publico/imagenes/botones/contacto2.png);
}

#contacto2:hover
{
	width:41px;
	height:16px;
	float:right;
	background-image:url(publico/imagenes/botones/contacto2-1.png);
	cursor:pointer;
}

/*fin del menu de abajo*/

/*seccion que hacemos*/
#detalle
{
	width:462px;
	/*min-height:602px;
	height:auto !important;*/
	height:602px;
	background-image:url(publico/imagenes/detalle.png);
	float:left;
	margin-top:17px;
}

.quehacemos
{
	width:430px;
	height:550px;
	margin-left:15px;
	margin-top:32px;
	float:left;
	font-family:Verdana;
	font-size:12px;
	color:#5f5f5f;
	text-align:left;
}

.quehacemos li
{
	margin-bottom:10px;
	list-style-image:url(publico/imagenes/viñeta.png);
}

/*seccion de productos index*/
#listadoproductos
{
	width:480px;
	height:595px;
	float:left;
	margin-top:24px;
}

#contenedorproductos
{
	width:475px;
	height:146px;
	float:left;
}

.imagenproductos
{
	width:110px;
	height:110px;
	float:left;
}

.tituloproductos
{
	width:358px;
	height:16px;
	float:right;
	font-family:Verdana;
	font-size:12px;
	color:#2e7dbf;
	text-align:left;
	background-color:White;
	padding-top:1px;
	padding-left:1px;
	padding-bottom:4px;
}

.resumenproductos
{
	width:353px;
	height:68px;
	float:right;
	text-align:left;
	font-family:Verdana;
	font-size:11px;
	color:#595959;
	background-color:White;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:3px;
}

.resumenproyectos
{
	width:353px;
	height:86px;
	float:right;
	text-align:left;
	font-family:Verdana;
	font-size:11px;
	color:#595959;
	background-color:white;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:3px;
}

.verdetalle
{
	width:356px;
	height:15px;
	float:right;
	color:White;
	font-family:Verdana;
	font-size:11px;
	color:#2e7dbf;
	text-align:right;
	background-color:White;
	padding-top:3px;
	padding-right:3px;
}

.vervideo
{
	width:470px;
	height:15px;
	float:left;
	text-align:right;
	padding-right:5px;
	margin-top:3px;
}

/*estilos para la previa de productos*/
#contenedorprevia
{
	width:440px;
	min-height:500px;
	height:auto !important;
	height:500px;
	float:left;
	text-align:left;
	margin-top:10px;
	margin-left:10px;
	font-family:Verdana;
	font-size:11px;
	color:#595959;
}

#imangenprevia
{
	width:180px;
	height:180px;
	margin-right:5px;
	margin-bottom:0px;
}

#tituloprevia
{
	width:250px;
	height:17px;
	float:left;
	font-family:Verdana;
	font-size:12px;
	color:#2e7dbf;
	text-align:left;
	margin-bottom:10px;
}

/*estilos de la galeria*/
#marcoFotosPrevia
{
	width:430px;
	height:500px;
}

.siguiente
{
	float:right;
}

.anterior
{
	float:left;
}

/*estilos para la seccion de contacto*/

#contenedorcontacto
{
	width:462px;
	height:602px;
	float:left;
	margin-top:21px;
}

.formulario
{
	width:430px;
	height:595px;	
	float:left;
	font-family:Verdana;
	font-size:12px;
	color:#5f5f5f;
	text-align:left;
}

.unwatermarked {
	height:16px;
	width:455px;
	padding:2px 0 0 2px;
	background-color:white;
	border:1px solid white;
	color:#595959;
	font-size:12;
	font-family:Verdana;
	padding-bottom:3px;
	margin-bottom:7px;
}


.watermarked {
	height:16px;
	width:455px;
	padding:2px 0 0 2px;
	border:1px solid white;
	background-color:white;
	color:#595959;
	font-size:12;
	font-family:Verdana;
	padding-bottom:3px;
	margin-bottom:7px;
}


.validatorCalloutHighlight
{
    /*background-color: #dfdfdf;*/
    background-color:#E3E3E3;
    color:black;
}

.nuevo
{
	background-color:Red;
}

.botones
 {
	width:44px;
	height:11px;
	border:0px;
	float:right;
	margin-right:0px;
	cursor:pointer;
	margin-top:7px;
	background-color:Transparent;
	background-image:url(publico/imagenes/botones/enviar.png);
 }
 
 .botoness
 {
	width:53px;
	height:11px;
	border:0px;
	float:right;
	margin-right:10px;
	cursor:pointer;
	margin-top:7px;
	background-color:Transparent;
	background-image:url(publico/imagenes/botones/limpiar.png);
 }
 

.botones:hover
{
	background-image:url(publico/imagenes/botones/enviar1.png);
}

.botoness:hover
{
	background-image:url(publico/imagenes/botones/limpiar1.png);
}

/*estilos para la entrada animada*/
#marcointro
{
	width:1010px;
	height:700px;
	background-image:url(publico/imagenes/intro.jpg);
}

#menuabajointro
{
	width:920px;
	height:28px;
	background-color:Transparent;
	float:left;
}

.divregresar
{
	float:left;
	margin-left:7px;
}

.linkregresar
{
	text-decoration:none;	
	float:left;
	cursor:pointer;
	margin-left:10px;
	width:63px;
	height:10px;
	background-image:url(publico/imagenes/botones/regresar.png);
}

.linkregresar:hover
{
	background-image:url(publico/imagenes/botones/regresar1.png);
}

/*estilos para el reproductor de videos*/
#fondoRadio
{
	width:279px;
	height:286px;
	background-image:url(publico/imagenes/reproductor.jpg);
	float:left;
	padding:5px 5px 5px 5px;
}

#logoreproductor
{
	width:91px;
	height:21px;
	float:left;
	background-color:white;
}	

#cerrar
{
	width:15px;
	height:18px;
	background-color:Black;
	float:right;
}

.botonsalir
{
	width:15px;
	height:18px;
	border:0px;
	cursor:pointer;
	background-image:url(publico/imagenes/Botones/cerrar.jpg);
	background-repeat:no-repeat;
}

#reproductor
{
	width:275px;
	height:250px;
	float:left;
	background-color:Red;
	margin-top:7px;
}

.video
{
	width:24px;
	height:13px;
	float:right;
	background-image:url(publico/imagenes/Botones/video.png);
	margin-top:3px;
}



.video:hover
{
	background-image:url(publico/imagenes/Botones/video1.png);
}

.videodetalle
{
	width:24px;
	height:13px;
	background-image:url(publico/imagenes/Botones/video.png);
	float:right;
}


.videodetalle:hover
{
	background-image:url(publico/imagenes/Botones/video1.png);
	cursor:pointer;
}

.opaco:hover
 {
    opacity: 0.50;    
	-moz-opacity: 0.50;    
	filter: alpha(opacity=50);
 }
 
 .enlazes
{
	width:380px;
	height:11px;
	margin:0px;
	padding:0px;
	float:right;	
	background-color:Transparent;
	text-decoration:none;
	color:#565656;
	font-family:Arial;
	font-size:12px;
	padding-bottom:4px;
}


.enlazes:hover
{
	 opacity: 0.50;    
	-moz-opacity: 0.50;    
	filter: alpha(opacity=50);
}

.vergaleria
{
	text-decoration:none;	
	float:right;
	cursor:pointer;
	width:65px;
	height:13px;
	background-image:url(publico/imagenes/botones/ver-galeria.png);
	background-repeat:no-repeat;
}

.vergaleria:hover
{
	text-decoration:none;	
	float:right;
	cursor:pointer;
	width:65px;
	height:13px;
	background-image:url(publico/imagenes/botones/ver-galeria1.png);
	background-repeat:no-repeat;
}

.sumary
{
	color:Transparent;
}