/* Documento css registrado por FLEXO estudio digital */

/* ------------------------------------- General -----------------------------------*/

body {
	margin: 0px;
	padding:0px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 70%;
	color:#555;
	line-height:140%;
	background:url(/img/pix_fondo.gif) repeat-x top #FFF;
	}
	
.popup{
	padding:20px 30px;
	background-image:none;
	border-top:5px solid #930;
	}	

acronym {cursor: help; text-decoration:underline;}

img a {border: 0;}

/* ----------------- Enlaces ------------*/
a {
	color: #b4470e;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;	
}



/* ----------- Encabezados y parrafo -------------*/
h1 {
	display:none;
	}

h2 {
	font-size:120%;
	padding: 10px 0px;
	color:#333333;
	margin:0px ;
	clear:both;
	}
	
h3 {
	font-size:110%;
	font-weight:bold;
	padding:5px 0px 5px 0px;
	margin:5px 0px 5px 0px;
	color: #b4470e;
	clear:both;
}

h4 {
	font-size:110%;
	font-weight:bold;
	padding:5px 0px 0px 0px;
	margin:10px 0px 0px 0px;
	color: #555;
	clear:both;
	border-top:1px solid #eee;
}

h5 {
	color:#555555;
	font-size:100%;
	padding:3px 5px;
	margin:10px 0px 5px 0px;
}

p	{
	margin:0px;
	padding:5px 0px;
	}
	
hr {
	border:1px solid #eee;
	border-botom:1px solid #ccc;
}


/* ------------------------------------- CAPAS ID -----------------------------------*/
/* ------------------------ Cabecera --------------------------*/

#cabecera{
	width:950px;
	height:105px;
	padding:0px;
	margin:0px auto;
}
	
#logo{
	float:left;
	margin:0px 0px 0px 15px;
	padding:0px;
}


/* ----------------- idioma ----------------*/

#idioma{
	width:180px;
	margin:0px 0px 0px 0px;
	padding:5px;
	float: right;
	background-color:#eee;
}

#idioma ul{}
#idioma li {
	float:left;
	margin: 0px 10px 0px 10px;
	text-decoration: none;
	background-position:0px center;
	background-repeat:no-repeat;
	padding: 0px 0px 3px 20px;
	color: #69C;
}
#idioma li a{
	text-decoration: none;
	font-weight: lighter;
	color: #666;
	}
#idioma a:hover {
	text-decoration: underline;
}

.id_esp{background-image: url(/img/idioma/id_esp.gif);}
.id_eng{background-image: url(/img/idioma/id_eng.gif);}
.id_fra{background-image: url(/img/idioma/id_fra.gif);}

.tit_esp{background-image: url(/img/idioma/id_esp.gif); background-repeat:no-repeat; padding:15px 0 0 0;}
.tit_eng{background-image: url(/img/idioma/id_eng.gif); background-repeat:no-repeat; padding:15px 0 0 0;}
.tit_fra{background-image: url(/img/idioma/id_fra.gif); background-repeat:no-repeat; padding:15px 0 0 0;}



/* ------------------------ Contenido --------------------------*/

#contenido{
	clear:both;
	width:900px;
	padding:30px 30px;
	margin:0px auto;
	min-height:300px;
	background: url(../img/fondo_hoja.png) top center no-repeat;
}


/* ------------------------ Home  --------------------------*/

#home_secundario{
	clear:both;
	width:900px;
	padding:0px;
	margin:0px auto;
}

#home_somos {
	float:right;
	width:360px;
	padding: 0px 0px 0px 30px;
	margin:0px;
	
} 


#home_productos {
	float: left;
	width:480px;
	margin:0px 0px 0px 10px ;
	clear:both;
	padding:0px 0px;
	color:#666;


}

.capa_productos {
	float:left;
	width:200px;
	height:260px;
	margin:5px 00px 10px 35px;
	padding: 0px;
	text-align:left;
}

