@font-face {
	font-family: Rene;
	src: url('24F2DB_1_0.ttf'), url('24F2DB_1_0.eot'); /* IE9 */
}

@font-face {
	font-family: Rene Bold;
	src: url('24F2DB_4_0.ttf'), url('24F2DB_4_0.eot'); /* IE9 */
}

@font-face {
	font-family: Rene Light;
	src: url('24F2DB_6_0.ttf'), url('24F2DB_6_0.eot'); /* IE9 */
}

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,button,input,select,textarea {
	color: #222;
}

body {
	font-size: 1em;
	line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
	vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
	resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
	font-size: 1em;
	font-family: Rene;
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
}

.chromeframe A {
	color: #808080;
	font-weight: 700;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
* {
	padding: 0;
	margin: 0;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border: none;
}

.negrita {
	font-weight: 700;
}

.mayuscula {
	text-transform: uppercase;
	font-size: 1em;
}

.slides {
	min-height: 250px;
}

A {
	color: #454545;
}

html {
	background-color: #2c2d2f;
	background-image: url(../img/textura-02.png);
	background-repeat: repeat;
}

html.tratamientos {
	background-image: url(../img/textura-01.png);
}

html.innovacion {
	background-image: url(../img/textura-03.png);
}

html.productos {
	background-image: url(../img/textura-04.png);
}

html.comunicacion {
	background-image: url(../img/textura-05.png);
}

body {
	background-color: #2c2d2f;
	height: 100%;
}

#back-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 99999;
}

#back-top a {
	width: 81px;
	display: block;
	text-align: center;
	font-family: 'Scada', "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.80em;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#back-top span {
	width: 81px;
	height: 81px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(../img/up-arrow.png) no-repeat center center;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#back-top a:hover span {
	background-color: #777;
}

#banner_portada {
	margin: 0 auto;
	height: 15em;
	width: 96%;
	bottom: 13em;
	left: 0;
	z-index: 4;
	position: absolute;
	text-align: right;
	padding: 0 2%;
	overflow: hidden;
}

#banner_portada p {
	font-size: 3.25em;
	margin: auto;
	color: #9e9e9e;
	width: 100%;
	text-align: right;
	text-transform: uppercase;
	font-family: Rene;
	line-height: 0.95em;
	text-shadow: 0.1em 0.1em 0.1em #000000;
}

#banner_portada p.principal {
	font-size: 4.50em;
	margin: auto;
	color: #FFFFFF;
	width: 100%;
	text-align: right;
	text-transform: uppercase;
	font-family: Rene;
	line-height: 0.95em;
}

#banner_portada p.principal span.nuevo {
	font-size: 1.10em;
	color: #66cc33;
}

#banner_portada p.principal span.nuevo_color {
	font-size: 1.10em;
	color: #bf0411;
}

#bloque_noticias {
	margin: 0 auto;
	height: 5em;
	width: 100%;
	padding: 1.50em 0;
	bottom: 3em;
	left: 0;
	z-index: 4;
	position: absolute;
	background-color: #FFFFFF;
	text-align: center;
}

#bloque_noticias article {
	display: inline-block;
	width: 20%;
	height: 100%;
	padding: 0 1em;
	border-right: 1px #939393 solid;
	overflow: hidden;
}

#bloque_noticias article:nth-child(3) {
	border: 0;
}

#bloque_noticias article p {
	font-size: 0.70em;
	margin: auto;
	color: #242424;
	width: 100%;
	text-align: left;
	line-height: 1.40em;
}

#bloque_noticias article p A {
	color: #242424;
	font-weight: 700;
}

#bloque_noticias aside {
	width: 220px;
	height: 8em;
	position: absolute;
	right: 0;
	top: 0;
	display: table;
}

#bloque_noticias aside h1 {
	font-size: 2.25em;
	font-weight: normal;
	margin: auto;
	padding-top:10px;
	color: #BBBBBB;
	text-align: left;
	vertical-align: top;
	text-transform: uppercase;
	font-family: Rene;
	height: 100%;
	display: block;
	line-height: 0.82em;
	position: relative;
}

#bloque_noticias .newsletter{
	font-size: 0.7em;
	text-align: left;
	min-width:210px;
}

#bloque_noticias .newsletter .controls{
    width:80%;
    float:left;
}

#bloque_noticias .newsletter .buttons{
	width:20%;
	float:left;
}

#bloque_noticias .newsletter .step.loading{
	background-image: url(../img/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	height:3em;
}

#bloque_noticias .newsletter .step.message .txt .message{
	color: #00462B;
}
#bloque_noticias .newsletter .step.message .txt .error{
    color: #8E023D;
}


#btn_buscador {
	display: none;
}

#contenido {
	margin: auto;
	background-color: #ebebeb;
	width: 100%;
	clear: both;
	height: auto;
	padding: 0;
	background-image: url(../img/fondo-interiores-contenido.jpg);
	background-repeat: repeat-x;
	position: absolute;
	top: 176px;
	z-index: 4;
	padding: 2em 0;
	border-bottom: 1px #FFFFFF solid;
}

