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

@import url(http://fonts.googleapis.com/css?family=Raleway);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin,latin-ext,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Oswald);


*{
	margin:0;
	padding:0;
	text-decoration: none;
}

strong {
	color:#000;
	font-style:italic;}

a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
	

h1{margin:0;}

body {
	background-color:#0F0;

}

.Fondo_Gris{
	width:100%;
	height:auto;
	background-color:#E0E0E0;}


.ir-arriba {
	display:none;
	padding:20px;
	
  background: #1c1c1c;
  background: -moz-linear-gradient(top, #2b2b2b 0%, #080808 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #080808));
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #080808 100%);
  background: -o-linear-gradient(top, #2b2b2b 0%, #080808 100%);
  background: -ms-linear-gradient(top, #2b2b2b 0%, #080808 100%);
  background: linear-gradient(to bottom, #2b2b2b 0%, #080808 100%);
  
	font-size:1.5em;
	color:#fff;
	cursor:pointer;
	position: fixed;
	bottom:20px;
	right:20px;
	z-index:999999;
	-webkit-border-radius: 50px;  /* Safari  */
  -moz-border-radius: 50px   ;  /* Firefox */
	
}




/* ENCABEZADO
********************************************************************************************************/
.Encabezado{
	
	
	width:100%;
	height:auto;
	background-color:#fff;

	
	}
	
.lineademierda{
	width:100%;
	height:5px;

   
   
	background-color:#F0F0F0;
	  overflow: hidden;
	box-sizing: border-box;
	}
	
	.Parte1{
		width:30%;
		height:auto;
		padding:15px;
				display:block;
				float:left;
		
		}

	.Parte2{
		width:65%;
		height:auto;
		
		padding:15px;
		padding-top:35px;
		float:right;
		display:block;


		}
		
.logo{
	width:100%;
}		
		
		
		.hijodemilputa{
			width:100%
			height:auto;
  overflow: hidden;
	box-sizing: border-box;
	float:none;
			}
			


/* QUIENES SOMOS
********************************************************************************************************/


.Empresa{
	width:100%;
	height:auto;
	padding:50px 150px 50px 150px;
	overflow: hidden;
	box-sizing: border-box;
	background-image:url(../images/Bisonte-transp-web-movil.png);
	background-repeat:no-repeat;
	
	}			
	
	
	.TituloEmpresa{
	color:#369;
	font-family:'Calibri',sans-serif;
	font-size:2.7em;
	margin:0px;
	line-height:1.5em;
		}
			
		
		
	.TituloEmpresa2	{
	color:#369;
	font-family:'Calibri',sans-serif;
	font-size:1.9em;
	margin:0px;
	line-height:1.5em;
		}	
			
	.InfoEmpresa{
	color:#9E9E9E;
	font-family:'Releway',sans-serif;
	font-size:1.3em;
	margin:0px;
	line-height:1.5em;
		}		
			




/* ICONOS GRANDES
********************************************************************************************************/			
			
.GrupoIconos{
	width:100%;
	height:auto;
	padding:20px 100px 20px 130px;
	overflow: hidden;
	box-sizing: border-box;
	background-color:#F5F5F5;
	border-bottom:solid;
	border-bottom-color:#CFD8DC;
	border-top:solid;
	border-top-color:#CFD8DC;
	}	
	
	
	
	.Div_icono{
	width:12%;
	height:auto;
	overflow: hidden;
	box-sizing: border-box;
	margin:10px 0px 10px 120px;
	float:left;
	text-align:center;
	}	
	
.Icono1	{
	width:90px;
	height:90px;
	padding:20px;
	margin-top:20px;
	background:#51719f;
	font-size:5.0em;
	color:#fff;
	cursor:pointer;
	
	vertical-align:middle;
	text-align:center;
	-webkit-border-radius: 100% 100%;  /* Safari  */
  -moz-border-radius: 100% 100%;     /* Firefox */
}


.Icono2	{
	width:90px;
	height:90px;
	padding:20px;
	background:#e49407;
	font-size:5.0em;
	color:#fff;
	margin-top:20px;
	cursor:pointer;
	vertical-align:middle;
	text-align:center;
	-webkit-border-radius: 100% 100%;  /* Safari  */
  -moz-border-radius: 100% 100%;     /* Firefox */
}
			
			
			
.LetraChica	{
	color:#9E9E9E;
	font-family:'Releway',sans-serif;
	font-size:18px;
	margin:0px;
	line-height:1.5em;
		}	
		
		.LetraChica2	{
	color:#9E9E9E;
	font-family:'Releway',sans-serif;
	font-size:16px;
	margin:0px;
	line-height:1.5em;
		}	
		



/* MARCAS
********************************************************************************************************/		
		
#divlogmarcas{
	width:100;
	background:#FFF;
	
	}
	
	
	
	.imgMarcas
	{
	width:50%;
	height:auto;
	margin:10px 10px 10px 10px;
	text-align:center;
	}	
		
		
		
		
/* DIV SNN
********************************************************************************************************/		
		
		
.Grupo_SSN	{
	width:100%;
	height:auto;
	padding:30px 100px 20px 140px;
	overflow: hidden;
	box-sizing: border-box;
	background-color:#3d4951;

	}
	
.Texto_SSN	{
	width:50%;
	height:auto;
	overflow: hidden;
	box-sizing: border-box;
	color:#FFF;
	font-family:'Releway',sans-serif;
	font-size:18px;
	line-height:1.5em;
	float:left;

	}		
		
.Div_logosnn	{
	width:30%;
	height:auto;
	float:right;
	margin-right:100px;
	}			
		
		
.Logo_snn	{
	width:100%;
	height:auto;
	}		
		
		
		
		
		
/* FOOTER
********************************************************************************************************/


footer{
	padding:30px 140px 50px 100px;
    background: #263238;
    color:#FFF;
	width:100%;
	overflow:hidden;
	box-sizing: border-box;	
	-webkit-box-shadow: 0px -2px 4px -1px rgba(0,0,0,0.62);
-moz-box-shadow: 0px -2px 4px -1px rgba(0,0,0,0.62);
box-shadow: 0px -2px 4px -1px rgba(0,0,0,0.62);
	
	}
	
	
footer p{
	 width: auto;
  font-family: "Raleway", sans-serif;
  font-size:1.2em;
	color:#FFF;
	text-align:right;
	line-height:1.5em;
	margin-top:0px
}


.creditos{
	width:100%;
	height:auto;
	background:none;
	overflow:hidden;
	box-sizing: border-box;
	border-top:solid #333;
	border-top-width:2px;
	font-size:1.0em;
	padding:20px;
	text-align:left;
	font-family: "Raleway", sans-serif;
	color:#999;

	
	}

.Mapa{
	width:40%;
	height:209px;
	overflow:hidden;
	box-sizing: border-box;
	float:left;
}

.MapasinBorde{
	border:0px;
}	


.Telefono{
	  width: auto;
  font-family: "Raleway", sans-serif;
  font-size:2em;
  font-style:normal;
  line-height: 1.4;
  color:#fff;
  

}



/* DIV IMAGEN Y TEXTO DE SEGUROS
********************************************************************************************************/


.main3{
	
	width:35%;
	float:left;
	box-sizing: border-box;
	padding:5px;
	margin:5px;
	z-index:10;
	
}

#aparece{
	display:none;}


.main-envio{
	width:100%;
	box-sizing: border-box;
	padding:20px;
	text-align:center;
	
}

	
	
.FotoTamanioOriginal{
	width:auto;
	height:auto;
	}
	
	
.main2transpatente{
	width:62%;
	color:#fff;
	padding:10px;
	margin:5px ;
	float:left;
	box-sizing: border-box;
	z-index:100;	
}

		


.TextoInfoBlanco {
  width: auto;
  font-family: Raleway, sans-serif;
  line-height: 1.4;
  color:#999;
}
		
	
	.botonconsultas{
			padding:10px;
			font-size:24px;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			margin-bottom:0px;
			background:#ff7707;
			border:none;
			color:#fff;
			text-decoration:none;
			text-align:left;}
			
			
		.botonconsultas:hover{
			background:#e26600;
			cursor:pointer;
		}	
		
		
		
		/* Div Ocultar y Mostrar Info*/
#masinfo {
display:none;
width:100%;
padding:20px;
font-size:18px;
font-family:"Raleway", Arial, Helvetica, sans-serif;
color:#999;
overflow:hidden;
box-sizing: border-box;



			}
			
			
			
			
/********** FORMULARIO*/			
#mainFormulario{
	
	width:62%;
	color:#CCC;
	padding:5px 50px 5px 5px;
	margin:2px ;
	float:right;
	box-sizing: border-box;
	
	
}
	
	
	
	.TextoInfo1 {
  width: auto;
  font-size:1.5em;
  font-family:"Raleway", Arial, Helvetica, sans-serif;
  line-height: 1.4;
  color:#369;
  text-align:center;
}
		
.TextoInfo {
  width: auto;
  font-size:1.5em;
  font-family:"Raleway", Arial, Helvetica, sans-serif;
  line-height: 1.4;
  color:#000;
  
}



.TituloForm	{
	color:#f67f00;
	font-family:'Releway',sans-serif;
	font-size:2.0em;
	margin:10px;
	line-height:1.5em;
	

		}	
		
		
.BajadaForm	{
	color:#9E9E9E;
	font-family:'Releway',sans-serif;
	font-size:1.3em;
	margin:10px;
	line-height:1.5em;
	
		}			
	
	
.Imagen_Form{
	width:100%;
	height:auto;
	}			
			
			
.creditos{
	width:100%;
	height:auto;
	background:#263238;
	overflow:hidden;
	box-sizing: border-box;
	border-top:solid #999;
	border-top-width:2px;
	font-size:1.0em;
	padding:20px;
	text-align:left;
	font-family: "Raleway", sans-serif;
	color:#999;

	
	}				
			
@media screen and (max-width: 768px){
	
	
strong {
	color:#000;
	font-style:italic;}	
	
	
	.Parte1{
		width:100%;
		height:auto;
		padding:0px;
		text-align:center;
				display:block;
				float:none;
		
		}

	.Parte2{
		width:100%;
		height:auto;
		background-color:#fff;
		padding:0px;
		padding-top:0px;
		float:none;
		display:block;


		}
	
.Empresa{
	width:100%;
	height:auto;
	padding:10px 10px 10px 10px;
	overflow: hidden;
	box-sizing: border-box;
	}			
	
	
	.TituloEmpresa{
	color:#369;
	font-family:'Releway',sans-serif;
	font-size:1.8em;
	margin:0px;
	line-height:1.5em;
		}
			
		
		
	.TituloEmpresa2	{
	color:#369;
	font-family:'Releway',sans-serif;
	font-size:1.7em;
	margin:0px;
	line-height:1.5em;
		}	
			
	.InfoEmpresa{
	color:#9E9E9E;
	font-family:'Releway',sans-serif;
	font-size:1.0em;
	margin:0px;
	line-height:1.5em;
		}	
		
/* ICONOS GRANDES
********************************************************************************************************/			
			
.GrupoIconos{
	width:100%;
	height:auto;
	padding:10px 10px 10px 10px;
	overflow: hidden;
	box-sizing: border-box;
	background-color:#F5F5F5;
	border-bottom:solid;
	border-bottom-color:#CFD8DC;
	border-top:solid;
	border-top-color:#CFD8DC;
	}	
	
	
	
	.Div_icono{
	width:40%;
	height:auto;
	overflow: hidden;
	box-sizing: border-box;
	margin:10px 0px 10px 30px;
	float:left;
	text-align:center;
	}	
	
.Icono1	{
	width:60px;
	height:60px;
	padding:20px;
	margin-top:20px;
	background:#51719f;
	font-size:3.0em;
	color:#fff;
	cursor:pointer;
	
	vertical-align:middle;
	text-align:center;
	-webkit-border-radius: 100% 100%;  /* Safari  */
  -moz-border-radius: 100% 100%;     /* Firefox */
}


.Icono2	{
	width:60px;
	height:60px;
	padding:20px;
	background:#e49407;
	font-size:3.0em;
	color:#fff;
	margin-top:20px;
	cursor:pointer;
	vertical-align:middle;
	text-align:center;
	-webkit-border-radius: 100% 100%;  /* Safari  */
  -moz-border-radius: 100% 100%;     /* Firefox */
}
			
			
			
.LetraChica	{
	color:#9E9E9E;
	font-family:'Releway',sans-serif;
	font-size:16px;
	margin:0px;
	line-height:1.5em;
	text-align:center;
	float:left;
		}	
		
		.LetraChica2	{
	color:#9E9E9E;
	font-family:'Releway',sans-serif;
	font-size:14px;
	margin:0px;
	line-height:1.5em;
	text-align:center;
	float:left;
		}	
		
		
		
		
	.imgMarcas
	{
	width:90%;
	height:auto;
	margin:10px 10px 10px 10px;
	text-align:center;
	}		
		
/* DIV SNN
********************************************************************************************************/		
		
		
.Grupo_SSN	{
	width:100%;
	height:auto;
	padding:10px 10px 10px 10px;
	overflow: hidden;
	box-sizing: border-box;
	background-color:#3d4951;

	}
	
.Texto_SSN	{
	width:100%;
	height:auto;
	overflow: hidden;
	box-sizing: border-box;
	color:#FFF;
	font-family:'Releway',sans-serif;
	font-size:12px;
	line-height:1.5em;
	float:none;
	text-align:center;

	}		
		
.Div_logosnn	{
	width:100%;
	height:auto;
	float:none;
	margin-right:0px;
	margin-top:15px;
	}			
		
		
.Logo_snn	{
	width:100%;
	height:auto;
	}					
	
/* FOOTER
********************************************************************************************************/


footer{
	padding:10px 10px 10px 10px;
    background: #263238;
    color:#FFF;
	width:100%;
	overflow:hidden;
	box-sizing: border-box;	
	-webkit-box-shadow: 0px -2px 4px -1px rgba(0,0,0,0.62);
-moz-box-shadow: 0px -2px 4px -1px rgba(0,0,0,0.62);
box-shadow: 0px -2px 4px -1px rgba(0,0,0,0.62);
	
	}
	
	
footer p{
	 width: auto;
  font-family: "Raleway", sans-serif;
  font-size:1.2em;
	color:#FFF;
	text-align:none;
	line-height:1.5em;
	margin-top:0px;
	text-align:center;
}


.creditos{
	width:100%;
	height:auto;
	background:#263238;
	overflow:hidden;
	box-sizing: border-box;
	border-top:solid #999;
	border-top-width:2px;
	font-size:1.0em;
	padding:20px;
	text-align:left;
	font-family: "Raleway", sans-serif;
	color:#999;

	
	}

.Mapa{
	width:100%;
	height:209px;
	overflow:hidden;
	box-sizing: border-box;
	float:none;
}	

.Telefono{
	  width: auto;
  font-family: "Raleway", sans-serif;
  font-size:1.3em;
  font-style:normal;
  line-height: 1.4;
  color:#fff;
  

}


/* DIV IMAGEN Y TEXTO DE SEGUROS
********************************************************************************************************/


.main3{
	width:98%;
	height:auto;
	float:none;
	box-sizing: border-box;	
}


	
	
.FotoTamanioOriginal{
	width:100%;
	height:100%;
	
	}
	
	
.main2transpatente{
	width:98%;
	color:#fff;
	padding:10px;
	margin:0px ;
	float:left;
	box-sizing: border-box;
	z-index:1000;
}

		


.TextoInfoBlanco {
  width: auto;
  font-family: Raleway, sans-serif;
  line-height: 1.4;
  color:#999;
}
		
	
	.botonconsultas{
			padding:10px;
			font-size:24px;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			margin-bottom:0px;
			background:#ff7707;
			border:none;
			color:#fff;
			text-decoration:none;
			text-align:left;}
			
			
		.botonconsultas:hover{
			background:#e26600;
			cursor:pointer;
		}	
		
		
		
			
/********** FORMULARIO*/			
#mainFormulario{
	width:100%;
	height:auto;
	color:#CCC;
	padding:5px 5px 5px 5px;
	margin:0px ;
	float:none;
	box-sizing: border-box;
	
}

.Imagen_Form{
	display:none;
	}		
	
	
				
}