/* CSS Document */

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

img, a{
	border:0;
	padding:0;
}

*{
	margin:0;
	padding:0;
}

#banner{
	width:840px;
	height:40px;
	background:url(../images/fondo-baner.jpg);
	float:center;
}

#menu{
	width:840px;
	margin:auto;
	text-align:right;
}

#menu p{
	color:#fff;
}

#menu p a{
	color:#fff;
	text-decoration:none;
}

#contenedor{
	width:840px;
	margin:auto;
	border: 1px solid #000 
}

#logo{
	width:478px;
	height:133px;
}	

#foto{
	width:840px;
	height:202px;
	margin-bottom:25px;
}

#contenido{
	width:840px;
}

.titulo{
	padding:0 0 35px 10px;
}

.titulo h2{
	text-transform:uppercase;
}

.txt_img{
	text-indent:-10000px;
	width:420px;
	height:22px;
	background-image:url(../images/txt_imagenes.jpg);
}

/*** div para fotos en imagenes de obras ***/

#fotos{
	width:820px;
	margin:auto;
}

.foto{
	float:left;
	width:160px;
	height:85px;
	background-color:#ccc;
	padding:5px;
	margin:15px;
}

.foto:hover{
	background-color:#999;
}



/** Columna izq arriba **/

.textos{
	width:450px;
	float:left;
	line-height:1.5em;
	padding:0 20px 35px 15px;
}

/** Columna derecha arriba **/

.colder_arriba{
	width:330px;
	float:right;
	padding: 0 0 0 20px;
	background:url(../images/fnd_col.jpg) repeat-y;
}

.colder_arriba h4{
	margin-bottom:10px;
}


/************************/


#apartados{
	width:840px;
	margin:auto;
	margin-top:20px;
	line-height:1.5em;
	clear:both;
}

.columna{
	width:209px;
	float:left;
	margin-left:53px;
}

*html .columna{
	width:209px;
	float:left;
	margin-left:36px;
}

.titulo_col{
	margin-top:15px;
	border-bottom:#000 solid 2px;
}

.titulo_col h3{
	text-transform:uppercase;
	letter-spacing:-1px;
}

.texto_col{
	margin-top:15px;
}

.clear{
	clear:both;
}

.separador{
	width:840px;
	margin:40px 0 20px 0;
	border-bottom: #000 solid 2px;
}

#pie{
	width:500px;
	margin:auto;
	margin-bottom:30px;
	text-align:center;
}

#pie p{
	font-size:10px;
}

/***************** 2 columnas (Contacto) ******************/

.two_col{
	float:left;
	width:300px;
	margin-left:60px;
}

.two_col h4{
	text-indent:-10000px;
	width:151px;
	height:22px;
	background-image:url(../images/cata.jpg);
}

/***************** 2 columnas (Catalogo) ******************/

.menu_cat{
	float:left;
	width:200px;
	margin-left:45px;
}

.menu_cat h4{
	text-indent:-10000px;
	width:151px;
	height:22px;
	background-image:url(../images/cata.jpg);
}

.col_der_cat{
	float:left;
	width:550px;
	margin-top:60px;
}

.col_der_cat p{
	font-size:11px;
}

.dos_col_cat{
	width:250px;
	float:left;
	margin:0 15px 15px 0;
}

.separa_ornam{
	width:500px;
	height:25px;
	background-image:url(../images/separador.jpg);
	margin:auto;
}

.titulo_tabla{
	color:#666;
	margin:auto;
	text-align:center;
	font-weight:bold;
	font-size:12px;
}

.centrado{
	text-align:center;
	font-size:11px;
}

/********* Fuentes y colores para ofertas ******/

.verde{
	color:#093;
}

.peke{
	font-size:10px;
}