/* CSS Document */

/* para resetear todas las propiedades*/
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:10px; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
	margin:0;
	padding:0;
}
a img,:link img,:visited img {
	border:0px;
	bottom: 0px;
}
address { font-style:normal }
/*fin del reseteo*/

body {
	background-color:#565555;
	background-image:url(../images/fondo.jpg);
	background-repeat:repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	background-position: center top;
}
#contenedor {
	width:980px;
	margin-left:auto;
	margin-right:auto;
}

/*********************************  cabecera *********************************/

#cabecera { 
	height:65px;
	background-color:#FFFFFF;
}
#logo{ 
	float:left;
	width: 380px;
}
h1 {
	display:none;
}

#submenu{
	float:right;
	margin-top:10px;
}
#submenu li{
	display: inline;
	list-style-type: none;
	margin-left:5px;
	border-left:1px solid #2c8c27;
	float:left;
	padding-left:8px;
	padding-right:8px;
}
#submenu li a{
	font-size: 12px;
	color: #565555;
	text-decoration: none;
}
#submenu li a:hover{	
	color: #eb6600;
}

#imagen_cabecera{ height:249px;}

/************************************ menu **********************************/

#menu{ height:25px;
	background-color:#565555;
	padding-left:40px;
	padding-right:40px;
}
#menu li{ 
	display: inline;
	list-style-type: none;
	margin-right:30px;
}
#menu li a {
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
}
#menu li a:hover {
	color:#eb6600;
}


/********************************** fin menu ********************************/

#contenidos{
	background-image:url(../images/degradado_menu.jpg);
	background-repeat:repeat-x;
	border-left: #565555 5px solid;
	border-bottom: #565555 5px solid;
	border-right: #565555 5px solid;
	height: auto !important;  /*para los navegadores buenos*/
	height:430px;  /*para IE5+ */
	min-height: 430px; /*para los navegadores buenos*/
	background-color:#FFFFFF; 
}

#apartados{
	height:116px;
}
#apartados li {
	width:286px;
	float:right;
	height:116px;
}
#apartados span {
	display:none;
}

#cont_izq {
	width:684px;
	float:left;
}
.negocio_sust{ background:#565555; color:#FFFFFF; width:266px; height:86px; padding:10px;}
.texto {
	height: auto !important;  /*para los navegadores buenos*/
	height:300px;  /*para IE5+ */
	min-height: 300px; /*para los navegadores buenos*/
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
	color:#565555;
	font-size:11px;
}
.texto2 {
	padding-top: 80px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
	color:#565555;
	font-size:11px;
}
.texto p{ margin-bottom:8px;}
.texto2 p{ margin-bottom:8px;}
.texto_a{ color: #eb6600;}
.destacado{ font-size:14px; font-weight:bold;}
.verde{color:#2c8c27;}


h2{
	font-size:24px;
	color:#CCCCCC;
	border-bottom:1px solid #565555;
	margin-bottom:20px;
}
.titulos{
	font-size:11px;
	margin-bottom:3px;
	margin-top:10px;
	letter-spacing: 1px;
	font-weight:bold;
}
.texto img {
	margin-left:auto;
	margin-right:auto;
}
.texto ul {
	margin-top:20px;
}

#cont_der {
	width:286px;
	float:right;
	font-size:18px;
	font-weight:bold;
}
#cont_der a {
	color:#fff;
	text-decoration: underline;
}
#cont_der a:hover{
	color:#000;
	text-decoration: underline;
}
.relleno_der{
	height:70px;
}
.enlaces_der{
	background-image:url(../images/banner.jpg);
	height:314px;
}
.enlaces_der ul{
	padding-top:170px;
}
.enlaces_der li{
	margin-bottom:35px; text-align:center;
}

.der_peq{
	float: right;
	width:220px;
	color:#565555;
	font-size:14px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 30px;
	border-bottom:#d5d4d4 1px solid;
}
.der_peq li{margin:0; padding:0;}
.der_peq ul{margin:0; padding:0;}
.izq_peq{float: left;}