#contenido.tejidos {
	top: 203px;
}

/* Sobre nosotros, innovacion... */
#contenido_intro {
	width: 70%;
	margin: auto;
}

#contenido_intro p {
	font-size: 1.35em;
	color: #444444;
	width: 100%;
	text-align: left;
	text-transform: uppercase;
	font-family: Rene Light;
	line-height: 0.95em;
	margin: 0;
	padding: 0;
}

#contenido_intro p.principal {
	font-size: 1.75em;
	color: #444444;
	width: 100%;
	text-align: left;
	text-transform: uppercase;
	font-family: Rene Light;
	line-height: 0.95em;
	margin: 0;
	padding: 0;
	padding-bottom: 0.50em;
	border-bottom: 1px #444444 solid;
}

#contenido_texto {
	width: 70%;
	margin: auto;
	margin-top: 1.50em;
	background: url(../img/fondo_contenido.png) repeat-y 37% center;
	text-align: center;
}

#contenido_texto div {
	margin-left: -4px;
	vertical-align: top;
}

#contenido_texto .col_logos {
	width: 100%;
	padding: 1.5em 0 0 0;
	text-align: center;
}

#contenido_texto .col_logos IMG {
	padding: 0 1.50em;
}

#contenido_texto .col_i {
	width: 35%;
	display: inline-block;
	padding-right: 2%;
}

#contenido_texto .col_i.larga,#contenido_texto .col_d.entera {
	width: 100%;
	padding: 0%;
} /* Para el aviso legal, historia */
#contenido_texto .col_i.entera {
	width: 48%;
} /* historia */
#contenido_texto .col_i.entera.derecha {
	width: 48%;
	padding-left: 2%;
	padding-right: 0%;
} /* historia */
#contenido_texto .col_d {
	width: 60%;
	display: inline-block;
	text-align: right;
	padding-left: 3%;
}

.col_i p, .col_c p, .col_d p {
	font-size: 0.90em;
	color: #454545;
	width: 100%;
	text-align: left;
	line-height: 1.35em;
	margin: 0;
	padding: 0;
	padding-bottom: 0.75em;
}

.col_i p A {
	font-size: 1em;
	color: #454545;
}
.col_i.larga p {
	font-size: 0.80em;
	padding-bottom: 0.75em;
	text-align: justify;
} /* Para el aviso legal */
.col_i ul {
	font-size: 0.90em;
	color: #454545;
	width: 100%;
	text-align: left;
	margin: 0;
	padding: 0;
	padding: 1em 0em;
	list-style: none;
}

.col_i ul li {
	background-image: url(../img/bullet.png);
	background-position: left 4px;
	padding-left: 20px;
	background-repeat: no-repeat;
}

.col_i ul li A {
	color: #454545;
	text-decoration: none;
}

.col_i ul li A:hover {
	color: #7c7a76;
}

/* Formulario de contacto */
#contenido_texto.formulario {
	background-position: 52% center;
}

#contenido_texto.sin_fondo {
	background: none;
}

#contenido_texto .col_i.formulario {
	width: 50%;
}

#contenido_texto .col_d.formulario {
	width: 45%;
}

#contenido_texto .col_i.formulario form {
	text-align: left;
	margin-top: 1.50em;
	font-size: 0.95em;
	color: #454545;
}

#contenido_texto .col_i.formulario form fieldset {
	display: inline-block;
	width: 48%;
	padding: 0 1%;
	margin-left: -4px;
}

#contenido_texto .col_i.formulario form fieldset.larga {
	width: 100%;
	padding: 0.50em 0;
}

#contenido_texto .col_i.formulario form LABEL {
	width: 100%;
	font-size: 0.85em;
	color: #454545;
	margin-bottom: 0.25em;
}

#contenido_texto .col_i.formulario form LABEL A {
	color: #454545;
}

#contenido_texto .col_i.formulario form INPUT,TEXTAREA {
	width: 95%;
	font-size: 0.90em;
	color: #454545;
	margin-bottom: 0.25em;
	vertical-align: middle;
	padding: 0.50em 0.25em;
	background: none;
	border: 1px #444444 solid;
}

#contenido_texto .col_i.formulario form TEXTAREA {
	height: 8em;
}

#contenido_texto .col_i.formulario form INPUT[type="checkbox"] {
	border: 0;
	padding-left: 0;
	background: none;
}

#contenido_texto .col_i.formulario form INPUT[type="submit"] {
	width: auto;
	clear: both;
	font-size: 0.85em;
	color: #FFFFFF;
	background: #444444;
	padding: 0.55em 1em;
	border: 0;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#contenido_texto .col_d #mapa_google {
	border: 6px #FFFFFF solid;
}

#contenido .col_d p.destacado,#contenido .col_i p.destacado {
	border: 1px #66676a solid;
	padding: 3%;
	width: 94%;
	margin-top: 0.40em;
	margin-bottom: 0.40em;
	background-color: #c4c3c3;
}

/* Listado de tratamientos */
#contenido ul.listado {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 70%;
}

