@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);


*{
	margin:0;
	padding:0;
}


ul{list-style:none;}
	   
.clear{float:clear;}

a:link   
{   
 text-decoration:none;   
} 



body {
	
	font-family:Arial;
	color:#ccc;
	background:url(../images/fondo.jpg) no-repeat;
	background-color:#0073b2;
	background-attachment: fixed;
	-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
	
		/* background: rgba(212,228,239,1);
background: -moz-linear-gradient(45deg, rgba(212,228,239,1) 0%, rgba(212,228,239,1) 16%, rgba(200,220,234,1) 29%, rgba(134,174,204,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(212,228,239,1)), color-stop(16%, rgba(212,228,239,1)), color-stop(29%, rgba(200,220,234,1)), color-stop(100%, rgba(134,174,204,1)));
background: -webkit-linear-gradient(45deg, rgba(212,228,239,1) 0%, rgba(212,228,239,1) 16%, rgba(200,220,234,1) 29%, rgba(134,174,204,1) 100%);
background: -o-linear-gradient(45deg, rgba(212,228,239,1) 0%, rgba(212,228,239,1) 16%, rgba(200,220,234,1) 29%, rgba(134,174,204,1) 100%);
background: -ms-linear-gradient(45deg, rgba(212,228,239,1) 0%, rgba(212,228,239,1) 16%, rgba(200,220,234,1) 29%, rgba(134,174,204,1) 100%);
background: linear-gradient(45deg, rgba(212,228,239,1) 0%, rgba(212,228,239,1) 16%, rgba(200,220,234,1) 29%, rgba(134,174,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#86aecc', GradientType=1 ); */

}

.encabezado{
	width:100%;
	background:#FFF;
	color:#CCC;
	padding:10px;
	overflow:hidden;
	box-sizing: border-box;

}

.encabezado h1{
	color:#0073b2;
	z-index: 30;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 46px;
	
	}

#encabezado1{
	width:25%;
	margin:0 auto;
	overflow:hidden;
	float:left;
}
#encabezado2{
	width:50%;
	overflow:hidden;
	float:left;
	display: table-cell;
     vertical-align: middle;
}
#encabezado3{
	width:25%;
	overflow:hidden;
	float:right;
	display: table-cell;
    vertical-align: middle;
}



img{
	width:100%;
	height:auto;
	
	}
	
.FotoTamanioOriginal{
	width:auto;
	height:auto;
	}
	
.imglogos{
	width:auto;
	height:auto;
	
	}
	
.imgImagenSeccion
	{
	width:50%;
	height:auto;
	margin:10px 10px 10px 10px;
	text-align:left;
	position:relative;
	float:left;
	}

.imgMarcas
	{
	width:50%;
	height:auto;
	margin:10px 10px 10px 10px;
	text-align:center;
	}	

	

.Contenedor{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	
	-webkit-box-shadow: 0px 3px 51px -1px rgba(0,0,0,0.44);
-moz-box-shadow: 0px 3px 51px -1px rgba(0,0,0,0.44);
box-shadow: 0px 3px 51px -1px rgba(0,0,0,0.44);

	
}


.BordeRadio15 {
	border-radius:15px;
	border: solid #fff 2px;
}

.BordeRadio100 {
	border-radius:100%;
	border: solid #999 2px;
	opacity: 0.8;
}

.BordeRadio100:hover {
	border-radius:100%;
	border: solid #999 2px;
	opacity: 2;
}




header h1{ text-align:center;}

.main2 h1{
	color:#0073b2;
	z-index: 30;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 46px;
	
	}
	
.main2 h2{
	color:#0073b2;
	z-index: 30;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 36px;
		}

		

		

.segurosmotos h1{
	color:#0073b2;
	z-index: 30;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 46px;
	
	}
	
.segurosmotos h2{
	color:#0073b2;
	z-index: 30;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 36px;
		}


hr {
height: 1px;
width: 90%px;
border: 0px solid #006666;
background-color:#999;
}

.main{
	width:95%;
	background:#FFF;
	border-style:solid;
	border-width: 1px;
	color:#CCC;
	padding:10px;
	margin:5px ;
	margin-right:5px;
	float:left;
	box-sizing: border-box;
	border-radius: 15px;
	border: solid #CCC 1px;
}