.col_1 {
	float:left;
	width:180px;
	margin-right:20px;
	_margin-right:15px;
	font-size:13px;
}

.col_1 li{
	color:#565555;
	list-style:inside;
	list-style-image:url(../images/lista.gif);
	margin-bottom:5px;
}
.col_1 li ul {
	margin:0;
	padding:0;
}
.col_1 a{
	color:#565555;
}
.col_1 a:hover{
	color:#eb6600;
}
.col_1 li ul{
	padding-left:30px;
}


/*********************************** formulario ******************************/

#form1 fieldset{
	margin-bottom:15px;
	padding: 0 0 45px 15px;
	border-left: none;
	border-top: none;
	border-right:1px solid #d5d4d4;
	border-bottom:1px solid #d5d4d4;
	background-image: url(../images/fondo_contacto.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#form1 p{
	margin-top:10px;
}
#form1 legend {
	color:#eb6600;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0;
}
.form_input {
	border:#2c6c27 1px solid;
	width:200px;
	background:#f9fcfa;
}
#form1 textarea {
	border:#2c6c27 1px solid;
	width:200px;
	height:80px;
	background:#f9fcfa;
}
.label_span{
	width:200px;
	float:left;
}
.boton{ 
	border:none;
	background-color:#565555;
	color:#FFFFFF;
	width:100px;
	font-weight:bold;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
}
.boton:hover{ background-color:#2c6c27;}

.boton_ir{ 
	border:1px solid #ffffff;
	background-color:#565555;
	color:#FFFFFF;
	width:50px;
	font-weight:bold;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-size:10px;
}
.boton_ir:hover{ background-color:#fff; color:#565555;}


/******************************* fin formulario ******************************/

/*********************************** pie *************************************/

#pie{
	font-size:11px;
	color:#FFFFFF;
	text-align: right;
	margin-top:3px;
}
#pie a {
	color:#FFFFFF;
	text-decoration:underline;
}

/*********************************** pavimentos **********************************/

#menu_pavimentos{
	height: auto !important;  /*para los navegadores buenos*/
	height:250px;  /*para IE5+ */
	min-height: 250px; /*para los navegadores buenos*/
	margin-bottom:20px;	
}
#menu_pavimentos li{
	display: inline;
	float: left;
	margin-left:23px;
	height:155px;
	width:155px;
	margin-bottom:20px;
}
#menu_pavimentos span { display:none;}

.desplegable{ 
	clear:both;
	text-align:right;
	padding-top:5px;
	padding-right:5px;
	height:20px;
/*	background-image:url(../images/fondo_desple.jpg);
	background-repeat:repeat-x;
	border:solid 1px #FF0000;*/
}
.desplegable span{
	margin-right:20px;
	/*color:#FFFFFF;*/
	color:#333333;
}
.pavimentos {
	color:#FFFFFF;
	font-size:10px;
	background-color:#565555;
	border:solid 1px #fff;
	padding:0;
	margin:0;
}
.texto_pavimento {
	padding-left:30px;
	margin-top:20px;
	margin-bottom:20px;
}
.texto_pavimento img{
	padding-right:15px;
	padding-bottom:15px;
	float:left;
}
.pavimento_linea {
	margin-left:30px;
	margin-top:30px;
	margin-bottom:30px;
	border:1px solid #565555;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
}
.pavimento_linea ul {
	margin:0;
	padding:0;
}
.pavimento_linea li{
	display:inline;
	margin-right: 20px;
}

h3{
	padding-left:30px;
	font-size:16px;
	color:#565555;
	}