#contenido ul.listado li {
	list-style: none;
	margin: 0 auto;
	display: inline-block;
	width: 23%;
	padding: 2% 2% 2% 0%;
	margin-left: -4px;
	text-align: left;
}

#contenido ul.listado li IMG {
	display: block;
	clear: both;
	margin-bottom: 0.25em;
	border:2px solid transparent;
}

#contenido ul.listado li A {
	font-size: 1.10em;
	color: #3c3c3c;
	text-transform: capitalize;
	font-family: Rene Bold;
	text-decoration: none;
}

#contenido ul.listado li A:hover {
	color: #FFFFFF;
}
#contenido ul.listado li A:hover img{
}

#contenido ul.listado li A.c1:hover {
	color: #699232;
}
#contenido ul.listado li A.c1:hover img{
	border-color: #699232;
}

#contenido ul.listado li A.c2:hover {
	color: #eec722;
}
#contenido ul.listado li A.c2:hover img{
	border-color: #eec722;
}

#contenido ul.listado li A.c3:hover {
	color: #211916;
}
#contenido ul.listado li A.c3:hover img{
	border-color: #211916;
}

#contenido ul.listado li A.c4:hover {
	color: #0081c5;
}
#contenido ul.listado li A.c4:hover img{
	border-color: #0081c5;
}

#contenido ul.listado li A.c5:hover {
	color: #78942d;
}
#contenido ul.listado li A.c5:hover img{
	border-color: #78942d;
}

#contenido ul.listado li A.c6:hover {
	color: #00959c;
}
#contenido ul.listado li A.c6:hover img{
	border-color: #00959c;
}

#contenido ul.listado li A.c7:hover {
	color: #ad0040;
}
#contenido ul.listado li A.c7:hover img{
	border-color: #ad0040;
}

#contenido ul.listado li A.c8:hover {
	color: #005ea4;
}
#contenido ul.listado li A.c8:hover img{
	border-color: #005ea4;
}

#contenido ul.listado li A.c9:hover {
	color: #6f6c65;
}
#contenido ul.listado li A.c9:hover img{
	border-color: #6f6c65;
}

#contenido ul.listado li A.c10:hover {
	color: #53aac6;
}
#contenido ul.listado li A.c10:hover img{
	border-color: #53aac6;
}

/* Listado mas noticias  */
#contenido ul.listado_mas_noticias {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	padding-left: 1%;
	width: 99%;
	clear: both;
	margin-top: 0.50em;
	border-top: 1px #444444 solid;
	border-bottom: 1px #444444 solid;
}

#contenido ul.listado_mas_noticias li {
	list-style: none;
	margin: 0 auto;
	display: inline-block;
	width: 31%;
	padding: 2% 1% 2% 1%;
	margin-left: -4px;
	text-align: left;
	vertical-align: top;
}

#contenido ul.listado_mas_noticias li:first-child {
	font-size: 140%;
	color: #595959;
	text-transform: uppercase;
	font-family: Rene;
	padding: 2% 0% 2% 2%;
	width: 98%;
}

#contenido ul.listado_mas_noticias li IMG {
	display: block;
	clear: both;
	margin-bottom: 0.25em;
	height: 122px;
}

#contenido ul.listado_mas_noticias li A {
	font-size: 0.70em;
	color: #3c3c3c;
	text-decoration: none;
}

#contenido ul.listado_mas_noticias li A.ver_mas {
	color: #000000;
	font-weight: 700;
	background: url(../img/flecha-derecha.png) no-repeat center left;
	background-size: contain;
	padding-left: 20px;
}

#contenido ul.listado_mas_noticias li A:hover {
	color: #FFFFFF;
}

/* Listado paginador  */
#contenido p.listado_paginador {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	clear: both;
	text-align: right;
	margin-top: 2em;
	font-size: 0.85em;
	color: #3c3c3c;
}

#contenido p.listado_paginador IMG {
	vertical-align: middle;
	padding: 0;
	margin: 0 0.25em;
}

/* Listado de tejidos */
#contenido ul.listado_tejidos {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 70%;
}

#contenido ul.listado_tejidos li {
	list-style: none;
	margin: 0 auto;
	display: inline-block;
	width: 31%;
	padding: 2% 2% 2% 0%;
	margin-left: -4px;
	text-align: left;
}

#contenido ul.listado_tejidos li IMG {
	display: block;
	clear: both;
	margin-bottom: 0.25em;
}

#contenido ul.listado_tejidos li A {
	font-size: 1.10em;
	color: #3c3c3c;
	font-family: Rene Bold;
	text-decoration: none;
}

#contenido ul.listado_tejidos li A:hover {
	color: #FFFFFF;
}

#contenido ul.listado_tejidos li A.c3:hover {
	color: #93a72c;
}

#contenido ul.listado_tejidos li A.c4:hover {
	color: #d7874a;
}

#contenido ul.listado_tejidos li A.c5:hover {
	color: #fe0000;
}

#contenido ul.listado_tejidos li A.c1:hover {
	color: #ddb601;
}

#contenido ul.listado_tejidos li A.c2:hover {
	color: #dd403b;
}

/* Listado de plantillas */
#contenido ul.listado_plantillas {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 70%;
}