.main2{
	width:62%;
	background:#FFF;
	border-style:solid;
	border-width: 1px;
	color:#CCC;
	padding:10px;
	margin:5px ;
	float:left;
	box-sizing: border-box;
	border-radius: 15px;
	border: solid #CCC 1px;
	
	
}

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

		.main2transpatente h1{
	color:#fff;
	z-index: 30;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 46px;
	
	}
	
	.main2transpatente h2{
	color:#fff;
	z-index: 30;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 36px;
		}


.main3transpatente{
	width:100%;
	color:#fff;
	padding:10px;
	margin:5px ;
	float:left;
	box-sizing: border-box;	
}

		.main3transpatente h1{
	color:#fff;
	z-index: 30;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 46px;
	
	}
	
	.main3transpatente h2{
	color:#fff;
	z-index: 30;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 36px;
		}





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

#main4{
		width:35%;
	background:#FFF;
	border-style:solid;
	border-width: 1px;
	color:#CCC;
	padding:10px;
	margin:5px ;
	float:left;
	box-sizing: border-box;
	border-radius: 15px;
	border: solid #CCC 1px;
	}

#main4 h2{
	color:#0073b2;
	z-index: 30;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 36px;
		}
		




	#mainFormulario{
	width:62%;
	color:#CCC;
	padding:5px;
	margin:2px ;
	float:right;
	box-sizing: border-box;
	
}

#mainFormulario h1{
		color:#FFF;
	z-index: 30;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	text-align:center;
	font-size: 36px;
	
	}


h2{ text-align:left;
color:#FFF;
}


#RecTrans{
	width:55%;
	padding:10px;
	background-color:#f5f5f5;
	color:#333;
	opacity: 0.8;
	float:left;
	box-sizing:border-box;
	border-radius: 15px;
	vertical-align: super;
	} 
	

.TextoInfo {
  width: auto;
  font-family: Raleway, sans-serif;
  line-height: 1.4;
  color:#000;
}

.TextoInfoBlanco {
  width: auto;
  font-family: Raleway, sans-serif;
  line-height: 1.4;
  color:#fff;
}

.TextoDescripcion {
  width: auto;
  font-family: Raleway, sans-serif;
  font-size: 0.9em;
  line-height: 1.2;
  color:#666;
}

.TitulosSecundarios-1 {
  width: auto;
  font-family: "Raleway", sans-serif;
  font-size:1.5em;
  font-style:normal;
  line-height: 1.4;
  color:#024959;
}

.segurosmotos{
	width:99%;
	background:#FFF;
	border-style:solid;
	border-width: 1px;
	padding:10px;
	margin:5px ;
	float:left;
	box-sizing: border-box;
	border-radius: 15px;
	border: solid #CCC 1px;
	
	
}

/* 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{
	padding:10px;
	background:#0073b2;
	color:#FFF;
	width:100%;
	overflow:hidden;
	-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:1em;
	color:#FFF;
	text-align:right;
	line-height:1.5em;
	margin-right:30px;
}

.Logo_footer{
	float:left;
	margin-left:30px;
	width:20%;
	}


/* GRUPOS */
	
#grupos{
	width:100%;
	padding:10px;
	overflow:hidden;
	box-sizing:border-box;
		
	}
	
.cajas {
	margin:8px;
	width:30%;
	height:auto;
	text-align:center;
	vertical-align:text-bottom;
	color:#FFF;
	font-size:30px;
	position:static;
	float:left;
	
	}
	
	#grupomarcas{
		background:#FFF;
	width:100%;
	padding:10px;
	overflow:hidden;
	box-sizing:border-box;
		
	}
	
.cajaslogos {
	margin:8px;
	width:15%;
	height:auto;
	text-align:center;
	vertical-align:center;
	color:#FFF;
	font-size:16px;
	position:static;
	float:left;
	
	}
	
		#grupocabecera{
		background:#FFF;
	width:100%;
	padding:10px;
	overflow:hidden;
	box-sizing:border-box;
		
	}
	
.cajascabecera {
	margin:8px;
	width:45%;
	height:auto;
	text-align:left;
	vertical-align:center;
	color:#FFF;
	font-size:16px;
	position:static;
	float:left;
	
	}
	
	
		#gruporubros{
		background:#FFF;
	width:100%;
	padding:10px;
	overflow:hidden;
	box-sizing:border-box;
		
	}
	.cajasrurbos {
	margin:8px;
	width:18%;
	height:auto;
	text-align:center;
	vertical-align:center;
	color:#FFF;
	font-size:16px;
	position:static;
	float:left;
	
	}
	
