@charset "utf-8";
*{margin:0px;padding:0px;}
html, body {width:100%;	height:100%;font-family: 'Open Sans', sans-serif;}

@font-face {
    font-family: Roboto;
    src: url(./fonts/Roboto/Roboto-Regular.ttf);}
@font-face {
    font-family: Opensans;
    src: url(./fonts/Open_Sans/OpenSans-Regular.ttf);}
/*
font-family: 'Open Sans', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Roboto', sans-serif;
*/

/*Body------------------------------------------------------------------------------------*/
body{background-color:#fff; padding-top: 51px !important}
a:focus, a:hover{text-decoration:none !important;}
.body0{background-color:#fff; padding-top:0px;}
.pcc-fondo{
	background:url("./PortalesConsultaCloud/imgs/Background.jpg") no-repeat top center;
	background-size:auto;
	background-color:#F42A1F;}
.carousel-indicators{bottom:0;left:70%;width:20%;}
.container{background-color:#0412AC;}
.container2{background-color:#FFFDFD;}
.close{opacity:1;color:#fff;}
.dedo{cursor:pointer;}
.factronnum{font-weight:bolder;color:#ff9900;font-size:60px;}
.owl-carousel .owl-item img {display: block; width: auto;}


/*Navbar--------------------------------------------------------------------------------*/
.btn-rojo-cot{
	color:#fff;
	background-color:#ff3322;
	font-weight:bold;
	font-size: 110%;
	text-align:center;
	padding:14px;
	border-radius: 1em 0.5em 1em 0.5em;
	margin: 0px 0px 0px 0px;}
	.btn-rojo-cot:hover{
		color:#fff;
		background-color:#1029BC;}

.btn-azul-cap{
	color:#fff;
	background-color:#0252CD;
	font-weight:bold;
	font-size: 110%;
	text-align:center;
	padding:14px;
	border-radius: 1em 0.5em 1em 0.5em;
	margin: 0px 0px 0px 0px;}
	.btn-azul-cap:hover{
		color:#fff;
		background-color:#D72023;}


.btn-suscrip{
	color:#fff;
	background-color:#0066cc;
	font-weight:bold;
	font-size: 110%;
	text-align:center;
	padding:14px;
	border-radius: 0;}
	.btn-suscrip:hover{
		color:#fff;
		background-color:#003E88;}
.btnmenu{
	color:#FFFFFF;
	background-color:transparent!important;
	font-weight:bold;
	font-size: 100%;
	padding:14px;
	border-radius: 0px;}
	.btnmenu:hover{
		color:#FFE500;}
.btnmenu2{
	color:#555 !important;
	background-color:transparent!important;
	font-weight:bold;
	font-size: 100%;
	line-height: 24px !important;
	border-radius: 0px;}
	.btnmenu2:hover{
		color: #fff !important;
		background-color: #ff3322 !important;}


.btnmenu2_2{
	color:#555 !important;
	background-color:transparent!important;
	font-weight:bold;
	font-size: 80%;
	line-height: 24px !important;
	border-radius: 0px;}
	.btnmenu2_2:hover{
		color: #fff !important;
		background-color: #ff3322 !important;}





.btnmenu3{
	color:#555 !important;
	background-color:transparent!important;
	font-size: 100%;
	line-height: 24px !important;
	border-radius: 0px;}
	.btnmenu3:hover{
		color: #fff !important;
		background-color: #0D12E8;}



.btn-call{
	color:#fff;
	background-color:#33bb2a;
	font-weight:bold;
	font-size: 110%;
	text-align:center;
	padding:14px;
	border-radius: 0px;
	line-height: 26px !important;
	border-radius: 1em 0.5em 1em 0.5em;}


/*--Modales-------------------------------------------------------------------------------*/
.botonmod1{
	background-color:#0066cc;
	color:#FFF;
	border-radius: 0 !important;
	border: 0 !important;}
	.botonmod1:hover{
		background-color:#004899;
		color:#E3E3E3;}
/*.redmodal{background-color:#e63312;color:#fff;}*/
.modal-header{color:#fff;background-color:#f3922b;}


/*--Sociales-------------------------------------------------------------------------------*/
.padmenu{
	padding: 6px !important;
	padding-right: 8px !important;
	padding-left: 8px !important;
}
.asocialfb{
	color:#fff !important;
	background-color:#3b5998;
	text-decoration:none !important;
	border-radius: 0;
	border: 0;
	margin:2px !important;
	border-radius: 1em 0.5em 1em 0.5em}
	.asocialfb:focus, .asocialfb:hover{
		background-color: #2B4170 !important;
		text-decoration:none !important;}

.asocialig{
	color:#fff !important;
	background-color:#DE03E4;
	text-decoration:none !important;
	
	border-radius: 0;
	border: 0;
	margin:2px !important;
	border-radius: 1em 0.5em 1em 0.5em}
	.asocialig:focus, .asocialig:hover{
		background-color: #DE03E4 !important;
		text-decoration:none !important;}








.asocialg{
	color:#FFFFFF !important;
	background-color:#000000;
	text-decoration:none !important;
	border-radius: 0;
	border: 0;
	margin:2px !important;
	border-radius: 1em 0.5em 1em 0.5em}
	.asocialg:focus, .asocialg:hover{
		background-color: #777676 !important;
		text-decoration:none !important;}
.asocialyt{
	color:#fff !important;
	background-color:#bb0000;
	text-decoration:none !important;
	border-radius: 0;
	border: 0;
	margin:2px !important;
	border-radius: 1em 0.5em 1em 0.5em}
}
	.asocialyt:focus, .asocialyt:hover{
		background-color: #8C0000 !important;
		text-decoration:none !important;}
.asocialin{
	color:#fff !important	;
	background-color:#007bb5;
	text-decoration:none !important;
	border-radius: 0;
	border: 0;
	margin:2px !important;
	border-radius: 1em 0.5em 1em 0.5em}
	.asocialin:focus, .asocialin:hover{
		background-color:#005984 !important;
		text-decoration:none !important;}

.hidebanners{	visibility: hidden;    height: 0;}

/*--Clientes------------------------------------------------------------------------------*/


.paginacion {
	margin:20px 0;
}

.paginacion ul {
	list-style:none;
	text-align: center;
}

.paginacion ul li {
	display:inline-block;
	margin-right:10px;
}

.paginacion ul li a {
	display:block;
	padding:10px 20px;
	color:#fff;
	background:#024959;
	text-decoration: none;
}

.paginacion ul li a:hover {
	background:#037E8C;
}

.paginacion ul li .active {
	background:#037E8C;
	font-weight:bold;
}

















.btn-rubro{
	color:#fff;
	background-color:transparent;
	text-align:center;
	padding:12px 30px 12px 30px;
	border: solid 2px #FFCC00;
	border-radius: 0px;
	font-size: 18px;
	font-weight: bold;}
	.btn-rubro:hover{
		color:#003E88;
		background-color:#FFCC00;
		transition: 0.5s;}
.border-client{
	border: solid #dadada 2px;
	padding-bottom: 20px 15px;
	border-radius: 0px;}


/*Hipervinculos----------------------------------------------------------------------*/
.a0{color:#ffffff; font-weight: normal; text-decoration:none !important;}
	.a0:focus, .a0:hover{color:#f5f5f5; font-weight: normal; text-decoration:none !important;}
.a1{color:#000000; font-weight: bold; text-decoration:none !important;}
	.a1:focus, .a1:hover{color: #001f3d; font-weight: bold; text-decoration:none !important;}
.a2{color:#6f6f6f; text-decoration:none !important;}
	.a2:focus, .a2:hover{color: #000000; text-decoration:none !important;}
.a3{color:#FFFFFF; text-decoration:none !important;}
	.a3:focus, .a3:hover{color: #ffcc00; text-decoration:none !important;}/*funcionalidades*/
.a4{color:#33bb2a; text-decoration:none !important;}
	.a4:focus, .a4:hover{color:#1add15;text-decoration:none !important;}
.a5{color:#ffcc00; text-decoration:none !important;}
	.a5:focus, .a5:hover{color:#ffff00;text-decoration:none !important;}
.a6{color:#e83838; text-decoration:none !important;}
	.a6:focus, .a6:hover{color:#ea201b;text-decoration:none !important;}

.a7{color:#1132CB; text-decoration:none !important;}
	.a7:focus, .a7:hover{color:#1132CB;text-decoration:none !important;}
.af1{color:#ffcc00; text-decoration:none !important;}
	.af1:focus, .af1:hover{color:#ffff00;text-decoration:none !important;}
.af2{color:#ffffff; text-decoration:none !important;}
	.af2:focus, .af2:hover{color:#1add15;text-decoration:none !important;}
.af3{color:#0de3f9; text-decoration:none !important;}
	.af3:focus, .af3:hover{color:#ffffff;text-decoration:none !important;}


/*Botones----------------------------------------------------------------------------*/
.btn-block1 {width:99%;}
.btn.focus, .btn:focus, .btn:hover {color:#fff;}

.btn-azul{
	color:#fff; background-color:#00539f; font-weight:bold; font-size: 16px; border-radius: 0px;
	text-align:center; padding:10px 20px; margin:3px;text-decoration:none !important; text-transform: uppercase; letter-spacing:1px;
	-webkit-box-shadow: 0px 1px 4px 1px rgba(60,41,0,0.4);
	-moz-box-shadow: 0px 1px 4px 1px rgba(60,41,0,0.4);
	box-shadow: 0px 1px 4px 1px rgba(60,41,0,0.4);}
	.btn-azul:hover{
		color:#fff; background-color:#003E88; transform: scale(1.15,1.15); transition: 0.4s;}

.btn-azul2{
transition-duration: .3s;
	color:#fff; background-color:#0066CC; font-weight:bold; font-size: 16px; border-radius: 0px;
	text-align:center; padding:10px 20px; margin:3px;text-decoration:none !important; text-transform: uppercase; letter-spacing:0.5px;
	-webkit-box-shadow: 0px 1px 4px 1px rgba(60,41,0,0.4);
	-moz-box-shadow: 0px 1px 4px 1px rgba(60,41,0,0.4);
	box-shadow: 0px 1px 4px 1px rgba(60,41,0,0.4);}
	.btn-azul2:hover{
		color:#fff; background-color:#005db6; transform: scale(1.15,1.15); transition: 0.4s;}

.btn-rojo{
transition-duration: .3s;
	color:#fff; background-color:#ff3322; font-weight:bold; font-size: 16px; border-radius: 0px;
	text-align:center; padding:10px 20px; margin:10px;text-decoration:none !important; text-transform: uppercase; letter-spacing:0.5px;
	-webkit-box-shadow: 0px 1px 4px 1px rgba(60,41,0,0.4);
	-moz-box-shadow: 0px 1px 4px 1px rgba(60,41,0,0.4);
	box-shadow: 0px 1px 4px 1px rgba(60,41,0,0.4);}
	.btn-rojo:hover{
		color:#fff; background-color:#ea201b; transform: scale(1.15,1.15); transition: 0.4s;}

.btn-rojo1{
transition-duration: .3s;
	color:#fff; background-color:#ff3322; font-weight:bold; font-size: 16px; border-radius: 0px;
	text-align:center; padding:10px 20px; margin:10px;margin-left: 0px; text-decoration:none !important; text-transform: uppercase; letter-spacing:0.5px;
	-webkit-box-shadow: 0px 1px 4px 1px rgba(60,41,0,0.4);
	-moz-box-shadow: 0px 1px 4px 1px rgba(60,41,0,0.4);
	box-shadow: 0px 1px 4px 1px rgba(60,41,0,0.4);}
	.btn-rojo1:hover{
		color:#fff; background-color:#ea201b; transform: scale(1.15,1.15); transition: 0.4s;}




.btn-amari{
transition-duration: .3s;		 
	color:#000000;
	background-color:#FFCC00;
	font-weight:bold;
	font-size: 120%;
	border-radius: 0px;
	text-align:center;
	padding:10px 20px;
	margin:0;
	text-decoration:none !important;
	text-transform: uppercase;
	letter-spacing:0.5px;
	-webkit-box-shadow: 0px 1px 4px 1px rgba(60,41,0,0.4);
	-moz-box-shadow: 0px 1px 4px 1px rgba(60,41,0,0.4);
	box-shadow: 0px 1px 4px 1px rgba(60,41,0,0.4);
	white-space:normal;}
	.btn-amari:hover{
		color:#000000;
		background-color:#e3ab00;
		transform: scale(1.15,1.15);
		transition: 0.4s;}

.btn-amariwhite{
	color:#FFFFFF;
	background-color:#FFCC00;
	font-weight:bold;
	font-size: 120%;
	border-radius: 0px;
	text-align:center;
	padding:10px 20px;
	margin:0;
	text-decoration:none !important;
	text-transform: uppercase;
	letter-spacing:0.5px;
	-webkit-box-shadow: 0px 1px 4px 1px rgba(60,41,0,0.4);
	-moz-box-shadow: 0px 1px 4px 1px rgba(60,41,0,0.4);
	box-shadow: 0px 1px 4px 1px rgba(60,41,0,0.4);
	white-space:normal;}
	.btn-amariwhite:hover{
		color:#FFFFFF;
		background-color:#e3ab00;
		transform: scale(1.15,1.15);
		transition: 0.4s;}

     

li-blog  {
  padding-left: 2rem;
  background-image: url( "../imgs/iconos/xmark_solid.svg");
  background-position: 0 0;
  background-size: 1.6rem 1.6rem;
  
}












.btn-amari222{
	color:#FFFFFF;
	background-color:#FFCC00;
	font-weight:bold;
	font-size: 90%;
	border-radius: 0px;
	text-align:center;
	padding:5px 15px;
	margin:0;
	text-decoration:none !important;
	text-transform: uppercase;
	letter-spacing:0.5px;
	-webkit-box-shadow: 0px 1px 4px 1px rgba(60,41,0,0.4);
	-moz-box-shadow: 0px 1px 4px 1px rgba(60,41,0,0.4);
	box-shadow: 0px 1px 4px 1px rgba(60,41,0,0.4);
	white-space:normal;}
	.btn-amari222:hover{
		color:#FFFFFF;
		background-color:#e3ab00;
		transform: scale(1.15,1.15);
		transition: 0.4s;}






.btn-verde{
	color:#fff;
	background-color:#33bb2a;
	font-weight:bold;
	font-size: 120%;
	border-radius: 0px;
	text-align:center;
	padding:10px 20px;
	margin:0;
	text-decoration:none !important;
	text-transform: uppercase;
	letter-spacing:0.5px;
	-webkit-box-shadow: 0px 1px 4px 1px rgba(60,41,0,0.4);
	-moz-box-shadow: 0px 1px 4px 1px rgba(60,41,0,0.4);
	box-shadow: 0px 1px 4px 1px rgba(60,41,0,0.4);
	white-space:normal;}
	.btn-verde:hover{
		color:#fff;
		background-color:#26a653;
		transform: scale(1.15,1.15);
		transition: 0.4s;}

.btn-mora{color:#fff; background-color:#752294; font-weight:bold; font-size: 16px; border-radius: 0px;
	text-align:center; padding:10px 20px; margin:3px;text-decoration:none !important; text-transform: uppercase; letter-spacing:0.5px;
	-webkit-box-shadow: 0px 1px 4px 1px rgba(60,41,0,0.4);
	-moz-box-shadow: 0px 1px 4px 1px rgba(60,41,0,0.4);
	box-shadow: 0px 1px 4px 1px rgba(60,41,0,0.4);}
	.btn-mora:hover{color:#fff; background-color:#712d88; transform: scale(1.15,1.15); transition: 0.4s;}

.btn-fucs{color:#fff; background-color:#d20962; font-weight:bold; font-size: 16px; border-radius: 0px;
	text-align:center; padding:10px 20px; margin:3px;text-decoration:none !important; text-transform: uppercase; letter-spacing:0.5px;
	-webkit-box-shadow: 0px 1px 4px 1px rgba(60,41,0,0.4);
	-moz-box-shadow: 0px 1px 4px 1px rgba(60,41,0,0.4);
	box-shadow: 0px 1px 4px 1px rgba(60,41,0,0.4);}
	.btn-fucs:hover{color:#fff; background-color:#be004e; transform: scale(1.15,1.15); transition: 0.4s;}

.btn-naran{color:#fff; background-color:#ff6e00; font-weight:bold; font-size: 16px; border-radius: 0px;
	text-align:center; padding:10px 20px; margin:3px;text-decoration:none !important; text-transform: uppercase; letter-spacing:0.5px;
	-webkit-box-shadow: 0px 1px 4px 1px rgba(60,41,0,0.4);
	-moz-box-shadow: 0px 1px 4px 1px rgba(60,41,0,0.4);
	box-shadow: 0px 1px 4px 1px rgba(60,41,0,0.4);}
	.btn-naran:hover{color:#fff; background-color:#ff4f00; transform: scale(1.15,1.15); transition: 0.4s;}


/*Margenes y espaciados--------------------------------------------------------------------*/
.margin0{margin:0 !important;}
.margin5{margin:5px;}
.margin10{margin:10px;}
.margin15{margin:15px;}
.margin20{margin:20px;}
.marginv4{margin-top:4px;margin-bottom:4px;}
.marginv5{margin-top:5px;margin-bottom:5px;}
.marginv10{margin-top:10px;margin-bottom:10px;}
.marginv15{margin-top:15px;margin-bottom:15px;}
.marginv20{margin-top:20px;margin-bottom:20px;}
.marginv35{margin-top:35px;margin-bottom:35px;}
.marginv2025{margin-top:20px;margin-bottom:15px;}
.marginh2{margin-left:2px;margin-right:2px;}
.marginh10{margin-left:10px;margin-right:10px;}
.marginh15{margin-left:15px;margin-right:15px;}
.marginh20{margin-left:20px;margin-right:20px;}
.padding0{padding:0 !important;}
.padding4{padding:4px;}
.padding5{padding:5px;}
.padding10{padding:10px;}
.padding11{padding-right:15 }
.padding15{padding:15px;}
.padheader1{padding-bottom:4em;padding-right:6em;padding-top:4em;}
.padheader111{padding-bottom:4em;padding-right:6em;padding-top:6em;}

.padheader2{padding-bottom:4em;padding-right:4em;padding-top:4em;}
.padheaderx{padding-bottom:0em;padding-right:0em;padding-top:0em;}
.padheader22{padding-bottom:2em;padding-right:6em;padding-top:2em;padding-left:6em}
.padheader23{padding-bottom:0em;padding-right:6em;padding-top:4em;padding-left:0em}
.padh5{padding-left:5px;padding-right:5px;}
.padh15{padding-left:15px;padding-right:15px;}
.padh20{padding-left:20px;padding-right:20px;}
.padh30{padding-left:30px;padding-right:30px;}
.padb5{padding-bottom:5px;}
.padb10{padding-bottom:10px;}
.padb11{padding-bottom:15px;}
.padb20{padding-bottom:20px;}
.padb30{padding-bottom:30px;}
.padb40{padding-bottom:40px;}
.padb50{padding-bottom:50px;}
.padb80{padding-bottom:80px;}
.padt56MOD{padding-top:56px;}
.padt110MOD{padding-top:110px;}
.padt40MOD{padding-top:40px;}
.padb88{padding-bottom:70px;}
.padr20{padding-right:20px;}
.padr30{padding-right:30px;}
.padt10{padding-top:10px;}
.padt20{padding-top:20px;}
.padt30{padding-top:30px;}
.padt40{padding-top:40px;}
.padt50{padding-top:50px;}
.padt70{padding-top:70px;}
.padt90{padding-top:90px;}
.padt80{padding-top:80px;}
.padv5{padding-top:5px;padding-bottom:5px;}
.padv10{padding-top:10px;padding-bottom:10px;}
.padv15{padding-top:15px;padding-bottom:15px;}
.padv20{padding-top:20px;padding-bottom:20px;}
.padv30MOD{padding-top:10px;padding-bottom:0px;}
.padv31MOD{padding-top:10px;padding-bottom:40px;}

.padv32MOD{padding-top:10px;padding-bottom:25px;}
.padv30{padding-top:30px;padding-bottom:30px;}
.padv40{padding-top:40px;padding-bottom:40px;}
.padvinicio{padding-top:40px;padding-bottom:10px;}

/*Areas y secciones--------------------------------------------------------------------*/

.zonafotodigital{background: url( ../imgs/banners/FONDO_BANNER_portal.jpg )
}


.zonafotoportalesweb{background: url( ../imgs/banners/FONDO_BANNER_PORTALES.jpg )
}

.zonafotoecommerce{background: url( ../imgs/banners/Ecommerce_online.jpg)
}



.zonafotoaccessedition{background: url(  ../imgs/banners/Banner_ERP_BLUE_EDITION.jpg )
}


.zonafotogoldedition{background: url( ../imgs/banners/Banner_ERP_GOLD_EDITION.jpg )
}

.zonafotocursos{background: url( ../imgs/banners/BANNER_DE_CRONOGRAMA_VIRTUAL.jpg)
}
.zonafotonosotros{background: url( ../imgs/banners/Banner_nosotros.jpg )
	}
.zonafotocurso{background: url( "../imgs/banners/03.jpg")
	}



.zonafotoblog{background: url(  ../imgs/blog/Portada_blog.jpg )
	}

	
	
	

.zonafotoventas{background: url(  ../imgs/banners/Banner_ventas.jpg)
}

.zonafotocostos{background: url(  ../imgs/banners/Banner_costos.jpg)
}

.zonafotoplanillas{background: url( ../imgs/banners/Banner_planillas.jpg  )
}
.zonafotofactron{background: url( ../imgs/banners/Banner_facturacion.jpg)
}
.zonafotoservicios{background: url(  ../imgs/banners/Banner_servicio.jpg )
}    
.zonafotocontabilidad{background: url(  ../imgs/banners/Banner_contabilidad.jpg   )
} 
.zonaamarilla{background-color:#FFCC00;color:#000;}
.zonaazul{background-color:#0050a6;color:#fff;}
.zonaazul2{background-color:#020C76;color:#fff;}
.zonaazul3{background-color:#2aa1eb;color:#fff;}
.zonaazul4{background-color:#001f3d;color:#fff;}
.zonablanca{background-color:#fff;color:#000;}
.zonafucs{background-color:#d20962;color:#fff;}
.zonagris10{background-color:#ededed;color:#000;}
.zonagris30{background-color:#c6c6c6;color:#000;}
.zonagris31{background-color:#C9E9E3;color:#000;}
.zonaroja{background-color:#ff3322;color:#fff;}
.zonaroja2{background-color:#ff4c4c;color:#fff;}
.zonaroja3{background-color:#d71100;color:#fff;}
.zonamora{background-color:#752294;color:#fff;}
.zonaceles{background-color:#00BCE3;color:#fff;}
.zonaceles2{background-color:#D7FDFB;color:;}
.zonacelessua{background-color:#CFDFE3;color:#000000;}
.zonanegra{background-color:#000;color:#fff;}
.zonanaran{background-color:#ff9900;color:#fff;}
.zonanaransua{background-color:#FCEEE0;color:#000000;}
.zonaverde{background-color:#76b82a;color:#fff;}
.zonaverde2{background-color:#E2F8B7;color:;}
.zonaverdesua{background-color:#F0FFDC;color:#000000;}
.zonapromo{background-color:#f69c18;color:#fff;}
.zonatransp{background-color: transparent;}
.zonaazulg1{
	background: #0066cc;
	background: -moz-radial-gradient(center, ellipse cover, #2092e3 0%, #0066cc 70%, #0057b3 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #2092e3 0%,#0066cc 70%,#0057b3 100%);
	background: radial-gradient(ellipse at center, #2092e3 0%,#0066cc 70%,#0057b3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2092e3', endColorstr='#0057b3',GradientType=1 );
}
.zonaazulg2{
	background: #0050a6;
	background: -moz-linear-gradient(-45deg, #0050a6 0%, #0066cc 29%, #1584dc 50%, #0066cc 74%, #0050a6 100%);
	background: -webkit-linear-gradient(-45deg, #0050a6 0%,#0066cc 29%,#1584dc 50%,#0066cc 74%,#0050a6 100%);
	background: linear-gradient(135deg, #0050a6 0%,#0066cc 29%,#1584dc 50%,#0066cc 74%,#0050a6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0050a6', endColorstr='#0050a6',GradientType=1 );
}
.zonablancag1{
	background: #ffffff;
	background: -moz-linear-gradient(-45deg, #ffffff 0%, #ededed 100%);
	background: -webkit-linear-gradient(-45deg, #ffffff 0%,#ededed 100%);
	background: linear-gradient(135deg, #ffffff 0%,#ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 );
	padding-bottom: 10px;
	padding-top: 10px;
}
.zonarojag1{
	background: #ff3322;
	background: -moz-linear-gradient(45deg, #ff3322 0%, #f42a1f 25%, #ba0f11 70%);
	background: -webkit-linear-gradient(45deg, #ff3322 0%,#f42a1f 25%,#ba0f11 70%);
	background: linear-gradient(45deg, #ff3322 0%,#f42a1f 25%,#ba0f11 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3322', endColorstr='#ba0f11',GradientType=1 );
}

/*Formato de texto-------------------------------------------------------------------*/
.titleban{
	font-size: 36px;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:10px;
	letter-spacing:1px;
	text-transform:uppercase;}
.subtitleban{
	font-size: 18px;
	line-height:26px;
	font-weight:400;
	margin-top:15px;
	margin-bottom:10px;}
.title{
	color:#0066CC;
	line-height:26px;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:10px;
	letter-spacing:1px;
	text-transform:uppercase;
	text-align: center;}
.subtitle{
	color:#777777;
	line-height:26px;
	font-weight:400;
	margin-top:15px;
	margin-bottom:10px;
	text-align: center;}
.titlesec{
	color:#0066CC;
	line-height:26px;
	font-size: 18px;
	font-weight:bold;
	text-transform: uppercase;}
.subtitlesec{
	letter-spacing:0.5px;
	line-height:26px;
	font-size: 18px;
	font-weight:bold;
	text-transform:capitalize;}
/*.lineh10 {line-height:1}
.lineh12 {line-height:1.2}
.lineh14 {line-height:1.4}
.lineh15 {line-height:1.5}
.lineh30 {line-height:30px}*/
.txclient {text-decoration: none; list-style: none; line-height: 24px; text-transform:uppercase;}
.txac{vertical-align: middle;}
.txc90{color:#3c3c3b;}
.txc70{color:#6f6f6f;}
.txc50{color:#9d9d9c;}
.txc30{color:#c6c6c6;}
.txc10{color:#ededed;}
.txcfactron{color:#00539f; }
.txc-wht{color:#FFFFFF;}
.txc-amar{color:#FFCC00;}
.txc-azulss{color:#00539f;}
.txc-azul{color:#0066CC;}
.txc-fucs{color:#d20962;}
.txc-rojoss{color:#ff3322;}
.txc-rojo{color:#ff4c4c;}
.txc-naran{color:#ff9900;}
.txc-verde{color:#33bb2a;}
.txz10{font-size:10px;}
.txz12{font-size:12px;}
.txz14{font-size:14px;}
.txz16{font-size:16px;}
.txz18{font-size:18px;}
.txz20{font-size:20px;}
.txz30{font-size:30px;}
.txz50{font-size:50px;}
.txz35r{font-size:3.5rem;}
.txz60{font-size:60px;}
.txw400{font-weight:400 !important;}
.txw700{font-weight:700 !important;}

/*Paneles------------------------------------------------------------------------------*/
.panel-simple{
	border: solid #dadada 1px;
	padding: 30px;
	height:250px;
	-webkit-box-shadow: 0px 2px 4px 1px rgba(218,218,218,0.6);
	-moz-box-shadow: 0px 2px 4px 1px rgba(218,218,218,0.6);
	box-shadow: 0px 2px 4px 1px rgba(218,218,218,0.6)}

.panel-simple3{
	border: solid #dadada 1px;
	padding: 30px;
	height:300px;
	-webkit-box-shadow: 0px 2px 4px 1px rgba(218,218,218,0.6);
	-moz-box-shadow: 0px 2px 4px 1px rgba(218,218,218,0.6);
	box-shadow: 0px 2px 4px 1px rgba(218,218,218,0.6)}






.panel-simple2{
	background-color: #ffffff;
	border: solid #dadada 1px;
	padding: 30px;
	-webkit-box-shadow: 0px 2px 4px 1px rgba(218,218,218,0.6);
	-moz-box-shadow: 0px 2px 4px 1px rgba(218,218,218,0.6);
	box-shadow: 0px 2px 4px 1px rgba(218,218,218,0.6)}
.border1{border: dotted #E83838 5px; padding-bottom: 20px; margin: 0px;}
.border2{/*cursos*/
	border: solid #0066cc 2px;
	padding-bottom: 10px;
	border-radius: 0px;
	margin-top: 20px;
	margin-bottom: 20px;}
.border3{border: solid #2aa1eb 2px; padding-bottom: 10px; border-radius: 4px; margin-top: 20px; margin-bottom: 20px;}
.border4{border: dotted #FFCC00 5px; padding-bottom: 20px; margin: 0px;}
.prodcelda{background-color:#ededed;border:2px solid #fff;padding:5px}
.prodcelda2{background-color:#fff;border:2px solid #fff;padding-top:5px;padding-bottom:5px;}
.prodcolnar{color:#e96608; font-weight:bold;}
.prodcolnar2{color:#fff; font-weight:bold;background-color:#e96608;}
.prodcolazu{color:#00539f; font-weight:bold;}
.prodcolazu2{color:#fff; font-weight:bold;background-color:#00539f;}
.prodcolgol{color:#d3b201; font-weight:bold;}
.prodcolgol2{color:#fff; font-weight:bold;background-color:#d3b201;}
.prodcolgri{color:#ededed; font-weight:bold;}
.nospanel1{height:150px;}
.nospanel2{height:400px;}
.nospanel3{height:60px;}
.prodpanel1{height:220px;}
.panel{border: 0px solid transparent; -webkit-box-shadow: 0;box-shadow: 0 0px 0px;}
.panel-title{font-size:14px;color:#fff;margin-top: 0;margin-bottom: 0;}
/*.panel-body2 {padding: 15px;background-color: #0066cc;}
.panel-body3 {padding: 15px;background-color: #ff4c4c;}
.panel-body4 {padding: 15px;background-color: #ffffff; border: 1px solid #DADADA;}*/
.panel-body-tabs {
	padding: 20px;
	background-color: #ffffff;
	border-left: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
	border-bottom: 1px solid #DADADA;
	border-top: 0px;}

.panel-body-tabs_222 {
	padding: 0px;
	background-color: #ffffff;
	border-left: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
	border-bottom: 1px solid #DADADA;
	border-top: 0px;}




.panel-default > .panel-heading {
	background-color: #0066cc;
	border-color: transparent;}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: transparent;}
.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
	border-top: 1px solid #fff;}


/*Cotización-----------------------------------------------------------------------*/
.capsulal{
	border-radius: 0;
	color:#fff;
	background-color:#0066CC;
	font-weight:bold;
	font-size: 80%;
	text-align:center;
	padding:10px;
	margin:3px;
	text-decoration:none !important;
	line-height: 1;
	white-space: nowrap;
	vertical-align: middle;
	display: table-cell;}

.capsulro{
	border-radius: 0;
	color:#fff;
	background-color:#FF0B0F;
	font-weight:bold;
	font-size: 80%;
	text-align:center;
	padding:10px;
	margin:3px;
	text-decoration:none !important;
	line-height: 1;
	white-space: nowrap;
	vertical-align: middle;
	display: table-cell;}







.capsular{
	border-radius: 0px;
	border: 4px #B2B2B2;
	color:#000;
	background-color:#EDEDED;
	text-align:left;
	font-size: 80%;
	padding:10px;
	margin:3px;
	text-decoration:none !important;
	line-height: 1;
	white-space: nowrap;
	vertical-align: middle;
	display: table-cell;}

/*Sombras y animaciones-------------------------------------------------------------------*/
.ani1{
	height:60px;
	width:60px;
	transition:all 0.8s;
	opacity:1;}
	.ani1:hover {
		animation-play-state:paused;
		opacity:1;
		transform: scale(1.3,1.3);}
.efect1{ transition-duration: .3s;  }
.efect1:hover{
	transform: scale(1.1,1.1);
	transition: 0.5s;}
.efect2:hover{
	transform: scale(1.1,1.1);
	transition: 0.5s;}
.shadowin{
	-webkit-box-shadow: inset 0px 1px 4px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0px 1px 4px 2px rgba(0,0,0,0.25);
	box-shadow: inset 0px 1px 4px 2px rgba(0,0,0,0.25);
}
.shadow1{
	-webkit-box-shadow: 0px 2px 4px 1px rgba(60,41,0,0.4);
	-moz-box-shadow: 0px 2px 4px 1px rgba(60,41,0,0.4);
	box-shadow: 0px 2px 4px 1px rgba(60,41,0,0.4);
}

.element-item{position:relative;float:left;margin:5px;padding:0;}
.element-item > *{margin:0;padding:0;}
.element-item .name{position:absolute;left:10px;top:60px;text-transform:none;letter-spacing:0;font-size:0.8em;font-weight:normal;}
.element-item .symbol{position:absolute;left:10px;top:0px;font-size:2.8em;font-weight:bold;color:white;}
.element-item .number{position:absolute;right:8px;top:5px;}
.element-item .weight{position:absolute;left:10px;top:76px;font-size:0.8em;}
.mailcentrado{text-align:left;}
.mailcentrado2{text-align:right;}
.mailcentrado3{text-align:right; float: right;}

.mailcentrado4{text-align:center; float: center;}
.pullr{float: right;}
.pulll{float: left;}

#mc_embed_signup{background:#fff;clear:left;font:14px Helvetica,Arial,sans-serif;}
#mc-embedded-subscribe{margin:0;}

#owl-header .item img{display: block;width: 100%;height: auto;}
#owl-banners .item{
        margin: 5px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        text-align: center;}

/*mediaQuery para laptop*/
@media screen and (max-width:1200px){
	.padheader1{
		padding-bottom:2em;
		padding-right:6em;
		padding-top:3em;}
}

@media screen and (max-width:970px){
	.mailcentrado{text-align:center;}
	.mailcentrado2{text-align:center;}
	.mailcentrado3{text-align:center;}
	.pullr{float: none; text-align: center;}
	.pulll{float: none; text-align: center;}
	.navbar-default .navbar-toggle {
		background-color:#0D2A98;
		border: 0;
		border-radius: 0;}
	.navbar-default .navbar-toggle:focus,
	.navbar-default .navbar-toggle:hover {
		background-color:#0D2A98;}
	.navbar-default .navbar-toggle .icon-bar {
		background-color:#D8FF00;}
	.padheader1{
		padding-bottom:4em;
		padding-right:0em;
		padding-top:4em;}
}
/*mediaQuery para tablet*/
@media screen and (max-width:768px){
	.btn-rojo-cot{
		font-size: 110%;
		/*padding:15px;
		margin: 8px 0px 8px 0px;}*/
	.btn-suscrip{
		font-size: 110%;
		padding:15px;
		margin: 8px 0px 8px 0px;}
	.btnmenu{
		line-height: 26px !important;}
	.btnmenu2{
		line-height: 26px !important;}	
}

/*mediaQuery para celulares*/
@media screen and (max-width:480px){
	.btn-rojo-cot{
		font-size: 120%;
		padding:15px;
		margin: 8px 0px 8px 0px;}
	.btn-suscrip{
		font-size: 120%;
		padding:15px;
		margin: 8px 0px 8px 0px;}
	.btnmenu{
		line-height: 26px !important;}
	.btnmenu2{
		line-height: 26px !important;}
	.titleban{
		font-size:30px;
	}
}

@-moz-document url-prefix() {
fieldset {display: table-cell;}
}

.bannerfoto{
	max-width:100%;
	height: auto
}

.containerspecial{
	height: 400px;
	
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{
	max-height: max-content;
}

/* Add */
.backstyle{
	background-repeat: no-repeat;
    background-position: center;
}
.fade-in-custom {
	animation-name: fadeInCustom;
	animation-duration: 1.3s;
	animation-timing-function: cubic-bezier(0, 0, 0.4, 1);
	animation-fill-mode: forwards;
	
	-webkit-animation-name: fadeInCustom;
	-webkit-animation-duration: 1.3s;
	-webkit-animation-timing-function: cubic-bezier(0, 0, 0.4, 1);
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: fadeInCustom;
	-moz-animation-duration: 1.3s;
	-moz-animation-timing-function: cubic-bezier(0, 0, 0.4, 1);
	-moz-animation-fill-mode: forwards;
	
	-o-animation-name: fadeInCustom;
	-o-animation-duration: 1.3s;
	-o-animation-timing-function: cubic-bezier(0, 0, 0.4, 1);
	-o-animation-fill-mode: forwards;
	 
}

@keyframes fadeInCustom {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-webkit-keyframes fadeInCustom {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-moz-keyframes fadeInCustom {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-o-keyframes fadeInCustom {
	from { opacity: 0; }
	to { opacity: 1; }
}