/* author: Lucia Pizarro // Network-sec */

html, body { height: 100%; margin: 0;}
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #333;
	width: 100%;
	background-color: #000;
	
}

/*............................TEXTOS.......................................*/

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #ddd;
	text-align: justify;
}

p a {
font-size: 100%;
}

.hidden {
	display: none;
}

.skipnav a {
    position: absolute;
    overflow: hidden;
    width: 0;
    height: 0;
}

.skipnav a:active, .skipnav a:focus {
	position: absolute;
	overflow: visible;
	padding: 0.2em;
	width: auto;
	height: auto;
	background-color: Yellow;
	color: #000;
	top: 0.2em;
	left: 0.5em;
}

/*............................................LINKS...........................................*/

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #990000;
}

a img {
	border: 0;
}

.menu {
	color: #eee;
	text-decoration: none;
}

.menu:hover {
	color: #ddd;
	color: #ED1C24;
}

.menu:visited {
	color: #990000;
}

#producto_left a.pdf {
	display: block;
	position: absolute;
	bottom:0%;
	left: 62%;
}

.pdf {
	background-image: url(imag_descargas/archivo-pdf.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 0.8em 0 0.3em 2.5em;
	margin: 1em 0 1em 0em;
	color: #990000;
	font-weight: bold;
	/*border-bottom: 1px solid #eee;*/
}

.pdf:hover {
	/*border-bottom: 1px solid #B62826;*/
	color: #B62826;
}

.pdf:visited {
	color: #990000;
}

h1 {
	margin: 0em 0 2em 0;
	padding:0;
}

h4 {
	color: #eee;
}

h5 {
	display: block;
	border-bottom: 1px solid #ddd;
	margin-top: 2em;
}
/*....................CABECERA ........*/

#cabecera {
	margin:0 0 0 0%;
	width:100%;
	padding: 1em 0 0 1em; 
	display: block;
	/*background-image: url(images/f_botonera.jpg) ;
	background-repeat: repeat-x;*/
	height: 7.5em;
	max-height: 7.5em;
	overflow: hidden;
}

#logo {
	width:6em;
	float:left;
	margin: 0;
	padding: 0em 0 0 0;
	vertical-align: top;
	height:4em;
}

#logo img {
	width:20em;
	width: 260px;
}

#logo-porcelanico  {
	display: block;
	height: 3.5em;
	width: 14em;
}


#logo-porcelanico  a {	
	margin: -0.1em 0 0 0;
	height: 2em;
	width: 17.5em;
	display: block;
}

#head-right {
	float: right;
	width: 81.5%;
	height: 7em;
}
/*...........................IDIOMAS...................*/

#cabecera a.idioma {
	padding: 0.3em 0.9em 1.3em 1.3em;
}

#cabecera a.idioma img{
	padding: 0;
	border: 0;
}

a img.idiomas {
	padding: 0;
	border: 1px solid #666;
}

a:hover img.idiomas {
	padding: 0;
	border: 1px solid #ccc;
}

/*..........................................DONDE......*/

#donde {
	position:absolute;
	top: 1em;
	right: 14em;
	margin: 0em;
	padding: 0.5em 0 0 0%;
	font-size: 0.7em;
	font-weight: bold;
	color:#666;
}

#donde ul{
	list-style:none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#donde ul li{
	display:inline;
}

#donde a {
	font-size: 100%;
}

/*..........................................CONTENIDO ......*/

#contenido {
	float:left;
	margin:0em 0% 0 0%;
	width: 100%;
}

#contenido h1, #contenido-series h1 {
	margin: 0em 0;
	display: block;
}

#perfil-centro {
	margin: 1.5em 1em 1.5em 1em;
	margin: 0 auto;
	padding: 0em;
	float: left;
	width: 60%;
	margin: 0;
}

#perfil-centro div#centro {
}

/* derecha home es relevante para la situacion del flash, comprobar siempre con los perfiles activados */
#derecha_home {
	padding: 0;
	width: 15%;
	float: right;
	margin: 0 0 0 0;
}

#derecha_home div {
	margin: 0.5em 0em;
}

#derecha {
	float:right;
	margin: 0em 0 -3em 0em;
	width: 55%;
}

#izquierda {
	margin: 0 0% 0% 0.5em;
	width: 100%;
	float: left;
	padding: 0em 0em 0em 0em;
}

/*.................................. MODS PERFILES PEQUEÑOS IZQUIERDA ..........*/

#m_texto {
	padding: 0em 0.5em 0em 1.5em;
	background-color: #fff;
	border: 1px solid #333;
	position: absolute;
	top: 73.5%;
	right: 1.5em;
	width: 18em;
	font-weight: bold;
	display:none;
}

#m_texto p {
	text-align: left;
}


/*..............................FECHA (la fecha no sale en firefox pero sí en opera) .*/

#fecha {
	position: absolute;
	top: 2em;
	left: 15em;
	padding: 0;
	font-size: 0.8em;
	color: #999;
	margin:0;
}

/*.............................. PIE.........*/

