@charset "utf-8";

/************************************************************************************
 ####  INICI ####  FONTS WEB
*************************************************************************************/


@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), 
         url('fonts/opensans-regular-webfont.woff') format('woff'), 
         url('fonts/opensans-regular-webfont.ttf') format('truetype'), 
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'OpenSans-Semibold';
  src: url('fonts/OpenSans-Semibold/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),  url('fonts/OpenSans-Semibold/OpenSans-Semibold.woff') format('woff'), url('fonts/OpenSans-Semibold/OpenSans-Semibold.ttf')  format('truetype'), url('fonts/OpenSans-Semibold/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/bold/opensans-bold-webfont.eot');
    src: url('fonts/bold/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), 
         url('fonts/bold/opensans-bold-webfont.woff') format('woff'), 
         url('fonts/bold/opensans-bold-webfont.ttf') format('truetype'), 
         url('fonts/bold/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'OpenSans-Light';
  src: url('fonts/OpenSans-Light/OpenSans-Light.eot?#iefix') format('embedded-opentype'),  url('fonts/OpenSans-Light/OpenSans-Light.woff') format('woff'), url('fonts/OpenSans-Light/OpenSans-Light.ttf')  format('truetype'), url('fonts/OpenSans-Light/OpenSans-Light.svg#OpenSans-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

/************************************************************************************
 ####  FI ####  FONTS WEB
*************************************************************************************/

body {
	font: 1em/150% Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
}
a {
	texto-decoration: none;
}
a:hover {
	texto-decoration: underline;
}
strong{
	font-family: OpenSans-Semibold, OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;
}
.semi_negreta{
	font-family: OpenSans-Semibold, OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;
}

.no_styles{
	text-decoration:none;
	border-width:0px;
}

h1 {
	/*font: bold 36px/100% OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;*/
	font: 36px/100% OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;
	color:#FF6600;
}
h2 {
	/*font: bold 36px/100% OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;*/
	font: 28px/100% OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;
	color:#FF6600;
}

h3 {
	font: 24px/100% OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;
	color:#1d1656;
}

h4 {
	font: 22px/100% OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;
	color:#FF6600;
	float:left;
	width:20%;
	text-align:center;
}
	h4 a{
	}
	.link_menu{
		text-decoration:none;
		color:#FF6600;
	}

h5{
	font: 22px/100% OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;
	color:#1d1656;
	float:left;
	width:20%;
	text-align:center;
}
#text_menu_principal{
	color:#1d1656;
}

.img_center_brok{
	padding:10px 10px 20px 10px;
	float:right;
}
.img_facebook{
	padding:15px 10px 20px 10px;
	text-align:center;
}
.img_epackgrup{
	padding:10px 10px 20px 0;
	float:left;
}

.text_web_normal{
	font: 15px/130% open_sansregular, Arial, Tahoma, Geneva, sans-serif;
	color:#333333;
	text-align:left;
}
.lnk_contacta_tel_email{
	/*color:#1d1656;*/
	color:#1d1656;
	text-decoration:none;
}
	.lnk_contacta_tel_email:hover{
		color:#FF6600;
		text-decoration:underline;
	}


.text_web_creada{
	font: 12px/100% OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;
	color:#0A0A0A;
	float:left;
	width:auto;
	text-align:left;
	padding:42px 0 0 10px;
	vertical-align:bottom;
}

/*	
.img_instalaciones{
	width:20%;
	height:auto;
	float:left;
	text-align:center;
	max-width:20%;
	padding:15px 2% 20px 2%;
}
*/
	
	/************************************************************************************
	 ####  INICI ####  FORMULARIS WEB
	*************************************************************************************/
	
	.div_no_javascript{
		width:100%;
		height:auto;
		padding:0 0 15px 0;
		/*padding:36px 0 0 0;*/
	}
	
	.div_ico_seguros{
		width:10%;
		height:auto;
		float:left;
		padding:15px 0 0 0;
	}
		.ico_seguros{
			width:100%;
		}	
	.div_titulo_ico_seguros{
		font: 24px/100% OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;
		color:#FF6600;
		float:left;
		padding:25px 0 0 15px;
	}
	
	.div_descripcio_form{
		font: 18px/130% OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;
		color:#333333;
		width:100%;
		float:left;
		padding:25px 0 0 0;
	}
	.div_form{
		width:100%;
		float:left;
		padding:5px 0 25px 0;
	}
		.div_subtitol_form{
			font: 18px/100% OpenSans-Semibold, OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;
			color:#1d1656;
			float:left;
			width:100%;
			padding:25px 0 10px 0;
		}
		.div_subtitol_form_altres{
			padding-top:55px;
		}
		.div_form_izq{
			width:28%;
			float:left;
			padding:36px 2% 0 0;
			/*display:block;*/
		}
		.div_form_izq_2filas{
			width:28%;
			float:left;
			padding:28px 2% 0 0;
		}
		.div_form_drt{
			width:70%;
			float:left;
			padding:25px 0 0 0;
		}
		
		.div_form_100_tlt{
			width:100%;
			float:left;
			padding:36px 0 0 0;
		}
		.div_form_100_tlt_all{
			width:100%;
			float:left;
			padding:26px 0 0 0;
		}
		.div_form_100_tlt_no_padding{
			width:100%;
			float:left;
			padding:0 0 0 0;
		}
		.div_form_100_tlt_campos_obligatorios{
			font: 16px/130% OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;
			color:#FF6600;
			width:100%;
			float:left;
			padding:45px 0 0 0;
		}
		.div_form_100_tlt_condiciones_de_uso{
			font: 16px/130% OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;
			color:#1d1656;
			width:100%;
			float:left;
			padding:45px 0 0 0;
		}
		.div_form_100_cmp{
			width:100%;
			float:left;
			padding:14px 0 4px 0;
		}
		.div_100_msn_form_ok{
			font: 16px/135% OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;
			color:#FFFFFF;
			background-color:#0C0;
			width:100%;
			height:auto;
			float:left;
			padding:10px 10px 10px 10px;
			margin:20px 0 0 0;
		}
		
		
			.div_titol_camp{
				font: 16px/130% OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;
				color:#1d1656;
				width:auto;
			}
			.div_titol_camp_2filas{
				font: 16px/100% OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;
				color:#1d1656;
				width:auto;
			}
			
			.text_form_normal{
				font: 16px/130% OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;
				color:#1d1656;
			}
		
		
			/* INICI | CAMPS FORMULARIS  ######################################################################################################################################## */
				
				.textarea-form {
					font: 16px/100% OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;
					color:#1d1656;
					width:80%;
					height:120px;
					padding:10px;
					margin: 0;
					-webkit-border-radius:4px;
					-moz-border-radius:4px;
					border-radius:4px;
					-webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
					-moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
					box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
					background: #f8f8f8;
					border:none;
					outline:none;
					display: inline-block;
					-webkit-appearance:none;
					-moz-appearance:none;
					appearance:none;
					cursor:pointer;
				}
					.textarea-form:focus {
						color:#FF6600;
					}
				
				
				
				.input-form {
					font: 16px/100% OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;
					color:#1d1656;
					width:80%;
					/*color:#888;*/
					padding:10px;
					margin: 0;
					-webkit-border-radius:4px;
					-moz-border-radius:4px;
					border-radius:4px;
					-webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
					-moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
					box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
					background: #f8f8f8;
					border:none;
					outline:none;
					display: inline-block;
					-webkit-appearance:none;
					-moz-appearance:none;
					appearance:none;
					cursor:pointer;
				}
					.input-form:focus {
						color:#FF6600;
					}
					
				.input-form-mini{
					font: 16px/100% OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;
					color:#1d1656;
					width:12%;
					padding:10px;
					margin: 0;
					-webkit-border-radius:4px;
					-moz-border-radius:4px;
					border-radius:4px;
					-webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
					-moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
					box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
					background: #f8f8f8;
					border:none;
					outline:none;
					display: inline-block;
					-webkit-appearance:none;
					-moz-appearance:none;
					appearance:none;
					cursor:pointer;
				}
					.input-form-mini:focus {
						color:#FF6600;
					}
					
					
				.input-form-medium{
					font: 16px/100% OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;
					color:#1d1656;
					width:30%;
					padding:10px;
					margin: 0;
					-webkit-border-radius:4px;
					-moz-border-radius:4px;
					border-radius:4px;
					-webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
					-moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
					box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
					background: #f8f8f8;
					border:none;
					outline:none;
					display: inline-block;
					-webkit-appearance:none;
					-moz-appearance:none;
					appearance:none;
					cursor:pointer;
				}
					.input-form-medium:focus {
						color:#FF6600;
					}
					
				.input-form-large{
					font: 16px/100% OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;
					color:#1d1656;
					width:45%;
					padding:10px;
					margin: 0;
					-webkit-border-radius:4px;
					-moz-border-radius:4px;
					border-radius:4px;
					-webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
					-moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
					box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
					background: #f8f8f8;
					border:none;
					outline:none;
					display: inline-block;
					-webkit-appearance:none;
					-moz-appearance:none;
					appearance:none;
					cursor:pointer;
				}
					.input-form-large:focus {
						color:#FF6600;
					}

					
					
				.radio-form {
					width:26px;
					height:26px;
					color:#1d1656;
					padding:5px 0 0 0;
					margin: 8px 0 0 0;
					cursor:pointer;
				}
					.radio-form:focus {
						color:#FF6600;
					}
				
				.checkbox-form {
					width:26px;
					height:26px;
					color:#1d1656;
					padding:5px 0 0 0;
					margin: 8px 0 0 0;
					cursor:pointer;
				}				
					.checkbox-form:focus {
						color:#FF6600;
					}
				
				
				.select-form {
					font: 16px/100% OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;
					color:#1d1656;
					padding:10px;
					width:auto;
					margin: 0;
					-webkit-border-radius:4px;
					-moz-border-radius:4px;
					border-radius:4px;
					-webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
					-moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
					box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
					background: #f8f8f8;
					border:none;
					outline:none;
					display: inline-block;
					-webkit-appearance:none;
					-moz-appearance:none;
					appearance:none;
					cursor:pointer;
				}
					.select-form:focus {
						color:#FF6600;
					}
				
				
				
				
				
				
				/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
				@media screen and (-webkit-min-device-pixel-ratio:0) {
					.select-form {padding-right:38px}
				}
				
				label {position:relative}
				label:after {
					content:'<>';
					font: 16px/100% OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;
					color:#FF6600;
					-webkit-transform:rotate(90deg);
					-moz-transform:rotate(90deg);
					-ms-transform:rotate(90deg);
					transform:rotate(90deg);
					right:8px; top:2px;
					padding:0 0 2px;
					border-bottom:1px solid #ddd;
					position:absolute;
					pointer-events:none;
				}
				label:before {
					content:'';
					right:6px; 
					top:0px;
					width:20px; 
					height:20px;
					background:#f8f8f8;
					position:absolute;
					pointer-events:none;
					display:block;
				}
				
				
				.button-solicitar {
					 margin:0 0 10px 0;
					 border: none;
					 background: #3a7999;
					 color: #f2f2f2;
					 padding: 12px 25px 12px 25px;
					 font-size: 18px;
					 border-radius: 5px;
					 position: relative;
					 box-sizing: border-box;
					 transition: all 500ms ease;
				}
					.button-solicitar:hover {
						 background: rgba(0,0,0,0);
						 color: #3a7999;
						 box-shadow: inset 0 0 0 2px #FF6600;
						 cursor:pointer;
					}
					
					
			/* FI | CAMPS FORMULARIS ######################################################################################################################################## */
		
				
	/************************************************************************************
	 ####  FI ####  FORMULARIS WEB
	*************************************************************************************/
	
	
	
	
	/************************************************************************************
	 ####  INICI ####  GALERIA D'IMATGES
	*************************************************************************************/
			#galeria, #galeria * {box-sizing:border-box,-moz-box-sizing:border-box}
			#galeria {
				border: 1px solid #EAEAEA;  /* Borde de la galería */
				padding: 10px;
				background: white;  /* Fondo de la galería */
				width: 100%;  /* Ancho de la galería */
				margin:0 0 30px 0;
			}
			#galeria_miniaturas {
				display: table;
				margin: 0 auto;
			}
			#imgGaleria {
				border: 1px solid #F2F2F2;  /* Borde de la imagen */
				padding: 3px;
				width: 98%; /* Ancho de la imagen */
				height: auto; /* Alto de la imagen */
				margin:0 0 20px 0;
			}
			#imgGaleria2 {
				border: 1px solid #F2F2F2;  /* Borde de la imagen */
				padding: 3px;
				width: 100%; /* Ancho de la imagen */
				height: auto; /* Alto de la imagen */
				margin:0 0 20px 0;
			}
			.miniatura {
				width:  120px;  /* Ancho de las miniaturas */
				height:  auto;  /* Alto de las miniaturas */
				float: left;
				cursor: pointer;
				padding: 5px;
				margin: 10px 5px;
			}
			.miniatura:hover {
				opacity:.8;   /* Opacidad */
				-moz-opacity:.8;
				-khtml-opacity:.8;
				filter:alpha(opacity=80);
			}
			.miniatura:active {
				opacity:1;
				-moz-opacity:1;
				-khtml-opacity:1;
				filter:alpha(opacity=80);
			}
	
	/************************************************************************************
	 ####  FI ####  GALERIA D'IMATGES
	*************************************************************************************/
	
	
	
	
	
	
	
	