/* ------------------------ Home nueva --------------------------*/

.home_full{
	clear:both;
	width:880px;
	border-top:5px solid #ccc;
	padding:10px 0px 20px 0px;
	margin:10px auto;
}

#home_slogan_ecogranic{
	background:url(/img/logo_mod_ecogranic.gif) 20px center no-repeat;
	padding:20px 0px 0px 180px;
	margin:0px 0px 20px 0px;
	font-size:16px;
	height:60px;
	font-style:italic;
	font-weight:normal;
	line-height:18px;
	color:#888;
	border-bottom:1px solid #eee;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#home_slogan_ecogranic a{ color:#888;}
#home_slogan_ecogranic a:hover{ color:#666; text-decoration:none;}


#home_ecogranic_pres{
	float:left;
	width:210px;
	padding:0px 0px 10px 0px;
	margin:0px 20px 20px 0px;
}

#home_ecogranic_video{
	float:left;
	width:395px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
}

#home_ecogranic_mas{
	float:right;
	width:220px;
	padding:0px 0px 10px 0px;
	margin:0px 0px 20px 0px;
}


.ecogranic_detalle{
	margin-bottom:10px;
	clear:both;
	border:1px solid #fff;
	padding:5px 0px;
	height:50px;
}


.home_4col{
	float:left;
	width:190px;
	border-right:1px solid #eee;
	padding:0px 15px 10px 0px;
	margin:0px 20px 10px 0px;
}

.home_4col_last{
	float:right;
	width:195px;
	padding:0px 0px 10px 0px;
	margin:0px 0px ;
}




/* ------------------------ Interiores  --------------------------*/

#int_centro{
	float:left;
	width:390px;
	padding:0px 20px;
	margin:0px  0px;
}

#int_lateral {
	float:right;
	width:280px;
	padding: 0px 0px;
	margin:0px;
} 

.otras_baldosas {
	float:left;
	width:320px;
	padding:0px 20px;
	margin:0px  0px;
	}


#noticias_desarrollo {
	float:left;
	width:380px;
	padding:0px 20px;
	margin:0px  0px;
}

#noticias_titulares {
	float:right;
	width:270px;
	padding: 20px 0px;
	margin:30px 15px;
} 

.parrafonoticia{ clear:both;}


.descarga {
	float:left;
	width:175px;
	margin:5px 10px 10px 10px;
	padding: 0px;
}



#modelos {
	float:right;
	width:700px;
	padding: 0px 0px;
	margin:10px 0px;
} 

.modelo{
	float:left;
	text-align:center;
	width:135px;
	padding: 0px 0px;
	margin:10px 5px;
	letter-spacing: -0.05em;
} 

.modelo p{
	padding:0px 0px;
} 

.modelo a:hover{
	text-decoration:none;
} 


.modelo img{
	opacity:0.8;
	-moz-opacity:0.8;
	filter:alpha(opacity=80);
	}
	
.modelo img:hover {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	}




.acabado{
	float:left;
	text-align:left;
	width:100px;
	padding: 0px 0px;
	margin:5px 15px;
	letter-spacing: -0.05em;
} 

.acabado a:hover{
	text-decoration:none;
} 


.acabado img{
	opacity:0.8;
	-moz-opacity:0.8;
	filter:alpha(opacity=80);
	}
	
.acabado img:hover {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	}

.acabado p{
	padding:2px 0px;
} 
	
	
	
.otras_baldosas_modelo{
	float:left;
	text-align:left;
	width:75px;
	padding: 0px 0px;
	margin:10px 5px;
	letter-spacing: -0.05em;
} 

.otras_baldosas_modelo a:hover{
	text-decoration:none;
} 


.otras_baldosas_modelo img{
	opacity:0.8;
	-moz-opacity:0.8;
	filter:alpha(opacity=80);
	}
	