#pie {
	float: left;
	padding: 0em;
	margin: 0em 0 0 0;
	width: 100%;
	color: #990000;
}

#copyright {
	font-size: 0.8em;
	float: left;
	padding: 1em 0.0em 0.6em 0em;
	margin: 0 0 0 1em;
	/*background-image: url(images/f_flecha.gif);
	background-image: url(imag/puntos_h1_gris.gif);
	background-repeat: no-repeat;
	background-position: 0.3em 60%;*/
	color: #990000;
}

#copyright a{
	font-size: 100%;
	padding: 1em 0.0em 0.6em 1.8em;
	color: #990000;
}

#copyright a.mapaweb{
	margin-left: 20em;
}

#contador {
	font-size: 0.8em;
	float: right;
	padding: 1em 2em 0.6em 1.8em;
	background-position: 0.3em 60%;
	color: #990000;
}

#powered {
	overflow: hidden;
	margin: 0.5em 0 0 0;
	width: 5px;
	height: 5px;
	position: fixed;
	left: 0.5em;
	bottom: 0.5em;
	border: 1px solid #666;
}

#pie a.pie-network {
	font-size: 0.5em;
	padding: 1em;
	color:#eee;
}

#pie a.pie-network:hover {
	background-color: #999;
}

/*................................PERFILES PEQUEÑOS......*/



#m_consulta, #m_distribuidores, #m_marketing, #m_delegacion, #m_novedades, #m_noticias, #m_historia, #m_evento, #m_porcelanico, #m_datos, #m_catalogo,#m_venta, #m_busqueda, #m_contacto, #m_descargas , #m_fabricacion, #m_colocacion, #m_ambientes, #m_mantenimiento, #m_marcas, #m_accesibilidad, #m_padel, #m_rally, #m_natacion   {
	width: 11em;
	float: left;
	overflow: hidden;
}

#m_consulta a, #m_distribuidores a, #m_marketing a, #m_delegacion a, #m_novedades a, #m_noticias a, #m_historia a, #m_evento a, #m_porcelanico a, #m_datos a, #m_catalogo a,#m_venta a, #m_busqueda a, #m_contacto a, #m_descargas a , #m_fabricacion a, #m_colocacion a , #m_ambientes a , #m_mantenimiento a , #m_marcas a , #m_accesibilidad a, #m_padel a, #m_rally a, #m_natacion a  {
	background-repeat:no-repeat;
	background-position: 0 0;
	display: block;
	height: 2em;
	width: 15em;
	margin: 0;
	padding: 6.5em 0 0 1.8em;
	overflow:hidden;
	font-weight: bold;
	font-size: 0.7em;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
}

#m_consulta a:hover, #m_distribuidores a:hover, #m_marketing a:hover, #m_delegacion a:hover, #m_novedades a:hover, #m_noticias a:hover, #m_historia a:hover, #m_evento a:hover, #m_porcelanico a:hover, #m_datos a:hover, #m_catalogo a:hover,#m_venta a:hover, #m_busqueda a:hover, #m_contacto a:hover, #m_descargas a:hover , #m_fabricacion a:hover, #m_colocacion a:hover, #m_ambientes a:hover, #m_mantenimiento a:hover, #m_marcas a:hover, #m_accesibilidad a:hover, #m_padel:hover, #m_rally:hover, #m_natacion:hover   {
	color: #900;
}

#m_natacion a {
	background-image:url(imag_perfiles/natacion_link.jpg);
}
#m_marcas a {
	background-image:url(imag_perfiles/marcas_link.jpg);
}

#m_accesibilidad a {
	background-image:url(imag_perfiles/accesible_link.jpg);
}

#m_mantenimiento a {
	background-image:url(imag_perfiles/mantenimiento_link.jpg);
}
#m_ambientes a {
	background-image:url(imag_perfiles/ambientes_link.jpg);
}

#m_consulta a {
	background-image:url(imag_perfiles/consulta_link.jpg);
}

#m_distribuidores a {
	background-image:url(imag_perfiles/distribuidores_link.jpg);
}

#m_marketing a {
	background-image:url(imag_perfiles/marketing_link.jpg);
}

#m_delegacion a {
	background-image:url(imag_perfiles/delegacion_link.jpg);
}

#m_novedades a {
	background-image:url(imag_perfiles/novedades_link.jpg);
}

#m_noticias a {
	background-image:url(imag_perfiles/noticias_link.jpg);
}

#m_historia a {
	background-image:url(imag_perfiles/historia_link.jpg);
}

#m_evento a {
	background-image:url(imag_perfiles/evento_link.jpg);
}

#m_colocacion a {
	background-image:url(imag_perfiles/colocacion_link.jpg);
}

#m_porcelanico a {
	background-image:url(imag_perfiles/porcelanico_link.jpg);
}

#m_datos a {
	background-image:url(imag_perfiles/datos_link.jpg);
}

#m_catalogo a {
	background-image:url(imag_perfiles/catalogo_link.jpg);
}

#m_venta a {
	background-image:url(imag_perfiles/venta_link.jpg);
}

