@charset "utf-8";
/* CSS Document */
/* Indice

Última modificacción: 01 Abril 2010

Color de Fondo	: #FFF(Blanco);
Fuente				: Arial 0.96em #777;
Ancho					: 960px, centrado;
Separación superior: 0px;
Color de Pie		: #NA(Blanco);
//Maquetado con Blueprint

--*/

/*--- Reset CSS ---*/
*{	margin:0; padding:0; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
div,span,ul,li,ol,p,b,strong,form{float:left; height:auto;}
h1,h2,h3{font-weight:lighter; padding:5px 0 5px; margin:0; display:block;}
h1{font-size:28px;} h2{font-size:22px;} h3{font-size:16px;}
div, p, span{height:auto;}
li,ol{list-style:none;}
a{text-decoration:none;}
img{border:0px;}

/*AutoConfigurarcion*/
.none{float:none;} .left{float:left;} .right{float:right;}
.rojo{color:#F00;} .verde{color:#9F0;} .azul{color:#09F;}
.gris{color:#999;} .negro{color:#000;} .blanco{color:#FFF;}
.naranja{color:#F90;} .fucsia{color:#ff00a8;}
.cursor{cursor:pointer;}
.line_top{border-top:1px solid #CCC; margin-top:20px; width:100%;}
.line_bottom{border-bottom:1px solid #CCC; margin-bottom:15px; width:100%;}
.txt_center{text-align:center;} .txt_left{text-align:left;} .txt_right{text-align:right;}
.close{
	right:0px; top:-10px; margin-right:-10px; width:20px; height:20px; display:block;
	position:absolute; background:url(../imgs/close.png); cursor:pointer;
	_position:relative; _background:url(../imgs/close.gif);
	}
.more{
	width:20px; height:20px; float:right; display:block; display:none;
	position:relative; background:url(../imgs/template/bt_mas.png) no-repeat; cursor:pointer;
	}
.more:hover{background:url(../imgs/template/bt_mas.png) -20px no-repeat;}

/*  INTERNET EXPLORER 6  */
.iexplorer{
	top:25px; left:50%; margin-left:-200px; position:absolute; text-align:justify;
	width:398px; height:25px; padding:5px 15px 5px 10px; display:block; border:1px solid #FFF; color:#a0a9b3;
	background:#FFD;
	}
.iexplorer img{padding-right:10px;}
.iexplorer:hover{background:#FFC; border-color:#FC6; color:#F90;}

#modal{
	top:0; left:0; width:100%; height:100%;
	background:rgba(0,0,0,.5); *background:url(../imgs/bg_modal.png); _background:url(../imgs/bg_modal.png);
	display:none;
	position:fixed; _position:absolute; *position:absolute; z-index:7;
	}

#reloj{margin:0; padding:0; width:80px; margin-top:-1px; *margin-top:-3px;}
#hm,#s{ color:#EEE; background:none; border:0px; padding:0;}
#hm{font-size:16px; font-weight:bold; width:43px;}
#s{font-size:12px; width:18px;}

body{background:url(../imgs/bg_01.gif) repeat-x #000; color:#CCC;}


/*Barra Superior*/
#topbar{ float:none;
	top:0px; position:fixed; z-index:10;
	width:100%; height:25px; background-color:#000;
	filter:alpha(opacity=75); opacity: .75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000; -moz-box-shadow: 0px 0px 5px #000;
}
#topbar .top_links{width:960px; position:absolute; left:50%; padding-top:5px; margin-left:-480px;}
#topbar li{width:auto; padding-right:5px; margin-right:15px; color:#9C0}
#topbar a{color:#CCC;} #topbar a:hover{color:#FFF;}



/*Logotipo*/
#Portada{
	top:50%; left:50%; margin-top:-200px; margin-left:-250px;
	width:500px; height:260px; position:absolute;
	z-index:1;
	}
	
#Portada img{margin-left:120px;}
#Portada p{padding:40px 0;}
#Portada a{ width:135px; padding:15px; font-size:18px; text-align:center; display:block; float:left;}
#Portada a.verde:hover{color:#CF0; font-size:24px;}
#Portada a.azul:hover{color:#0CF; font-size:24px;}
#Portada a.naranja:hover{color:#FC0; font-size:24px;}

#Clientes{
	top:50%; left:50%; margin-top:-320px; _margin-top:-270px; margin-left:-439px; display:none;
	width:877px; height:auto; position:absolute;
	z-index:1;
	}
#Clientes ul#menu{width:360px; height:auto; right:0; top:0; position:absolute; padding-top:40px;}
#Clientes ul#menu li a{width:auto; height:20px; display:block; text-align:center; padding:10px; float:left;}
#Clientes ul#menu li a:hover{border:0px;}

#Clientes ul#gallery{width:765px; height:406px; padding:56px; background:url(../imgs/bg_clientes.png)}
#Clientes ul#gallery li{ width:178px; height:118px; padding:1px; margin:5px; display:block; position:relative;}
#Clientes ul#gallery img{width:inherit; height:inherit;}
#Clientes ul#gallery a{
	width:178px; height:118px; position:absolute;  z-index:2;
	display:block;
	filter:alpha(opacity=40); _filter:alpha(opacity=100); opacity: .4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	box-shadow: 0px 0px 20px #000; -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000;
	}
#Clientes ul#gallery a:hover{
	width:178px; height:118px; border:3px solid #CF0; margin-top:-3px; margin-left:-3px;
	filter:alpha(opacity=100); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	box-shadow: 0px 0px 20px #F36; -webkit-box-shadow: 0px 0px 20px #F36; -moz-box-shadow: 0px 0px 20px #F36;
	}

#panel_cliente{
	background:rgba(255,255,255,.5); border:1px solid #CCC;
	top:50%; left:50%; position:absolute; display:none;
	width:800px; height:440px; margin-left:-405px; margin-top:-220px;
	padding:5px; z-index:10;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
	box-shadow: 0px 0px 30px #000; -webkit-box-shadow: 0px 0px 30px #000; -moz-box-shadow: 0px 0px 30px #000;
}

#panel_cliente div{
	width:730px; height:360px; border-left:35px solid #FFF; border-right:35px solid #FFF; border-top:40px solid #FFF; border-bottom:40px solid #FFF;
	background:url(../imgs/loading.gif) center no-repeat #FFF;
	}
