.content-representacion{
	display: none;
	
}

@import url(font-awesome/css/font-awesome.css);

/*************START ESTILO CARGA DE PAGINA*******************************/

#loader-wrapper .logo {
left : 48.7%;
position : absolute;
top : 48%;
}
#loader-wrapper .logo a {
font-weight : 700;
color : #3498DB;
font-size : 12px;
}
.logo span {
color : #f85654;
}
#loader-wrapper {
position : fixed;
top : 0;
left : 0;
width : 100%;
height : 100%;
z-index : 999999;
background : #fff;
}
#loader {
display : block;
position : relative;
left : 50%;
top : 50%;
width : 150px;
height : 150px;
margin : -75px 0 0 -75px;
border-radius : 50%;
border : transparent solid 3px;
border-top-color : #3498db;
animation : spin 2s linear  infinite;
}
#loader:before {
content : "";
position : absolute;
top : 5px;
left : 5px;
right : 5px;
bottom : 5px;
border-radius : 50%;
border : transparent solid 3px;
border-top-color : red;
animation : spin 3s linear infinite;
}
#loader:after {
content : "";
position : absolute;
top : 15px;
left : 15px;
right : 15px;
bottom : 15px;
border-radius : 50%;
border : transparent solid 3px;
border-top-color : #1487b2;
animation : spin 1.5s linear infinite;
}
@keyframes spin {
0% {
transform : rotate(0deg);
}
100% {
transform : rotate(360deg);
}
}


/*************END ESTILO CARGA DE PAGINA**********************/


.ico{
	width:90px;
	height:90px;
}

.insp{background:url(../images/destacado/inspeccion.png) no-repeat 50% 0; }

.capac{background:url(../images/destacado/capacitacion.png) no-repeat 50% 0; }

.soc{background:url(../images/destacado/soc.png) no-repeat 50% 0; }

.columna-servicio:hover > .insp{background:url(../images/destacado/inspeccion-hover.png) no-repeat;}

.columna-servicio:hover > .capac{background:url(../images/destacado/capacitacion-hover.png) no-repeat;}

.columna-servicio:hover > .soc{background:url(../images/destacado/soc-hover.png) no-repeat;}

.columna-servicio:hover > .title-servicio, .columna-simulador:hover > .title-servicio{color:red;}

.columna-servicio{
	display:inline-block; 
	float:left; 
	width:31%; 
	margin:20px 0px;
	text-transform:uppercase;	
	border-bottom:1px solid #ddd;
	height:442px;
	text-align:left;
	position:relative;
	
}

.columna-simulador{
	display:inline-block; 
	float:left; 
	width:47%; 
	margin:20px 14px;
	text-transform:uppercase;	
	height:410px;
	text-align:left;
	position:relative;
	border-bottom:1px solid #ddd;
	
}

.certificacion-personas ul{
	margin-left:25px;	
}

.columna-servicio p, .columna-simulador p{
	color:#474747;
	text-align:justify;
	text-transform:none;
	line-height:22px;
	font-size:13px;
}

.columna-simulador p{
	color:white;
}


.btn-ver-mas-destacado
{
	text-align:center;
	color:white;
	background:red;
	text-transform:uppercase;
	font-size:10px;
	width:140px;
	position:absolute;
	bottom:4px;
	left:30px;
	transition:all 0.5s ease 0s;
}

.btn-ver-mas-destacado a{
	display:block; 
	color:white; 
	padding:10px 15px; 
	text-decoration:none; 
	text-align:center; 
	font-size:12px;
}

.btn-ver-mas-destacado:hover
{
	background:#444;
	cursor:pointer;
}



.btn-ver-mas-simulador
{
	text-align:center;
	color:white;
	background:#444;
	text-transform:uppercase;
	font-size:10px;
	width:140px;
	border-radius:3px;
	position:absolute;
	bottom:4px;
	left:0;
}

.btn-ver-mas-simulador a{display:block; color:white; padding:10px 15px; text-decoration:none; text-align:center; }

.btn-ver-mas-simulador:hover
{
	background:black;
	cursor:pointer;
}		


.title-servicio{
	font-weight:bold;
	font-size:24px;
	text-align:left;
	margin:20px 0px;	
	color:#444;
}

