/*-------------------------------------------------------------
	general
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */  

body {
	background: #000 url('../images/body.jpg') repeat-x center top ;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ;
	font-size: 62.5% ;
	color: #333 ;
	padding-bottom: 10em ;
}
.conimagen IMG{
   padding:8px;
   background-color: #f5f5f5;
   /*width: 200px;*/
   border-bottom: 1px solid #999999;
   border-right: 1px solid #999999;
   text-align: center;
} 
.elrecuadro {
   padding:8px;
   background-color: #f5f5f5;
   /*width: 200px;*/
   border-bottom: 1px solid #999999;
   border-right: 1px solid #999999;

} 

h1,h2, .componentheading {
	line-height: 140% ;
}

h1, .componentheading {
	color: #000 ;
	font-size: 2.8em ;
	font-weight: normal ;
	margin-bottom: 7px
}

h2, .contentheading {
	color: #385A1B ;
	font-size: 2.4em ;
	font-weight: normal ;
	margin-bottom: 0.5em ;
}
h2, .nuevapagina {
	color: #000000 ;
	font-size: 2.0em ;

}
h2, .productos {
	color: #385A1B ;
	font-size: 1.2em ;
	font-weight: normal ;
	margin-bottom: 0.5em ;
	line-height: 90% ;
}
h2, .elrecuadro {
	color: #385A1B ;
	font-size: 1.2em ;
	font-weight: normal ;
	margin-bottom: 0.5em ;
}


h3 {
	color: #333 ;
	font-size: 2.1em ;
	font-weight: normal ;
	margin-bottom: 1em ;
}

p,span,pre {
	font-size: 1.3em ;
}

p, pre {
	line-height: 140% ;
	margin-bottom: 1em ;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ;
}

a:link, a:visited {
	color: #466B1F ;
}

a:hover {
	color: #333 ;
	text-decoration: underline ;
}

/*-------------------------------------------------------------
	contenedor y cabecera
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

#contenedor {
	width: 894px ;
	margin: 0 auto ;
}

#cabecera {
	padding: 30px 0 20px 0 ;
	height: 73px ;
}

#logo {
	float: left ;
}

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

#pagina {
	background: url('../images/main.png') repeat-y left top ;
	padding: 15px ;
	width: 894px ;
	min-height: 580px ;
	height:auto !important;
	height:580px;
}
#pagina2 {
	background: url('../images/main.png') repeat-y left top ;
	padding: 15px ;
	width: 874px ;
	min-height: 580px ;
	height:auto !important;
	height:580px;
}
/*-------------------------------------------------------------
	seccion main2
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

#main1 {
	width: 825px ;
	padding-left: 15px ;
}

#main2 {
	width: 565px ;
	padding-left: 15px ;
}

#pagina.interior #main2 {
	padding-left: 5px ;
	width: 565px ;
}


/*-------------------------------------------------------------
	menu superior
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

#top-menu {
	background: #559CD1 ;
	float: right ;
	padding: 1em ;
	font-size: 1em ;
	text-transform: uppercase ;
	letter-spacing: 1px ;
}

#top-menu a:link, #top-menu a:visited {
	color: #fff ;
	text-decoration: none ;
}

#top-menu a:hover {
	color: #fff ;
	text-decoration: underline ;
}

#top-menu li, #main-menu li, #bottom-menu li {
	display: inline ;
}

/*-------------------------------------------------------------
	menu principal + presupuestos
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */


#main-menu {
	background: url('../images/menu.png') no-repeat ;
	height: 34px ;
	padding-top: 25px ;
	font-size: 1.5em ;
	padding-left: 17px ;
	width: 893px ;
}

#main-menu li a {
	float: left;
	overflow: hidden; 
	height: 20px ;
	background-image: url('../images/menu-text.png') ;
	background-repeat: no-repeat ;
}

#menu-inicio  a {
	width: 41px ;
}
#menu-servicios  a {
	width: 100px ;
	background-position: -50px 0;
}
#menu-productos  a {
	width: 95px ;
	background-position: -150px 0;
}
#menu-novedades a {
	width: 95px ;
	background-position: -241px 0;
}
#menu-clientes  a {
	width: 80px ;
	background-position: -332px 0;
}
#menu-quienessomos  a {
	width: 115px ;
	background-position: -412px 0;
}
#menu-contactenos  a {
	width: 105px ;
	background-position: -530px 0;
}
#menu-presupuestos  a {
	width: 230px ;
	background-position: -637px 0;
}


/*-------------------------------------------------------------
	contenido
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

#contenido {
	padding-top: 10px ;
}

#pagina.interior #contenido {
	padding-top: 0 ;
}


#foto {
	position: absolute ;
	margin-left: 554px;
	margin-top: -10px ;
}

#serviciosJP {
	margin-bottom: 1em ;
	width: 532px ;
	/*height: 140px ;
	background-image: url('../images/fondoverde11.gif') ;*/
	height: 180px ;
	background-image: url('../images/fondoverdeServ1.gif') ;
	background-repeat: no-repeat ;
	padding-left: 1.5em ;
	padding-top: 0.5em ;
}