.otras_baldosas_modelo img:hover {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	}
	
	
.otras_baldosas_modelo p{
	padding:2px 0px;
} 
	
	
	
	
	
#modelo_dibujo{
	float:left;
	width:300px;
	padding: 0px 0px;
	margin:0px 0px;
} 

#modelo_texto{
	float:left;
	width:230px;
	padding: 0px 0px;
	margin:30px;
	letter-spacing: -0.05em;
} 

.modelo_color{
	float:left;
	width:40px;
	height:40px;
	padding: 5px;
	margin:25px 20px 0px 0px;
} 


.composicion {
	float:left;
	width:275px;
	margin:5px 10px 10px 10px;
	padding: 0px;
}



/* ------------------------ Proyectos  --------------------------*/

#proyectos{
	float:right;
	width:690px;
	padding:0px 0px;
	margin:0px  0px;
}

.proyecto {
	float:left;
	width:200px;
	padding:0px 0px;
	margin:15px  ;
	background-color:#eee;
	height:200px;
	}
	
.proyecto p{

	margin:0px 10px;

	}



/* ------------------------ Pie --------------------------*/
#pie{
	width:920px;
	margin:30px auto 0px auto;
	text-align:center;
	clear:both;
	font-size:100%;
	padding:10px;
	background-color: #eee;
}

#pie a{ font-weight:normal; color: #999;}


/* ------------------------------------ CLASES -----------------------------------*/


/* ------------------------ Fotos --------------------------*/

.fotoparrafode {
	float: right;
	padding: 0px;
	margin: 0px 0px 10px 15px;
}
.fotoparrafoiz{
	float: left;
	padding: 0px;
	margin: 0px 15px 10px 0px;
}




/* ------------------------ Separador --------------------------*/
.separador {
	clear:both;
	margin:0px;
	padding:0px;
	font-size:1px;
	}
	

/* ------------------------ Texto --------------------------*/
	
.fecha{color: #999;}
.mini{font-size:90%;}
.oculto{display:none;}
.tecla {text-decoration: underline;} 

	
.recuadro_video {
	float: left;
	margin:10px 0px 0px 0px;
	padding: 10px 10px 0px 10px;
	background-color:#eeebe7;
	}

/* ------------------------------------- TABLAS -----------------------------------*/

/* ----------------- resultados laboratorio -----------------*/

.reslab table { border-top:1px solid #999;}

.reslab td { border-bottom:1px solid #ccc; padding:5px;}

.reslab_leyenda { background:url(/img/ico_lab.gif) no-repeat left center; padding:10px 0px 10px 55px; margin:10px 0px;}



/* ------------------------------------- LISTAS -----------------------------------*/

/* ----------------- general -----------------*/
ol{
	margin:0px;
	padding:0px;
}
ul{
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style:none;
}
li{
	margin:0px;
	padding:0px;
}

/* ---------------- lista del menu  -------------------- */

#menu{
	width:680px;
	margin: 60px 10px 0px 0px;
	padding: 0px 10px;
	font-size:100%;
	}

#menu ul {
	margin: 0px;
	padding: 0px;
	float:right;
}

#menu li {
	padding: 6px 15px;
	margin:0px 0px;
	float:left;
	color: #666;
	border-right:1px solid #eee;
}

#menu li a{
	padding: 0px;
	margin:0px;
	font-weight:bold;
	color: #666; 
	text-decoration:none;
}

#menu li a:hover {
	text-decoration:none;
	color: #b4470e; 
}

.menu_desc {
	font-size: 90%;
	color: #999;
	height: auto;
	font-weight:lighter;
	width: auto;
}

/* ---------------- lista de la ruta  -------------------- */

#ruta{
	width:950px;
	margin:3px auto 0px auto;
	padding:5px 0px;
	color:#999;
}