#contenido ul.listado_plantillas li {
	list-style: none;
	margin: 0 auto;
	display: inline-block;
	width: 31%;
	padding: 2% 2% 2% 0%;
	margin-left: -4px;
	text-align: left;
}

#contenido ul.listado_plantillas li IMG {
	display: block;
	clear: both;
	margin-bottom: 0.25em;
}

#contenido ul.listado_plantillas li A {
	font-size: 1.10em;
	color: #3c3c3c;
	font-family: Rene Bold;
	text-decoration: none;
}

#contenido ul.listado_plantillas li A:hover {
	color: #FFFFFF;
}

#contenido ul.listado_plantillas li A.c1:hover {
	color: #0271b6;
}

#contenido ul.listado_plantillas li A.c2:hover {
	color: #c62924;
}

#contenido ul.listado_plantillas li A.c3:hover {
	color: #80b71b;
}

/* Listado de lining */
#contenido ul.listado_lining {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 70%;
	border-bottom: 1px #3c3c3c solid;
}

#contenido ul.listado_lining li {
	list-style: none;
	margin: 0 auto;
	display: inline-block;
	width: 48%;
	padding: 2% 1%;
	margin-left: -4px;
	text-align: left;
}

#contenido ul.listado_lining li IMG {
	display: block;
	clear: both;
	margin-bottom: 0.25em;
}

#contenido ul.listado_lining li A {
	font-size: 1.10em;
	color: #3c3c3c;
	font-family: Rene Bold;
	text-decoration: none;
}

#contenido ul.listado_lining li A:hover {
	color: #FFFFFF;
}

#contenido ul.listado_lining li A.c3:hover {
	color: #d69e00;
}

#contenido ul.listado_lining li A.c4:hover {
	color: #036cad;
}

#contenido ul.listado_lining li A.c5:hover {
	color: #598cbb;
}

/* Modificaciones para el nuevo diseño de Lining */
#contenido ul.listado_lining {
	border-bottom: 0;
}

#contenido ul.destacado {
	list-style: none;
	margin: 0.40em auto;
	padding: 0;
	width: 68%;
	padding: 1%;
	border: 1px #66676a solid;
	background-color: #c4c3c3;
}

#contenido ul.destacado li {
	list-style: none;
	margin: 0 auto;
	display: inline-block;
	width: 30%;
	padding: 0;
	margin-left: -4px;
	text-align: left;
	background-image: url(../img/bullet.png);
	background-position: left 6px;
	background-repeat: no-repeat;
	padding-left: 3%;
	font-family: Rene;
	color: #3c3c3c;
}

#contenido ul.destacado li:nth-child(3n + 1) {
	width: 35%;
}

#contenido ul.destacado li:nth-child(3n + 2) {
	width: 35%;
}

#contenido ul.destacado li:nth-child(3n + 3) {
	width: 20%;
}

/* Listado de lining inferior */
#contenido ul.listado_lining_inferior {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 70%;
	border-bottom: 1px #3c3c3c solid;
}

#contenido ul.listado_lining_inferior li {
	list-style: none;
	margin: 0 auto;
	display: inline-block;
	width: 31%;
	padding: 2% 1%;
	margin-left: -4px;
	text-align: left;
}

#contenido ul.listado_lining_inferior li:first-child {
	width: 100%;
	padding: 0% 1%;
	font-size: 1em;
	padding-top: 1%;
	font-family: Rene Light;
}

#contenido ul.listado_lining_inferior li IMG {
	display: block;
	clear: both;
	margin-bottom: 0.25em;
}

#contenido ul.listado_lining_inferior li A {
	font-size: 1.10em;
	color: #3c3c3c;
	font-family: Rene Bold;
	text-decoration: none;
}

#contenido ul.listado_lining_inferior li:first-child A {
	font-size: 1em;
	font-family: Rene Light;
}

#contenido ul.listado_lining_inferior li A:hover {
	color: #FFFFFF;
}

/* Enlaces lateral ficha tratamientos */
#contenido ul.listado_tratamientos {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 95%;
	border: 1px #d5d5d5 solid;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
	-o-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
	background-color: #FFFFFF;
}

#contenido ul.listado_tratamientos li {
	list-style: none;
	margin: 0 auto;
	display: block;
	width: 96%;
	text-align: center;
	border-bottom: 1px #d5d5d5 solid;
}

#contenido ul.listado_tratamientos li:last-child {
	border-bottom: 0;
	width: 88%;
	padding: 1em 0;
}

#contenido ul.listado_tratamientos li:first-child {
	font-size: 150%;
	color: #595959;
	text-transform: uppercase;
	font-family: Rene;
	width: 92%;
	padding: 0.25em 0em;
	word-wrap: break-word;
}

#contenido ul.listado_tratamientos li:hover,#contenido ul.listado_tratamientos li:first-child:hover
	{
	background-color: #FFFFFF;
}

#contenido ul.listado_tratamientos li:hover A {
	color: #FFFFFF;
}

#contenido ul.listado_tratamientos li.c1:hover,#contenido ul.listado_tratamientos li.c1.sel
	{
	background-color: #699232;
}