h3 img { margin-right:5px; }
h3 span {color:#565555; font-weight: normal;}

/**************** estilos dinamicos **************/
h3 a {color: #565555;}
h3 {color: #565555;}
#ficha_menu { background-color: #565555;}
#ficha_galeria { border-top: 1px solid #565555;}
/**************** estilos dinamicos **************/



/*********************** ficha podructos *********************/

#ficha{
	margin-bottom:40px;
	margin-top:5px;
	margin-left:30px;
	height: auto !important;  /*para los navegadores buenos*/
	height:400px;  /*para IE5+ */
	min-height: 400px; /*para los navegadores buenos*/
}
#ficha_menu {
	float:left;
	width:151px;
	height: auto;
	color:#FFFFFF;
	font-size:13px;
}

#ficha_texto{
	width:585px;
	height: auto !important;  /*para los navegadores buenos*/
	height:25px;  /*para IE5+ */
	min-height: 25px; /*para los navegadores buenos*/
	margin-top:20px;
	margin-left:10px;
}
#ficha_menu ul{
	margin:0;
	padding:20px;
}
#ficha_menu li{
	list-style:inside square;
}
#ficha_menu a{
	color:#fff;
	font-weight:bold;
}
#ficha_menu a:hover{
	text-decoration:underline;
}
#ficha_galeria {
	float:right;
	width:709px;
	height: auto !important;  /*para los navegadores buenos*/
	height:400px;  /*para IE5+ */
	min-height: 400px; /*para los navegadores buenos*/
}

/**** galeria ***/
/*needed for IE to make :active state work first time */
#container_right {
	position:relative;
	width:699px;
	float: left;
	height: auto !important;  /*para los navegadores buenos*/
	height:320px;  /*para IE5+ */
	min-height: 320px; /*para los navegadores buenos*/
	padding-top:10px;
	padding-left:10px;
}
#container_right img {
	border:0;
	float: left;
}
/*miniaturas de la derecha*/
#container_right .thumbs {
	position:absolute;
	right:10px;
	top:0px;
	width: 85px;
	height: 310px;
}

#container_right a.gallery:active, #container_right a.gallery:focus { border:0px solid #000;}
#container_right a.gallery:active em, #container_right a.gallery:focus em {
	display:block;
	position:absolute;
	width:585px;
	*width:588px;
	height:310px;
	color:#000;
	background-color:#fff;
	margin:0;
	padding:0;
	text-align:center;
	/*para colocar la foto grande que se muestra al pinchar las pequeñas en la izda */
	left:-604px;
	top:10px;	
}

*html #container_right a.gallery:active em, #container_right a.gallery:focus em {
	display:block;
	position:absolute;
	width:588px;
	height:310px;	
	background-color:#fff;
	color:#000;
	margin:0;
	padding:0;
	text-align:center;
	/*para colocar la foto grande que se muestra al pinchar las pequeñas en la izda */
	left:-593px;
	top:10px;
	
}

/* common styling for all galleries */
a.gallery, a.gallery:visited {
	text-decoration:none;
	border:0px solid #000000;
	width:75px;
	height:60px;
	float: left;
	display:block;
	background-color: #CCCCCC;
	margin-right: 5px;
	margin-top: 10px;
	margin-left: 5px;
}
a.slidea {
	background-repeat: no-repeat;
	background-image: url(../images/minimini1.jpg);
}
a.slideb {
	background-repeat: no-repeat;
	background-image: url(../images/minimini2.jpg);
}
a.slidec {
	background-repeat: no-repeat;
	background-image: url(../images/minimini3.jpg);
}
a.slided {
	background-repeat: no-repeat;
	background-image: url(../images/minimini4.jpg);
}
a.slidef {
	background-repeat: no-repeat;
	background-image: url(../images/deco_2_1p.jpg);
}
a.slideg {
	background-repeat: no-repeat;
	background-image: url(../images/deco_2_2p.jpg);
}
a.slideh {
	background-repeat: no-repeat;
	background-image: url(../images/deco_2_3p.jpg);
}
a.slidei {
	background-repeat: no-repeat;
	background-image: url(../images/deco_2_4p.jpg);
}
a.slidej {
	background-repeat: no-repeat;
	background-image: url(../images/deco_1_1p.jpg);
}
a.slidek {
	background-repeat: no-repeat;
	background-image: url(../images/deco_1_2p.jpg);
}
a.slidel {
	background-repeat: no-repeat;
	background-image: url(../images/deco_1_3p.jpg);
}
a.slidem {
	background-repeat: no-repeat;
	background-image: url(../images/deco_1_4p.jpg);
}
a.gallery em, a.gallery span {
	display: none;	
}
a.gallery:hover {
	border:0px solid #fff;	
}
#container_right em img{
	float:none;
	margin:0;
	padding: 0;
}
#primera_foto{
	float:left;
	width:585px;
	height:310px;
	text-align:center;
}
#primera_foto img {
	float:none;
	margin:0;
	padding:0;
}