#divlogmarcas{
	width:100;
	background:#FFF;
	
	}
	

		.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:#fff;
overflow:hidden;
box-sizing: border-box;



			}

			
#siniestros{
width:100%;
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:center;
}			
			

@media screen and (max-width: 800px){
	
	.Contenedor{
	width:100%;
	margin:0 auto;
	overflow:hidden;
}


#encabezado1{
	width:100%;

}
#encabezado2{
	width:100%;
	margin:0 auto;
	overflow:hidden;
}


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

#mainFormulario{
	width:100%;
	background:#0073b2;
	border-style:solid;
	border-width: 1px;
	color:#CCC;
	padding:5px;
	margin:2px ;
	margin-right:5px;
	float:left;
	box-sizing: border-box;
	border-radius: 15px;
	border: solid #CCC 1px;
	
	
}


		.cajas {
	margin:3px;
	width:23%;
	height:150px;
	background:#066;
	text-align:center;
	color:#FFF;
	font-size:30px;
	position:static;
	float:left;
		}
		

	
#grupomarcas {display:none;
}

	.cajasrurbos {
	margin:8px;
	width:100%;
	height:auto;
	text-align:center;
	vertical-align:center;
	color:#FFF;
	font-size:16px;
	position:static;
	float:left;
	
	}
		
	.imgMarcas
	{
	width:75%;
	height:auto;
	margin:10px 10px 10px 10px;
	text-align:center;
	}
/* DIV SNN 400
********************************************************************************************************/		
		
		
.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;
	}		

	
@media screen and (max-width: 400px){
	
	.Contenedor {
		width:100%;
	}
	
.main{
	width:100%;
	background:#FFF;
	border-style:solid;
	border-width: 1px;
	color:#CCC;
	padding:10px;
	margin:5px ;
	margin-right:5px;
	float:left;
	box-sizing: border-box;
	border-radius: 15px;
	border: solid #CCC 1px;
}

.main2transpatente{
	width:100%;
	color:#fff;
	padding:10px;
	margin:5px ;
	float:left;
	box-sizing: border-box;	
}

		.main2transpatente h1{
	color:#fff;
	z-index: 30;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 46px;
	
	}
	
	.main2transpatente h2{
	color:#fff;
	z-index: 30;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 36px;
		}



#mainFormulario{
	width:100%;
	background:#0073b2;
	border-style:solid;
	border-width: 1px;
	color:#CCC;
	padding:5px;
	margin:2px ;
	margin-right:5px;
	float:left;
	box-sizing: border-box;
	border-radius: 15px;
	border: solid #CCC 1px;
	
	
}
	

		
		#grupos{
			display:none;	
	
	}

#grupomarcas {display:none;
}

.main3{
	width:100%;
	float:left;
	box-sizing: border-box;	
}

.FotoTamanioOriginal{
	width:100%;
	height:100%;
	text-align:center;
	}
		
	#encabezado1{
		width:100%;
}

#encabezado2{
	width:100%;
	padding:10;
	overflow:hidden;
	float:left;
	display: table-cell;
     vertical-align: middle;
	 text-align:center;
	 }
	 
	 #encabezado2 h1{
	color:#0073b2;
	z-index: 30;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	text-align:center;
	font-size: 32px;
	
	}
		 

#encabezado3{
	width:100%;
	padding:10;
	overflow:hidden;
	float:left;
	display: table-cell;
    vertical-align: middle;
	text-align:center;
	
}	

 #encabezado3 h1{
	color:#0073b2;
	z-index: 30;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	text-align:center;
	font-size: 32px;
 }
	
		.cajasrurbos {
	margin:8px;
	width:100%;
	height:auto;
	text-align:center;
	vertical-align:center;
	color:#FFF;
	font-size:16px;
	position:static;
	float:left;
	
	}
	
	.imgMarcas
	{
	width:100%;
	height:auto;
	margin:10px 10px 10px 10px;
	text-align:center;
	}
	
	footer p{
	 width: auto;
  font-family: "Raleway", sans-serif;
  font-size:1em;
	color:#FFF;
	text-align:center;
	line-height:1.5em;
	margin-right:0px;
}

.Logo_footer{
	float:none;
	margin-left:0px;
	width:100%;
	}