#m_busqueda a {
	background-image:url(imag_perfiles/busqueda_link.jpg);
}

#m_contacto a {
	background-image:url(imag_perfiles/contacto_link.jpg);
}

#m_descargas a {
	background-image:url(imag_perfiles/descargas_link.jpg);
}

#m_fabricacion a {
	background-image:url(imag_perfiles/fabricacion_link.jpg);
}

#m_padel a {
	background-image:url(imag_perfiles/padel_link.jpg);
}

#m_rally a {
	background-image:url(imag_perfiles/rally_link.jpg);
}

#m_natacion a {
	background-image:url(imag_perfiles/natacion_link.jpg);
}


/*................hasta aquí la HOME .....................*/

#pagina_all {
	float: left;
	width: 90%;
	margin: 0% 2% 2% 2%;
	padding: 2%;
}

#pagina_all p {
	font-size: 0.9em;
	text-align:justify;
	padding: 0em;
}

/*..............   CATALOGO-PORCELANICO-TECNICO................................*/
#swf_catalogo {
	float: left;
	width: 70%;
	height: 18em;
	margin:  0 0;
}

#ul_catalogo {
	padding: 8% 0;
	margin:0;
	display: block;
	float: right;
	width: 28%;
}

#ul_catalogo li {
	list-style: none;
	padding-left: 2em;
	font-size: 1em;
	line-height: 2em;
}

#ul_catalogo li a{
	padding: 0.3em 0.3em 0.3em 2em;
	color: #900;
	font-size: 1em;
	font-weight: normal;
	background-image:url(imag/flecha_h3.gif);
	background-position: 0.5em 50%;
	background-repeat: no-repeat;
	/**border-bottom: 1px solid #eee;*/
}

#ul_catalogo li a:hover{
	color: #333;
	/*border-bottom: 1px solid #900;*/
}

#pag_serie #ul_catalogo {
	padding:0;
	width: 100%;
}

/*..............   CATALOGO-SERIES................................*/
#contenido_series {
	margin:0em 0% 0 0%;
	width: 100%;
	float:left;
	/*background-image:url(imag/f_catalogo_right.jpg);
	background-position: 100% 100%;
	background-repeat: no-repeat;*/
}

#contenido_series #derecha {
	margin:0;
}

#pag_serie {
	float: left;
	width: 73%;
	margin: 0% 0 ;
	padding: 0% 0% 0% 0%;
	/*background-image:url(imag/f_catalogo_left.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;*/
}
#pag_serie h1{
	margin: 0em 0% 0% 5%;/*
	padding: 0% 0% 0% 0em;
	text-align: center;*/
}
#pag_serie p {
	margin: 0em 0% 0% 10%;
}

#pag_serie table{
	margin: 0% 0 0 5%;
	padding: 0%;
	width: 100%;
}

#pag_serie td{
	text-align: center;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

#pag_serie img{
	margin: 0;
	padding: 0em;
	background-color:#fff;
	height: 9.7em;
	border: 3px solid #ddd;
}

#left_pagina {
	float: left;
	width: 73%;
	margin: 0% 2% 2% 2%;
	padding: 2%;
}

#left_pagina table{
	background-color:#F5F3F3;
	border: 1px solid #ccc;
}

#left_pagina p {
	font-size: 100%;
	text-align:justify;
	padding: 0em;
}


#left_pagina h1 {
	padding: 1em 0em 0em 0em;
}

h1 {
	color:#990000;
	font-size: 1.5em;
	text-align: left;
	text-transform: uppercase;
	font-weight: normal;
	background-image:url(imag/flecha_h3.gif);
	background-position: 0.5em 50%;
	background-repeat: no-repeat;
	padding-left: 1.5em;
}

h2 {
	color:#999;
	font-size: 1.2em;
	padding: 1em 0 0 0;
	margin: 0 0 1em 0;
	border-bottom: 1px solid #900;
}

/* ...........................................UBICACION ...........................................*/
#m_ubicacion {
	/*background-image:url(imag/ubicacion.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;*/
	width: 62%;
	height: 23em;
	float: left;
	margin: 0 1em;
}



.sangria {
	margin-left: 4em;
}

/* .....HERRAMIENTAS DE MARKETING...........................................*/
.txt_mkt {
	font-size: 80%;
	color: #999;
	text-align: right;
}

#txt_mkt {
	float: left;
	margin:0em 0% 1em 2em;
	font-size: 80%;
	color: #999;
	text-align: right;
}

#marketing {
	margin:-2em 0 0em 28%;
	padding-bottom: 1em;
	height: 3em;
}

.img_seduccion {
	margin:-6em 2em 0 0;
	float:right;
}

/* .................................................BUSQUEDAS ............................................*/

#form_busq {
	width: 85%;
	margin: 0% 5% 0.5em 5%;
	padding: 12em 2% 0% 2%;
	background-image:url(imag/f_busq.jpg);
	background-position: 50% 0;
	background-repeat: no-repeat;
	border: 1px solid #666;
	color: #fff;
}

#form_busq table{
	margin: 0% 0% 0% 8em;
}