/*** fin galeria ***/

/************************ enlaces *******************/

.enlace {
	margin-left:30px;
	border-top:1px solid #d5d4d4;
	border-right:1px solid #d5d4d4;
	height:150px;
	margin-top:30px;
	background-image:url(../images/fondo_enlaces.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 10px 10px 0 0;
}
.enlace_imagen {
	width:250px;
	height:150px;
	float:left;
}
.enlace_contenido {
	float:right;
	margin-right:10px;
	height:150px;
	width:560px;
	_margin-right:3px;
}
.enlace_titulo {
	font-size:14px;
	margin-bottom: 10px;
	font-weight:bold;
}
.enlace_texto {
	text-align:justify;
	margin-bottom: 10px;
}
.enlace_enlace a{
	color:#eb6600;
}

/******************* fin enlaces ***************************/

/******************* preguntas ***************************/

.div_pregunta {
	margin-left:30px;
	margin-right:30px;
	border-top:1px dotted #565555;
	border-bottom:1px dotted #565555;
	padding:10px;
	height: auto !important;  /*para los navegadores buenos*/
	height:50px;  /*para IE5+ */
	min-height: 50px; /*para los navegadores buenos*/
	margin-top:30px;
}
.pregunta {
	font-size:14px;
	font-weight:bold;
	background-image: url(../images/fondo_pregunta.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:25px;
	margin-bottom:10px;
}
.respuesta {
	text-align:justify;
}
.pregunta_formulario {
	margin-top:40px;
}

#form2 {
	border: 1px solid #d5d4d4;
	padding: 15px;
	background-image:url(../images/fondo_enlaces2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#form2 fieldset{
	border:none;
	margin:0;
	padding:0;
}

#form2 p{
	float:left;
	width:425px;
	margin-top: 15px;
}
#form2 legend {
	color:#eb6600;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0;
}
.form_input {
	border:#2c6c27 1px solid;
	width:200px;
	background:#f9fcfa;
}
#form2 textarea {
	border:#2c6c27 1px solid;
	width:295px;
	_width:290px;
	height:40px;
	background:#f9fcfa;
}
.label_span{
	width:125px;
	float:left;
}
.boton2{
	border:none;
	background-color:#565555;
	color:#FFFFFF;
	font-weight:bold;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	margin-left: 550px;
	_margin-left: 553px;
	padding: 2px 3px 2px 3px;
	margin-top:10px;
}
.boton2:hover{
	background-color:#2c6c27;
}

.paginacion {
	margin-top:40px;
	margin-left:30px;
}
.paginacion li {
	display:inline;
	margin-right: 20px;
}
.paginacion ul {
	margin:0;
	padding:0;
	padding-top:10px;
}
.paginacion a {
	color: #565555;
	text-decoration:underline;
}

/************************* pagina  error ***********************************/

#error_contenedor{
	width: 600px;
	height: 300px;
	margin:auto;
	margin-top:150px;
	background-color: #FFFFFF;
	border: 3px solid #565555;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
#error_div {
	padding-top: 50px;
	color:#565555;
}
#error_enlace {
	margin-top:10px;
}
#error_enlace a {
	color:#2c6c27;
	font-size:16px;
}
#error_imagen {
	margin-top:50px;
}
.error {
	margin-bottom:5px;
	color:#fff;
	background-color:#eb6600;
	font-size:12px;
	padding-left:5px;
}