#contenido ul.listado_tratamientos li.c2:hover,#contenido ul.listado_tratamientos li.c2.sel
	{
	background-color: #eec722;
}

#contenido ul.listado_tratamientos li.c3:hover,#contenido ul.listado_tratamientos li.c3.sel
	{
	background-color: #211916;
}

#contenido ul.listado_tratamientos li.c4:hover,#contenido ul.listado_tratamientos li.c4.sel
	{
	background-color: #0081c5;
}

#contenido ul.listado_tratamientos li.c5:hover,#contenido ul.listado_tratamientos li.c5.sel
	{
	background-color: #78942d;
}

#contenido ul.listado_tratamientos li.c6:hover,#contenido ul.listado_tratamientos li.c6.sel
	{
	background-color: #00959c;
}

#contenido ul.listado_tratamientos li.c7:hover,#contenido ul.listado_tratamientos li.c7.sel
	{
	background-color: #ad0040;
}

#contenido ul.listado_tratamientos li.c8:hover,#contenido ul.listado_tratamientos li.c8.sel
	{
	background-color: #005ea4;
}

#contenido ul.listado_tratamientos li.c9:hover,#contenido ul.listado_tratamientos li.c9.sel
	{
	background-color: #6f6c65;
}

#contenido ul.listado_tratamientos li.c10:hover,#contenido ul.listado_tratamientos li.c10.sel
	{
	background-color: #53aac6;
}

#contenido ul.listado_tratamientos li A {
	font-size: 1em;
	color: #595959;
	text-transform: capitalize;
	font-family: Rene Light;
	text-decoration: none;
	padding: 0.75em 2%;
	display: block;
}

#contenido ul.listado_tratamientos li A:hover,#contenido ul.listado_tratamientos li.sel A
	{
	color: #FFFFFF;
}

/* Enlaces lateral ficha tejidos */
#contenido ul.lateral_tejidos {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	background: #FFFFFF;
	border: 1px #d5d5d5 solid;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
	-o-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
}

#contenido ul.lateral_tejidos li {
	list-style: none;
	margin: 0 auto;
	display: block;
	width: 100%;
	text-align: center;
	border-bottom: 1px #d5d5d5 solid;
}

#contenido ul.lateral_tejidos li:last-child {
	margin-bottom: 5em;
}

#contenido ul.lateral_tejidos li:first-child {
	font-size: 150%;
	color: #595959;
	text-transform: uppercase;
	font-family: Rene;
	padding: 0.25em 2%;
}

#contenido ul.lateral_tejidos li A {
	display: block;
	padding: 1.50em 2%;
	width: 96%;
}

#contenido ul.lateral_tejidos li:hover,#contenido ul.lateral_tejidos li.sel
	{
	background-color: #dcdc24;
}

#contenido ul.lateral_tejidos li:first-child:hover {
	background: none;
}

#contenido ul.lateral_tejidos li.c1:hover,#contenido ul.lateral_tejidos li.c1.sel
	{
	background-color: #0372b7;
}

#contenido ul.lateral_tejidos li.c2:hover,#contenido ul.lateral_tejidos li.c2.sel
	{
	background-color: #c92a25;
}

#contenido ul.lateral_tejidos li.c3:hover,#contenido ul.lateral_tejidos li.c3.sel
	{
	background-color: #93a72c;
}

#contenido ul.lateral_tejidos li.c4:hover,#contenido ul.lateral_tejidos li.c4.sel
	{
	background-color: #d7874a;
}

#contenido ul.lateral_tejidos li.c5:hover,#contenido ul.lateral_tejidos li.c5.sel
	{
	background-color: #fe0000;
}

#contenido ul.lateral_tejidos li.c6:hover,#contenido ul.lateral_tejidos li.c6.sel
	{
	background-color: #5b8dbe;
}

#contenido ul.lateral_tejidos li.c7:hover,#contenido ul.lateral_tejidos li.c7.sel
	{
	background-color: #d59d00;
}

#contenido ul.lateral_tejidos li.c8:hover,#contenido ul.lateral_tejidos li.c8.sel
	{
	background-color: #80b71b;
}

/* Enlaces lateral noticias */
#contenido ul.listado_noticias {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 90%;
	border: 1px #d5d5d5 solid;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
	-o-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
	background-color: #FFFFFF;
}

#contenido ul.listado_noticias li {
	list-style: none;
	margin: 0 auto;
	display: block;
	width: 96%;
	text-align: center;
	border-bottom: 1px #d5d5d5 solid;
}

#contenido ul.listado_noticias li:last-child {
	margin-bottom: 5em;
}

#contenido ul.listado_noticias li:first-child {
	font-size: 150%;
	color: #595959;
	text-transform: uppercase;
	font-family: Rene;
	padding: 0.25em 2%;
	word-wrap: break-word;
}

#contenido ul.listado_noticias li:hover,#contenido ul.listado_noticias li.sel
	{
	background-color: #444444;
}

#contenido ul.listado_noticias li:first-child:hover {
	background-color: #FFFFFF;
}