.columna-servicio:hover, .columna-simulador:hover{border-bottom:1px solid red;}

/*.button-banner
{
	text-align:center;
	color:white;
	background:red;
	text-transform:uppercase;
	font-size:10px;
	padding:1px 10px;
}		

.button-banner:hover
{
	background:#444;
	cursor:pointer;
}*/

#catalogo-gral{
	background:#2e3133;
	background:white;
	padding:45px 0px;
	width:100%;
}


#welcome{
	/*background:#d90000;*/
	background: red;
	padding:0px;
	width:100%;
	color:white;
}

.col-welcome{
	width:47%;
	float:left;	
}

.img-welcome{
	background:url(../images/welcome/welcome.png) no-repeat center;
	height:402px;	
}

.line-welcome{
	width:17px;
	min-height:297px;
	background:url(../images/line.png) no-repeat center;	
	padding:0px 20px;
	position:absolute;
}

@font-face {
font-family: teko;
src: url(fonts/teko/Teko-Regular.ttf);
}

@font-face {
font-family: roboto;
src: url(fonts/roboto/Roboto-Regular.ttf);
}



.title-welcome{
	background:url(../images/head.png) repeat-x left bottom;
	padding:32px 0;	
	text-transform:uppercase;
	font-size:30px;
	font-weight:bold;
	text-align:left;
	padding-left:20px;
	font-family:teko;
}


.title-simulador{
	padding:32px 0;	
	text-transform:uppercase;
	font-size:54px;
	font-weight:bold;
	text-align:left;
	padding-left:20px;
	
	color:rgba(255, 255, 255, 0.5) !important;	
	font-family:teko; 
}

.contenido-welcome{
	text-align:justify;	
	float:left;
	margin-left:55px;
	font-size:13px;	
}


.cont-simulador, .contenido-welcome{font-family: roboto;}

.contenido-welcome p{padding-top:20px;}

.btn-catalogo a{
    border: 2px solid #67ce1d;
    border-radius: 4px;
    color: #666;
    font-family: teko;
    font-size: 22px;
    font-weight: normal;
    padding: 25px 20px;
    text-decoration: none;
    text-transform: uppercase;
	display:block;	
	width:320px;
	transition:all 0.5s ease 0s;
}

.btn-catalogo a:hover{
	color:white;
	background:#808080;
}

/*#video {background:url(../images/back-blue.png) repeat;}*/

#video{padding:0px; margin:0px;}

#video h2{
    color: #fff;
    font-family: Century Gothic;
    font-size: 70px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top:40%;
    width: 100%;
    z-index:1;	
	text-shadow:2px 3px 1px black;
	font-weight:bold;

}

#video video{

    position: relative;
    width: 100%;	
	border:none;
}

*::after, *::before{
	box-sizing:border-box;	
}
*{
	padding:0px;
	margin:0px;	
}


.clear{
	clear:both;
	padding:0px;
	margin:0px;			
}

body{
	margin:0px;
	padding:0px;
	font-family:"Open Sans",Arial,"Arial Unicode MS",Helvetica,sans-serif;
	font-size:11px;
	position:relative;
	width:100%;
	background:#e7e7e7;
	background:#1a1b1c;
	background:white;
	/*background:#333333;*/
}

.contenedor{	
	height:auto;	
	position:relative;
}

img{ width:100%;}

#col-izquierda {
    float: left;
    margin-top: 10px;
	width:70%;
	text-align:left;
}

#col-izquierda img{width:30%;}



#col-derecha {
    float: right;
    margin-top: 10px;
	
	padding-top:5px;
	color:white;
	font-size:10px;
	padding-right:4px;		
	font-size:13px;
	width:15%;
	text-align:center;
}


