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

.menubar a {
COLOR:#FFFFFF;
}

.menubar a:hover {
COLOR:#FFFFFF;
}

a {text-decoration:none}



body
{
/*background:url(../images/head.png) no-repeat;*/
background-position:top;
padding: 0;
margin: 0;
width: 100%;
text-align:center;
background:url(../images/bgrepit.png);
background-repeat:repeat-x:repeat-y;
}

#principal{
	width:1030px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
	max-height:100%;
	text-align:left;
}

.head{
	background-image:url(../images/CABECERA.png);
	background-repeat:repeat-x;
	height:130px;
	
}

.menuhedear{
 	width: 1030px;
    height:130px;
 	margin-left:auto;
    margin-right:auto;
	text-align:left;
}


.logo{
	width:213px;
	height:89px;
	float:left;
	background:url(../images/logoh.png) no-repeat;
	margin-top:20px;
	margin-left:405px;
}

.slogan{
	width:auto;
	height:auto;
	float:left;
	color:#7b7a7a;
	font-family:"Geometr706 Md BT";
	font-weight:500;
	font-size:13px;
	margin-top:55px;
	margin-left:115px;
}

.bgcol{
	width:1030px;
	height:auto;
	background-color:#FFFFFF;
	
}

.menubar{
	width:945px;
	height:35px;
	float:left;
	margin-left:40px;
	background:url(../images/menuuu.png);
}

.iper1{
	width:135px;
	height:28px;
	float:left;
	text-align:center;
	padding-top:7px;
	font-size:15px;
	text-decoration:none;
	color:#FFFFFF;
	font-family:"Century Gothic";
	font-weight:800px;
}

.iper11{
	width:135px;
	height:28px;
	float:left;
	text-align:center;
	padding-top:7px;
	font-size:15px;
	text-decoration:none;
	color:#FFFFFF;
	font-family:"Century Gothic";
	font-weight:800px;
	background:url(../images/menu_inicio.png);
	
}


.iper1:hover{
	background:#659cb7;
}

.iper2{
	width:135px;
	height:28px;
	float:left;
	text-align:center;
	padding-top:7px;
	font-size:15px;
	text-decoration:none;
	color:#FFFFFF;
	font-family:"Century Gothic";
	font-weight:800px;
}


.iper22{
	width:135px;
	height:28px;
	float:left;
	text-align:center;
	padding-top:7px;
	font-size:15px;
	text-decoration:none;
	color:#FFFFFF;
	font-family:"Century Gothic";
	font-weight:800px;
	background:url(../images/menu_corporativo.png);
}

.iper2:hover{
	background:#fbd659;
}


ul.menu ul li a:hover{
background:#fbd659;
}


.iper3{
	width:135px;
	height:28px;
	float:left;
	text-align:center;
	padding-top:7px;
	font-size:15px;
	text-decoration:none;
	color:#FFFFFF;
	font-family:"Century Gothic";
	font-weight:800px;
}

.iper33{
	width:135px;
	height:28px;
	float:left;
	text-align:center;
	padding-top:7px;
	font-size:15px;
	text-decoration:none;
	color:#FFFFFF;
	font-family:"Century Gothic";
	font-weight:800px;
	background:url(../images/menu_portafolio.png);
}

.iper3:hover{
	background:#e54da6;
}



.iper4{
	width:135px;
	height:28px;
	float:left;
	text-align:center;
	padding-top:7px;
	font-size:15px;
	text-decoration:none;
	color:#FFFFFF;
	font-family:"Century Gothic";
	font-weight:800px;
}

.iper44{
	width:135px;
	height:28px;
	float:left;
	text-align:center;
	padding-top:7px;
	font-size:15px;
	text-decoration:none;
	color:#FFFFFF;
	font-family:"Century Gothic";
	font-weight:800px;
	background:url(../images/menu_inicio.png);
}

.iper4:hover{
	background:#659cb7;
}


.iper5{
	width:135px;
	height:28px;
	float:left;
	text-align:center;
	padding-top:7px;
	font-size:15px;
	text-decoration:none;
	color:#FFFFFF;
	font-family:"Century Gothic";
	font-weight:800px;
}

.iper55{
	width:135px;
	height:28px;
	float:left;
	text-align:center;
	padding-top:7px;
	font-size:15px;
	text-decoration:none;
	color:#FFFFFF;
	font-family:"Century Gothic";
	font-weight:800px;
	background:url(../images/menu_corporativo.png);
}

.iper5:hover{
	background:#fbd659;
}

.iper6{
	width:135px;
	height:28px;
	float:left;
	text-align:center;
	padding-top:7px;
	font-size:15px;
	text-decoration:none;
	color:#FFFFFF;
	font-family:"Century Gothic";
	font-weight:800px;
}