#form_busq h1{
	text-align: left;
	margin: 0em;
}

#form_busq input, #form_catalogo input, #form_consulta input, #form_consulta textarea, #form_ventas input, #form_job  input, #form_job select {
	color:#333;
	background-color: #ccc;
	border: 0;
	padding: 0.2em 0.5em;
}

/* ...........................................DESCARGAS...........................................*/
#descargas {
	float: left;
	width: 90%;
	margin: 0% 2% 2% 2%;
	padding: 2% 2% 2% 2%;
	font-size: 0.9em;
}

#descargas h1{
	margin-bottom: 2em;
}

#descargas img,
#descargas_left img{
	border:0;
	float:left;
	margin:0.2em 1em 0em 0em;
}

#descargas img.border-float-right{
	border:1px solid #999;
	float:right;
	margin:0em 0em 0em 1em;
	padding: 0.4em;
}

#descargas h4{
	font-size: 1em;
}

#descargas_left {
	float: left;
	width: 73%;
	margin: 0% 2% 2% 2%;
	padding: 2% 2% 2% 2%;
	font-size: 100%;
}

#descargas_left p,
#descargas p {
	font-size: 100%;
	color: #ccc;
}

#descargas_left h3,
#descargas h3{
	border-bottom: 1px solid #990000;
	padding: 0em 0em 0.3em 5em;
	font-size: 100%;
	color: #990000;
	text-transform: uppercase;
	margin-top: 2em;
}

#descargas_left h3 a,
#descargas h3 a{
	color: #990000;
}

#descargas_left h2,
#descargas h2 {
	/*background-image: url(imag_descargas/mix_tassos.jpg);
	background-repeat: repeat-x;
	background-position: 100% 100%;*/
	font-size: 100%;
	font-weight: bold;
	padding: 0.3em 0em 1.2em 1em;
	border: 0;
	color: #fff;
	text-transform: uppercase;
	border-bottom: 1px dotted #fff;
}
#descargas_left h6,
#descargas h6{
	font-size: 0.85em;
	color: #000;
}

#descargas_left a,
#descargas a {
	font-size: 100%;
	color: #eee;
	text-decoration: none;
}

#descargas_left a:hover,
#descargas a:hover {
	font-size: 100%;
	color: #990000;
}

#descargas_left a.txtsmall {
	font-size: 0.8em;
	color: #333;
	text-decoration: none;
}

#descargas_left a.txtsmall:hover {
	color: #900;
	font-size: 0.8em;
}

a.descargas {
	display: block;
	height: 3em;
}

/* ...........................................CATALOGO POP...........................................*/

#catalogo_pop {
	
	width: 93%;
	margin: 0%;
	padding: 2em;
}

#catalogo_pop td{
	margin: 0% 2em;
}

#catalogo_pop h2{
	width: 100%;
}

/*.......... NOTICIAS Y NOVEDADES ................ EVENTOS Y FERIAS ...*/

#noti_left {
	float: left;
	width: 72%;
	margin: 0% 2% 2% 2%;
	padding: 2% 2% 2% 2%;
}

#noti_pagina, #faq_pagina {
	float: left;
	width: 90%;
	margin: 0% 2% 2% 2%;
	padding: 2% 2% 2% 2%;
}

#faq_pagina p{
	font-size: 0.9em;
}

#faq_pagina strong{
	color: #ccc;
}

#faq_pagina ul h3{
	margin: 0%;
}

#faq_pagina ul li{
	margin: 0%;
}

#faq_pagina h3{
	font-size: 1em;
	color: #ddd;
}

#noti_left h2,
#noti_pagina h2 {
	border: 1px solid #666;
	padding: 0.5em 1em 0.5em 1em;
	background-color:#333;
	font-weight: bold;
	width: 98%;
	margin: 1em 0em 1em 0;
	font-size: 1em;
	color: #fff;
}

#noti_pagina h2.ferias {
	padding: 1em 1em 0.5em 1em;
	min-height: 3em;
}

#noti_left p,
#noti_pagina p {
	font-size: 0.9em;
}

#noti_left a,
#noti_pagina a,
#noti_left a:hover,
#noti_pagina a:hover {
	font-size: 100%;
}

span.fecha-noti-evento {
	float: right;
	font-size: 80%;
	color: #999;
	margin-left:4em;
}

#noti_left img,
#noti_pagina img {
	padding:0.3em;
	border: 1px solid #333;
}

img.border-float-left {
	float: left;
	margin: 0.3em 1em 0.5em 0em;
	padding:0.3em;
	border: 1px solid #333;
	background-color: #fff;
}

img.border-float-right {
	float: right;
	margin: 0.3em 0em 0.5em 1em;
	padding:0.3em;
	border: 1px solid #333;
	background-color: #fff;
}

img.imag-datos {
	float: right;
	margin: 0.3em 0em 0.5em 1em;
	padding:0.3em;
	border: 1px solid #eee;
	background-color: #eee;
}

img.float-left {
	float: left;
	margin: 0.3em 1em 0.5em 0em;
	background-color: #fff;
}