#img_cliente img{display:none;}

/* Navegacion por las imagenes */
.next,#panel_cliente .prev{	top:20px; width:340px; height:300px; display:block; position:absolute;}
.next{right:5px;} .prev{left:5px;}
.next a, .prev a{ width:41px; height:36px; display:none; position:absolute;}
.next a{background:url(../imgs/bt_nav.png) no-repeat; right:0;}
.prev a{background:url(../imgs/bt_nav.png) -41px no-repeat; left:0;}
.next:hover a{display:inline;}
.prev:hover a{display:inline;}


#Servicios {
	top:50%; left:50%; margin-left:-214px; margin-top:-250px;
	width:418px; height:auto; position:absolute; z-index:10;
	padding:5px; display:none;
	background:rgba(255,255,255,.5);
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
}

#Servicios div{
	padding:25px 25px 40px;
	background:#F5F5F5;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CCC)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #FFF, #CCC); /* for firefox 3.6+ */
}

#Servicios strong{padding:0 0 10px; color:#777; font-size:14px; font-weight:lighter;}
/*#Servicios img{padding-top:10px;}*/
#Servicios .frame_top{
	width:418px; height:20px; display:block; border-bottom:3px solid #9F0;
	background:#222;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #444, #000); /* for firefox 3.6+ */	
}


/* Mensaje Modal*/
#msgbox{
	top:50%; left:50%; position:fixed; _position:absolute; z-index:20;
	width:400px; height:auto; font-size:12px; color:#444; display:none;
	margin-top:-120px; margin-left:-205px;
	padding:5px; background:rgba(0,0,0,.5);
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
}
#msgbox strong{padding:5px 100px 5px 0;}
.msg_ok, .msg_error, .msg_info, .msg_question{
	width:300px; padding:10px 80px 20px 20px; background:#F4F4F4 260px -20px no-repeat;
	}
#txt_msg{color:#444; width:300px;}
.msg_ok{background-image:url(../imgs/msg_boxes/img001.png); color:#690; border-top:3px solid#9F0; border-bottom:3px solid#9F0;}
.msg_error{background-image:url(../imgs/msg_boxes/img002.png); color:#C00; border-top:3px solid #F36; border-bottom:3px solid #F36;}
.msg_info{background-image:url(../imgs/msg_boxes/img003.png); color:#C90; border-top:3px solid #FC0; border-bottom:3px solid #FC0;}
.msg_question{background-image:url(../imgs/msg_boxes/img004.png); color:#069; border-top:3px solid #09F; border-bottom:3px solid #09F;}