/************************************************************************************
ESTRUCTURA
*************************************************************************************/
#pagewrap {
	/*padding: 5px;*/
	width: 960px;
	margin: 20px auto;
	/*margin: 0 0 0 0;*/
}
#header {
	height: 120px;
	background-color:#1d1656;
}
#content {
	width: 600px;
	float: left;
}
#sidebar {
	width: 320px;
	float: right;
	margin-bottom: 30px;
}
#sidebar-min {
	width: 260px;
	float: right;
	margin-bottom: 30px;
}
	.img_seguros{
		width:100%;
		height:auto;
		float:left;
		max-width:90%;
		padding:15px 0 0 5%;
	}
	.first{
		padding-top:0px;
	}

#footer {
	clear: both;
	height:100%;
}
.capsa_menu{
	padding:10px 0 10px 0;
	width:100%;
	height:100%;
	Overflow:hidden;
}
.capsa_footer{
	padding:10px 0 10px 0;
	width:100%;
	Overflow:hidden;
	height:100%;
}



/* ## INICI ##  CAPÇALERA WEB ######################################################################################################################################### */
.capsa_logo_capcalera{
	padding:0 0 0 20px;
	width:auto;
	height:100%;
}

.logo_capcalera{
	background: url('../images/logo_corritor.png');
	width:auto;
	height:100%;
	background-repeat:no-repeat;
	background-size:35% auto;
	background-position:left ;
	cursor:pointer;
}
.img_llamar_capcalera{
	padding:18px 10px 0 0;
	max-width:270px;
	height:auto;
	float:right;
	vertical-align:middle;
}
/* ## FI ##  CAPÇALERA WEB ######################################################################################################################################### */

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* para 980px o menos */
@media screen and (max-width: 980px) {
	
	#pagewrap {
		width: 94%;
	}
	#content {
		width: 65%;
	}
	#sidebar {
		width: 30%;
		margin-bottom: 5px;
	}


		.div_form_izq{
			width:32%;
			float:left;
			padding:36px 2% 0 0;
			/*display:block;*/
		}
		.div_form_izq_2filas{
			width:32%;
			float:left;
			padding:28px 2% 0 0;
		}
		.div_form_drt{
			width:66%;
			float:left;
			padding:25px 0 0 0;
		}








	/* ## INICI ##  CAPÇALERA WEB ######################################################################################################################################### */
	.capsa_logo_capcalera{
		padding:0 0 0 20px;
		width:auto;
		height:100%;
	}
	
	.logo_capcalera{
		background: url('../images/logo_corritor.png');
		width:auto;
		height:100%;
		background-repeat:no-repeat;
		background-size:35% auto;
		background-position:left ;
		cursor:pointer;
	}
	.img_llamar_capcalera{
		padding:18px 10px 0 0;
		width:35%;
		height:auto;
		float:right;
	}
	/* ## FI ##  CAPÇALERA WEB ######################################################################################################################################### */


	.img_seguros{
		width:100%;
		height:auto;
		float:left;
		max-width:90%;
		padding:10px 0 0 5%;
	}
	.first{
		padding-top:0px;
	}
	h4{
		float:left;
	}
	h5{
		float:left;
	}
}

