@charset "UTF-8";
/* 
a2 Softway
http://www.a2.com.ve
Diseño gráfico: Michele Casasanta
Estructura de contenido: Elizabeth Paredes
Programación: KP León 
Iconos Consultores, C.A. - http://www.iconoscs.com
abril, 2014
*/





*{
	margin:0;
	padding:0;
}
body{
	background:rgb(224,224,224);
}


.contenedor, .contenido_blanco{
	width:980px;
	margin:0 auto;
	position:relative;
}
.contenedor_blanco{ width:100%; clear:both; background:#FFF; }
.contenedor_gris1{ width:100%; clear:both; background:rgb(224,224,224); }
.contenedor_gris2{ width:100%; clear:both; background:rgb(186,185,185); }
.contenedor_gris3{ width:100%; clear:both; background:rgb(22,22,22); }
.contenedor_negro{ width:100%; clear:both; background:#000; }


.contenido_blanco{ background:#FFF; }

.contenido_blanco_interno{
	width:860px;
	margin:0 auto;
	clear:both;
	position:relative;
	background:#FFF;
}




/* ------------------- CABECERO Y MENU -------------- */
.cabecero{
	height:80px;
}
.contenedor_head{
	width:980px;
	height:80px;
	margin:0 auto;
	clear:both;
	position:relative;
}
.contenedor_cabecero{
	width:100%;
	height:80px;
	background:#FFF;
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
	box-shadow: 1px -2px 32px #333333;
	-webkit-box-shadow: 1px -2px 32px #333333;
	-moz-box-shadow: 1px -2px 32px #333333;
}

.head_logo{
	width:169px;
	height:153px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:900;
}

.head_menu{
	height:80px;
	padding:0 0 0 177px;
	position:relative;
}
.head_menu ul{
	width:100%;
	display:block;
	margin:0 auto;
}
.head_menu li{
	float:left;
	list-style-type:none;
}
.head_menu a{
	display:block;
	float:left;
	padding:0 12px;
	font:bold 13px/80px Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	color:#000;
	letter-spacing:-0.05em;
	position:relative;
	background:rgba(224,224,224,0);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.8s;
}

.head_menu a:hover {
	background:rgba(230,230,230,1);
}
.head_menu a.actual{ background:rgb(230,230,230); }


.menu_boton{
	width:95%;
	height:80px;
	display:none;
	clear:both;
	background:url(../imgs/interfaz/movilmenu.png) right 20px no-repeat;
	cursor:pointer;
}
.head_menu ul.menu_abierto{
	height:auto;
}



/* ------------------- CABECERO LOGIN -------------- */

.head_menu a.vinculo_perfil{
	height:80px;
	display:block;
	float:left;
	padding:0 0 0 24px;
	margin:0 0 0 15px;
	font:bold 12px/80px Arial, Helvetica, sans-serif;
	text-align:left;
	text-decoration:none;
	text-transform:none;
	color:#000;
	letter-spacing:-0.05em;
	position:relative;
	background:url(../imgs/interfaz/miperfil.jpg) 0 28px no-repeat;
}
.head_menu a.logout{
	width:20px;
	height:80px;
	display:block;
	float:left;
	margin:0 0 0 10px;
	padding:0;
	font:bold 12px/80px Arial, Helvetica, sans-serif;
	text-align:left;
	text-decoration:none;
	text-transform:none;
	color:#000;
	letter-spacing:-0.05em;
	position:relative;
	background:url(../imgs/interfaz/logout.jpg) 0 28px no-repeat;
}



/* ------------------- PRODUCTOS submenu -------------- */

.submenu{
	width:100%;
	height:70px;
	clear:both;
	background:#FFF;
	border-bottom:5px solid rgb(224,224,224);
}
.submenu li{
	width:25%;
	float:left;
	list-style-type:none;
}
.submenu a{
	width:70%;
	height:70px;
	padding:0 0 0 30%;
	display:block;
	float:left;
	font:bold 14px/70px Arial, Helvetica, sans-serif;
	color:rgb(35,31,32);;
	text-decoration:none;
	background:url(../imgs/interfaz/submenu.jpg) 35px 20px no-repeat;
	letter-spacing:-0.05em;
}

.submenu a.actual{
	border-bottom:5px solid #000;
}







/* ------------------- NOMBRE DE SECCION -------------- */

.nombre_seccion{
	width:100%;
	height:212px;
	clear:both;
	background:rgb(13,5,3) url(../imgs/nomb_seccion/bg_secc.jpg) top left repeat-y;
}
.nombre_seccion h3{
	height:132px;
	margin:0 auto;
	padding:80px 260px 0 200px;
	font:30px 'Source Sans Pro', sans-serif;
	font-weight:300;
	text-align:right;
	text-transform:uppercase;
	color:#FFF;
	background-position:top right;
}
.ns_dist{ background:rgb(20,96,5);  }
.ns_prods{ background:rgb(131,8,9);  }
.ns_revis{ background:rgb(0,75,181);  }
.ns_notis{ background:rgb(12,48,75);  }
.ns_acad{ background:rgb(210, 19, 19);  }
.ns_cont{ background:rgb( 64, 64, 64);  }

.seccion1 h3{ background:url(../imgs/nomb_seccion/prods.png) top right no-repeat; }
.seccion2 h3{ background:url(../imgs/nomb_seccion/dist.png) top right no-repeat; }
.seccion3 h3{ background:url(../imgs/nomb_seccion/revs.png) top right no-repeat; }
.seccion4 h3{ background:url(../imgs/nomb_seccion/news.png) top right no-repeat; }
.seccion5 h3{ background:url(../imgs/nomb_seccion/qs.png) top right no-repeat; }
.seccion6 h3{ background:url(../imgs/nomb_seccion/acad.png) top right no-repeat; }
.seccion7 h3{ background:url(../imgs/nomb_seccion/cont.png) top right no-repeat; }
.seccion8 h3{ background:url(../imgs/nomb_seccion/cont.png) top right no-repeat; }


.seccion_descripcion{
	padding:30px;
	font: 18px 'Source Sans Pro', sans-serif;
}




/* ------------------- NAVBAR -------------- */

.contenedor_navbar{
	width:860px;
	margin:0 auto;
	padding:40px 60px;
	font:12px/20px Arial, Helvetica, sans-serif;
	background:rgb(237,238,235);
	text-transform:uppercase;
}


.contenedor_navbar a, .contenedor_navbar:visited{
	text-decoration:none;
	color:#000;
}
.contenedor_navbar a:hover{
	color:#999;
}

.compartir_navbar{
	float:right;
}
.sep_navbar{
	width:8px;
	height:10px;
	display:inline-block;
	background:url(../imgs/interfaz/sep_navbar.jpg) no-repeat;
}




/* ------------------- COMPARTIR -------------- */

.espacio_compartir{
	padding:0;
	height:31px;
	float:right;
}
.espacio_compartir_txt{
	width:85px;
	float:left;
	font:12px/20px Arial, Helvetica, sans-serif;
	color:#333;
	text-transform:uppercase;
	text-align:center;
}

.boton_compartir1{
	height:35px;
	padding:0 3px;
	float:left;
	overflow:hidden;
	text-align:center;
}









/* ------------------- CAJA DE MENSAJERIA ARRIBA DEL PIE -------------- */

.contenedor_mensajeria{
	width:860px;
	margin:0 auto;
	padding:70px 60px;
	background:#FFF;
}
.izq{
	width:550px;
	float:left;
}
.der{
	width:280px;
	float:right;
}

.der h3{
	padding:0 0 15px 0;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#000;
}
.izq h3{
	padding:40px 0 15px 0;
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#000;
}




/* ------------------- CAJA DE TWITTER y REDES -------------- */

.ultimo_tw{
	padding:135px 45px 15px 45px;
	background:rgb(35,31,32) url(../imgs/home/home_tw.jpg) center 30px no-repeat;
}


.colder_redes{
}
.colder_redes li{
	float:left;
	list-style-type:none;
}
.colder_redes a{
	width:50px;
	height:50px;
	display:block;
	float:left;
	margin:0 7px 7px 0;
}
.facebook{ background:url(../imgs/interfaz/redes.jpg) 0 0 no-repeat; }
.twitter{ background:url(../imgs/interfaz/redes.jpg) -51px 0 no-repeat; }
.gmas{ background:url(../imgs/interfaz/redes.jpg) -102px 0 no-repeat; }
.instagram{ background:url(../imgs/interfaz/redes.jpg) -153px 0 no-repeat; }
.colder_redes a.youtube{ background:url(../imgs/interfaz/redes.jpg) -204px 0 no-repeat; }

.colder_redes a.ultimo{ margin:0; }





/* ------------------- FOOT -------------- */
.contenedor_foot{ 
	width:100%;
	clear:both;
}

.foot1{
	width:980px;
	margin:0 auto;
	height:75px;
	clear:both;
	background:#FFF;
}
.foot2{
	width:980px;
	margin:0 auto;
	padding:35px 0 50px 0;
	position:relative;
}
.foot_logo{
	width:120px;
	height:115px;
	background:url(../imgs/interfaz/logofoot.jpg) no-repeat;
	position:absolute;
}


.foot_menu1{
	width:180px;
	float:left;
	margin:50px 0 0 160px;
	padding: 0 0 0 10px;
}
.foot_menu1 ul{
	display:block;
	border-left:2px solid #FFF;
}
.foot_menu1 li{
	list-style-type:none;
}
.foot_menu1 a{
	display:block;
	padding:5px 15px;
	font:14px Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	color:#FFF;
}
.foot_menu1 a span{
	text-transform:lowercase;
	font:11px Arial, Helvetica, sans-serif;
}

.foot_menu2{
	width:270px;
	float:left;
	margin:30px 0 0 0;
	padding: 0 0 0 10px;
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
}
.foot_menu2 li{
	list-style-type:none;
}
.foot_menu2 a{
	display:block;
	padding:5px 0;
	font:12px/18px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFF;
	border-bottom:1px solid rgb(40,40,40);
}

.bloquito{
	width:6px;
	height:18px;
	display:block;
	float:left;
	margin:0 10px 0 0;
}
.p1{ background:rgb(248,  22,  22); }
.p2{ background:rgb(252, 232,   0); }
.p3{ background:rgb(255,  82,   0); }
.p4{ background:rgb(  0, 185,   0); }
.p5{ background:rgb(152, 222,   0); }
.p6{ background:rgb(  0, 116, 251); }
.p7{ background:rgb(255, 248,   0); }
.p8{ background:rgb(198, 198, 198); }
.p9{ background:rgb(  0,  38,  68); }
.p10{ background:rgb( 63,  0,   0); }
.p11{ background:rgb(255,  0, 186); }

.foot_menu2 p{
	padding:0 0 8px 16px;
}

.foot_tooltip{
	width:129px;
	height:27px;
	display:block;
	background:url(../imgs/interfaz/foot_tooltip.jpg) no-repeat;
	font:11px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#FFF;
}




.foot_menu3{
	width:135px;
	float:right;
}
.foot_menu3 li{
	list-style-type:none;
}
.foot_menu3 a{
	width:65px;
	height:85px;
	margin:0 0 15px 0;
	display:block;
	font:11px/18px Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	color:#FFF;
}
.foot_menu3 a.subir{
	width:63px;
	height:49px;
	background:url(../imgs/interfaz/foot_btns.jpg) 0 0 no-repeat;
	position:absolute;
	top:-49px;
	right:0;
}
.foot_menu3 a.contacto{ background:url(../imgs/interfaz/foot_btns.jpg) 0 -51px no-repeat; }
.foot_menu3 a.soporte{ background:url(../imgs/interfaz/foot_btns.jpg) 0 -135px no-repeat; }
.foot_menu3 a.chat{ height:105px; background:url(../imgs/interfaz/chatenlinea.png) bottom center no-repeat; }



/* ------------------- DERECHOS RESERVADOS -------------- */


.foot_derechos{
	width:980px;
	height:35px;
	padding:20px 0 0 0;
	margin:0 auto;
}

.derechos_a2{
	width:50%;
	float:left;
	font:14px Arial, Helvetica, sans-serif;
	color:#FFF;
}
.derechos_iconos{
	width:50%;
	float:right;
	font:11px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:right;
}
.derechos_iconos a{
	color:#FFF;
	text-decoration:none;
}



/* ------------------- GENERALES -------------- */

.invisible{ display:none; }
.limpiar{ clear:both; }
.centrado{ text-align:center; }
.txt_derecha{ text-align:right; }
.minusculas{ text-transform:lowercase; }
label.error{
	display:block;
	padding:0;
	margin:0;
	font:12px Arial, Helvetica, sans-serif;
	color:#F93;
}
.home_dist_como{
	width:100%;
	display:block;
	margin:30px 0 0 0;
	padding:5px 0;
	font:14px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	border:none;
	background:#333;
}







/* ------------------- --- -------------- */


@media screen and (max-width: 1010px) {
	.contenedor_head{
		width:100%;
	}
	.contenedor, .contenido_blanco, .contenido_blanco_interno{
		width:95%;
		margin:0 auto;
	}
	.head_menu{
	}

	.contenedor_navbar{
		width:91%;
		padding:40px 2%;
	}
	.izq{
		width:65%;
	}
	.der{
		width:30%;
	}

	.nombre_seccion h3{
		padding:80px 260px 0 100px;
	}

	.contenedor_mensajeria{
		width:91%;
		margin:0 auto;
		padding:70px 2%;
		background:#FFF;
	}

	.foot1{
		width:95%;
	}
	.foot2{
		width:95%;
	}
	.foot_derechos{
		width:95%;
	}

}




@media screen and (max-width: 850px) {
	.head_menu{
	}
	.head_menu ul{
		width:auto;
		height:0;
		padding:0;
		position:absolute;
		top:70px;
		right:0;
		overflow:hidden;
		z-index:1000;
		background:#FFF;
	}
	.head_menu li{
		float:none;
		clear:both;
	}
	.head_menu li a{
		display:block;
		clear:both;
		float:none;
		padding:15px 30px;
		border:none;
		border-bottom:1px solid #CCC;
		margin:0;
		font:bold 14px/100% Arial, Helvetica, sans-serif;
		text-align:right;
	}

	.menu_abierto{ height:auto; }
	.menu_boton{ display:block; }

	.submenu a{
		width:70%;
		padding:0 10% 0 20%;
		background:url(../imgs/interfaz/submenu.jpg) 5px 20px no-repeat;
	}
	.nombre_seccion h3{
		padding:100px 170px 0 5px;
		background-size:auto 130px;
		background-position:right 50px;
		font:25px 'Source Sans Pro', sans-serif;
	}

	.izq{
		width:100%;
		float:none;
		clear:both;
	}
	.der{
		width:100%;
		float:none;
		clear:both;
		padding:20px 0 0 0;
	}

	.foot_menu1{
		width:auto;
		float:none;
		clear:both;
		margin:50px 0 0 0;
		padding: 0 0 0 30px;
	}
	.foot_menu2{
		width:auto;
		float:none;
		clear:both;
		margin:50px 0 0 0;
		padding: 0 30px 0 30px;
		font:14px Arial, Helvetica, sans-serif;
	}
	.foot_menu3{
		width:auto;
		padding:30px 0 0 30px;
		float:none;
		clear:both;
	}
	.foot_menu3 li{
		float:left;
	}
	.foot_menu3 a{
		margin:0 20px 0 0;
		float:left;
	}

}

@media screen and (max-width: 600px) {

	.foot_derechos{
		height:auto;
		padding:20px 0;
	}
	.derechos_a2{
		width:100%;
		float:none;
		clear:both;
		text-align:center;
	}
	.derechos_iconos{
		width:100%;
		float:none;
		clear:both;
		padding:10px 0 0 0;
		text-align:center;
	}
	.submenu a{
		width:90%;
		padding:0 5%;
		background:none;
	}
}


@media screen and (max-device-width: 480px) {
}