/*-------------------------------------------------------------
	barra
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

#barra {
	width: 320px ;
}

/*-------------------------------------------------------------
	men� en el pie
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

#bottom-menu {
	float: left ;
	margin-top: 10px ;
	font-size: 1.3em ;
	text-transform: capitalize ;
}

#bottom-menu a:link, #bottom-menu a:visited {
	color: #fff ;
	text-decoration: none ;
}	

#bottom-menu a:hover {
	text-decoration: underline ;
}

/*-------------------------------------------------------------
	logo en el pie
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

#logo-pie {
	float: right ;
	margin-top: 10px ;
}


/*-------------------------------------------------------------
	clases �tiles
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

.izq {
	float: left ;
}

.der {
	float: right ;
}

/*-------------------------------------------------------------
	cuadros
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

.cuadro {
	background: #E6E5DC ;
	padding: 0.5em 364px 0.1em 1.5em ;
}

.cuadro h2 {
	border-bottom: 1px dashed #CCC ;
	padding-bottom: 0.5em ;
}

.cuadro h1 {
	margin-bottom: 0 ;
}

.cuadro1 {
	background: #E6E5DC url('../images/cuadro2_det.png') no-repeat top right ;
	padding: 0.5em 24px 0px 1.5em ;
}

.cuadro1 h2 {
	/* border-bottom: 1px dashed #CCC ;
	padding-bottom: 0.5em ; */
}

.cuadro1 h1 {
	margin-bottom: 0 ;
}
.cuadro2 {
	padding: 1em ;
	background: #EAE9E2 url('../images/cuadro2_det.png') no-repeat top right ;
}

.cuadro2 h2 {
	margin-bottom: 0 ;
}

.cuadro2 h3 {
	margin: 10px 0 10px 0 ;
}

.cuadro2 h1 {
	/*display: none ;*/
}

.cuadro2 li h2 {
	font-size: 1.7em ;
	color: #333 ;
	margin-bottom: 0.5em ;
}



#pagina.interior .cuadro2 {
	margin-right: 32px ;
}



/*-------------------------------------------------------------
	novedades
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

.novedades li {
	border-bottom: 1px dashed #CCC ;
}

p.fecha {
	color: #666 ;
	font-weight: bold ;
}

/*-------------------------------------------------------------
	menu de botones
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

.menu.botones li {
	display: block ;
	background: url('../images/menu-boton.png') ;
	width: 310px ;
	height: 42px ;
	margin-bottom: 15px ;
	font-size: 2.1em ;
	color: #466B1F ;
	padding: 18px 0 0 60px ;
}

* html .menu.botones li { 
	padding: 10px 0 0 10px ;
	height: 50px ;
}

.menu.botones li img {
	position: absolute ;
	margin: -8px 0 0 -50px ;
}


.menu.botones a:link, .menu.botones a:visited  {
	text-decoration: none ;
	color: #466B1F ;
}

.menu.botones a:hover {
	text-decoration: underline ;
	color: #333 ;
}

/*-------------------------------------------------------------
	menu de botones derecha JP
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

.menu.botonesJP li {
	display: block ;
	background: url('../images/menu-botonJP.png') no-repeat ;
	width: 245px ;
	height: 42px ;
	margin-bottom: 15px ;
	font-size: 1.8em ;
	color: #466B1F ;
	padding: 18px 0 0 60px ;
}

* html .menu.botonesJP li { 
	padding: 10px 0 0 10px ;
	height: 50px ;
}

.menu.botonesJP li img {
	position: absolute ;
	margin: -8px 0 0 -50px ;
}


.menu.botonesJP a:link, .menu.botones a:visited  {
	text-decoration: none ;
	color: #466B1F ;
}

.menu.botonesJP a:hover {
	text-decoration: underline ;
	color: #333 ;
}
/*-------------------------------------------------------------
	Botones
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

input.button:hover{
	background: #5B832C  ;
    color:#fff;
}

input.button{
	background: #4A7427 ;
    color:#fff;
    border:1px solid #666;
    border-top:1px solid #999;
    border-left:1px solid #999;
	
    display:block;
    float:left;
    margin:0 0.9em 7px 0;


	font-family: "Trebuchet MS",  Helvetica, sans-serif ;
    font-size: 1em ;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;

    width:auto;
    overflow:visible;
    padding:4px 40px 3px 36px; /* IE6 */
}

input.button[type]{
    padding:5px 40px 5px 36px; /* Firefox */
    line-height:17px; /* Safari */
}

*:first-child+html input.button[type]{
    padding:4px 40px 3px 36px; /* IE7 */
}


/*-------------------------------------------------------------
	Estilos para Joomla!
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

a.readon {
	font-size: 1.3em ;
	margin: 0 ;
}

td.contentheading {
	display: none ;
}

.contentpane, .contentpaneopen p  {
	font-size: 1.3em ;
}



.inputbox {
	margin: 1em 0 1em 0  ;
	border: 1px solid #ccc ;
	background: #f0f0f0 ;
	padding: 2px ;
}

.inputbox:hover {
	background: #fff ;
}

.blog h1 {
	display: none ;
}

.titulo-link {
	margin: 0.5em 0 0 0 ;
	height: 15px ;
}

/*-------------------------------------------------------------
	FacileForms - Formulario de presupuesto
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

.content_outline {
		font-size: 1.3em ;
		margin: 0 ;
		padding: 0 ;
}

.content_outline h1 {
		font-size: 2.2em ;
		margin: 0 ;
		padding: 0 ;
}

.content_outline .inputbox {
	margin: 0 ;
}


/*-------------------------------------------------------------
	 Formulario de recomendar a un amigo
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

.recommend {
	font-size: 1.3em ;
	margin-top: 1em ;
}

.recommend label {
	display: block ;
	margin-bottom: 0 ;
}


.component-credits {
	margin-top: 2em ;
	font-size: 1em ;
	color: #999 ;
}