/* para 700px o menos 
@media screen and (max-width: 700px) {*/

@media screen and (max-width: 840px) {
	#content {
		width: auto;
		float: none;
	}
	#sidebar {
		width: auto;
		height:auto;
		margin-bottom: 5px;
		/*float: none;*/
	}
	
		.div_form_izq{
			width:100%;
			float:left;
			padding:36px 0 0 0;
		}
		.div_form_izq_2filas{
			width:100%;
			float:left;
			padding:36px 0 0 0;
		}
			.div_titol_camp_2filas{
				font: 16px/100% OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;
				color:#1d1656;
				width:auto;
			}
		.div_form_drt{
			width:100%;
			float:left;
			padding:25px 0 0 0;
		}
		.div_form_100_tlt{
			width:100%;
			float:left;
			padding:36px 0 0 0;
		}
		.div_form_100_cmp{
			width:100%;
			float:left;
			padding:24px 0 0 0;
		}
		.div_100_msn_form_ok{
			font: 16px/135% OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;
			color:#FFFFFF;
			background-color:#0C0;
			width:94%;
			height:auto;
			float:left;
			padding:10px 10px 10px 10px;
			margin:20px 0 0 0;
		}
	
	
	
	
	/* ## INICI ##  CAPÇALERA WEB ######################################################################################################################################### */
	.capsa_logo_capcalera{
		padding:0 0 0 20px;
		width:auto;
		height:100%;
	}
	
	.logo_capcalera{
		background: url('../images/logo_corritor.png');
		width:auto;
		height:100%;
		background-repeat:no-repeat;
		background-size:40% auto;
		background-position:left ;
		cursor:auto;
	}
	.img_llamar_capcalera{
		padding:30px 15px 0 0;
	}
	/* ## FI ##  CAPÇALERA WEB ######################################################################################################################################### */

	.img_seguros{
		width:100%;
		height:auto;
		float:left;
		max-width:44%;
		padding:20px 0 0 4%;
	}
	.first{
		padding-top:20px;
	}

	h4{
		float:left;
	}
	h5{
		float:left;
	}
}