.iper66{
	width:135px;
	height:28px;
	float:left;
	text-align:center;
	padding-top:7px;
	font-size:15px;
	text-decoration:none;
	color:#FFFFFF;
	font-family:"Century Gothic";
	font-weight:800px;
	background:url(../images/menu_portafolio.png);
}

.iper6:hover{
	background:#e54da6;
}

.iper7{
	width:135px;
	height:28px;
	float:left;
	text-align:center;
	padding-top:7px;
	font-size:15px;
	text-decoration:none;
	color:#FFFFFF;
	font-family:"Century Gothic";
	font-weight:800px;
}

.iper77{
	width:135px;
	height:28px;
	float:left;
	text-align:center;
	padding-top:7px;
	font-size:15px;
	text-decoration:none;
	color:#FFFFFF;
	font-family:"Century Gothic";
	font-weight:800px;
	background:url(../images/menu_inicio.png);
}

.iper7:hover{
	background:#659cb7;
}

.iper7:hover ul{
	background:#659cb7;
}



.iper:hover{
	background:#457eae;
}

.titulo{
	width:1030px;
	height:31px;
	font-family:"Harabara";
	float:left;
	text-align:center;
	color:#a7a7a7;
	font-size:29px;
	margin-top:20px;
}

.manuales{
	width:1030px;
	height:179px;
	float:left;
	margin-top:20px;
}

.WLM{
	width:459px;
	height:179px;
	float:left;
	margin-left:50px;
	background-image:url(../images/WLM.png);
}

.divission{
	width:24px;
	height:179px;
	float:left;
	background-image:url(../images/divisssion.png);
}

.OUTE{
	width:459px;
	height:179px;
	float:left;
	background-image:url(../images/OUTE.png);
}


.slidebox{
	width:990px;
	height:359px;
	float:left;
	margin-left:20px;
	margin-top:25px;
}

.line{
	height:3px;
	width:1030px;
	float:left;
	background-color:#CCC;
	margin-top:50px;
}

.line2{
	height:3px;
	width:1030px;
	float:left;
	background-color:#CCC;
	margin-top:60px;
}

.descargar2{
	height:51px;
	width:102px;
	float:left;
	margin-left:225px;
	background:url(../images/descargar.png);
	margin-top:20px;
}

.descargar3{
	height:51px;
	width:102px;
	float:left;
	background:url(../images/descargar.png);
	margin-top:20px;
	margin-left:440px;
}



.ico{
	width:93px;
	height:93px;
	float:left;
	background:url(../images/ico.png) no-repeat;
	margin-left:34px;
}

.ico2{
	width:93px;
	height:93px;
	float:left;
	background:url(../images/ico2.png) no-repeat;
	margin-left:34px;
}

.ico3{
	width:93px;
	height:93px;
	float:left;
	background:url(../images/ico3.png) no-repeat;
	margin-left:34px;
}

.ico4{
	width:93px;
	height:93px;
	float:left;
	background:url(../images/ico4.png) no-repeat;
	margin-left:34px;
}

.ico5{
	width:93px;
	height:93px;
	float:left;
	background:url(../images/ico5.png) no-repeat;
	margin-left:34px;
}
	
.ico6{
	width:93px;
	height:93px;
	float:left;
	background:url(../images/ico6.png) no-repeat;
	margin-left:34px;
}

.txtbg{
	width:990px;
	height:504px;
	float:left;
	background:url(../images/txtbg.png) no-repeat;
	margin-top:30px;
	margin-left:20px;
}

.txtgen{
	width:990px;
	height:auto;
	float:left;
	margin-top:30px;
	margin-left:20px;
	font-family:"Century Gothic";
}

.catalogo{
	width:auto;
	height:auto;
	margin-left:70px;
	float:left;
}

.linev{
	width:3px;
	height:401px;
	float:left;
	background-color:#CCCCCC;
	margin-top:68px;
	margin-left:75px;
}

.linev2{
	width:3px;
	height:460px;
	float:left;
	background-color:#CCCCCC;
	margin-top:68px;
	margin-left:75px;
}

.logocont{
	width:267px;
	height:226px;
	float:left;
	background:url(../images/WebCOMPLETA_28.png) no-repeat;
	margin-top:136px;
	margin-left:154px;
}

.txtbox{
	width:164px;
	height:504px;
	text-align:justify;
	float:left;
	margin-left:1px;
	font-family:"Century Gothic";
}

.txtbox1{
	width:164px;
	height:504px;
	text-align:justify;
	float:left;
}

.txt{
	width:146px;
	height:auto;
	float:left;
	margin-left:9px;
	margin-top:20px;
	font-family:"Century Gothic";
	text-align:justify;
	font-size:13px;
}

.txtcont{
	width:253px;
	height:302px;
	margin-left:75px;
	margin-top:112px;
	font-family:"Century Gothic";
	float:left;
	color:#555555;
	font-size:12px;
	font-weight:bold;
}