header{
    /*background:url(../images/bg-header.jpeg)  repeat-x black;*/
	background:rgba(0, 0, 0, 0) linear-gradient(to bottom, #b60000 0%, #7a0000 100%) repeat scroll 0 0;
	background:rgba(0, 0, 0, 0) linear-gradient(to bottom, black 0%, #b60000 100%) repeat scroll 0 0;
	background:#d90000;
	background:none;
    clear: both;
    width: 100%;
	position:absolute;
	z-index:4;
	top:33px;
}



.contenedor-menu{
	position:absolute;
	left:-15px;
	width:1215px;
	z-index:101;
	opacity:1;
	background:none;
	top:19px;
}
.menu-left{
	float:left;
	padding:0px;
	border:0px;
	
}

.bg-cont-logo{
	/*background:url(../images/menu1.png) no-repeat;*/
  background:url(../images/menu-doblado.png) no-repeat scroll 0 0 / 280px 114px transparent;
  background-position:33px 3px;
  width:312px;
  height:90px;
  border:0px;
  padding:22px 0px 0px 0px;		
}

.bg-left{
  background:#e20026;
  width:100%;
  height:67px;
  border:0px;
  padding:0px;
  margin-top:11px;
  border-top:2px solid white;
  border-bottom:2px solid white;
  opacity:0.85;
}



.bg-menu{
  width:901px;
  height:67px;
  border:0px;
  padding:0px;
  margin-top:11px;
}





.btn-ingreso-cliente{
	width:70px;
	color:#909090;
	background:#EFEFEF;	
}

.btn-ingreso-cliente:hover{
	color:white;	
	background:#808080;
	cursor:pointer;
}




.contenido-qs{
/*background:white url(../images/bg-quienes-somos.png) no-repeat center / cover ;*/
padding-top:70px;
/*box-shadow:3px 3px 20px black;*/
border-bottom:1px solid #d3d4d5;
padding-bottom: 14px;
}

.contenido{background:#e7e7e7; background:white; position:relative;}

.contenido td{ text-align:left; padding:0px 5px;}

.content-search td{display:inline-block;}

.menu-right{
	float:right;
	
}
.contenedor-banner{
	width:100%;
	border:0px;
    padding:0px;	
	margin:0px;
	background:#e7e7e7;
}
.clear{
	clear:both;
	padding:0px;
	margin:0px;	
}

.footer-menu{
	background:url(../images/bg-footer-t.png) repeat-x;
	background-position:center -15px;
}

.menu-footer{
	padding-top:50px;
	font-size:14px;		
	width:1349px;
}

.menu-footer ul li{
	display:inline-block;
	padding:0px 10px;
}

.menu-footer ul li a{
	color:#676767;	
	text-decoration:none;
	text-transform:uppercase;
}


.menu-footer ul li a:hover{
	color:#676767;	
	text-decoration:underline;	
}


.footer-ptva{
	background:url(../images/bg-footer.jpg) no-repeat center / cover;
	color:#9b9b9b;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;	
	bottom:0;	
}

.bg-transp-black{background:black; opacity:0.84;}

.footer-admin a{
	color:#39A0F0;	
}

.footer-admin img{width:auto;}

.footer-admin{
	width:1200px;
	height:100px;
}



.contenidoFooter{ text-align:left; font-size:14px;  width:1200px; padding-left:12px;}




.ico-menu-acceso, .ico-menu-acceso-small{
	font-size:14px;
	cursor:pointer;		
	color:white;
	text-align:center;
} 

.ico-menu-acceso-small{
	color:#b9b9b9;
	padding-right:7px;
} 

.ico-menu-acceso-small:hover{
	color:white !important;
}

.ico-menu-acceso:hover, .ico-menu-acceso-small:hover{color:red;}



.ico-menu-acceso:hover{color:red;}

.ico-menu-acceso img{width:20%;}

.contenedor-search{float:right; right:0;}

#col-derecha-small{
    float: right;
}

#col-izquierda-small{
	float:left;
    padding-left: 3px;
    padding-top: 7px;
    text-align: left;	
}

.contenedor-search-flotante{right:0; padding:9px 3px 0px 0; text-align:right;}

#lupa-flotante img{width:50%;}

.contenedor-search img{width:30%;}

.ico-menu{float:right; text-align:left; cursor:pointer; width:290px;}

.logo{float:left; width:78%; text-align:left; line-height:54px;}

.ico-menu img{width:100%;}

.block-view{
	display:none;
	position:fixed;
	background:black;
	width:100%;
	height:100%;	
	opacity:0.50;
	z-index:3;	
}

.search-producto{
	width:260px;
	height:26px;
	border-radius:11px;
	border:1px solid black;	
	background:white;
	padding:0px 9px;
	margin-top:10px;
}

.search-producto img{ padding-top:2px; cursor:pointer;}

.search{
	border:none;
	width:227px;
	height:24px;
}

.left{float:left;}

.right{
    float: right;
    height:auto;
    margin-left: 1px;
	cursor:pointer;  	
}


.lup-search{color:#baff00; font-size:20px !important; padding-right:8px;}

.txt-lup-search{color:#baff00; text-transform:uppercase; font-weight:bold;}


.txt-lup-search:hover{text-decoration:underline;}

.txt-search{
	color:white;
	color:black;	
}



.footer-column{
	display:inline-block;
	vertical-align:top;
	width:32%;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:10px;
	color:#acacac;
	padding: 20px 44px 20px 0;
}

.footer-column label{color:#67ce1d; font-weight:bold; text-decoration:underline;}

.footer-column:last-child{
	padding-right:0;	
}

.footer-column a, .webmail a, .design a{
	/*color:#f16521 !important;	*/
	color:#67ce1d;
	text-decoration:underline;
	font-size:11px;
}

.footer-column img{padding-right:9px; width:auto;}

.footer-column ul li a{
	text-decoration:none;
	color:#898d90;
	display:block;	
	font-size:13px;
	padding:7px 5px;	
}

.footer-column ul li a:hover{color:white;}

.footer-column ul li{
	border-bottom:1px dotted #2c2c2c;	
}

.footer-column ul li:hover{
	border-bottom:1px dotted red;	
}

.title-footer{
	color:white;
	text-transform:uppercase;
	font-size:16px;	
	width:100%;
	border-bottom:1px dotted #444444;
	font-weight:bold;
}

.txt-footer{
	background:white;
	/*border:1px solid red;*/	
	width:80%;
	height:28px;
	padding-left:4px;
	font-size:14px;
	color:red;
	border:none;
	float:left;
}

.btn-footer{
	background:url(../images/btn-boletin.png);
	width:31px;		
	height:28px;
	float:left;
	cursor:pointer;
}


.btn-footer:hover{
	background:url(../images/btn-boletin-hover.png);
}



.subrayado-red{
	background:#e20026;
	background:red;
	width:42%;	
	height:2px;
}

.subtitle-footer{	
	font-size:12px;
	padding:10px 0;	
}

.subtitle-footer b{color:red;}

.subtitle-footer img{width:6%;}

.header-footer-white{
	   margin-top: 30px;	
    border-top: 1px solid #c8c8c8;
    padding: 110px 0px;
}

.top-footer{
	border-bottom:1px solid #d3d4d5;	
	text-align:left;
	padding-bottom:5px;
	font-size:20px;
	font-family:teko;
}

.phone-footer, .mail-footer{display:block; }



.phone-footer{
	padding-right:5px;	
	font-size: 20px;
}

.logo-footer{
	text-align:right;
	width:250px;	
	float:right;
}

.locate-footer{
	text-align:left !important;
	font-size:30px;	
}

.top-footer div:last-child{
	text-align:left;	
}

.top-footer a{
    color: #222222;
    font-family: Arial;
    background: #baff00;
    font-weight: bold;
    padding: 2px 4px;	
}

.webmail{
	font-size:13px;
	padding:10px 0;	
	font-family:roboto;
	float:left;
	color:#393c3e;
	text-align:left;
	width:70%;
}

.design{
	float:right;
	font-size:13px;
	font-family:roboto;
	color:#393c3e;
	text-align:right;
}

.design img{width:135px;}

.acreditacion img{width:100px; }

.acreditacion{font-family:teko; font-size:21px; text-align:justify;}


.loading{ display:none; color:white; font-style:italic;}

#loading img{width:10%;}

.sms-registro-email{ color:white; font-style:italic;}

.btn-search-flotante{
	width:200px;
	border:none;	
	background:white;
	color:#555555;
	position:relative;
	padding:6px 3px;
	border-radius:5px;
	
}

.modal-search{
	position:fixed;
	z-index:1040;
	display:none;
	top:0;
	right:0;
	left:0;
	bottom:0;
	background:rgba(0, 0, 0, 0.5);
}

.contenedor-txt-search{
	width:90%;
	margin-top:-50px;
	margin-left:auto;
	margin-right:auto;
	z-index:1050;
	position:relative;
}

.btn-search{
	width:91%;
	height:50px;
	
	position:relative;
	border:2px solid #0097cf;	
	background:white;
	color:black;
	
	border-radius:5px;
	float:left;	
	padding:2px 10px;
	
}

.btn-search:focus{
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);	
}

.close-search{color:white; float:right; font-size:50px; cursor:pointer; font-weight:bold !important;}

.close-search:hover{color:red;}


#content-search-gral{padding-top:5px; float:left; width:60%;}

.btn-search-gral{
	width:92%;
	padding:12px 0px;
	border:none;	
	position:relative;
	border-bottom:1px solid #c4d82d;
	font-size:24px;
	color:#555555;
}

.resultado-search{
	float:left;
	text-align:left;
    color: #666;
    font-family: teko;
    font-size: 54px;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 10px;	
	width:25%;
}

.page-header-search{
	border-bottom:2px solid #bbb;		
}


.lup-search-gral{color:#555555; font-size:40px !important; padding-right:8px; cursor:pointer; font-weight:bold;}

.lup-search-gral:hover{color:#c4d82d;}

.encontrados{text-align:left; font-size:15px; padding:20px 0px;}

.conent-menu-small{
	display:none; 
	background:rgba(0, 0, 0, 0.78) none repeat scroll 0 0; 
	z-index:1;
	padding:16px 15px;
	transition:all 2s;
}

.conent-menu-small.fixed{
	position:fixed;
	top:0;
	transition:all 2s;	
}

#content-redes-sociales{
		position:fixed; 
		right:0; 
		top:45%; 
		width:auto; 
		padding:5px;
		background:#222222;
		border-radius:4px 0px 0px 4px;		
		z-index:103;
		box-shadow:0 7px 11px 0 #4a4a4a;
}

#content-redes-sociales img{ width:auto;}

.row-social{
		list-style:none;	
		margin: 0 !important;
}

.row-social li {padding:10px 5px;}

.row-social li:first-child{ border-bottom:1px solid white;}

.row-social li a {display:block;}


.qs-title{
    color: #666;
	text-transform:uppercase;
	font-size:54px;
	text-align:left;
	width:90%;
	background:url(../images/head.png) repeat-x left bottom;
	padding:0 0 30px;	
	margin-bottom:40px;
	font-family:teko;
}


.title-categ{
    color: #666;
	text-transform:uppercase;
	font-size:54px;
	text-align:left;
	width:90%;
	font-family:teko;
	line-height:40px;
	padding-bottom:10px;
}


.servicio-title{
    color: #555555 !important;
	text-transform:uppercase;
	font-size:30px;
	text-align:left;
	width:100%;
	font-weight:bold;
background:url(../images/head.png) repeat-x left bottom;
	padding-bottom:10px;	
	font-family:teko;
}


/************************ESTILO SIMULADOR************************/

.content-simulador-ventajas{
   color: #474747;
    font-size: 13px;
    line-height: 32px;
    text-align: justify;
    text-transform: none;
	padding:20px;
}

.content-simulador-ventajas h2{color:red; text-transform:uppercase;}


.content-simulador-ventajas ul{
	margin-left:40px;
	list-style:url(../images/simulador/v-ok.png);	
}

.content-simulador-ventajas ul li > ul{

	list-style:url(../images/simulador/v-circle.png);	
}

.content-simulador-ventajas ul li{
	padding-left:10px; 
	background:#f6f6f6; 
	border-radius:0 8px 8px 0;
	margin-bottom:3px;	
}

.columna-simulador-ventajas{
	display:inline-block; 
	float:left; 
	width:47%; 
	margin:20px 14px;
	text-align:left;
	position:relative;
	border-bottom:1px solid #ddd;
	
}


.content-small{display:none; position:relative; transition: all 1s;}


@media(min-width:1350px){/*cuando la ventana tenga un ancho mminimo de 1080px para arriba*/
	.contenedor{
		width:1349px;
	}

	#col-derecha .ico-menu-acceso{display:block;}
	#col-derecha .contenedor-search{display:none;}	

	.menu-footer{display:none;}

}

@media(min-width:1366px){/*cuando la ventana tenga un ancho mminimo de 1080px para arriba*/


	#col-derecha .ico-menu-acceso{display:block;}
	#col-derecha .contenedor-search{display:none;}	
	
	.menu-footer{display:none;}
}

@media(max-width:1365px){

	#col-derecha .contenedor-search{display:none;}
	.menu-footer{width:100%;}
	.footer-column{padding:20px 81px 20px 0;}

	#video h2{font-size:50px;}
	
	.menu-footer{display:none;}
	
	.webmail{width:60%;}
	
}


@media(max-width:812px){

	#col-derecha .contenedor-search{display:block;}
	.menu-footer{width:100%;}
	
	.bg-menu-color, .header-menu-flotante{display:none;}
	

	.columna-simulador-ventajas{width:100%; margin:0;}

	.content-simulador-ventajas{padding:20px 1px;}
	
}

@media(max-width:1000px){/*cuando la ventana tenga un ancho maximo de 800px para abajo*/
	.header-normal{display:block;}
	.content-small{display:none; }
	
	.logo img{width:50%;}
		
	.contenedor{
		width:100%;
	}

	.bg-menu-color{display:block;}

	.conent-menu-small{display:none; width:100%;}

	 .ico-menu{width:45px;}

	.ico-menu-acceso img{width:32px;}

	.conent-menu-small .ico-menu-acceso{float:right; margin-right:3px;}	

	#col-derecha .ico-menu-acceso{display:block;}

	 .contenedor-search{position:relative;}

	


	.user-search{ background:#d90000;}

	.menu-footer{width:100%;}
	
	.footer-column{width:100%; padding:10px 0px;}
	
	.footer-menu{text-align:left;}
	
	#video h2{font-size:40px;}
	
	header{top:0;}
	
	
	.col-welcome, .columna-servicio{width:100%; }

	.columna-simulador{width:100%; height:auto; margin:20px 0;}	
}

@media(max-width:999px){/*cuando la ventana tenga un ancho maximo de 600px para abajo*/

	.header-normal{display:none;}
	.content-small{display:none; }
	
	.header-normal{display:normal;}

	.btn-ver-mas-simulador{position:relative;}
	
	.contenedor{width:100%; padding:0px;}
	
	
	#col-izquierda{float:right;}
	

	#col-derecha .ico-menu-acceso{display:none;}

	.ico-menu-acceso img{width:32px;}
	
	.bg-menu-color, .header-menu-flotante{display:none;}

	.bg-menu-color, .header-menu-flotante{display:none;}
	
	.conent-menu-small .ico-menu-acceso{float:right; margin-right:3px;}
	
	.menu-footer{width:100%;}
	
	.footer-column{width:100%; padding:10px 0px;}
	
	.footer-menu{text-align:left;}
	
	.conent-menu-small{display:block; width:100%; background:rgba(0, 0, 0, 0.78) none repeat scroll 0 0;}
		
	 .ico-menu{width:45px;}
	 
	 .contenedor-search{position:relative;}
	 
	#video h2{font-size:18px;}
	
	#content-search-gral{width:95%;}
	
	.content-search{padding-top:20px;}
	
	.contenido td{padding:3px 5px;}

	.qs-title{font-size:26px;}
	
	header{top:0;}

	
	.col-welcome, .columna-servicio{width:100%;}
	.columna-simulador{width:100%; height:auto;margin:20px 0;}

	.contenido-welcome{
		margin-left:0;
	}

	.content-small{display:block; width:100%;}
	
	.logo img{width:50%;}

	#col-izquierda img{width:100%;}
	


}

@media(min-width:880px){/*cuando la ventana tenga un ancho maximo de 600px para abajo*/
	.col-welcome{width:47%;}
	
	.columna-servicio{width:32.5%; padding-left:30px}	

	.columna-servicio:last-child{width:32%; padding:0;}	

	.btn-search{
		width:91%;
	}
	
	
	.contenedor-txt-search{width:65%; padding:2px;}

}



@media(max-width:1000px){/*cuando la ventana tenga un ancho maximo de 600px para abajo*/
	.line-welcome{display:none;}
	
	.webmail{width:100%;}
}


@media(max-width:450px){/*cuando la ventana tenga un ancho maximo de 600px para abajo*/
	.webmail{width:100%;}
	
	.right, .ico-menu{height:45px;}
	
	.content-small{display:block; width:100%;}

	.logo img{width:80%;}

	.btn-catalogo a{
		font-size: 17px;
		padding: 25px 4px;
		width:257px;
	}
	
	header{top:0;}

	#col-izquierda{float:right;}
	
	.col-welcome, .columna-servicio{width:100%;;}

	.columna-simulador{width:100%; height:auto; margin:20px 0;}
	
	.line-welcome{display:none;}
	
	.subtitle-footer img{width:7%;}	

	.btn-search{
		width:93%;
	}
	
	
	.contenedor-txt-search{width:98%; padding:2px;}

}





/*==============================SYSTEM ACCESS VERIFICACION AUTENTICACION================*/

.box-minimal {
    text-align: left;
}



.unit-spacing-md {
    margin-bottom: -20px;
    margin-left: -30px;
}

.unit {
    display: flex;
    flex: 0 1 100%;
    margin-bottom: -20px;
    margin-left: -20px;
    
}
@media(min-width: 576px){
	.text-sm-left {text-align: left!important;}
	
}

.unit-left, .unit-right {
    flex: 0 0 auto;
    max-width: 100%;
}


.box-minimal-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    font-size: 52px;
    line-height: 1;
    color: #222222 !important;
    background: #baff00 !important;
	
    transition: .3s ease-in-out;
}


[class*=fa-]:before {
    font-weight: 400;
    font-family: fontawesome;
}

.unit-spacing-md>* {
    margin-bottom: 20px;
    margin-left: 30px;
}

.unit-body {
    flex: 0 1 auto;
}


.box-minimal-text {
    margin-top: 12px;
    font-size: .875rem;
    font-weight: 400;
    line-height: 2;
    color: #888;	
	text-align: justify;
	min-height: 114px;
}


.box-minimal-title a{
	color: #434547;
	font-size: 34px;
	font-family: teko;
	
}

.system-access {
	padding: 110px 0px;	
}

.btn-access-s{
	align-items: center;
    background-color: #2ecc71;
    background-color: transparent;
    border-radius: 0.5rem;
    color: #2ecc71;
    display: flex;
    font-size: 1.6rem;
    font-weight: 700;
    height: 3.4rem;
    justify-content: center;
    /*border: 1px solid #2ecc71;*/
	border: 1px dashed rgba(150, 150, 150);
    margin-top: 0.9rem;
    margin-bottom: 1rem;
    padding: 0;
    text-align: center;
    width: 100%;
    cursor: pointer;	
	outline: none;
}

a.btn-access-s:hover, 
a.btn-access-s:visited, 
a.btn-access-s:focus {
    
    background: #f5f5f5;
    outline: none;
	
}

.help-user-s{
    padding: 10px 0;
    text-align: center;	
}

.help-user-s i{
	color: red;
	font-size: 2em;
}

.help-user-s a {
    color: black !important;
    font-size: 12px;
    font-weight: bold;
    
}

.help-user-s a span{background: #baff00; padding: 3px 5px;}


.btn-list-all-product {
    border: 2px solid #67ce1d;
}
.btn-list-all-product a {
    display: block;
    padding: 9px 60px;
    font-size: 24px;
    color: #666;
    font-family: teko;
    transition: all 0.5s ease 0s;
    text-align: center;
}

.btn-list-all-product a:hover {
    color: white;
    background: #808080;
}

.title-aut-cert{
    color: #222222;
    background: #baff00;
    font-weight: bold;
    padding: 10px 20px;
    font-size: 40px;
	margin-bottom: 110px;
}

.phone-footer i{font-size: 20px; }



/*===============CODIGO QR====================*/

.content-qr{
	vertical-align: top;
	padding-bottom: 110px;
}

.content-qr img{
	width: 100%;
}

.sp-title {
    font-size: 60px;
    margin-bottom: 40px;
	font-weight: 700;
	color: #222222;
}

/* RESPONSIVE
   ========================================================================= */

/* Tablets en horizonal y escritorios normales
   ------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1199px) {.sp-title {font-size: 55px;}}
 
/* Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 767px) {.sp-title {font-size: 50px;}}
 
/* Móviles en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 480px) {.sp-title {font-size: 50px;}}	


.sp-title span {
    background: #baff00;
    padding: 0 10px;
    color: #222222;
    display: inline-block;
}

.content-qr p {
    font-size: 19px;
    color: black;
    line-height: 2;
	margin-bottom: 50px;
}