/* para 480px o menos */
@media screen and (max-width: 480px) {

	#header {
		height: auto;
	}
	h1 {
		font-size: 26px;
	}
	h2 {
		font-size: 24px;
		/*padding:2px;*/
	}
	h3 {
		font-size: 22px;
		/*padding:2px;*/
	}
	h4{
		float:none;
		padding-left:0;
		width:100%;
	}
	h5{
		float:none;
		padding-left:0;
		width:100%;
	}
	#text_menu_principal{
		padding:15px 0 10px 0;
	}
	
	#sidebar {
		width: auto;
		height:auto;
		margin-bottom: 30px;
	}
	
		
		.div_ico_seguros{
			width:18%;
			height:auto;
			float:left;
			padding:15px 0 0 0;
		}
			.ico_seguros{
				width:100%;
			}			
		
		
		
		.div_form_izq{
			width:100%;
			float:left;
			padding:36px 0 0 0;
		}
		.div_form_izq_2filas{
			width:100%;
			float:left;
			padding:36px 0 0 0;
		}
			.div_titol_camp_2filas{
				font: 16px/100% OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;
				color:#1d1656;
				width:auto;
			}
		.div_form_drt{
			width:100%;
			float:left;
			padding:25px 0 0 0;
		}
		.div_form_100_tlt{
			width:100%;
			float:left;
			padding:36px 0 0 0;
		}
		.div_form_100_cmp{
			width:100%;
			float:left;
			padding:24px 0 0 0;
		}
		.div_100_msn_form_ok{
			font: 16px/135% OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;
			color:#FFFFFF;
			background-color:#0C0;
			width:94%;
			height:auto;
			float:left;
			padding:10px 10px 10px 10px;
			margin:20px 0 0 0;
		}
		
		
		
			.textarea-form {
				width:90%;
			}
			.input-form {
				width:90%;
			}
			
		
		
			.select-form-llarg {
				/*width:auto;*/
				font: 16px/100% OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;
				padding:10px 5px 10px 10px;
				letter-spacing: -0.08em;			
			}
		
		
		
		
		
		
		
		
			.button-solicitar {
				 width:100%;
				 margin:0 0 10px 0;
				 border: none;
				 background: #3a7999;
				 color: #f2f2f2;
				 padding: 18px 25px 18px 25px;
				 font-size: 18px;
				 border-radius: 5px;
				 position: relative;
				 box-sizing: border-box;
				 transition: all 500ms ease;
			}
				.button-solicitar:hover {
					 background: rgba(0,0,0,0);
					 color: #3a7999;
					 box-shadow: inset 0 0 0 2px #FF6600;
					 cursor:pointer;
				}
				
	
		#galeria {
			width: 94%;  /* Ancho de la galería */
		}
		.miniatura {
			width:  140px;  /* Ancho de las miniaturas */
			height:  auto;  /* Alto de las miniaturas */
			float: left;
			cursor: pointer;
			padding: 5px 0 5px 5px;
			margin: 10px 0 10px 5px;
		}
	
	
				
	/* ## INICI ##  CAPÇALERA WEB ######################################################################################################################################### */
	.capsa_logo_capcalera{
		padding:20px 15px 20px 20px;
		width:auto;
		height:100%;
	}
	
	.logo_capcalera{
		background: url('../images/logo_corritor.png');
		width:auto;
		height:35px;
		background-repeat:no-repeat;
		background-size:55% auto;
		background-position:left;
		cursor:auto;
	}	
	.img_llamar_capcalera{
		width:38%;
		padding:0 0 0 0;
	}
	/* ## FI ##  CAPÇALERA WEB ######################################################################################################################################### */
	.img_seguros{
		width:100%;
		height:auto;
		float:left;
		text-align:center;
		max-width:84%;
		padding:15px 0 0 8%;
	}
	.first{
		padding-top:15px;
	}
	.img_center_brok{
		float:none;
		padding:10px 0 20px 0;
	}
	.img_epackgrup{
		float:none;
		padding:10px 0 20px 0;
	}
	.text_web_creada{
		float:none;
		text-align:center;
		width:100%;
		padding:0 0 0 0;
	}
	.text_web_normal{
		font: 16px/130% open_sansregular, Arial, Tahoma, Geneva, sans-serif;
		color:#333333;
		text-align:left;
	}
}