img.float-right {
	float: right;
	margin: 0.3em 0em 0.5em 1em;
	background-color: #fff;
}

img.border {
	margin: 0.5em 0 ;
	padding:0.3em;
	border: 1px solid #333;
	background-color: #fff;
}

#invitacion-cevisama-06 {
	margin: 10em 0 10em 0;
}

/*-...........................................PATROCINIOS...........................................*/

#patrocinios_pagina p {
	font-size: 0.9em;
	padding: 0 1em;
}

#patrocinios_pagina h3 {
	margin: 0em 0em 0em 0em;
	font-size: 0.9em;
	padding: 1em 1em 1em 1em;
	border: 1px solid #ccc;
	border-left: 3px solid #990000;
	text-transform: uppercase;
	font-style: italic;
	color: #990000;
	background-color: #fff;
}

#patrocinios_pagina {
	float: left;
	width: 95%;
	margin: 0%;
	padding: 2%;
}

#patrocinios_pagina div.patrocinios-bloque {
	/*background: pink;*/
	margin: 0;
	display: block;
}

#patrocinios_pagina div.patrocinios-bloque div.patrocinios-bloque-left {
	float: left;
	display: block;
	width: 68%;
	margin: 0 1em 0 0;
	/*background: yellow;*/
}

#patrocinios_pagina div.patrocinios-bloque div.patrocinios-bloque-right {
	float: right;
	display: block;
	width: 29%;
	margin: 0em;
	/*background: red;*/
}

#patrocinios_pagina div.patrocinios-bloque div.patrocinios-bloque-right dl, 
#patrocinios_pagina div.patrocinios-bloque div.patrocinios-bloque-right p  {
	font-size: 0.8em;
	line-height: 1.5em;
}

#patrocinios_pagina div.patrocinios-bloque div.patrocinios-bloque-right dt {
	font-weight: bold;
	background: #DF1010;
	color: #fff;
	padding: 0.3em;
	margin:0;
}

#patrocinios_pagina div.patrocinios-bloque div.patrocinios-bloque-right dd{
	margin-left: 0.5em;
}

span.fecha-patrocinios {
	float: right;
	font-size: 80%;
	color: #999;
	font-style: normal;
	text-transform: none;
	margin: 0em 0em 0em 3em;
}

.tres-columnas-peq {
	width: 70%;
	float:left;
}



.columna-derecha {
	width: 28%;
	float:right;
	text-align: center;
}

/*...........DOSSIER DE PRENSA.............*/

#menu_press {
	width: 95%;
	margin: 5em 0 0 0%;
	padding:2% 0%;
	/*float: left;
	width: 80%;
	margin: 0%;
	padding:2% 0%;*/
}

#menu_press li{
	list-style: none;
}

#menu_press li h2 {
	margin: 0.2em 0;
	width:100%;
	border: 1px solid #999;
	padding: 0.5em;
	background-color: #fff;
	height:3em;
}

#menu_press h2 a{
	padding: 5em 0em 0em 0em;
	font-size: 0.8em;
}

#menu_press img.float-left {
	float: left;
	margin: 0.3em 1em 0.5em 0em;
	height: 2em
}

#menu_press img.gac-float-left {
	float: left;
	margin: 0.3em 1em 0.5em 0em;
	height: 2.5em
}

#menu_press h2 a{
	color: #000;
}

#menu_press h2 a:hover {
	color:#990000; 
}

#press_pagina {
	width: 95%;
	border-top: 1px solid #999;
	margin: 0%;
	padding: 2%;
}

.logos_press {
	margin: 0em 0 0 0;
	text-align: left;
	background-color: #fff;
	padding-left: 1em;
}

.fecha_press {
	text-align: right;
	margin: -5em 0 0 0;
	padding: 2.5em 1em;
	height: 4.5em,
	width: 100%;
	background-color: #fff;
	color: #333;
}

.press_border {
	text-align: center;
	margin: 0 0 5em 4em;
	padding: 0.2em;
}

/*............................QUE ES EL PORCELANICO...........................................*/
#porcelanico_left {
	float: left;
	width: 95%;
	margin: 0%;
	padding: 0 2em;
}

#porcelanico_left h1 {
	font-size: 1.5em;
	margin-top:2em;
}

#que_es {
	width: 70%;
	padding: 9% 0;
	float:right;
	list-style: none;
	padding-left: 2em;
	font-size: 1em;
	line-height: 1.6em;
}

#pagina_all ul a {
	font-size: 0.9em;
}

#pagina_all ul li, #faq_pagina ul li{
	list-style: none;
	padding-left: 2em;
	font-size: 1em;
	line-height: 1.6em;
}

#porcelanico_left h2,
#porcelanico_pagina h2, #pagina_all ul h2 {
	margin: 0 0px 0 0;
	border: 0;
}

#pagina_all h2 {
	font-size: 1em;
}

#pagina_all h3 {
	font-size: 1em;
	color: #900;
}

#noti_pagina h3 {
	font-size: 0.9em;
	color: #900;
	margin: 1.5em 0 0.5em 0;
	padding:0.2em 0;
	border-bottom: 2px solid #fff;
}