.txtil{
	width:146px;
	height:auto;
	float:left;
	margin-left:9px;
	margin-top:20px;
	font-family:"Century Gothic";
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#666;
}

.txtinfo{
	width:1030px;
	height:auto;
	float:left;
	margin-top:30px;
	font-family:"Century Gothic";
	font-size:14px;
	color:#666;
	text-align:justify;
}
	
.foot{
	width:1030px;
	height:136px;
	background-image:url(../images/footer.png);
	float:left;
	
	margin-top:35px;
}

.siriaco{
	width:59px;
	height:33px;
	background:url(../images/siriaco.png);
	margin-top:75px;
	margin-left:25px;
	float:left;
}

.gorra{
	width:64px;
	height:23px;
	background:url(../images/gorra_sport.png);
	margin-top:80px;
	margin-left:30px;
	float:left;
}

.facebook{
	width:24px;
	height:25px;
	background:url(../images/facebook.png);
	margin-top:80px;
	margin-right:50px;
	float:right;
}

/*// PROMOCIONALES //*/

.iconmen{
	width:116px;
	height:115px;
	float:left;
	margin-left:106px;
	margin-top:60px;
	margin-bottom:20px;
}

.boton{
	width:270px;
	height:65px;
	float:left;
	margin-left:360px;
	margin-top:60px;
	background:url(../images/catalogo.png) no-repeat;
	margin-bottom:80px;
}

/*// CORPORATIVO //*/

.iconcor{
	width:116px;
	height:115px;
	float:left;
	margin-left:23px;

}

.iconboxcor{
	width:160px;
	height:157px;
	float:left;
	margin-left:6px;
	margin-top:22px;
}

.boxcor{
	width:694px;
	height:auto;
	float:left;
	margin-top:30px;
}

.linev3{
	width:3px;
	height:460px;
	float:left;
	background-color:#CCCCCC;
	margin-top:59px;
}

.txtcor{
	width:253px;
	height:302px;
	margin-left:40px;
	margin-top:103px;
	font-family:"Century Gothic";
	float:left;
	color:#555555;
	font-size:12px;
}

.descrip{
	width:233px;
	height:310px;
	font-family:"Century Gothic";
	float:left;
	color:#FFF;
	font-size:13px;
	background:#22739b;
	text-align:justify;
	padding-left:10px;
	padding-right:10px;
	font-weight:100px;
	padding-top:10px;
}


.nameico{
	width:160px;
	height:40;
	margin-left:30;
	font-family:"Century Gothic";
	font-size:11px;
	float:left;
	margin-top:10px;
	text-align:center;
	color:#999999;
	font-weight:bold;
}

.titlecor{
	width:990px;
	height:auto;
	float:left;
	font-family:"Century Gothic";
	color:#22739b;
	font-size:16px;
	padding-left:40px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
}

/*// web //*/

.iconweb{
	width:191px;
	height:auto;
	float:left;
}

.iconboxweb{
	width:191px;
	height:157px;
	float:left;
	margin-left:46px;
	margin-top:22px;
}

.nameweb{
	width:191px;
	height:60;
	margin-left:30;
	font-family:"Century Gothic";
	font-size:11px;
	float:left;
	margin-top:10px;
	text-align:center;
	color:#999999;
	font-weight:bold;
}
	
.line3{
	height:3px;
	width:1030px;
	float:left;
	background-color:#CCC;
	margin-top:20px;
}





.txtinfo2{
	width:300px;
	height:580px;
	float:left;
	margin-top:30px;
	font-family:"Century Gothic";
	font-size:14px;
	color:#666;
	text-align:justify;
}

.txtinfo6{
	width:300px;
	height:580px;
	float:left;
	margin-top:30px;
	font-family:"Century Gothic";
	font-size:14px;
	color:#666;
	text-align:justify;
}




.iconboxweb2{
	width:322px;
	height:650px;
	float:left;
	margin-left:5px;
	margin-top:22px;
	background:url(../images/WEBD_20.png);
	font-family:"Century Gothic";
	text-align:center;
	padding-top:9px;
}

.iconboxweb3{
	width:322px;
	height:650px;
	float:left;
	margin-left:25px;
	margin-top:22px;
	background:url(../images/WEBD_22.png);
	font-family:"Century Gothic";
	text-align:center;
	padding-top:9px;
	
}

.iconboxweb4{
	width:322px;
	height:650px;
	float:left;
	margin-left:25px;
	margin-top:22px;
	background:url(../images/WEBD_24.png);
	font-family:"Century Gothic";
	text-align:center;
	padding-top:9px;
}




/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
    /*background:url(images/slider.png) no-repeat;*/
    width:989px;
    height:359px;
    margin:0 auto;
}

#slider {
	position:relative;
    width:989px;
    height:359px;
	background:url(../images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:430px;
	bottom:-40px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

.botonns{
	width:1030px;
	height:auto;
	float:left;
	margin-top:75px;
}