/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
strong {font-weight: bold;}
em	{font-style: italic;}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
p	{text-align: justify}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.enlacesPieMayusculas                                       { text-transform: uppercase; }

/* Hoja basada en color #0057A6, hacer replace segun necesidades */

/* Estilos generales */
@font-face {
    font-family: 'AsapRegular';
    src: url('fonts/Asap-Regular-webfont.eot');
    src: url('fonts/Asap-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Asap-Regular-webfont.woff') format('woff'),
         url('fonts/Asap-Regular-webfont.ttf') format('truetype'),
         url('fonts/Asap-Regular-webfont.svg#AsapRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* Barra superior admin */
.edicion									{  width: 100%; background: #666 !important; display: inline-block; }

.primary 									{ border: 0px!important; margin: 0px!important; background: #999; width: 100%; border: none; padding: 0px!important; }
	.primary li									{ float: left!important;}
	.primary a 									{ color: #fff; border: 0px!important; margin: 0px!important; padding: 10px 15px 11px 15px!important; display: block; font-size: 11px; background: #666!important; }
	.primary a.active							{ border: none!important; background: #fff!important; }
	.secondary 									{ border: 0px!important; margin: 0px!important; background: #2d2d2d; width: 100%; border: none; padding: 0px!important; }
	.secondary li								{ border: none!important; padding: 0px!important; float: left!important; }
	.secondary a 								{ color: #fff; border: 0px!important; margin: 0px!important; padding: 11px 15px 13px 15px!important; display: block; font-size: 11px; background: #999!important; }
	.secondary a.active							{ border: none!important; background: #e9e9e9!important; }
	.status										{ font-size: 11px; color: #333; padding: 10px 10px 14px 10px; background: #ccc; position: absolute; right: 0px; }
	div.error 									{ background: #FFE5E5; font-size: 11px; color: #333; padding: 10px 10px 12px 10px; clear: both; }
	a.admin										{ padding: 10px 15px 14px 15px; position: absolute; right: 0px; top: 0px; font-size: 11px; background: #333; color: #fff; }

    .rrhh                                                       { border-radius: 5px; text-decoration: none; margin-top: 30px; padding: 15px; text-align: center; color: #ffffff; background: #002d54; display: block; clear: both; text-transform: uppercase; font-weight: bold; }
    .rrhh:hover                                 { color: #ffffff; text-decoration: none; }

/* Fin barra superior admin */

body {
	margin: 0px;
	padding: 0px;
	font-family: 'AsapRegular'!important;
	font-size: 12px;
	background: url(images/bg.jpg) bottom center repeat-x;
	background-color: #fff;

}
img{
	display: block;
	border: none;
}
table{
	border-collapse:inherit;
}
.empujador{
	clear: both;
}
a {
	color: #0057A6;
	text-decoration: none;
}
/*	Cabecera														--------------------------------------------------------------------------------------- */

	header 															{ background: url(images/bg_cabecera.jpg) top center repeat-x; }
	header .container												{ position: relative; }

	header #social													{ float: right; height: 25px; }
	header #social a												{ float: left; margin-right:10px }
	header #social #zona_privada									{ float: left; background: url(images/bg_zona_privada.png) right center no-repeat; padding-right: 35px; height: 25px}
	header #social #zona_privada a									{ padding-top: 6px; font-size: 10px; color: #2c5070;}
	header #social #zona_privada a:hover							{ color: #747575}

	header #buscador		 										{ float: right; background: url(images/bg_buscador.jpg); width: 184px; margin-left: 20px; }
	header #buscador input[type=text]								{ float:left;height: 18px; padding: 3px 4px;margin: 0px; border: 0px; background: none; width: 135px;}
	header #buscador input[type=text]:hover,
	#wrapper_cabecera #buscador textarea:hover,
	#wrapper_cabecera #buscador input[type=text]:focus,
	text area:focus 												{ border:0px; box-shadow: none; }
	header #buscador input[type=submit]								{ background: none; border: none; text-shadow: none; box-shadow: none; color: transparent; text-transform: capitalize; float: right; margin: 0px; padding: 0px; display: block; height: 25px; width: 25px;}
	header #buscador h2.title 										{ display: none; }
	header #buscador label 											{ display: none; }

	header .container > .row > .col-md-3 a img						{ margin-top: 38px; }

	#block-block-7													{ position: absolute; top: 10px; left: 280px; width: 210px; }
	#block-block-7 h2												{ display: none; }
	#block-block-7 a												{ margin-right: 20px; float: left; }

	header #block-locale-0											{ float: right; margin-bottom: 25px; }
	header #block-locale-0 h2										{ display: none; }
	header #block-locale-0 ul li									{ float: left; list-style: none; margin-right: 10px; text-transform: uppercase;	height: 35px; }
	header #block-locale-0 ul li:last-child							{ margin-right: 0px; }
	header #block-locale-0 ul li a									{ padding-top: 20px; display: block; margin: 0px; font-size: 12px; color: #747575; }
	header #block-locale-0 ul li a:hover							{ color:#2c5070; }
	header #block-locale-0 ul li a.active							{ background: url(images/bg_menu_idioma.jpg) no-repeat top center; padding-top: 20px; display: block; margin: 0px; color: #2c5070; }

	header .navbar													{ clear: both; margin: 15px 0 0 0; display: inline-block; width: 100%; min-height: inherit; border: nonne; borde-radius: 0px; }
	header #menu													{ padding: 0px; }
	header #menu .col-md-8 ul										{ background: #d0d7dd; display: inline-block; width: 100%; }
	header #menu .col-md-8 ul.links li								{ padding: 0px; float: left; }
	header #menu .col-md-8 ul.links a								{ text-transform: uppercase; padding: 9px 15px 10px; border-right: 1px solid #002d54; display: block; color: #000; font-weight: normal; text-decoration: none; }
	header #menu .col-md-8 ul.links li:last-child a					{ border-right: none; }
	header #menu .col-md-8 ul.links a:hover							{ background: #ffffff url(images/arrow_menu1.jpg) no-repeat 20px top; }
	header #menu .col-md-4 ul										{ background: #dfdfdf; display: inline-block; width: 100%; }
	header #menu .col-md-4 ul.links li								{ padding: 0px; float: left; }
	header #menu .col-md-4 ul.links a								{ text-transform: uppercase; padding: 9px 15px 10px; border-right: 1px solid #747575; display: block; color: #000; font-weight: normal; text-decoration: none; }
	header #menu .col-md-4 ul.links li:last-child a					{ border-right: none; }
	header #menu .col-md-4 ul.links a:hover							{ background: #ffffff url(images/arrow_menu2.jpg) no-repeat 20px top; }
	header #menu .col-md-8											{ padding-right: 0px; }
	header #menu .col-md-8 .tit										{ background: #002d54; padding: 0px 3px 0px 3px; display: block; font-size: 12px; color: #ffffff; }
	header #menu .col-md-4											{ padding-left: 0px; }
	header #menu .col-md-4 .tit										{ background: #747575; padding: 0px 3px 0px 3px; display: block; font-size: 12px; color: #ffffff; }

	@media (max-width: 1200px)
	{
		header #menu .col-md-8 ul.links a,
		header #menu .col-md-4 ul.links a							{ padding: 9px 10px 10px; }
		#block-block-7												{ left: 305px; }
	}
	@media (max-width: 980px)
	{
		header														{ background-color: #ebebeb; padding-bottom: 10px; }
		header .container > .row > .col-md-3						{ text-align: center; }
		header .container > .row > .col-md-3 a img					{ display: inline-block; }
		header #block-locale-0 ul li a.active						{ background: none; }
		header .container > .row > .col-md-9						{ text-align: center; }
		header #block-locale-0										{ float: none; display: inline-block; }
		#block-block-7												{ float: none; display: inline-block; margin: 14px 0 0 20px; vertical-align: top; }
		header #buscador		 									{ float: none; display: inline-block; }
		header #social												{ float: none; display: inline-block; margin-left: 20px; }
		header #menu .col-md-8										{ padding-right: 15px; }
		header #menu .col-md-4										{ padding-left: 15px; }
		#block-block-7												{ left: 90px; }
	}
	@media (max-width: 768px)
	{
		header .navbar												{ margin-top: 10px; }
		header button												{ margin: 0px!important; padding: 0px!important; }
		header button span											{ background: #333333; }
		header #menu .col-md-8 ul.links li							{ float: none; }
		header #menu .col-md-8 ul.links a							{ border-bottom: 1px solid #002d54; border-right: none; }
		header #menu .col-md-8 ul.links li:last-child a				{ border-bottom: none; }
		header #menu .col-md-4 ul.links li							{ float: none; }
		header #menu .col-md-4 ul.links a							{ border-bottom: 1px solid #747575; border-right: none; }
		header #menu .col-md-4 ul.links li:last-child a				{ border-bottom: none; }
		header #menu												{ padding-top: 15px; margin: 0px; }
		header #menu > div											{ padding: 0px!important; }
		#block-block-7											{ left: 15px; }
	}
	@media (max-width: 520px)
	{
		header #block-locale-0										{ margin-bottom: 10px; }
		header #block-locale-0 ul li a								{ font-size: 10px; }
		header #buscador		 									{ margin: 0 0 10px 0; }
		#block-block-7												{ display: none; }
	}
	@media (max-width:  480px)
	{
		#block-block-7											{ right: 15px; left: inherit; top: 60px; }
	}

/*	Main															--------------------------------------------------------------------------------------- */

	#main															{ padding-top: 10px; padding-bottom: 20px; }

	#main #claim													{ color: #002d54; text-transform: uppercase; font-size: 18px; padding: 0px 0px 0; }

	#categorias														{ text-align: center; margin-top: 25px; }
	#categorias h2													{ color: #647f97; font-size: 15px; text-transform: uppercase; text-align: center; min-height: 43px; }
	#categorias .box:hover h2										{ color: #002d54; }
	#categorias	.box												{ display: inline-block; width: 220px; vertical-align: top; margin: 0 2px 20px 2px; }
	#categorias .box:first-child #enlaces a							{ color: #094477; background-color: #d9f0fa;}
	#categorias .box:first-child #enlaces a:hover					{ color: #fff; background-color: #009ddb;}
	#categorias .box:nth-child(2) #enlaces a						{ color: #333; background-color: #f4dbce;}
	#categorias .box:nth-child(2) #enlaces a:hover					{ color: #fff; background-color: #ff5800;}
	#categorias .box:nth-child(3) #enlaces a						{ color: #333; background-color: #dee4d7;}
	#categorias .box:nth-child(3) #enlaces a:hover					{ color: #fff; background-color: #69913b;}
	#categorias .box:nth-child(4) #enlaces a						{ color: #333; background-color: #ebd1d7;}
	#categorias .box:nth-child(4) #enlaces a:hover					{ color: #fff; background-color: #c0143c;}
	#categorias .box:last-child #enlaces a							{ color: #333; background-color: #e1e5e7;}
	#categorias .box:last-child #enlaces a:hover					{ color: #fff; background-color: #7e99aa;}
	#categorias #enlaces											{ padding-top: 166px; }
	#categorias #enlaces a											{ text-decoration: none; text-transform: uppercase; font-size: 11px; display: block; background-color: #f2f2f2; color:#002d54; padding: 5px; border-top:1px solid #fff;	border-bottom:1px solid #fff; min-height: 43px;  }
	#categorias #enlaces a b										{ display: block; }
	#categorias .box:first-child									{ background: url(images/bg_categoria1.jpg) no-repeat center top; }
	#categorias .box:nth-child(2)									{ background: url(images/bg_categoria2.jpg) no-repeat center top; }
	#categorias .box:nth-child(3)									{ background: url(images/bg_categoria3.jpg) no-repeat center top; }
	#categorias .box:nth-child(4)									{ background: url(images/bg_categoria4.jpg) no-repeat center top; }
	#categorias .box:nth-child(5)									{ background: url(images/bg_categoria5.jpg) no-repeat center top; }

	@media (min-width: 980px) and (max-width: 1200px)
	{
		#categorias	.box											{ width: 180px; }
	}

/*	Actualidad														--------------------------------------------------------------------------------------- */

	#block-views-Actualidad-block_1,
	#block-views-Actualidad-block_4,
	#block-views-Actualidad-block_6,
	#block-views-Actualidad-block_8,
	#block-views-Actualidad-block_11     							{ position: relative;}
	#block-views-Actualidad-block_1 h2,
	#block-views-Actualidad-block_4 h2,
	#block-views-Actualidad-block_6 h2,
	#block-views-Actualidad-block_8 h2,
	#block-views-Actualidad-block_11 h2								{ color: #002d54; font-size: 16px; margin-bottom: 15px;}
	#block-views-Actualidad-block_1 div.views-row,
	#block-views-Actualidad-block_4 div.views-row,
	#block-views-Actualidad-block_6 div.views-row,
	#block-views-Actualidad-block_8 div.views-row,
	#block-views-Actualidad-block_11 div.views-row					{ position:relative; }
	#block-views-Actualidad-block_1 div.views-row img,
	#block-views-Actualidad-block_4 div.views-row img,
	#block-views-Actualidad-block_6 div.views-row img,
	#block-views-Actualidad-block_8 div.views-row img,
	#block-views-Actualidad-block_11 div.views-row img 				{ width: 100%; height: 100%; max-height: 150px; }
	#block-views-Actualidad-block_1 div.views-row .views-field-title,
	#block-views-Actualidad-block_4 div.views-row .views-field-title,
	#block-views-Actualidad-block_6 div.views-row .views-field-title,
	#block-views-Actualidad-block_8 div.views-row .views-field-title,
	#block-views-Actualidad-block_11 div.views-row .views-field-title { padding: 5px 24px 0px; min-height:35px; height: auto !important; height: 35px; background: #fff; }
	#block-views-Actualidad-block_1 div.views-row .views-field-title a,
	#block-views-Actualidad-block_4 div.views-row .views-field-title a,
	#block-views-Actualidad-block_6 div.views-row .views-field-title a,
	#block-views-Actualidad-block_8 div.views-row .views-field-title a,
	#block-views-Actualidad-block_11 div.views-row .views-field-title a {color: #888888;text-decoration: none; font-size: 13px; }
	#block-views-Actualidad-block_1 div.views-row .views-field-title a:hover,
	#block-views-Actualidad-block_4 div.views-row .views-field-title a:hover,
	#block-views-Actualidad-block_6 div.views-row .views-field-title a:hover,
	#block-views-Actualidad-block_8 div.views-row .views-field-title a:hover,
	#block-views-Actualidad-block_11 div.views-row .views-field-title a:hover {color:#002d54}
	#block-views-Actualidad-block_1 div.views-row .views-field-body,
	#block-views-Actualidad-block_4 div.views-row .views-field-body,
	#block-views-Actualidad-block_6 div.views-row .views-field-body,
	#block-views-Actualidad-block_8 div.views-row .views-field-body,
	#block-views-Actualidad-block_11 div.views-row .views-field-body { min-height: 120px; box-shadow: 0 10px 6px -6px #999; background: #fff; padding: 24px; font-size: 13px; color:#888; height:auto !important; height:80px; font-weight: normal; }
	#block-views-Actualidad-block_1 div.views-row .views-field-view-node,
	#block-views-Actualidad-block_4 div.views-row .views-field-view-node,
	#block-views-Actualidad-block_6 div.views-row .views-field-view-node,
	#block-views-Actualidad-block_8 div.views-row .views-field-view-node,
	#block-views-Actualidad-block_11 div.views-row .views-field-view-node { text-align:center; }
	#block-views-Actualidad-block_1 div.views-row .views-field-view-node a,
	#block-views-Actualidad-block_4 div.views-row .views-field-view-node a,
	#block-views-Actualidad-block_6 div.views-row .views-field-view-node a,
	#block-views-Actualidad-block_8 div.views-row .views-field-view-node a,
	#block-views-Actualidad-block_11 div.views-row .views-field-view-node a { text-decoration: none; position: absolute; top:123px; right: 30px; background: url(images/bg_ver_mas.png) no-repeat center top; width: 53px; height: 17px; padding-top: 55px; color:#71a6cc; font-size: 11px}

	@media (max-width: 1200px)
	{
		#block-views-Actualidad-block_1 div.views-row img,
		#block-views-Actualidad-block_4 div.views-row img,
		#block-views-Actualidad-block_6 div.views-row img,
		#block-views-Actualidad-block_8 div.views-row img,
		#block-views-Actualidad-block_11 div.views-row img 				{ max-height: 122px; }
		#block-views-Actualidad-block_1 div.views-row .views-field-view-node a,
		#block-views-Actualidad-block_4 div.views-row .views-field-view-node a,
		#block-views-Actualidad-block_6 div.views-row .views-field-view-node a,
		#block-views-Actualidad-block_8 div.views-row .views-field-view-node a,
		#block-views-Actualidad-block_11 div.views-row .views-field-view-node a { text-indent: -5000px; top:35px; }
	}
	@media (max-width: 980px)
	{
		#block-views-Actualidad-block_1 div.views-row img,
		#block-views-Actualidad-block_4 div.views-row img,
		#block-views-Actualidad-block_6 div.views-row img,
		#block-views-Actualidad-block_8 div.views-row img,
		#block-views-Actualidad-block_11 div.views-row img 			{ width: auto; height: auto; max-height: inherit; display: inline-block; margin: 0 auto; }
		.view-id-Actualidad .views-field-field-imagenes-fid			{ text-align: center; }
		#block-views-Actualidad-block_1 div.views-row .views-field-body,
		#block-views-Actualidad-block_4 div.views-row .views-field-body,
		#block-views-Actualidad-block_6 div.views-row .views-field-body,
		#block-views-Actualidad-block_8 div.views-row .views-field-body,
		#block-views-Actualidad-block_11 div.views-row .views-field-body { min-height: inherit; }
		#block-views-Actualidad-block_1 div.views-row,
		#block-views-Actualidad-block_4 div.views-row,
		#block-views-Actualidad-block_6 div.views-row,
		#block-views-Actualidad-block_8 div.views-row,
		#block-views-Actualidad-block_11 div.views-row				 { margin-bottom: 25px; }
	}

	#slider_home 													{ width: 100% !important; overflow: hidden; height:140px; position: relative; margin: 10px auto!important; background: url(images/bg_slider.png) no-repeat top center;}
	#slider_home .carousel 											{ margin: 0 auto; width:990px !important; height:137px; position: relative; }
	#slider_home .next 												{ width: 52px; height: 52px; background: url(images/btn_next.png); border: 0px; position: absolute; top:40px; right: 0px; z-index:20}
	#slider_home .prev 												{ width: 52px; height: 52px; background: url(images/btn_prev.png); border: 0px; position: absolute; top:40px; left: 0px; z-index:20}
	#slider_home .carousel ul li	 								{ position: relative;width:990px; height: 140px!important; }
	#slider_home .carousel ul li img								{ position: relative;width:990px; height: 140px!important; }
	#slider_home .carousel ul li h2.titulo  						{ position: absolute; top:12px; left: 50px; width: 300px; color: #fff; font-size: 38px; font-family: Arial; font-weight: bold; opacity: 0.8; }
	#slider_home .carousel ul li span.subtitulo						{ position: absolute; top:75px; left: 50px; width: 300px; color: #fff; text-transform: uppercase; font-size: 16px; line-height: 18px; opacity: 0.8;}
	#slider_home .ruslider											{ margin: 55px auto!important; }

	@media (max-width: 1200px)
	{
		#slider_home button											{ display: none; }
	}

#wrapper #columnaIzquierda{
	width: 200px;
	float: left;
}
#wrapper #contenido{
	width: 770px;
	padding: 0px 10px;
	float: left;
}

/*	Pie																--------------------------------------------------------------------------------------- */

	#pie															{ padding-top: 20px; padding-bottom: 21px; text-align: center; }
	#pie .col-md-4													{ color: #002d54; font-size: 11px }
	#pie .col-md-4 a												{ color: #002d54; text-decoration: none; }

#detalle_noticias				{ margin: 20px auto; position: relative; color: #364552; font-size: 14px; line-height: 17px;}
#detalle_noticias h2			{ font-size: 17px; color: #002d54; padding: 0px 0px 15px 20px; border-bottom: 10px solid #009ddb; margin-bottom: 10px}
#detalle_noticias #foto 		{ float:right; margin: 0px 0px 20px 20px}
#detalle_noticias #entradilla	{ color: #364552; font-size: 16px; margin-bottom: 10px}
#detalle_noticias p				{ margin-bottom: 10px; color: #364552;}

#boton_descargas						{ position: absolute; right: 0px; text-transform: uppercase; background-color: #364552; color: #fff; padding: 5px 15px}

	#ficha_producto							{ margin: 0px auto; position: relative}
#ficha_producto	h2.titulo_producto		{ font-size: 17px; text-transform: uppercase; color: #002d54; padding: 0px 0px 15px 20px; border-bottom: 10px solid #009ddb; margin-bottom: 10px}
	#ficha_producto #descripcion_producto	{ font-size: 14px; line-height: 17px;}
#ficha_producto #descripcion_producto p	{ margin-bottom: 10px; color: #364552;}
	#ficha_producto #imagen_producto 								{ margin: 0px 0px 20px 0px }
	#ficha_producto #imagen_producto img,
	 	 #descripcion_producto img							{ width: 100%; }
#ficha_producto #separador 				{ clear: both; border: 4px solid #d4dadd}
#ficha_producto #descripcion_producto ul { margin: 5px 10px;}
#ficha_producto #descripcion_producto ul li	{ list-style:disc; margin-left: 20px; color: #364552;}
	#ficha_producto #adjuntos										{ display: inline-block; width: 100%; }
	#ficha_producto #adjuntos h2									{ font-size: 15px; text-transform: uppercase; color: #009ddb; margin-bottom: 10px}
	#ficha_producto #adjuntos #columna								{ float: left; }
	#ficha_producto #adjuntos #columna #descripcion 				{ font-size: 14px; width: 100%; display: inline-block; padding: 8px 0px 8px 0; text-transform: uppercase; border-bottom: 1px solid #d4dadd; color: #364552; }
	#ficha_producto #adjuntos #columna #descripcion > div			{ float: right; }
	#ficha_producto #adjuntos #columna #descripcion > div a			{ display: inline-block; margin-left: 10px; text-decoration: none; color: #333; }
	#ficha_producto #adjuntos #columna #descripcion > div a img		{ margin-right: 5px; }
	#ficha_producto #adjuntos #columna #descripcion:last-child		{ border: none; }

	@media (max-width: 1200px)
	{
		#ficha_producto #adjuntos #columna #descargar 				{ text-indent: -5000px; margin-right: 10px; }
	}
	@media (max-width: 980px)
	{
		#ficha_producto #imagen_producto 							{ text-align: center; }
		#ficha_producto #imagen_producto img						{ display: inline-block; }
		#boton_descargas											{ position: relative; right: inherit; display: block; }
	}
	@media (max-width: 768px)
	{
		#ficha_producto #adjuntos #columna #descripcion > div		{ float: none; margin-top: 7px; }
	}

#ficha_familia							{ margin: 20px auto; position: relative}
#ficha_familia #descripcion_familia		{ width: 700px; float: right; font-size: 14px; line-height: 17px;}
#ficha_familia #descripcion_familia	img	{ margin-bottom: 10px;}
#ficha_familia #descripcion_familia p	{ margin-bottom: 10px; color: #364552;}
#ficha_familia #descripcion_familia h2	{ font-size: 15px; text-transform: uppercase; color: #ff5800; margin-bottom: 10px}
#ficha_familia #descripcion_familia ul	{ margin-left: 10px; margin-botton:5px}
#ficha_familia #descripcion_familia ul li	{ list-style:disc}
#ficha_familia #separador 					{ clear: both; border: 4px solid #d4dadd}

#pagina_estatica	{ font-size: 14px; line-height: 17px;margin: 20px auto; position: relative}
#pagina_estatica ul	{ margin-left: 20px; margin-botton:5px}
#pagina_estatica ul li	{ list-style:disc}
#pagina_estatica p	{ margin-bottom: 10px; color: #364552;}
#pagina_estatica h2					{ font-size: 17px; text-transform: uppercase; color: #364552; padding: 0px 0px 15px 20px; border-bottom: 10px solid #364552; margin-bottom: 10px}

#ficha_familia2								{ margin: 20px auto; position: relative}
#ficha_familia2	h2.titulo_producto			{ font-size: 17px; text-transform: uppercase; color: #002d54; padding: 0px 0px 15px 20px; border-bottom: 10px solid #009ddb; margin-bottom: 10px}
#ficha_familia2 #descripcion_producto		{ font-size: 14px; line-height: 17px;}
#ficha_familia2 #descripcion_producto p		{ margin-bottom: 10px; color: #364552;}
#ficha_familia2 #descripcion_producto ul	{ padding-left: 20px; color: #364552;  margin-botton:5px}
#ficha_familia2 #descripcion_producto ul li	{ list-style:disc}
#ficha_familia2 #descripcion_producto ul li ul	{ padding-left: 20px; color: #364552;}
#ficha_familia2 #descripcion_producto ul li	ul li{ list-style:disc}
#ficha_familia2 #imagen_producto 			{ margin: 0px 0px 20px 0px;}
#ficha_familia2 #separador 					{ clear: both; border: 4px solid #d4dadd}

#pagina_empresa						{ margin: 20px auto; position: relative}
#pagina_empresa	h2.titulo_empresa	{ font-size: 17px; color: #002d54; padding: 0px 0px 15px 20px; border-bottom: 10px solid #747575; margin-bottom: 10px}
#pagina_empresa #descripcion		{ font-size: 14px; line-height: 17px;}
#pagina_empresa #descripcion img	{ margin-bottom: 10px;}
#pagina_empresa #descripcion p		{ margin-bottom: 10px; color: #364552;}
#pagina_empresa #descripcion h2		{ font-size: 15px; text-transform: uppercase; color: #002d54; margin-bottom: 10px}
#pagina_empresa #descripcion ul		{ margin-left: 10px; margin-botton:5px}
#pagina_empresa #descripcion ul li	{ list-style:disc}
#pagina_empresa #separador 			{ clear: both; border: 4px solid #d4dadd}
#pagina_empresa table, #pagina_empresa table tr, #pagina_empresa table tr td 				{ background-color: #fff;}

.orden_66 #descripcion_producto h2,
.orden_90 #descripcion_producto h2,
.orden_149 #descripcion_producto h2,
.orden_118 #descripcion_producto h2	{ margin-top: 10px; color: #ff5800; text-transform: uppercase;}
.orden_66 h2.titulo_producto,
.orden_90 h2.titulo_producto,
.orden_149 h2.titulo_producto,
.orden_118 h2.titulo_producto		{ font-size: 17px; text-transform: uppercase; color: #002d54; padding: 0px 0px 15px 20px; border-bottom: 10px solid #ff5800 !important; margin-bottom: 10px}

.orden_67 #descripcion_producto h2,
.orden_91 #descripcion_producto h2,
.orden_119 #descripcion_producto h2,
.orden_150 #descripcion_producto h2 { margin-top: 10px; color: #69913b; text-transform: uppercase;}
.orden_67 h2.titulo_producto,
.orden_91 h2.titulo_producto,
.orden_119 h2.titulo_producto,
.orden_150 h2.titulo_producto			{ font-size: 17px; text-transform: uppercase; color: #002d54; padding: 0px 0px 15px 20px; border-bottom: 10px solid #69913b !important; margin-bottom: 10px}

.orden_68 #descripcion_producto h2,
.orden_120 #descripcion_producto h2,
.orden_151 #descripcion_producto h2,
.orden_92 #descripcion_producto h2		{ margin-top: 10px; color: #be143b; text-transform: uppercase;}
.orden_68 h2.titulo_producto,
.orden_120 h2.titulo_producto,
.orden_151 h2.titulo_producto,
.orden_92 h2.titulo_producto			{ font-size: 17px; text-transform: uppercase; color: #002d54; padding: 0px 0px 15px 20px; border-bottom: 10px solid #be143b !important; margin-bottom: 10px}

#detalle_referencia 					{ width: 700px; float: right; margin-top:10px}

#detalle_referencia	h2	{ font-size: 17px; text-transform: uppercase; color: #002d54; padding: 0px 0px 10px 20px; border-bottom: 10px solid #747575; margin-bottom: 10px; margin-left: -290px; margin-top: 5px}


#ficha_familia	h2.titulo_agua_caliente			{ font-size: 17px; text-transform: uppercase; color: #002d54; padding: 0px 0px 15px 20px; border-bottom: 10px solid #009ddb; margin-bottom: 10px}
#ficha_familia2	h2.titulo_gases_licuados		{ font-size: 17px; text-transform: uppercase; color: #002d54; padding: 0px 0px 15px 20px; border-bottom: 10px solid #ff5800; margin-bottom: 10px}
#ficha_familia2	h2.titulo_criogenicos			{ font-size: 17px; text-transform: uppercase; color: #002d54; padding: 0px 0px 15px 20px; border-bottom: 10px solid #69913b; margin-bottom: 10px}
#ficha_familia2	h2.titulo_combustibles_liquidos	{ font-size: 17px; text-transform: uppercase; color: #002d54; padding: 0px 0px 15px 20px; border-bottom: 10px solid #c0143c; margin-bottom: 10px}
#ficha_familia2	h2.titulo_otros					{ font-size: 17px; text-transform: uppercase; color: #002d54; padding: 0px 0px 15px 20px; border-bottom: 10px solid #7e99aa; margin-bottom: 10px}

#ficha_familia2 #adjuntos				{ float: left; margin-top: 10px}
#ficha_familia2 #adjuntos h2			{ font-size: 15px; text-transform: uppercase; color: #009ddb; margin-bottom: 10px}
#ficha_familia2 #adjuntos #columna		{ float: left;}
#ficha_familia2 #adjuntos #columna #descripcion { width: 220px; font-size: 14px; padding-top:8px;height: 34px; text-transform: uppercase; border-bottom: 1px solid #d4dadd; color: #364552;}
#ficha_familia2 #adjuntos #columna #ver { display:block; width: 120px; font-size: 10px; padding-top:15px;height: 27px; text-transform: uppercase; border-bottom: 1px solid #d4dadd;}
#ficha_familia2 #adjuntos #columna #descargar { width: 120px; font-size: 10px; padding-top:15px;height: 27px; text-transform: uppercase; border-bottom: 1px solid #d4dadd;}
#ficha_familia2 #adjuntos #columna #ver a, #ficha_familia2 #adjuntos #columna #descargar a	{ color: #444444; padding-left: 10px}
#ficha_familia2 #adjuntos #columna #ver a:hover, #ficha_familia2 #adjuntos #columna #descargar a:hover	{ color: #000}

#formulario_contacto					{ margin: 20px auto; position: relative}
#formulario_contacto h2					{ font-size: 17px; text-transform: uppercase; color: #364552; padding: 0px 0px 15px 20px; border-bottom: 10px solid #364552; margin-bottom: 10px}
#formulario_contacto #separador 		{ clear: both; border: 4px solid #d4dadd}
#formulario_contacto label				{ font-size: 14px; font-weight: normal;}


	#block-views-Actualidad-block_2 h2.title,
	#block-views-Actualidad-block_5 h2.title,
	#block-views-Actualidad-block_3 h2.title,
	#block-views-Actualidad-block_7 h2.title,
	#block-views-Actualidad-block_12 h2.title							{ color: #002d54; font-size: 16px; text-transform: uppercase; margin-bottom: 15px; }

	#listadoNoticias 													{ display: inline-block; width: 100%; background: #fff; box-shadow: 0 10px 6px -6px #999; margin-bottom: 10px; }
	#listadoNoticias #foto 												{ float: left; }
	#listadoNoticias #texto												{ width: 520px; float: left; height: 50px; padding: 10px 20px; color:#777777; font-size: 13px; line-height: 15px}
#listadoNoticias #texto h2		{ color:#777777 !important; font-size: 15px; margin-bottom: 10px}
	#listadoNoticias #enlace 											{ width: 90px; float: right; height: 130px;}

	.ubicacion													{ float:right; }
	form#webform-client-form-191,
	form#webform-client-form-197,
	form#webform-client-form-142,
	form#webform-client-form-172,
	form#webform-client-form-111,
	form#webform-client-form-11,
    form#webform-client-form-499 								{ float:left; width: 60%; }
	form#webform-client-form-191 #webform-component-consulta .form-item,
	form#webform-client-form-197 #webform-component-consulta .form-item,
	form#webform-client-form-142 #webform-component-consulta .form-item,
	form#webform-client-form-172 #webform-component-consulta .form-item,
	form#webform-client-form-111 #webform-component-consulta .form-item,
	form#webform-client-form-11 #webform-component-consulta .form-item 	{ width: 100%; }

	@media (max-width: 1200px)
	{
		form#webform-client-form-191,
		form#webform-client-form-197,
		form#webform-client-form-142,
		form#webform-client-form-172,
		form#webform-client-form-111,
		form#webform-client-form-11,
        form#webform-client-form-499 									{ width: 50%; }
	}
	@media (max-width: 980px)
	{
		#listadoNoticias #foto 											{ margin: 0 auto; float: none; text-align: center; }
		#listadoNoticias #foto img										{ display: inline-block; }
		.ubicacion														{ float:left; }
		form#webform-client-form-191,
		form#webform-client-form-197,
		form#webform-client-form-142,
		form#webform-client-form-172,
		form#webform-client-form-111,
		form#webform-client-form-11,
        form#webform-client-form-499 									{ width: 100%; }
	}
	@media (max-width: 768px)
	{
		#listadoNoticias #enlace 										{ float: none; margin: 15px auto 0; height: 90px; }
		#listadoNoticias #texto											{ float: none; width: auto; padding: 0px; }
	}
	@media (max-width: 480px)
	{
		#listadoNoticias #enlace 										{ display: none; }
		#listadoNoticias #texto											{ display: inline-block; padding: 0 15px; }
		#listadoNoticias 												{ padding-bottom: 10px; }
	}
	@media (max-width: 479px)
	{
		#formulario_contacto iframe 									{ width:300px; height:auto; }
	}

#listadoNoticias #enlace a		{ background: url(images/bg_ver_mas.png) no-repeat center top; width: 52px; height: 17px; padding-top: 55px; color:#71a6cc; font-size: 11px; display: block; text-align: center; margin-top: 30px}
#listadoNoticias #enlace a:hover	{color: #000}



#listadoReferencias 				{ float:right;width: 710px; height: 137px; background: url(images/bg_actualidad.png) center bottom no-repeat}
#listadoReferencias #foto 		{ width: 307px; float: left; height: 130px;}
#listadoReferencias #texto		{ width: 300px; float: left; height: 50px; padding: 35px 10px; color:#777777; font-size: 13px; line-height: 15px}
#listadoReferencias #texto h2		{ color:#777777 !important; font-size: 15px; text-transform: uppercase; margin-bottom: 10px}
#listadoReferencias #enlace 		{ width: 62px; float: right; height: 130px;}


#listadoReferencias #enlace a		{ background: url(images/bg_ver_mas.png) no-repeat center top; width: 52px; height: 17px; padding-top: 55px; color:#71a6cc; font-size: 11px; display: block; text-align: center; margin-top: 30px}
#listadoReferencias #enlace a:hover	{color: #000}



/*Bloques menus empresa*/

#block-block-1 				{ }
#block-block-1 				{ }
#block-block-1 #enlaces a	{  font-size: 12px; display: block; background-color: #f2f2f2; color:#002d54; vertical-align: baseline; padding: 5px 5px 5px 15px; border-top:1px solid #fff; border-bottom:1px solid #fff;}
#block-block-1 #enlaces a b {display: block;}
#block-block-1 #enlaces a.simple{padding: 10px;}
#block-block-1 #enlaces a:hover,#block-block-1 #enlaces a.active 	{ color: #fff; background-color: #747575;}

/*Bloques menus productos*/

	#block-block-2 													{ }
	#block-block-2 #enlaces a										{ text-decoration: none; text-transform: uppercase; font-size: 14px; line-height: 16px; display: block; background-color: #d9f0fa; color:#094477; padding: 10px; border-top:1px solid #fff; border-bottom:1px solid #fff;}
	#block-block-2 #enlaces a b 									{ display: block; }
	#block-block-2 #enlaces a.simple								{ padding: 10px; }
	#block-block-2 #enlaces a:hover,#block-block-2 #enlaces a.active{ background-color: #6caedf;}

	#block-block-2 #enlaces a:first-child,
	#block-block-2 #enlaces a:nth-child(2),
	#block-block-2 #enlaces a:nth-child(3)					{ background-color: #ffe7a7; }
	#block-block-2 #enlaces a:first-child:hover,
	#block-block-2 #enlaces a:nth-child(2):hover,
	#block-block-2 #enlaces a:nth-child(3):hover			{ background-color: #ffd24f; }

	#block-block-2 #enlaces a:nth-child(7),
	#block-block-2 #enlaces a:nth-child(8),
	#block-block-2 #enlaces a:nth-child(9)					{ background-color: #b8dcae; }
	#block-block-2 #enlaces a:nth-child(7):hover,
	#block-block-2 #enlaces a:nth-child(8):hover,
	#block-block-2 #enlaces a:nth-child(9):hover			{ background-color: #72c267; }

	#block-block-2 #enlaces a:nth-child(10),
	#block-block-2 #enlaces a:nth-child(11),
	#block-block-2 #enlaces a:nth-child(12),
	#block-block-2 #enlaces a:last-child					{ background-color: #dddedf; }
	#block-block-2 #enlaces a:nth-child(10):hover,
	#block-block-2 #enlaces a:nth-child(11):hover,
	#block-block-2 #enlaces a:nth-child(12):hover,
	#block-block-2 #enlaces a:last-child:hover				{ background-color: #b9bbbc; }

	#block-block-2 #enlaces a:nth-child(3),
	#block-block-2 #enlaces a:nth-child(6),
	#block-block-2 #enlaces a:nth-child(9)					{ margin-bottom: 10px; }

#block-block-3 				{ position: absolute; top:55px; width: 245px;}
#block-block-3 				{ }
#block-block-3 #enlaces a	{ text-transform: uppercase; font-size: 12px; display: block; background-color: #f2f2f2; color:#002d54; height:21px; vertical-align: baseline; padding: 5px 5px 5px 15px; border-top:1px solid #fff; border-bottom:1px solid #fff;}
#block-block-3 #enlaces a b {display: block;}
#block-block-3 #enlaces a.simple{padding: 10px 5px 0px 15px; height: 21px;}

#block-block-4 				{ position: absolute; top:55px; width: 245px;}
#block-block-4 				{ }
#block-block-4 #enlaces a	{ text-transform: uppercase; font-size: 12px; display: block; background-color: #f2f2f2; color:#002d54; height:21px; vertical-align: baseline; padding: 5px 5px 5px 15px; border-top:1px solid #fff; border-bottom:1px solid #fff;}
#block-block-4 #enlaces a b {display: block;}
#block-block-4 #enlaces a.simple{padding: 10px 5px 0px 15px; height: 21px;}

#block-block-5 				{ position: absolute; top:55px; width: 245px;}
#block-block-5 				{ }
#block-block-5 #enlaces a	{ text-transform: uppercase; font-size: 12px; display: block; background-color: #f2f2f2; color:#002d54; height:21px; vertical-align: baseline; padding: 5px 5px 5px 15px; border-top:1px solid #fff; border-bottom:1px solid #fff;}
#block-block-5 #enlaces a b {display: block;}
#block-block-5 #enlaces a.simple{padding: 10px 5px 0px 15px; height: 21px;}

	#block-block-6 #enlaces a									{ text-decoration: none; text-transform: uppercase; font-size: 12px; display: block; background-color: #e1e5e7; color:#333; padding: 10px 10px 10px 10px; border-top:1px solid #fff; border-bottom:1px solid #fff;}
	#block-block-6 #enlaces a b 								{display: block;}
	#block-block-6 #enlaces a.simple							{padding: 10px 10px 10px 10px;}
	#block-block-6 #enlaces a:hover,#block-block-6 #enlaces a.active 	{ color: #fff; background-color: #7e99aa;}

/* Bloques de Login y Navegacion */

.block-user{
	width: 180px;
	padding: 3px;
	border: dotted 1px #999;
	border-radius: 8px;
	position: relative;
	margin: 5px auto 5px auto;
	background-color: #FAFAFA;
	}
.block-user h2{
	padding: 5px;
	font-size: 12px;
	text-align:center;
	background-color: #0057A6;
	color:#FFF;
	margin: 0px 0px 10px 0px;
	border-radius: 6px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
#block-user-0 ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
#block-user-0 li {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
#block-user-0 a{
	text-decoration: none;
	margin: 10px;
	display:block;
	color:#666;
	}
#block-user-1 {
	padding-bottom: 10px;
	}
#block-user-1>div>.menu{
	margin-left: 10px;
	}
#block-user-1 .menu a{
	color:#000;
	text-decoration: none;
	}
#block-user-1 .menu a:hover{
	color:#999;
	text-decoration: none;
	}

/* Nuevos Estilos */

/* Elementos de formulario CCK */

.field-label {
	color: #0057A6;
	font-size: 14px;
	display: block;
	clear: both;
	border-bottom: dotted 1px #999;
	margin: 10px 0px 10px;
	padding-bottom: 5px;
}

fieldset {
	border: dotted 1px #999;
	border-radius: 8px;
	margin: 10px 0px;
	padding: 10px;
	clear: both;
	background-color: #FAFAFA;
}
fieldset legend {
	color: #0057A6;
	font-size: 14px;
	display: block;
	font-weight: bold;
}

/* Enlaces del pie del nodo y pestanas */

.links{
	margin: 10px 0px;
}
.links a {
	text-decoration: none;
	font-size: 12px;
	color: #0057A6;
	font-weight: bold;
}
.tabs .primary {
	height: 19px;
}
.tabs .primary a {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding: 5px 15px 5px 15px !important;
	text-shadow:1px 1px 1px #FFF;
}


/* Tablas de vistas */

table {
    font-size: 12px;
    font-style: normal;
    width: 100%;
    margin-bottom: 10px;
}
table thead th {
    padding:8px 15px;
    color:#fff;
    border:1px solid #0057A6;
    background-color:#0057A6;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    text-shadow:1px 1px 1px #333;
    font-weight: normal;
    text-align: center;
}
table tbody td {
    padding:5px;
    background-color:#EEE;
    border: 1px solid #DDD;
    border-radius:2px;
    color:#333;
    text-shadow:1px 1px 1px #fff;
}
table tbody td input[type=checkbox],
table tbody td input[type=radio] {
	margin: 0px auto;
	display: block;
}
table thead th a {
    color: #FFF;
    text-decoration: none;
}
table thead th img {
    padding: 0px 5px;
}
table tbody td a {
    color: #0057A6;
    text-decoration: none;
}

/* Formularios internos */

input[type=text], input[type=email], input[type=password], textarea {
	padding: 2px;
	border: solid 1px #CCC;
	outline: 0;
	padding: 6px 4px;
	}
input[type=text]:hover, textarea:hover,
input[type=text]:focus, text area:focus {
	border-color: #AAA;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}
tr.odd .form-item, tr.even .form-item {
	white-space: normal;
	}
.form label {
	margin-left: 10px;
	color: #999999;
	}
input[type=button],
input[type=submit] {
	margin: 0px auto;
	background-color: #042e53;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	padding: 3px 10px;
	text-transform: uppercase;
	border: 0px;


	}
.form-item label{
	color: #000;
	font-size: 14px;
	display: block;
	clear: both;
	padding-bottom: 5px;
	}
.form-item label.option{
	font-size: 12px;
	}
html.js input.form-autocomplete{
	background-position: right 6px;
	}
html.js input.throbbing{
	background-position: right -14px;
	}
div.error {
	border-radius: 8px;
	background: #FFE5E5;
	padding: 10px;
	border: solid 2px #FF0000;
}

.ocultar{display:none;}

/*    Cookie Consent Javascript Banner
      Copyright 2013 Raul Alvarez r a u l . a l v a r e z @ g m a i l . c o m
      This program is free software: you can redistribute it and/or modify
      it under the terms of the GNU Lesser General Public License as published by
      the Free Software Foundation, either version 3 of the License, or
      (at your option) any later version.
      This program is distributed in the hope that it will be useful,
      but WITHOUT ANY WARRANTY; without even the implied warranty of
      MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
      GNU Lesser General Public License for more details.
      You should have received a copy of the GNU Lesser General Public License
      along with this program.  If not, see <http://www.gnu.org/licenses/>. */

    .cookieLawBox {
        background-color:#666666;
        color:#ffffff;
        font-family:arial;
        font-size:12px;
        font-weight:normal;
        text-align:left;
        z-index: 1000000;
    }

    .cookieLawAnchor {
        color:#ffffff;
        text-decoration:underline;
        font-family:arial;
        font-size:12px;
        font-weight:normal;
    }

    .cookieLawAnchor:hover {
        font-weight:normal;
        font-family:arial;
        font-size:12px;
        font-weight:normal;
    }

    .cookieLawAnchor:active {
        font-weight:normal;
        font-family:arial;
        font-size:12px;
        font-weight:normal;
    }

    .cookieLawButton {

        background-color:#ffffff;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border-radius:3px;

        border:1px solid #dcdcdc;

        display:inline-block;
        color:#666666;
        font-family:arial;
        font-size:12px;
        font-weight:normal;
        padding:4px 24px;
        text-decoration:none;
    }

    .cookieLawButton:hover {
        background-color:#f6f6f6;
    }

    .cookieLawButton:active {
        background-color:#ffffff;
    }


/* http://webcodertools.com/imagetobase64converter/Create  */

    .cookieLawButtonAccept {
        /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAQMAAABsABwUAAAAFXRFWHRDcmVhdGlvbiBUaW1lAAfdCB0SDgHTUOikAAAAB3RJTUUH3QgdESE0QLhJwwAAAAlwSFlzAAAK8AAACvABQqw0mAAAAAZQTFRFAAAA////pdmf3QAAAAJ0Uk5T/wDltzBKAAAAQklEQVR42i3MoQ2AQBAAwSUIJCVQCnTGExpbRxtfwssXhONIEGOHCIm+ES3Vn3IVOQc5RimfSZylprZIX+Xe5Ul5vA7NIzXVBOljAAAAAElFTkSuQmCC);*/
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAQMAAABsABwUAAAAFXRFWHRDcmVhdGlvbiBUaW1lAAfdCB0TDgHSkoKTAAAAB3RJTUUH3QkJCgcNLgvnBgAAAAlwSFlzAAAK8AAACvABQqw0mAAAAAZQTFRFZmZm////c0tZqAAAAAJ0Uk5T/wDltzBKAAAAQklEQVR42i3MoQ2AQBAAwSUIJCVQCnTGExpbRxtfwssXhONIEGOHCIm+ES3Vn3IVOQc5RimfSZylprZIX+Xe5Ul5vA7NIzXVBOljAAAAAElFTkSuQmCC);
        background-repeat: no-repeat;
        background-position: left;
        background-size: 10px 10px;
        background-position: 6px 9px;
    }

    .cookieLawButtonDeny {
        /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAQMAAABsABwUAAAAFXRFWHRDcmVhdGlvbiBUaW1lAAfdCB0SDTSuzn9EAAAAB3RJTUUH3QgdESIFOksaOgAAAAlwSFlzAAAK8AAACvABQqw0mAAAAAZQTFRFAAAA////pdmf3QAAAAJ0Uk5T/wDltzBKAAAAR0lEQVR42mP4//8Awx/+AwwfmA8wPGA8wHDwwQGGAz8OMDRUODB02Dgw9Mg4MPTxODD0szgwtDc4MBw/AFEDUgvSA9ILNAMAbuEfVA1FQOsAAAAASUVORK5CYII=);*/
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAQMAAABsABwUAAAAFXRFWHRDcmVhdGlvbiBUaW1lAAfdCB0TDTSvDBVzAAAAB3RJTUUH3QkJCgcX02kefAAAAAlwSFlzAAAK8AAACvABQqw0mAAAAAZQTFRFZmZm////c0tZqAAAAAJ0Uk5T/wDltzBKAAAAR0lEQVR42mP4//8Awx/+AwwfmA8wPGA8wHDwwQGGAz8OMDRUODB02Dgw9Mg4MPTxODD0szgwtDc4MBw/AFEDUgvSA9ILNAMAbuEfVA1FQOsAAAAASUVORK5CYII=);
        background-repeat: no-repeat;
        background-position: left;
        background-size: 10px 10px;
        background-position: 4px 6px;
}

    .cookieLawButtonInfo {
        /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAQMAAABsABwUAAAAFXRFWHRDcmVhdGlvbiBUaW1lAAfdCB0SDjcc6n09AAAAB3RJTUUH3QgdESIXyfJrcgAAAAlwSFlzAAAK8AAACvABQqw0mAAAAAZQTFRFAAAA////pdmf3QAAAAJ0Uk5T/wDltzBKAAAAKklEQVR42mP4//8AAxg/B+LDUPwcKiZ/gOFfP5AGYX4oH4TtIRgsBtEPACUgKdGmyJTFAAAAAElFTkSuQmCC);*/
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAQMAAABsABwUAAAAFXRFWHRDcmVhdGlvbiBUaW1lAAfdCB0TDjcdKBcKAAAAB3RJTUUH3QkJCgcmgrceRgAAAAlwSFlzAAAK8AAACvABQqw0mAAAAAZQTFRFZmZm////c0tZqAAAAAJ0Uk5T/wDltzBKAAAAKklEQVR42mP4//8AAxg/B+LDUPwcKiZ/gOFfP5AGYX4oH4TtIRgsBtEPACUgKdGmyJTFAAAAAElFTkSuQmCC);
        background-repeat: no-repeat;
        background-position: left;
        background-size: 10px 10px;
        background-position: 4px 6px;
    }

    .cookieLawButtonClose {
        /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAQMAAABsABwUAAAAFXRFWHRDcmVhdGlvbiBUaW1lAAfdCB0SDhywVoR9AAAAB3RJTUUH3QgdESIlASU68gAAAAlwSFlzAAAK8AAACvABQqw0mAAAAAZQTFRFAAAA////pdmf3QAAAAJ0Uk5T/wDltzBKAAAAOUlEQVR42mP4//8AAwg//3yA4fDDAwyNBw4wHGg8wPCA+QDDB/YDDD/4IRjEBomB5EBqQGpBeqD6AYadJztnmkquAAAAAElFTkSuQmCC);*/
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAQMAAABsABwUAAAAFXRFWHRDcmVhdGlvbiBUaW1lAAfdCB0TDhyxlO5KAAAAB3RJTUUH3QkJCgcxAWSbgQAAAAlwSFlzAAAK8AAACvABQqw0mAAAAAZQTFRFZmZm////c0tZqAAAAAJ0Uk5T/wDltzBKAAAAOUlEQVR42mP4//8AAwg//3yA4fDDAwyNBw4wHGg8wPCA+QDDB/YDDD/4IRjEBomB5EBqQGpBeqD6AYadJztnmkquAAAAAElFTkSuQmCC);
        background-repeat: no-repeat;
        background-position: left;
        background-size: 10px 10px;
        background-position: 4px 6px;
    }

@media (max-width: 480px)
{
	#webform-client-form-11 input,
	#webform-client-form-11 select,
	#webform-client-form-11 textarea				{ width: 100%; }
}