#contenido ul.listado_noticias li:hover A,#contenido ul.listado_noticias li.sel A
	{
	color: #FFFFFF;
}

#contenido ul.listado_noticias li A {
	font-size: 1em;
	color: #595959;
	text-transform: capitalize;
	font-family: Rene Light;
	text-decoration: none;
	padding: 0.75em 2%;
	display: block;
}

#contenido ul.listado_noticias li A:hover,#contenido ul.listado_tratamientos li.sel A
	{
	color: #FFFFFF;
}

/* Enlaces lateral ficha lining */
#contenido ul.lateral_lining {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	background: #FFFFFF;
	border: 1px #d5d5d5 solid;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
	-o-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
}

#contenido ul.lateral_lining li {
	list-style: none;
	margin: 0 auto;
	display: block;
	width: 100%;
	text-align: center;
	border-bottom: 1px #d5d5d5 solid;
}

#contenido ul.lateral_lining li:last-child {
	margin-bottom: 5em;
}

#contenido ul.lateral_lining li:first-child {
	font-size: 150%;
	color: #595959;
	text-transform: uppercase;
	font-family: Rene;
	padding: 0.25em 2%;
}

#contenido ul.lateral_lining li A {
	display: block;
	padding: 1.50em 2%;
	width: 96%;
}

#contenido ul.lateral_lining li:hover {
	background-color: #000000;
}

#contenido ul.lateral_lining li:first-child:hover {
	background: none;
}

#contenido ul.lateral_lining li.c1:hover,#contenido ul.lateral_lining li.c1.sel
	{
	background-color: #d59d00;
}

#contenido ul.lateral_lining li.c2:hover,#contenido ul.lateral_lining li.c2.sel
	{
	background-color: #036cad;
}

#contenido ul.lateral_lining li.c3:hover,#contenido ul.lateral_lining li.c3.sel
	{
	background-color: #5888b8;
}

/* Lateral nanoflash */
#contenido ul.listado_nanoflash {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 95%;
	border: 1px #d5d5d5 solid;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
	-o-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
	background-color: #FFFFFF;
}

#contenido ul.listado_nanoflash li {
	list-style: none;
	margin: 0 auto;
	display: block;
	width: 96%;
	text-align: center;
	border-bottom: 1px #d5d5d5 solid;
}

#contenido ul.listado_nanoflash li:first-child {
	font-size: 150%;
	color: #595959;
	text-transform: uppercase;
	font-family: Rene;
	width: 92%;
	padding: 0.25em 0em;
	word-wrap: break-word;
}

#contenido ul.listado_nanoflash li:hover {
	background-color: #000000;
}

#contenido ul.listado_nanoflash li:first-child:hover {
	background-color: #FFFFFF;
}

#contenido ul.listado_nanoflash li:hover A {
	color: #FFFFFF;
}

#contenido ul.listado_nanoflash li A {
	font-size: 1em;
	color: #595959;
	text-transform: capitalize;
	font-family: Rene Light;
	text-decoration: none;
	padding: 0.75em 2%;
	display: block;
}

/* Ficha de tratamientos, tejidos, noticias */
#contenido_ficha {
	width: 70%;
	margin: auto;
}

#contenido_ficha div {
	margin-left: -4px;
	vertical-align: top;
}

#contenido_ficha .con_video {
	width: 80%;
	display: inline-block;
	padding: 0;
	text-align: center;
}

#contenido_ficha .con_video img.img_ilustrativa {
	margin-bottom: 2em;
}

#contenido_ficha .col_i {
	width: 26%;
	display: inline-block;
	padding-right: 4%;
}

#contenido_ficha .col_i.tejidos {
	width: 46%;
}

#contenido_ficha .col_d {
	width: 17%;
	display: inline-block;
	text-align: right;
	padding-left: 3%;
}

#contenido_ficha .col_c {
	width: 42%;
	display: inline-block;
	padding-right: 4%;
	padding-left: 4%;
}


#contenido_ficha .col_i p.pie_imagen {
	font-size: 0.80em;
	font-style: italic;
	padding: 0.50em 0em;
}

.col_c p.titular, .col_i p.titular {
	font-size: 1.75em;
	color: #444444;
	width: 100%;
	text-align: left;
	text-transform: uppercase;
	font-family: Rene Bold;
	line-height: 0.95em;
	margin: 0;
	padding: 0;
	padding-bottom: 0.40em;
	border-bottom: 1px #444444 solid;
}

.col_c p.titular span.ligero,.col_i p.titular span.ligero
	{
	font-size: 0.75em;
	font-family: Rene Light;
}

 .col_c p.titular span.nombre_tejido, .col_i p.titular span.nombre_tejido
	{
	text-transform: none;
}

.col_c ul, .col_i ul {
	font-size: 0.90em;
	color: #454545;
	width: 100%;
	text-align: left;
	margin: 0;
	padding: 0;
	padding: 0.60em 0em;
	list-style: none;
}

.col_c ul li,.col_i ul li {
	background-image: url(../img/bullet.png);
	background-position: left 4px;
	padding-left: 20px;
	background-repeat: no-repeat;
}
/* Quitamos bullets de los sliders*/
#contenido_ficha .col_i ul.slides {
	padding: 0;
}