/* para 480px o menos */
@media screen and (max-width: 320px) {

	#header {
		height: auto;
	}
	h1 {
		font-size: 26px;
	}
	h2 {
		font-size: 24px;
	}
	h3 {
		font-size: 22px;
	}
	h4{
		float:none;
		padding-left:0;
		width:100%;
	}
	h5{
		float:none;
		padding-left:0;
		width:100%;
	}
	#text_menu_principal{
		padding:15px 0 10px 0;
	}
	
	#sidebar {
		width: auto;
		height:auto;
		margin-bottom: 30px;
	}
	
		.div_ico_seguros{
			width:20%;
			height:auto;
			float:left;
			padding:15px 0 0 0;
		}
			.ico_seguros{
				width:100%;
			}			
	
	
		.div_form_izq{
			width:100%;
			float:left;
			padding:36px 0 0 0;
		}
		.div_form_izq_2filas{
			width:100%;
			float:left;
			padding:36px 0 0 0;
		}
			.div_titol_camp_2filas{
				font: 16px/100% OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;
				color:#1d1656;
				width:auto;
			}
		.div_form_drt{
			width:100%;
			float:left;
			padding:25px 0 0 0;
		}
		.div_form_100_tlt{
			width:100%;
			float:left;
			padding:36px 0 0 0;
		}
		.div_form_100_cmp{
			width:100%;
			float:left;
			padding:24px 0 0 0;
		}
		.div_100_msn_form_ok{
			font: 16px/135% OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;
			color:#FFFFFF;
			background-color:#0C0;
			width:92%;
			height:auto;
			float:left;
			padding:12px 10px 12px 10px;
			margin:20px 0 0 0;
		}
	
	
				
				
				
				
				
				
				.textarea-form {
					width:90%;
				}
				.input-form {
					width:90%;
				}
				
				.select-form {
					font: 16px/100% OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;
					color:#1d1656;
					padding:10px 4px 10px 4px;
					width:auto;
					margin:0;
					-webkit-border-radius:4px;
					-moz-border-radius:4px;
					border-radius:4px;
					-webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
					-moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
					box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
					background: #f8f8f8;
					border:none;
					outline:none;
					display: inline-block;
					-webkit-appearance:none;
					-moz-appearance:none;
					appearance:none;
					cursor:pointer;
				}
					.select-form:focus {
						color:#FF6600;
					}
				/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
				@media screen and (-webkit-min-device-pixel-ratio:0) {
					.select-form {padding-right:38px}
				}
				
				label {position:relative}
				label:after {
					content:'<>';
					font: 16px/100% OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;
					color:#FF6600;
					-webkit-transform:rotate(90deg);
					-moz-transform:rotate(90deg);
					-ms-transform:rotate(90deg);
					transform:rotate(90deg);
					right:8px; top:2px;
					padding:0 0 2px;
					border-bottom:1px solid #ddd;
					position:absolute;
					pointer-events:none;
				}
				label:before {
					content:'';
					right:6px; 
					top:0px;
					width:20px; 
					height:20px;
					background:#f8f8f8;
					position:absolute;
					pointer-events:none;
					display:block;
				}
		
				.select-form-llarg {
					/*width:auto;*/
					font: 16px/100% OpenSans-Light, open_sansregular, Arial, Tahoma, Geneva, sans-serif;
					padding:10px 5px 10px 10px;
					letter-spacing: -0.1em;			
				}
	
	
				.button-solicitar {
					 width:100%;
					 margin:0 0 10px 0;
					 border: none;
					 background: #3a7999;
					 color: #f2f2f2;
					 padding: 18px 25px 18px 25px;
					 font-size: 18px;
					 border-radius: 5px;
					 position: relative;
					 box-sizing: border-box;
					 transition: all 500ms ease;
				}
					.button-solicitar:hover {
						 background: rgba(0,0,0,0);
						 color: #3a7999;
						 box-shadow: inset 0 0 0 2px #FF6600;
						 cursor:pointer;
					}
	
	
	
		#galeria {
			width: 94%;  /* Ancho de la galería */
		}
		.miniatura {
			width:  120px;  /* Ancho de las miniaturas */
			height:  auto;  /* Alto de las miniaturas */
			float: left;
			cursor: pointer;
			padding: 5px 0 5px 6px;
			margin: 10px 0 10px 5px;
		}
	
	
	
	
	
	
	/* ## INICI ##  CAPÇALERA WEB ######################################################################################################################################### */
	.capsa_logo_capcalera{
		padding:20px 15px 20px 20px;
		width:auto;
		height:100%;
	}
	
	.logo_capcalera{
		background: url('../images/logo_corritor.png');
		width:auto;
		height:35px;
		background-repeat:no-repeat;
		background-size:50% auto;
		background-position:left;
		cursor:auto;
	}	
	.img_llamar_capcalera{
		width:38%;
		padding:3px 0 0 0;
		float:right;
	}
	/* ## FI ##  CAPÇALERA WEB ######################################################################################################################################### */

	.img_seguros{
		width:100%;
		height:auto;
		float:left;
		max-width:90%;
		padding:15px 0 0 5%;
	}
	.first{
		padding-top:15px;
	}
	.img_center_brok{
		float:none;
		padding:10px 0 20px 0;
	}
	.img_epackgrup{
		float:none;
		padding:10px 0 20px 0;
	}
	.text_web_creada{
		float:none;
		text-align:center;
		width:100%;
		padding:0 0 0 0;
	}
	.text_web_normal{
		font: 16px/130% open_sansregular, Arial, Tahoma, Geneva, sans-serif;
		color:#333333;
		text-align:left;
	}
}





/* ## INICI ##  COMUNS ######################################################################################################################################### */



/* borde & guideline (puedes ignorarlo) */
#content {
	/*background: #f8f8f8;*/
}
	.img_home{
		width:100%;
		height:auto;
	}
	
#sidebar {
	/*background: #f0efef;*/
	text-align:center;
}

#header, #content {
	margin-bottom: 5px;
}

#pagewrap, #header, #content, #sidebar, #footer {
	/*border: solid 1px #ccc;*/
}

#footer {
	/*border-top: solid 2px #FF6600;*/
	padding:0 0 0 0;
	text-align:center;
}


/* ## FI ##  COMUNS ######################################################################################################################################### */