#porcelanico_left h2 a{
	font-size: 100%;
	font-weight: normal;
	color #ccc;
}

#porcelanico_left h2 a:hover {
	color:#990000;
	font-size: 100%;
}

#porcelanico_left p,
#porcelanico_pagina p {
	font-size: 0.85em;
}

#porcelanico_pagina, #vistas_porcelanico {
	width: 95%;
	margin: 0%;
	padding: 2em;
}
/* vistas porcelanico*/
#vistas_porcelanico h1 {
	margin-top:2em;
}

#vistas_porcelanico h2 {
	border-bottom: 1px solid #990000;
	font-size:1.1em;
}



/* ...............FORMULARIO SOLICITUD DE CATALOGO........................................... */
#form_catalogo {
	width: 100%;
	text-align: left;
	font-size: 0.9em;
	background-image:url(imag/f_catalogos.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 1em 0em 0em 0em;
	border: 1px solid #ccc;
	color: #fff;
}

#form_catalogo td{
	padding: 0em 2.5em;
}

#form_catalogo a{
	font-size: 100%;
	color: #990000;
}

#form_catalogo a:hover{
	font-size: 100%;
	color: #999;
}

#form_catalogo input, 
#form_catalogo textarea{
	font-size: 100%;
}

/* ...............FORMULARIO CONSULTA TECNICA ...........................................*/
#form_consulta {
	width: 100%;
	text-align: left;
	font-size: 0.9em;
	padding: 1em 0em 0em 0em;
	border: 1px solid #ccc;
	color: #fff;
}

#form_consulta td{
	padding: 1em 1em 0em 1em;
}

#form_consulta  th{
	padding: 0em 1em 0em 1em;
}

#form_consulta  input  {
	font-size: 100%;
}

#form_consulta  textarea {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}
#form_consulta  a{
	font-size: 100%;
}

/* ...............FORMULARIO PUNTO DE VENTA MÁS CERCANO ...........................................*/
#form_ventas {
	width: 100%;
	text-align: left;
	font-size: 0.9em;
	background-image:url(imag/f_ventas.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 2em 0 0 0;
	border: 1px solid #ccc;
	color: #fff;
}

#form_ventas th h1{
	padding: 3em 0em 3em 0em;
	color: #eee;
}

#form_ventas td,
#form_ventas th {
	padding: 1em 3em 0em 3em;
}

#form_ventas input, 
#form_ventas textarea{
	font-size: 100%;
}

/*...............FORMULARIO TRABAJO...........................................*/
#form_job {
	width: 100%;
	text-align: left;
	font-size: 0.9em;
	background-image:url(imag/f_trabajo.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	border: 1px solid #ccc;
	color: #fff;
}

#form_job td,
#form_job th {
	padding: 0.5em 3em 0em 3em;
}

#form_job input, #form_job textarea{
	font-size: 100%;
	
}

.txt-lopd {
	padding: 1em 3em 0em 3em;
	line-height: 1.5em;
}

/* ...........................................MAPA WEB........................................... */

#mapa_web_left {
	float: left;
	width: 50%;
	margin-top:1em;
}

#mapa_web_right {
	float: right;
	width: 45%;
	margin-top:1em;
}

#mapa_web_left h2,
#mapa_web_right h2{
	font-size: 0.9em;
	color: #990000;
	margin:1.5em 0 1em 0;
	background-color: #000;
	padding: 0.2em;
	text-align: left;
	width: 11em;
}

#mapa_web_left ul,
#mapa_web_right ul{
	list-style: none;
	color: #333;
}

#mapa_web_left ul a,
#mapa_web_right ul a {
	text-decoration: none;
	background-image: url(imag/flecha.gif) ;
	background-repeat: no-repeat;
	background-position: 2% 50%;
	padding: 0.2em 0.2em 0.2em 1.6em;
	font-size: 0.85em;
}

.enviar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #333333;
	text-align: center;
	background-color: #ffffff;
}

/*.......................LINK SUBIR .......................*/

.subir {
	margin: 0 0 2em 0;
	color: #ccc;
	text-align: right;
	font-size: 0.9em;
	padding: 0.7em 0;
}

.subir a {
	background: url(imag/subir.png) no-repeat 0 bottom;
	padding-left: 1.3em;
}

.subir a:hover {
	background-position: 0 top;
	cursor: pointer;
	padding-left: 1.3em;
}

/*.......... CATÁLOGO-PRODUCTO.PHP.............*/

.etiqueta {
	background-image: url(imag/etiqueta.gif);
	background-repeat: no-repeat;
	font-size: 0.8em;
	color: #993333;
	padding: 0.7em 0 0 0;
}

#centro_producto {
	float:right;
	width: 78%;
	margin: 0em 1em 0 0%;
	height: 25em;
	border-bottom: 1px solid #ddd;
	padding: 1em;
}

#centro_producto h1 {
	text-align:left;
	border-bottom: 1px solid #ddd;
	color: #999;
	margin: 1em 0;
	background-image:url(imag/flecha_h1_gris.gif);
	background-position: 0.7em 45%;
}