#ruta ul{
	margin: 0px;
	padding: 0px 0px;
	list-style: none;
	display:inline;
}
#ruta li {
	display:inline;
	text-decoration: none;

	background-position:3px;
	padding: 0px 0px 0px 10px;
	font-weight:normal;
}
#ruta li a{
	display:inline;
	text-decoration: none;
	color: #666;
	font-weight:normal;
}
#ruta a:hover {
	text-decoration: underline;
}


/* ---------------- lista del submenu  -------------------- */

#submenu{
	float:left;
	width:160px;
	margin:0px 0px 0px 0px;
	padding: 0px 10px;
	font-size:100%;
	}

#submenu ul {
	margin: 0px;
	padding: 0px;
}

#submenu li {
	padding: 5px 0px 5px 2px;
	border-bottom:1px solid #eee;
	margin:0px 0px;
	color: #aaa; 
}

#submenu li a{
	margin: 0px 0px 0px 0px;
	line-height:130%;
	text-align:left;
}

#submenu li a:hover {}


/* ---------------- lista del submenu  -------------------- */

#submenu_modelos {
	float:left;
	width:175px;
	margin:20px 0px 0px 0px;
	padding: 0px 25px;
	font-size:100%;
	border-left: 1px solid #eee;
	}

#submenu_modelos ul {
	margin: 0px;
	padding: 0px;
}

#submenu_modelos li {
	padding: 3px 0px 5px 2px;
	margin:0px 0px;
	color: #aaa; 
}

#submenu_modelos li a{
	margin: 0px 0px 0px 0px;
	line-height:130%;
	text-align:left;
}

#submenu_modelos li a:hover {}




/* ----------------- listado basico ----------------*/


.listado ul{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	list-style:none;
	display:inline;
}
.listado li {
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	background:url(/images/bullet.gif) no-repeat left 10px;
	padding: 3px 0px 3px 8px;
	border-bottom:1px solid #eee;
	line-height:130%;
	text-align:left;
	color:#666;
}
.listado li a{
	display:inline;
	text-decoration: none;
}
.listado a:hover {
	text-decoration: underline;
}


/* ---------------- lista del menu presto -------------------- */

#menu_presto{
	clear:both;
	margin:40px 0px 0px 20px;
	font-size:90%;
	background-color:#eee;
	border-top:10px solid #fff;
	height:22px;
	}

#menu_presto ul {
	margin: 0px;
	padding: 0px;
}

#menu_presto li {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 0px;
	margin:5px 5px;
	float:left;
	color: #aaa; 
}

#menu_presto li a{
	padding: 0px 0px 0px 15px;
	margin:0px;
	font-weight:bold;
	color: #C30; 
	text-decoration:none;
	border-right: 1px solid #eee;
	background:url(/img/ico_presto.gif) no-repeat;
}

#menu_presto li a:hover {
	text-decoration:none;
	color: #666;
}
#menu_presto li.activo{
	color: #666;
	background: url(/img/bt_menu_on.gif) repeat-x bottom;
	border-top:1px solid #FFF;
	}



/* ----------------- pagina noticias ------------*/


.capa_titulares {
	float:left;
	width:260px;
	padding: 10px 20px 0px 0px;
	}
	
.capa_noticia {
	float: left;
	width:300px;
	border:1px solid #bfbab3;
	margin:50px 0px 0px 20px;
	padding: 10px 30px;
	background-color:#eeebe7;
	}

.tabs ul {
	margin: 0px;
	padding: 0px 0px;
	list-style-type:none;
}

.tabs li {
	text-decoration: none;
	padding: 5px 0px 5px 2px;
	font-weight:normal;
	border-bottom:1px solid #eee;
}

.tabs:active {
	color:#063;
}


/* ----------------- paginacion ------------*/

#page_navigation{
	clear:both;
	text-align:right;
	padding:5px;
	}

#page_navigation a{
	margin:2px 5px;
	text-decoration:none;
}






/* ----------------- noticia imagenes----------------*/

