@font-face {
    font-family: 'alexis_mariemedium';
    src: url('../font/alexis_marie-webfont.eot');
    src: url('../font/alexis_marie-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/alexis_marie-webfont.woff') format('woff'),
         url('../font/alexis_marie-webfont.ttf') format('truetype'),
         url('../font/alexis_marie-webfont.svg#alexis_mariemedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'eurostileregular';
    src: url('../font/eurosti-webfont.eot');
    src: url('../font/eurosti-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/eurosti-webfont.woff2') format('woff2'),
         url('../font/eurosti-webfont.woff') format('woff'),
         url('../font/eurosti-webfont.ttf') format('truetype'),
         url('../font/eurosti-webfont.svg#eurostileregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'eurostilebold';
    src: url('../font/eurostib-webfont.eot');
    src: url('../font/eurostib-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/eurostib-webfont.woff2') format('woff2'),
         url('../font/eurostib-webfont.woff') format('woff'),
         url('../font/eurostib-webfont.ttf') format('truetype'),
         url('../font/eurostib-webfont.svg#eurostilebold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'misterearl_btregular';
    src: url('../font/mistrear-webfont.eot');
    src: url('../font/mistrear-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/mistrear-webfont.woff2') format('woff2'),
         url('../font/mistrear-webfont.woff') format('woff'),
         url('../font/mistrear-webfont.ttf') format('truetype'),
         url('../font/mistrear-webfont.svg#misterearl_btregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ozhandicraft_btroman';
    src: url('../font/ozhandrm-webfont.eot');
    src: url('../font/ozhandrm-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ozhandrm-webfont.woff2') format('woff2'),
         url('../font/ozhandrm-webfont.woff') format('woff'),
         url('../font/ozhandrm-webfont.ttf') format('truetype'),
         url('../font/ozhandrm-webfont.svg#ozhandicraft_btroman') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'parisian_btregular';
    src: url('../font/parisian-webfont.eot');
    src: url('../font/parisian-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/parisian-webfont.woff2') format('woff2'),
         url('../font/parisian-webfont.woff') format('woff'),
         url('../font/parisian-webfont.ttf') format('truetype'),
         url('../font/parisian-webfont.svg#parisian_btregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'seagull_hv_btheavy';
    src: url('../font/seagulhv-webfont.eot');
    src: url('../font/seagulhv-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/seagulhv-webfont.woff2') format('woff2'),
         url('../font/seagulhv-webfont.woff') format('woff'),
         url('../font/seagulhv-webfont.ttf') format('truetype'),
         url('../font/seagulhv-webfont.svg#seagull_hv_btheavy') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'slim_jimregular';
    src: url('../font/slimjim-webfont.eot');
    src: url('../font/slimjim-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/slimjim-webfont.woff2') format('woff2'),
         url('../font/slimjim-webfont.woff') format('woff'),
         url('../font/slimjim-webfont.ttf') format('truetype'),
         url('../font/slimjim-webfont.svg#slim_jimregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'zurich_xcn_btregular';
    src: url('../font/zurchxc-webfont.eot');
    src: url('../font/zurchxc-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/zurchxc-webfont.woff2') format('woff2'),
         url('../font/zurchxc-webfont.woff') format('woff'),
         url('../font/zurchxc-webfont.ttf') format('truetype'),
         url('../font/zurchxc-webfont.svg#zurich_xcn_btregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*{
	/*hace que los bordes se resten del tamaño total definido*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;

	margin:0;
	padding:0;
}
body{
	background:url(../jpg/fondo-web.jpg) no-repeat center center fixed;
        background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;*/

/*	background-color:#ffffff; */
	
	/* IE 6 y 7 - ff es opaco - 00 transparente - 0 vertical - 1 horizontal */
/*	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ff999999', gradientType='0');*/
	/* IE 8 y 9 */
/*	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ff999999', gradientType='0')";*/

/*	font-size:0.875em;
	text-align:center;
	background-color:#000; 
	background: -webkit-linear-gradient(#ffffff, #fff);
	background: -moz-linear-gradient(#ffffff, #fff);
	background: -o-linear-gradient(#ffffff, #fff);
	background: linear-gradient(#ffffff, #fff); */
	
	font-size:1.25em;
	font-family: "eurostileregular", Arial, Helvetica, sans-serif;
	text-align:center;
}
h1{
	font-size:1.5em;
	font-family: "eurostileregular", Arial, Helvetica, sans-serif;
	font-weight:bold;
}
h2{
	font-family: "eurostileregular", Arial, Helvetica, sans-serif;
	font-size:1.25em;
}
h3{
	font-family: "eurostileregular", Arial, Helvetica, sans-serif;
	font-size:1em;
}

/* other elements */
.nav_v2 {
display: none;
}

/* comentarios */
/* 16px = 12pt = 100% = 1em */
.barra_superior{
	margin:0px auto 0px auto;
	width:100%;
	height:35px;
	background-color:#0392D4;
	padding-bottom:5px;
	padding-top:5px;
	left:0;
	top:0;
	position: fixed;
	z-index:25;
}
	.barra_superior_caja{
		max-width:960px;
		margin:0px auto 0px auto;
	}
		.barra_superior_caja_izq{
			color:#FFF;
			display:inline-block;
			text-align:left;
			width:30%;
			height:30px;
			vertical-align:top;
			padding-top:5px;
		}
			.barra_superior_caja_izq a{
				color:#FFF;
				text-decoration:none;
			}
			.barra_superior_caja_izq a:hover{
				color:#999;
			}
		.barra_superior_caja_centro{
			display:inline-block;
			text-align:center;
			width:30%;
			height:30px;
			vertical-align:top;
			padding-top:5px;
			color:#FFF;			
		}
			.barra_superior_caja_centro a{
				color:#FFF;
				text-decoration:none;
			}
			.barra_superior_caja_centro a:hover{
				color:#999;
			}
		.barra_superior_caja_der{
			display:inline-block;
			text-align:right;
			width:30%;
			height:30px;
			vertical-align:top;
		}
		.barra_superior_boton{
			background-color:#233B77;
			color:#FFF;
			border-style:none;
			font-size:1em;
			font-family: "zurich_xcn_btregular", Arial, Helvetica, sans-serif;
			text-align:center;
		}

.principal{
	margin:50px auto 0px auto;
	max-width:100%;
}
.video_portada{
	display:block;
}
	.video_portada iframe{
		height: 575px;
		width: 100%;
	}
.slider{
	display:block;
}
.botonera{
	display:block;
	border:0;
	margin:0;
	padding:0;
	text-align:center;
}
	.botonera_botones{
		padding-top:15px;
		padding-bottom:15px;
		padding-right:5px;
		padding-left:5px;
		margin-top:5px;
		margin-bottom:5px;
		margin-left:5px;
		margin-right:5px;
		display:inline-block;
		/*background-color:#666;*/
/*		border-radius:10px;*/
		width:98%;
	}
	.botonera_botones:hover{
/*		opacity:.85;
		cursor: pointer;*/
	}
	.botonera_botones a{
/*		background-color:#FFF;
		border-radius:10px;
		color:#333;
		margin-bottom:5px;
		margin-left:5px;
		margin-right:5px;
		margin-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		padding-right:10px;
		padding-top:5px;
		text-decoration:none;*/
	}
	.botonera_botones a:hover{
/*		background-color:#333;
		color:#fff;*/
	}
	.botonera_botones iframe{
		height: 100% auto;
		max-width: 100%;
	}
	.botonera_botones_img img {
		height: auto;
		max-width: 100%;
	 -webkit-transition:all .9s ease; /* Safari y Chrome */
	 -moz-transition:all .9s ease; /* Firefox */
	 -o-transition:all .9s ease; /* IE 9 */
	 -ms-transition:all .9s ease; /* Opera */
	}
	.botonera_botones_img:hover img {
	 -webkit-transform:scale(1.25);
	 -moz-transform:scale(1.25);
	 -ms-transform:scale(1.25);
	 -o-transform:scale(1.25);
	 transform:scale(1.25);
	}
		.botonera_botones iframe{
			height: 100% auto;
			max-width: 100%;
		}
			
.noticias{
	display:block;
	border:0;
	margin:0;
	padding:0;
	text-align:center;
/*	background-color:#FFF;*/
}
.noticias_titular{
	display:block;
	width:100%;
	color:#FFF;
	background-color:#0392D4;
	padding-bottom:10px;
	padding-top:10px;
	border-top-color:#233B77;
	border-top-style:solid;
	border-bottom-color:#233B77;
	border-bottom-style:solid;
}
		.noticias_titular a{
			color:#FFF;
			text-decoration:none;
		}
		.noticias_titular a:hover{
			color:#999;
		}
	.noticias_cajones{
		display:inline-block;
		margin-top:15px;
		margin-bottom:15px;
		margin-left:15px;
		margin-right:15px;
		background-color:#fff;
		border-radius:10px;
		border-style:solid;
		border-color:#233B77;
		width:30%;
		box-shadow: 10px 10px 20px #fff;
	}
	.noticia_cajones_tabla{
		padding-top:10px;
		padding-bottom:10px;
		padding-left:10px;
		padding-right:10px;
	}
	.noticia_cajones_tabla:hover{
		opacity:.85;
		cursor: pointer; 
	}

		.noticias_caja_titulo{
			display:block;
			text-align:center;
			padding-bottom:15px;
		}
		.noticias_caja_imagen{
			display:block;
			text-align:center;
			padding-bottom:15px;
		}
			.noticias_caja_imagen img{
				min-height:180px;
			}
		.noticias_caja_texto{
			display:block;
			text-align:justify;
		}
		.noticias_caja_boton{
			display:block;
			text-align:right;
			text-decoration:none;
		}
			.noticias_caja_boton a{
				background-color:#233B77;
				color:#FFF;
				border-radius:5px;
				padding:5px;
				text-decoration:none;
			}
			.noticias_caja_boton a:hover{
				background-color:#0392D4;
				color:#000;
			}
.noticias_ficha{
	background-color:#FFF;
	display:block;
	border:0;
	margin:0;
	padding:0;
	text-align:center;
}
	.noticias_ficha_caja{
		display:block;
		max-width:960px;
		margin:0 auto;
		padding:20px;
		text-align:left;
	}
		.noticias_ficha_caja img{
			height: auto;
			max-width: 100%;
		}
		.noticias_ficha_caja iframe{
			height: 100% auto;
			max-width: 100%;
		}

.productos{
	display:block;
	border:0;
	margin:0;
	padding:0;
	text-align:center;
	background-image:url(../jpg/fondo-75.png);
}
	.productos_titular{
		display:block;
		width:100%;
		background-color:#E6E6E6;
		padding-bottom:10px;
		padding-top:10px;
	}
		.productos_titular a{
			color:#000;
			text-decoration:none;
		}
		.productos_titular a:hover{
			color:#999;
		}
	.productos_cajones{
		display:inline-block;
		background-color:#fff;
		width:18%;
		height:270px;
		margin-top:10px;
		margin-bottom:10px;
		margin-left:5px;
		margin-right:5px;
		min-width:190px;
		box-shadow: 5px 5px 3px #888888;
	}
			.productos_caja_titulo{
				display:block;
				text-align:center;
				padding-bottom:15px;
			}
			.productos_caja_imagen{
				display:block;
				text-align:center;
				padding-bottom:15px;
				height:160px;
			}
				.productos_caja_imagen img{
					height: auto;
					max-width: 100%;
					border-radius: 100%;
				}
			.productos_caja_boton{
				display:block;
				background-color:#E6E6E6;
				text-align:center;
				line-height:30px;
			}
			.productos_caja_boton:hover{
				background-color:#999;
			}
				.productos_caja_boton a{
					color:#333;
					text-decoration:none;
				}
.inferior{
	display:block;
	border:0;
	margin:0;
	padding:0;
	text-align:center;
	padding:10px;
	background-color:#233B77;
	color:#FFF;
	}
	.inferior a{
		color:#FFF;
		text-decoration:none;
		}
	.inferior a:hover{
		color:#ccc;
		text-decoration:none;
		}
.categorias{
	display:block;
	border:0;
	margin:0;
	padding:0;
	text-align:center;
	background-image:url(../jpg/fondo-50.png);
}
	.categorias_titular{
		display:block;
		width:100%;
		background-color:#E6E6E6;
		padding-bottom:10px;
		padding-top:10px;
	}
	.categorias_cajones{
		display:inline-block;
		background-color:#fff;
		width:18%;
		height:360px;
		margin-top:10px;
		margin-bottom:10px;
		margin-left:5px;
		margin-right:5px;
		min-width:300px;
		box-shadow: 5px 5px 3px #888888;
	}
			.categorias_caja_titulo{
				display:block;
				text-align:center;
				padding-bottom:15px;
			}
			.categorias_caja_imagen{
				display:block;
				text-align:center;
				padding-bottom:15px;
				height:250px;
			}
				.categorias_caja_imagen img{
					height: auto;
					max-width: 100%;
				}
			.categorias_caja_boton{
				display:block;
				background-color:#E6E6E6;
				text-align:center;
				line-height:30px;
			}
			.categorias_caja_boton:hover{
				background-color:#999;
			}
				.categorias_caja_boton a{
					color:#333;
					text-decoration:none;
				}
			.categorias_cajones img {
			 -webkit-transition:all .9s ease; /* Safari y Chrome */
			 -moz-transition:all .9s ease; /* Firefox */
			 -o-transition:all .9s ease; /* IE 9 */
			 -ms-transition:all .9s ease; /* Opera */
			}
			.categorias_cajones:hover img {
			 -webkit-transform:scale(1.25);
			 -moz-transform:scale(1.25);
			 -ms-transform:scale(1.25);
			 -o-transform:scale(1.25);
			 transform:scale(1.25);
			}
.subcategorias_presentacion{
	display:block;
	width:100%;
	background-color:#E6E6E6;
	padding-bottom:10px;
	padding-top:10px;
	border-top-color:#333;
	border-top-style:solid;
	border-bottom-color:#333;
	border-bottom-style:solid;
}
	.subcategorias_presentacion a{
		text-decoration:none;
		color:#FFF;
		background-color:#333;
		padding-left:15px;
		padding-right:15px;
	}
	.subcategorias_presentacion a:hover{
		text-decoration:none;
		color:#333;
		background-color:#ccc;
	}
.productos_listado{
	display:block;
	border:0;
	margin:0;
	padding:0;
	text-align:center;
	background-image:url(../jpg/fondo-50.png);
}
	.productos_listado_titular{
		display:block;
		width:100%;
		background-color:#E6E6E6;
		padding-bottom:10px;
		padding-top:10px;
	}
.productos_listado_cajones{
	display:inline-block;
}
	.productos_listado_contenedorExterior {
		display: table;
		width: 300px; /* anchura del padre */
		height: 300px; /* altura del padre */
		overflow: hidden;
	}
	.productos_listado_contenedorInterior {
		display: table-cell;
		vertical-align: middle;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.productos_listado_elemento {
		display: table-cell;
		background:#fff;
		padding-top:10px;
		width: 290px;
		height: 100%;
		min-height:300px;
		vertical-align:bottom;
		box-shadow: 5px 5px 3px #888888;
	}
			.productos_listado_elemento img {
			 -webkit-transition:all .9s ease; /* Safari y Chrome */
			 -moz-transition:all .9s ease; /* Firefox */
			 -o-transition:all .9s ease; /* IE 9 */
			 -ms-transition:all .9s ease; /* Opera */
			}
			.productos_listado_elemento:hover img {
			 -webkit-transform:scale(1.25);
			 -moz-transform:scale(1.25);
			 -ms-transform:scale(1.25);
			 -o-transform:scale(1.25);
			 transform:scale(1.25);
			}
			.productos_listado_boton{
				display:block;
				background-color:#E6E6E6;
				text-align:center;
				line-height:30px;
			}
			.productos_listado_boton:hover{
				background-color:#999;
			}
				.productos_listado_boton a{
					color:#333;
					text-decoration:none;
				}
			.productos_listado_nota{
				background-color:#F00;
				color:#FFF;
				padding-top:10px;
				width:40px;
				height:40px;
				border-radius:100%;
			}
.caja_listado{
	display:block;
	border:0;
	margin:0;
	padding:0;
	text-align:center;
	background-image:url(../jpg/fondo-50.png);
}
	.caja_listado_cajones{
		display:inline-block;
		padding-top:10px;
		padding-bottom:10px;
	}
	.caja_listado_cajones select{
	}
	.caja_listado_cajones input{
		background-color:#333;
		color:#fff;
		border-style:none;
		padding-top:3px;
		padding-bottom:3px;
		padding-left:8px;
		padding-right:8px;
	}
.botones{
	display:block;
	border:0;
	margin:0;
	padding-bottom:15px;
	padding-top:5px;
	text-align:center;
}
.ficha_presentacion{
	display:block;
	width:100%;
	background-color:#E6E6E6;
	padding-bottom:10px;
	padding-top:10px;
	border-top-color:#333;
	border-top-style:solid;
	border-bottom-color:#333;
	border-bottom-style:solid;
}
	.ficha_presentacion a{
		text-decoration:none;
		color:#333;
	}
	.ficha_presentacion a:hover{
		color:#999;
	}
.ficha_producto{
	display:block;
	border:0;
	margin:0;
	padding:0;
	text-align:center;
	background-color:#FFF;
}
	.ficha_producto_contenedor1{
		display:inline-block;
		vertical-align:top;
		max-width:45%;
		padding:10px;
	}
		.ficha_producto_foto{
			display:block;
		}
		.ficha_producto_foto img{
			height: auto;
			max-width: 100%;
		}
		.ficha_producto_archivos{
			display:block;
		}
			.ficha_producto_casillas{
				display:inline-block;
			}
	.ficha_producto_contenedor2{
		display:inline-block;
		max-width:45%;
		vertical-align:top;
		padding:10px;
		text-align:left;
	}
		.ficha_producto_descripcion{
			display:block;
			margin-top:10px;
		}
			.ficha_producto_descripcion img{
				height: auto;
				max-width: 100%;
			}
			.ficha_producto_descripcion iframe{
				height: 100% auto;
				max-width: 100%;
			}
		.ficha_producto_contenedor_precio{
			display:block;
			min-width:300px;
			background-color:#fff;
			border-bottom:2px;
			border-left:2px;
			border-right:2px;
			border-top:2px;
			border-style:solid;
			border-color:#666;
			margin-bottom:5px;
			margin-left:5px;
			margin-right:5px;
			margin-top:5px;
			padding-bottom:5px;
			padding-left:5px;
			padding-right:5px;
			padding-top:5px;
		}
		.ficha_producto_contenedor_precio:hover {
			background-color:#333;
			color:#FFF;
		}
			.ficha_producto_precio {
				display:inline-block;
				width:66%;
			}
			.ficha_producto_precio_boton{
				display:inline-block;
				text-align:center;
			}
			.ficha_producto_precio_boton input{
				text-align:center;
			}
			.ficha_producto_precio_boton_submit{
				background-color:#666;
				color:#FFF;
				border-style:none;
				border-radius:2px;
				padding-left:5px;
				padding-right:5px;
				padding-bottom:2px;
				padding-top:2px;
			}
.cesta{
	display:block;
	border:0;
	margin:0;
	padding:0;
	background-image:url(../jpg/fondo-50.png);
}
	.cesta_tabla_productos{
		display:block;
		border:0;
		margin:20px;
		padding:0;
	}
	.cesta_fila_productos{
		display:block;
		background-color:#FFF;
		border-bottom:solid;
		border-bottom-color:#666;
		min-height:30px;
		padding-top:5px;
	}
		.cesta_tabla_productos_casilla1{
			display:inline-block;
			width:40%;
			text-align:left;
		}
		.cesta_tabla_productos_casilla2{
			display:inline-block;
			width:20%;
			text-align:center;
		}
		.cesta_tabla_productos_casilla3{
			display:inline-block;
			width:10%;
			text-align:center;
		}

	.cesta_tabla_pedido{
		display:block;
		border:0;
		padding-top:20px;
		margin-left:20px;
		margin-right:20px;
	}
	.cesta_fila_pedido{
		display:block;
		background-color:#FFF;
		min-height:30px;
		padding-top:5px;
	}
		.cesta_tabla_pedido_casilla1{
			display:inline-block;
			width:15%;
			text-align:right;
		}
		.cesta_tabla_pedido_casilla2{
			display:inline-block;
			width:20%;
			text-align:center;
		}
		.cesta_tabla_pedido_casilla3{
			display:inline-block;
			width:80%;
			text-align:left;
		}





		
.formulario_pedido{
	margin:0px auto 0px auto;
	max-width:960px;
	background-color:#FFF;
}
.form_hint, .required_notification {font-size: 11px;}

.contact_form ul {
    width:960px;
    list-style-type:none;
    list-style-position:outside;
    margin:0px;
    padding:0px;
}
.contact_form li{
    padding:12px; 
	list-style:none;
    border-bottom:1px solid #eee;
    position:relative;
}
 
 .contact_form li:first-child, .contact_form li:last-child {
    border-bottom:1px solid #777;
}
.contact_form h2 {
    margin:0;
    display: inline;
}
.required_notification {
    color:#d45252; 
    margin:5px 0 0 0; 
    display:inline;
    float:right;
}
.contact_form label {
    max-width:20%; 
	width:20%;
    margin-top: 3px;
    display:inline-block;
	text-align:right;
	vertical-align:top;
    padding:3px;
}
.contact_form input {
    height:25px; 
    max-width:70%; 
    padding:5px 8px;
}
.contact_form select {
    margin-top: 1px;
	vertical-align:top;
}
.contact_form textarea {padding:8px; width:300px;}
.contact_form button {margin-left:0px;}
.contact_form input, .contact_form textarea { 
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
}
.contact_form input:focus, .contact_form textarea:focus {
    background: #fff; 
    border:1px solid #555; 
    box-shadow: 0 0 3px #aaa; 
}
	.contact_radio_etiqueta{
		display:inline-block;
		text-align:right;
		width:25%;
		margin:0 auto;
		padding:0 auto;
		vertical-align:top;
	}
	.contact_radio_casillas{
		display:inline-block;
		text-align:left;
		max-width:70%; 
		margin:0 auto;
		padding:0 auto;
		vertical-align:top;
	}
/* Button Style */
button.submit {
    background-color: #333333;
    background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#cccccc));
    background: -webkit-linear-gradient(top, #333333, #cccccc);
    background: -moz-linear-gradient(top, #333333, #cccccc);
    background: -ms-linear-gradient(top, #333333, #cccccc);
    background: -o-linear-gradient(top, #333333, #cccccc);
    background: linear-gradient(top, #333333, #cccccc);
    border: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #cccccc;
    -webkit-box-shadow: 0 1px 0 0 #cccccc inset ;
    -moz-box-shadow: 0 1px 0 0 #cccccc inset;
    -ms-box-shadow: 0 1px 0 0 #cccccc inset;
    -o-box-shadow: 0 1px 0 0 #cccccc inset;
    color: white;
    font-weight: bold;
    padding: 6px 20px;
    text-align: center;
    text-shadow: 0 -1px 0 #333333;
}
button.submit:hover {
    opacity:.85;
    cursor: pointer; 
}
button.submit:active {
    border: 1px solid #20911e;
    box-shadow: 0 0 10px 5px #356b0b inset; 
    -webkit-box-shadow:0 0 10px 5px #333333 inset ;
    -moz-box-shadow: 0 0 10px 5px #333333 inset;
    -ms-box-shadow: 0 0 10px 5px #333333 inset;
    -o-box-shadow: 0 0 10px 5px #333333 inset;
     
}
.contact_form input:focus, .contact_form textarea:focus { /* add this to the already existing style */
    padding-right:0px;
}
.contact_form input, .contact_form textarea { /* add this to the already existing style */
    -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
.contact_form input, .contact_form textarea {
    padding-right:30px;
}
::-webkit-validation-bubble-message {
    padding: 1em;
}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid { /* when a field is considered invalid by the browser */
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535
}
.contact_form input:required:valid, .contact_form textarea:required:valid { /* when a field is considered valid by the browser */
    box-shadow: 0 0 5px #5cd053;
    border-color: #28921f;
}
.form_hint {
    background: #d45252;
    border-radius: 3px 3px 3px 3px;
    color: white;
    margin-left:8px;
    padding: 1px 6px;
    z-index: 999; /* hints stay above all other elements */
    position: absolute; /* allows proper formatting if hint is two lines */
    display: none;
}
.form_hint::before {
    content: "\25C0"; /* left point triangle in escaped unicode */
    color:#d45252;
    position: absolute;
    top:1px;
    left:-6px;
}
.contact_form input:focus + .form_hint {display: inline;}
.contact_form input:required:valid + .form_hint {background: #28921f;} /* change form hint color when valid */
.contact_form input:required:valid + .form_hint::before {color:#28921f;} /* change form hint arrow color when valid */