#series-derecha {
	float:right;
	margin-top: -17em;
	height: 24em;
	width: 100%;
}

#productos_marquesina {
	float:right;
	font-size:0.7em;
	color: #fff;
}

#nombre_producto {
	float:left;
	width:24em;
	margin: 20em 0 0 0;
	height: 5em;
}

#nombre_producto h5 {
	margin: 0;
	padding:0;
	border:0;
}

#name_model, #tamanyo {
	color: #fff;
}

#producto_left {
	margin: 1em 0% 2% 0%;
	padding-left: 5%;
	float: left;
	width: 12%;
	height: 30em;
	font-size:0.9em;
}

#producto_left table{
	height:100%;
	padding:0;
	margin:0;
}

#producto_left tr{
	height:1em;
	padding:0;
	margin:0;
}

#producto_left h2{
	font-size:1.1em;
	padding:0;
	margin:0;
}

#producto_left h2 a{
	padding:0;
	margin:0;color: #fff;
}

#producto_left table{
	height:100%;
}

/*.................................CONTACTO DELEGACIONES TODAGRES.....................*/

#m_delegaciones{
	border: 1px solid #ddd;
	background-color: #fff;
	width: 100%;
	/*height: 80%;*/
	padding: 0.5em;
	float: left;
	margin: 0 1em 0 0;
	/*background-color: #fff;*/
}

/*...........................CLASES PARA PÁRRAFOS....................*/

p.aligncenter {
	text-align: center;
}

p.alignright {
	text-align: right;
}

p.alignleft {
	text-align: left;
}
span.novedad {
	color: #c00;
	text-transform: uppercase;
	text-decoration: blink;
}

/*......................VISTAS DEL PRODUCTO.........................................*/


#vistas_porcelanico p {
	font-size:0.9em;
}

#decoracion-porcelanico-sabbia img, #decoracion-porcelanico-slab img, #decoracion-porcelanico-basalto img {
	border: 3px solid #fff;
	padding: 0em;
	margin: 0.5em 0em 0 2em;
	width: 90%;
	max-width: 800px;
}
#decoracion-porcelanico-cotton img{
	float: right; display: block;
	border: 3px solid #fff;
	padding: 0em;margin: 0.5em 0em 0 3em;
}

#decoracion-porcelanico-cotton {
	padding: 2em;
	height: 25em;
}

#decoracion-porcelanico-imperial-rojo img {
	border: 3px solid #fff;
	padding: 0em;
	float:right;
	margin: 0em 0em 9em 2em;
}

#decoracion-porcelanico-imperial-rojo p {
	width:60%; text-align: right;
}

#decoracion-porcelanico-imperial-rojo h2 {
	border-bottom: 1px solid #990000; text-align: right;
}

#decoracion-porcelanico-element, #decoracion-porcelanico-rassgo, #decoracion-porcelanico-zen, #decoracion-porcelanico-mosaic {
	padding-bottom: 5em;
	height: 23em;
}

#decoracion-porcelanico-element p {
	margin: 0% 0% 0% 0%;
	padding: 3%;
	width: 15%;
	float: right;
	text-align: right;
}

#decoracion-porcelanico-element img, #decoracion-porcelanico-zen img,  #decoracion-porcelanico-belvedere img {
	border: 3px solid #fff;
	padding: 0em;
	float:left;
	margin: 0.5em 1em 0.5em 0em;
}

#decoracion-porcelanico-metalica, #decoracion-porcelanico-imperial {
	height: 42em;
}

#decoracion-porcelanico-metalica p, #decoracion-porcelanico p, #decoracion-porcelanico-mosaic p {
	margin: 0% 0% 0 0%;
	padding: 10%;
	width: 20%;
	text-align: left;
}

#decoracion-porcelanico-metalica img, #decoracion-porcelanico-mosaic img {
	float: right;
	border: 3px solid #fff;
	padding: 0em;
	margin: 0.5em 0em 0.5em 3em;
}

#decoracion-porcelanico-custom, #decoracion-porcelanico-palazzo , #decoracion-porcelanico-belvedere {
	height: 25em;
}

#decoracion-porcelanico-custom p, #decoracion-porcelanico-rassgo p, #decoracion-porcelanico-zen p, #decoracion-porcelanico-belvedere p  {
	margin: 10% 5% 14% 5%;
	width: 20%;
	text-align: left;
	float: right;
}
#decoracion-porcelanico-palazzo  p  {
	margin: 10% 0% 10% 0%;
	width: 20%;
	text-align: left;
	float: right;
}

#decoracion-porcelanico-custom img {
	margin: 0.5em 0;
	float:left;
	border: 3px solid #fff;
	padding: 0em;
}

#decoracion-porcelanico {
	margin: 10em 0 0 0;
	height: 34em;
}

#accesible_pagina {
	float: left;
	width: 90%;
	margin: 0% 2% 2% 2%;
	padding: 2% 2% 2% 2%;
}