#reg_imgs  {
	text-decoration: none;
	margin:0px 0px 0px 0px;
	padding:10px;
	background-color: #eee;
	height:10px;
}

#reg_imgs li {
	text-decoration: none;
	margin:0px 0px 10px 0px;
	padding:0px;
	display:inline;
	float:left;
}
#reg_imgs li a{
	margin: 0px 3px 15px 0px;
	padding:2px;
	text-decoration: none;
	font-weight:normal;
	color: #C30;
}
#reg_imgs a:hover {
	text-decoration:underline;
}


#galeria_imgs_mini  {
	width:385px;
	}

#galeria_imgs_mini img {
	float:left;
	margin:5px 5px 0px 0px;
	opacity:0.8;
	-moz-opacity:0.8;
	filter:alpha(opacity=80);
	}
	

#galeria_imgs_mini img:hover {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	}


/* ----------------- noticia descargas ------------*/

#reg_docs ul{
	margin: 0px;
	padding: 0px 0px;
	list-style-type:none;
}

#reg_docs li {
	text-decoration: none;
	background-image:url(/img/ico_adjunto.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding: 5px 0px 5px 20px;
	font-weight:normal;
	border-bottom:1px dotted #e2ded8;
}


/* ---------------------------------------------------------
	FORMULARIOS
---------------------------------------------------------- */

form {
padding: 0px 0px 0px 0px;
margin:0px;
}

input{
	font-size:100%;
	color:#333333;
	border:1px solid #e3e0dd;
	padding:4px 6px;
	margin:2px 0px 10px 0px;
	background-color: #eee;
	}
	
.over{
	background-color: #fdfdfd;
	border:1px solid #C60;
	}
	
select{
	font-size:100%;
	border:1px solid #e3e0dd;
	padding:4px 6px;
	color:#333333;
	margin:3px 0px 10px 0px;
	background-color: #eee;
	}
	
label{color:#666; }	

fieldset{
	border:1px solid #e3e0dd;
	color:#5e594f;
	padding:20px;
	margin:20px 0px;
	}
	
legend{
	font-size:90%;
	text-transform:uppercase;
	background-color:#eee;
	padding:5px;
	}

textarea{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:100%;
	color: #333333;
	border:1px solid #e3e0dd;
	padding:4px 6px;
	margin:0px 0px 10px 0px;
	background-color: #eee;
	}
submit{
	border:1px solid #5e594f;
	padding-left:3px;
	}

.botontxt{
	border:1px solid #fff;
	background-color: #666;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px;
	}
	
.botontxt:hover{
	background-color: #C60;
	color:#FFFFFF;
	padding:5px;
	cursor:pointer;
	}
	

/* ------------- icono de progreso ------------*/
#progreso{
	display:none;
	margin:5px 0px;
	padding:5px 5px 5px 30px;
	border:1px dotted #CCCC99;
	background-image:url(/img/progress.gif);
	background-position: 5px;
	background-repeat:no-repeat;
	background-color: #FFFFCC;
	font-size:90%;
}


/* ------------------------------------ recuadros respuesta  -----------------------------------*/
.recuadro_info, .recuadro_ok, .recuadro_att, .recuadro_ko {
       border: 0px solid;
       margin: 20px 0px;
       padding:20px 30px;
       background-repeat: no-repeat;
       background-position: 10px center;
       position:relative;
}
.recuadro_info {
       color: #00529B;
       background-color: #BDE5F8;
       background-image: url('/img/ico_info.gif');
}
.recuadro_ok {
       color: #4F8A10;
       background-color: #DFF2BF;
       background-image:url('/img/ico_ok.gif');
}
.recuadro_att {
       color: #9F6000;
       background-color: #FEEFB3;
       background-image: url('/img/ico_att.gif');
}
.recuadro_ko {
       color: #D8000C;
       background-color: #FFBABA;
       background-image: url('/img/ico_ko.gif');
}