#contenido_ficha .col_i ul.slides li {
	background: none;
	padding-left: 0px;
}
/* RRSS */
#contenido_ficha .col_i .opciones_ficha ul,#contenido_ficha .col_c .opciones_ficha ul
	{
	list-style: none;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	margin-bottom: 1em;
}

#contenido_ficha .col_i .opciones_ficha.noticias ul {
	margin-top: 1em;
}

#contenido_ficha .col_i .opciones_ficha ul li,#contenido_ficha .col_c .opciones_ficha ul li
	{
	display: inline-block;
	margin-left: -4px;
	width: 18%;
	text-align: center;
	padding-left: 1%;
	padding-right: 1%;
	background: none;
}

footer {
	margin: 0 auto;
	height: 40px;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 4;
	position: absolute;
	background-color: #000000;
	text-align: center;
	line-height: 2.50em;
	background: rgba(0, 0, 0, 0.5);
}

footer p {
	font-size: 0.70em;
	margin: auto;
	color: #808080;
}

footer p A {
	color: #808080;
}

footer p A:hover {
	color: #FFFFFF;
}

footer aside {
	width: auto;
	height: 100%;
	position: absolute;
	right: 1%;
	top: 0;
	display: table;
}

footer aside p {
	font-size: 0.70em;
	margin: auto;
	color: #808080;
	text-align: right;
	height: 100%;
	display: table-cell;
	line-height: 1.10em;
	vertical-align: middle;
}

#form_buscador {
	font-size: 0.70em;
	text-align: left;
	width: auto;
}

#form_buscador INPUT {
	border: 0;
	border-right: 2px solid #242424;
	width: auto;
	padding: 0.50em;
	color: #242424;
	margin: 0;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
	margin: 0;
}

#form_buscador INPUT[type="submit"] {
	color: #FFFFFF;
	background-color: #9e9e9e;
	width: auto;
	padding: 0.50em 1em;
	border: 0;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
	margin: 0;
}

header {
	margin: 0;
	height: 78px;
	width: 100%;
	border-bottom: 1px #848484 solid;
	text-align: center;
	background: rgba(0, 0, 0, 0.5);
	float: left;
}

header aside.izq {
	float: left;
	width: 9%;
	height: auto;
	text-align: left;
	padding-top: 10px;
	padding-left: 1%;
}

header aside.izq a{
	text-decoration: none;
}
header aside.izq strong{
	color:#FFFFFF;
	text-decoration: none;
	font-size: 42px;
	font-weight: normal;
	font-family: Rene;
}

header aside.der {
	float: left;
	width: 29%;
	height: auto;
	text-align: right;
	padding-right: 1%;
	padding-top: 25px;
}

header aside.der div {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	padding: 0 0.15em;
}

header aside.der A {
	color: #FFFFFF;
	text-decoration: underline;
	margin: 0;
	font-size: 0.75em;
}

header aside.der A.idioma {
	font-size: 0.65em;
	border-right: 1px #FFFFFF solid;
	padding: 0 0.50em;
}

header aside.der A.idioma:last-child {
	border-right: 0;
	padding: 0em;
}

header aside.der A IMG {
	vertical-align: middle;
	margin-left: 5px;
}

header aside.der A.area_privada {
	border: 0;
	width: auto;
	padding: 0.35em 2em;
	color: #242424;
	margin: 0;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	margin: 0;
	background-color: #FFFFFF;
	font-size: 0.70em;
	clear: both;
	display: block;
}

header nav {
	float: left;
	width: 60%;
	height: auto;
	text-align: center;
	padding-top: 22px;
}

#img_seccion {
	margin: auto;
	width: 70%;
	clear: both;
	height: 61px;
	top: 116px;
	padding: 0 15%;
	position: absolute;
	z-index: 5;
}
#img_seccion h1{
	font-family: Rene;
	text-transform: uppercase;	
	color: #ABABAB;
	font-weight: normal;
	font-size: 61px;
	margin:0;
	text-shadow: 0.1em -0.1em 0.1em #000000;
}


#img_seccion IMG {
	max-height: 100%;
	max-width: auto;
}

#logo_portada {
	margin: 0 auto;
	height: auto;
	width: 96%;
	top: 125px;
	left: 0;
	z-index: 4;
	position: absolute;
	text-align: right;
	padding: 0 2%;
	overflow: hidden;
}

#logo_tratamiento {
	position: absolute;
	right: 17%;
	bottom: 0.50em;
}

#menu {
	list-style: none;
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

#menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}

#menu li {
	display: inline-block;
	position: relative;
	background-color: rgba(0, 0, 0, 0);
	background-image: url(../img/flecha_abajo_gris.gif);
	background-repeat: no-repeat;
	background-position: center center;
	padding-bottom: 40px;
}

#menu li:hover,#menu li.sel {
	background-image: url(../img/flecha_abajo.gif);
}

#menu li a {
	color: #EEEEEE;
	text-decoration: none;
	line-height: 1.3em;
	padding: 10px 8px;
	display: block;
	font-size: 0.75em;
	text-transform: uppercase;
}