#accesible_pagina p , #accesible_pagina table, #accesible_pagina li, #accesible_pagina dl, #accesible_pagina dt {
	font-size: 0.9em;
}


#accesible_pagina a,
#accesible_pagina a:hover {
	font-size: 100%;
}



#accesible_pagina input,
#accesible_pagina textarea {
	font-size: 0.9em;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


dd {
	padding:1em;
	color: #ddd;
}

span.fecha_br {
	color:#900;
	font-weight: bold;
	display: block;
	border-bottom: 1px solid #ddd;
	padding-bottom: 0.2em;
}

#estudiantes {
	margin: 0% 0em 00em 1em;
	padding: 0em;
	float: right;
	width: 65%;
	height: 19em;
	display: block;
}

ul.ul_acceskeys  li {
	list-style: none;
	padding-left: 2em;
	font-size: 1em;
	line-height: 1.6em;
}

.recuadro_derecha {
	margin: 0em 0em 0em 35em;
	padding: 1em 1em 0em 1em;
	border: 1px solid #333;
	border-left: 3px solid #990000;
	font-size: 0.85em;
	color: #eee;
}

.recuadro_izquierda {
	margin: 2em 0em 2em 0em;
	width: 52%;
	padding: 1em 2em 0em 1em;
	border: 1px solid #333;
	border-left: 3px solid #333;
	font-size: 0.85em;
	color: #eee;
}

.table_formatos td {
	padding:0 0.5em;
}

.cersaie_2005 {
	height: 54.5em;
}

.txt_cersaie2005 {
	float:left; margin: 0em; width: 79%;
}

.sidebar_cersaie2005 {
	float:right; margin: 0em 0em 0.3em 0.5em
}

.img_cevisama_2005 {
	float:left; margin: 0em 1em 1em 0em; text-align: center;
}

#pagina_all span {
	font-size: 90%;
}

p.info {
	color: #ddd;
	padding: 0.5em;
	border: 1px solid #ccc;
	width: 45%;
	
}

div.columna-derecha dl {
	text-align: left;
	font-size: 0.8em;
	margin-left:2em;
}

div.columna-derecha dt {
	font-size: 0.9em;
	font-weight: bold;
	background: #ED1C24;
	color: #fff;
	padding: 0.5em;
}

div.columna-derecha dd {
	padding-left: 0em;
	margin-left: 1em;
	color: #ddd;
}

a.cambio-sentido, a.cambio-sentido-down {
	background-image: url(imag/subir.png);
	background-repeat: no-repeat;
	background-position: 0 75%;
	width: 2em;
	height: 2em;
	display: block;
}

a.cambio-sentido:hover {
	background-position: 0 0;
}

a.cambio-sentido-down {
	background-image: url(imag/subnav_btn.gif);
	background-position: 0 0;
}

a.cambio-sentido-down:hover {
	background-position: 0 75%;
}

span.lugar-delegacion {
	font-weight: bold;
	text-transform: uppercase;
}

/* ········ altura divs noticias ·················3 */
div#noti-080620 {
	height: 33em;
}

div#noti-080720 {
	height: 18em;
}

/* ............. desplegable jquery .................*/

ul.topnav {
	list-style: none;
	padding: 0 0.4em 0 0;
	margin: 0 0em 0 0;
	position: absolute;
	right: 0.2em;
	top: 4em;
	background: #222;
	font-size: 1em;
	background: url(imag/topnav_bg.gif) repeat-x;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}

ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
	border: 0;
}
ul.topnav li a:hover{
/*	background: url(imag/topnav_hover.gif) no-repeat center top;*/
}

ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	width: 3em;
	margin-left: -2.5em;
/*	background: url(imag/subnav_btn.gif) no-repeat center top;*/
}


ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	right: 0; top: 35px;
	background: #000;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
	
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	/*background: #000 url(imag/dropdown_linkbg.gif) no-repeat 10px center;*/
	padding-left: 20px;
	text-align: left;
	z-index: 9999;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	/*background: #222 url(imag/dropdown_linkbg.gif) no-repeat 10px center;*/
	z-index: 9999;
	background-color: #0b0b0b;
}
/* ....... submenu ........ */
#secondary_menu {
	position:absolute;
	top: 1em;
	right: 2em;
}

ul#submenu-nav li {
	list-style: none;
	display: inline;
}

#submenu-nav a {
	padding: 0.3em 0.2em 0.3em 0.2em;
	color: #fff;
	font-size: 0.9em;
	font-weight: normal;
	color: #ccc;
}

#submenu-nav a:hover{
	color: #fff;
}

#menu-nav, #submenu-nav a {
	text-decoration: none;
}

table.tabla-descargar-ambientes {
	color: #fff;
}

table.tabla-descargar-ambientes th {
	text-align: left;
}

table.tabla-descargar-ambientes a img{
	border: 0;
	padding: 0;
}



.no-background{
	background-color: #000;
	background-color: red;
	color: red;
}

#no-background{
	background-color: #000;
	background-color: red;
	color: red;
}

input.no-background{
	background-color: #000;
	background-color: red;
	color: red;
}