#menu li a:hover,#menu li a.sel {
	color: #FFFFFF;
}

#menu li ul {
	width: auto;
	display: none;
	position: absolute;
	z-index: 99999;
	margin-top: 0px;
	background-image: url(../img/fondo-menu-100x500.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top: 20px;
	background-size: cover;
}

#menu li ul li {
	width: auto;
	list-style: none;
	display: block;
	background: none;
	padding-bottom: 0;
}

#menu li ul li:last-child {
	padding-bottom: 50px;
}

#menu li ul li:hover {
	background: none;
}

#menu li ul li a {
	color: #FFFFFF;
	line-height: 1.3em;
	font-weight: normal;
	padding: 8px;
	font-size: 0.70em;
}

#menu li ul li a:hover,#menu li ul li a.sel {
	color: #c61b2d;
	text-decoration: none;
}

#menu li:hover ul {
	display: block;
}

video,object,iframe {
	max-width: 100%;
	margin: auto;
	margin-bottom: 1em;
	z-index: 9999;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */
.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	/* IE 6/7 fallback */
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
	display: none !important;
	visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
	visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
	*zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

@media only screen and (min-width: 1441px) {
	#contenido_ficha {
		width: 50%;
	}
	#img_seccion {
		width: 50%;
		padding: 0 25%;
	}
	#img_seccion.tejidos {
		padding: 0 25%;
	}
	#contenido_intro {
		width: 50%;
	}
	#contenido_texto {
		width: 50%;
	}
	#contenido ul.listado {
		width: 50%;
	}
	#contenido ul.listado_tejidos {
		width: 50%;
	}
	#contenido ul.listado_plantillas {
		width: 50%;
	}
	#contenido ul.listado_lining {
		width: 50%;
	}
	#contenido ul.listado_lining_inferior {
		width: 50%;
	}
	#contenido ul.destacado {
		width: 48%;
	}
	#logo_tratamiento {
		right: 25%;
	}
}

@media only screen and (max-width: 1375px) {
	header aside.izq {
		width: 9%;
	}
	header aside.der {
		width: 39%;
	}
	header nav {
		width: 50%;
	}
}

@media only screen and (max-width: 1300px) {
	#bloque_noticias aside p {
		font-size: 3em;
	}
}

@media only screen and (max-width: 1100px) {
	#menu li a {
		padding: 10px 2px;
	}
	header aside.izq {
		padding-top: 20px;
	}
	#contenido_ficha {
		width: 90%;
	}
	#img_seccion {
		width: 90%;
		padding: 0 5%;
	}
	#img_seccion.tejidos {
		padding: 0 5%;
	}
	#contenido_intro {
		width: 90%;
	}
	#contenido_texto {
		width: 90%;
	}
	#contenido ul.listado {
		width: 90%;
	}
	#contenido ul.listado_tejidos {
		width: 90%;
	}
	#contenido ul.listado_plantillas {
		width: 90%;
	}
	#contenido ul.listado_lining {
		width: 90%;
	}
	#contenido ul.listado_lining_inferior {
		width: 90%;
	}
	#contenido ul.destacado {
		width: 88%;
	}
}

@media only screen and (max-width: 1024px) {
	#banner_portada {
		margin: 0 auto;
		height: 6em;
		width: 96%;
		bottom: 13em;
	}
	#banner_portada p {
		font-size: 1.75em;
	}
	#banner_portada p.principal {
		font-size: 2.25em;
	}
	header aside.izq {
		padding-top: 25px;
	}
	header nav {
		width: 66%;
	}
	header aside.der {
		width: 23%;
	}
	#div_buscador {
		display: none;
		position: fixed;
		top: 78px;
		right: 0;
		background-color: #000000;
		z-index: 10000;
		padding: 13px;
		border: 1px #808080 solid;
	}
	#btn_buscador {
		display: block;
	}
	#btn_youtube {
		display: none;
	}
	footer {
		text-align: left;
		width: 99%;
		padding-left: 1%;
	}
}

@media only screen and (max-height: 600px) {
	#banner_portada {
		text-align: left;
		margin: 0 auto;
		width: 96%;
		bottom: 16em;
		height: 10em;
	}
	#banner_portada p {
		font-size: 2.25em;
		text-align: left;
	}
	#banner_portada p.principal {
		font-size: 2.75em;
		text-align: left;
	}
}

@media print , ( -o-min-device-pixel-ratio : 5/4) , (
		-webkit-min-device-pixel-ratio : 1.25) , ( min-resolution : 120dpi) {
	/* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
	* {
		background: transparent !important;
		color: #000 !important; /* Black prints faster: h5bp.com/s */
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a,a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	/*
     * Don't show links for images, or javascript/internal links
     */
	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {
		content: "";
	}
	pre,blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group; /* h5bp.com/t */
	}
	tr,img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	@page {
		margin: 0.5cm;
	}
	p,h2,h3 {
		orphans: 3;
		widows: 3;
	}
	h2,h3 {
		page-break-after: avoid;
	}
}