@charset "utf-8";
/* CSS Document */

<!--

/*Resetear todos los margin, padding, border, estilos de lista y tamaños de letra*/
* { margin: 0; padding: 0; border: 0; font-size: 12px; outline: none;}


/*-------------ESTRUCTURA PÁGINA-------------*/

body {
 font-family: "Arial","Verdana","Georgia", "Times New Roman", serif;
 font-size: 100%;
 background-color:#ffffff;
}

/*Contiene toda la pagina*/
div#web {
 top: 0; left: 0;
 width:100%;
}

/*Cabecera*/
div#fondocabecera {
	width:100%;
	height:208px;
	background: url(imagenes/fondocabecera.png);
	background-repeat:repeat-x;
}

div#cabecera{
	width:980px;
	height:208px;
	margin: 0 auto;
	background-image:url(imagenes/cabecera.gif);
	position:relative;
}

div#logo{
	margin-top: 40px;
	margin-left: 20px;
	position:absolute;	
}
div#letraslogo{
	margin-top: 125px;
	margin-left: 20px;	
	font-size:18px;
	font-weight:bold;
	letter-spacing:-1px;
	position:absolute;
}
div#menusup{
	margin-top: 164px;
	/*margin-left: 205px;	*/
	margin-left: 20px;	
	font-size:12px;
	color:#ffffff;
	font-weight:bold;	
	position:absolute;
	text-transform: uppercase;
}

div#menusup a {
text-decoration:none;
color:#ffffff;
}
div#menusup a:hover {
color:#ffc605;
}

/*Cuerpo*/
div#fondocentral{
	width:100%;
	background-color:#FFFFFF;
}
div#central{
	width:980px;
	margin: 0 auto;
	background-image:url(imagenes/fondocentral.png);
	background-repeat:repeat-y;
}

/*Menu*/
div#menu{
	float:left;
	width:180px;
}
.itemmenu{
	padding-left:13px;
	width:167px;
	height:25px;
	background: url(imagenes/itemmenu.gif);
	background-repeat:no-repeat;
	font-size:11px;
	font-weight:bold;
	vertical-align:middle;
	line-height:11px;
	letter-spacing:1px;
	display:table-cell;
}

.itemmenupuntos{
/*	list-style-image:url(imagenes/puntomenu.png);*/
	list-style-type:disc;
	color:#ffc605;
	margin-left:17px;
	margin-bottom:5px;
	padding-left:3px;
	
}
.itemmenupuntos li{
	line-height:12px;
}
.itemmenupuntos ul li a {
font-size:10px;
text-decoration:none;
color:#ffffff;
}
.itemmenupuntos ul li a:hover {
color:#ffc605;
}
.subitem{
	color: #ffc605;
	font-size:10px;
	font-weight:bold;
	margin-left:5px;
	text-transform:uppercase;
}


/*Contenido*/
div#contenido{
	float:right;
	padding-left: 20px;
	width:770px;
	background-color:#FFFFFF;
}

/*salto de linea por el float*/
.clear{	
	clear:both;
}

.ampliarimagen{
	color:#aaa;
	width:160px;
	font-size:10px;
	margin-bottom:5px;
	text-align:left;
	line-height:10px;
}

/*Pie*/
div#fondopie {
	width:100%;
	height:155px;
	background: url(imagenes/fondopie.png);
	background-repeat:repeat-x;
}

div#pie{
	width:980px;
	height:155px;
	margin: 0 auto;
	background-image:url(imagenes/pie.png);
	position:relative;
}

div#llave{
	position:absolute;
	margin-top:80px;
	width:35px;
	height:14px;
}

div#zonaprivada{
	position:absolute;
	margin-top:78px;
	margin-left:40px;
	width:100px;
	height:16px;
}
div#zonaprivada a {
	text-decoration:none;
	font-weight:bold;
	color:#ffc605;
}
div#zonaprivada a:hover {
	color:#ffffff;
	font-weight:bold;
}

div#textoblancopie{
	position:absolute;
	margin-left:150px;
	color:#FFFFFF;
	margin-top:78px;
	width:820px;
	height:16px;
	font-size:10px;
}


div#logopeq{
	position:absolute;
	margin-left:45px;
	margin-top:97px;
	width:55px;
	height:20px;
}
div#dirtel{
	position:absolute;
	margin-left:190px;
	margin-top:97px;
	width:600px;
	height:20px;
	text-align:center;
}
div#letraslogopeq{
	position:absolute;
	margin-left: 17px;
	margin-top:117px;	
	font-size:10px;
	font-weight:bold;
	/*letter-spacing:-1px;*/
	width:150px;
}
div#enlacepenta {
	position:absolute;
	margin-left: 828px;
	margin-top:117px;
	font-family: Arial, Helvetica, sans-serif;
}
div#enlacepenta a{
	font-size: 9px;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
}
div#enlacepenta a:hover {
	COLOR: #BBBBBB;
}
div#avisolegal {
	position:absolute;
	margin-left: 850px;
	margin-top:105px;
	font-family: Arial, Helvetica, sans-serif;
}
div#avisolegal a{
	color: #000000;
	text-decoration: none;
	font-size: 9px;
	font-weight: normal;
}
div#avisolegal a:hover {
	COLOR: #CCCCCC;
}

/* Boton */
.botongr{
	width:155px;
	height:26px;
	float:left;
	margin-top:30px;
	margin-left:215px;
	text-align:center;
}

.botongr a {
  display: block;
  font-size:14px;
  width: 155px;
  line-height: 26px;
 /* text-indent: 0px;*/
  color: #000;
  font-weight:bold;
  text-decoration: none;
  background: url(imagenes/pixy-rollover.gif) no-repeat left top;
}

.botongr a:hover {
/* background-color: #fff;*/
 background-position: right top;
 color: #fff;
}

/* Titulos */
.titulo{
	font-size:24px;
	font-weight:bold;
}
.puntos{
/*	float:left;*/
	background: url(imagenes/punto.png);
	background-repeat:repeat-x;
	background-position:left;
	height:10px;
	width:760px;
	margin-bottom: 15px;
}
/* H */
h1 {
	font-size:24px;
	font-weight:bold;
	display:inline;
}

h2 {
	font-size:24px;
	font-weight:bold;
}

/*Textos*/
.textojustificado{
/*	float:left;*/
	text-align:justify;
/*	overflow:auto; */
	width:760px;
/*	min-height:400px;*/
}

.textojustificado ul li{
	font-size:12px;
	list-style-type:circle;
	list-style-image:url(imagenes/puntomenu.gif);
/*	color:#7f7f7f;*/
	margin-left:20px;
}

/*Obras Realizadas*/

.tituloobra{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#aaa;
	margin-bottom:10px;
	border-bottom:1px #ddd solid;
}


/*Fotos Index*/
.fotosindex{
	float:left;
	border:1px solid;
	border-color:#000000;
	margin-right:9px;
}

/*Lista para el index*/
div#listaindex ul{
	float:left;
	margin-left:20px;
	list-style-type:square;
	margin-bottom:20px;
}

div#listaindex li{
	margin-top:12px;
	margin-bottom:12px;
	}
	
/*Zona Privada*/
div#cuadrovalidar{
	margin-left:100px;	
	margin-top:70px;	
	border-color:#000000;
	border:dotted 1px;
	width:500px;
	background-image:url(imagenes/seguridad.gif);
	background-position:right;
	background-repeat:no-repeat;
	height:200px;
}

#frmValidar label{
	margin-left:50px;
	font-weight:bold;
}
#frmValidar input{
	width:150px;
	border-color:#000000;
	background-color:#ffc600;
	border:solid 1px;
	margin-top:40px;
}
#BtnValidar{
	width:90px !important;
	border-color:#000000;
	border:solid 1px;
	color:#FFFFFF !important;
	background-color:#000000 !important;
	margin-left:155px;	
	margin-bottom:30px;
	height:20px;
}
#usuario{
	margin-left:55px;
}
#password{
	margin-left:33px;
}
div#accesodenegado{
	margin-left:252px;
	margin-top:20px;
	width:510px;
	font-size:16px;
	font-weight:bold;
	color:#990000;
}

/*Contacte*/
#frmContactar label{
	margin-left:50px;
	font-weight:bold;
}
#frmContactar input{
	width:300px;
	border-color:#000000;
	border:solid 1px;
	margin-top:20px;
}
#frmContactar textarea{
	width:300px;
	border-color:#000000;
	border:solid 1px;
}
#frmContactarEnviado label{
	margin-left:50px;
	font-weight:bold;
}
#frmContactarEnviado input{
	width:300px;
	border-color:#000000;
	border:dotted 1px;
	margin-top:20px;
}
#frmContactarEnviado textarea{
	width:300px;
	border-color:#000000;
	border:dotted 1px;
}
.separador2{
	width:360px;
	height:20px;
}
#txtMail{
	float:left;
	width:300px;
	margin-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

#txtTel{
	margin-bottom:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:350px;
	float:right;
	font-size:18px;
	font-weight:bold;
}

#txtEmpresa{
	margin-left:50px;
}
#txtEmpresa2{
	margin-left:50px;
}
#txtContacto{
	margin-left:50px;
}
#txtTelefonos{
	margin-left:45px;
}
#txtEmail{
	margin-left:67px;
}
#txtComentarios{
	display:inline;
	margin-left:28px;
}
#lblComentarios{
	vertical-align:top;
}
#btnEnviar{
	width:90px !important;
	border-color:#333333;
	border:solid 1px;
	margin-left:155px;	
}
#txtNotalegal{
	width:300px;
	border:dotted 1px;
	border-color:#000000;
	display:inline;
	margin-left:154px;
	margin-top:30px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}

.fondocontacto{
	background-image:url(imagenes/contacte.gif);
	background-repeat:no-repeat;
}

/*MAPA*/	
div#letrasmapa{
	margin-top:30px;
	width:690px;
	font-size:12px;
	background-color:#000000;
	color:#ffffff;
	text-align:center;
	padding:5px;
}
div#mapa{
	width:698px;
	border:solid #000000 1px;
}

/*Imagenes de productos*/
div#lateralimagenes{
	float:right;
	width:160px;
	margin-left:20px;

}
.caracprod{
	margin-left:20px;
}
.imagenproducto{
	border:1px solid #000000;
	margin-bottom:20px;
	
}

/* Galeria de Fotos */
.galeriafotos{
	width:760px;
	text-align:center;
}
.galeriafotos img{
	border:1px solid;
	border-color:#000000;
	margin-right:7px;
	margin-left:7px;
	margin-bottom:14px;
	height:120px;
}
.galeriafotos h2{
	color:#999999;
	font-size:18px;
/*	text-align:left;*/
	margin-top:5px;
	margin-bottom:15px;
}

.fotogaleriaadmin{
	float:left;
	margin-bottom:30px;
}

/* IE6 css fixer v0.8: Fri, 02 Jul 2010 12:00:39 +0200 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
* html div#menu,
* html div#contenido,
* html .botongr,
* html .fotosindex,
* html div#listaindex ul,
* html #txtMail,
* html #txtTel,
* html div#lateralimagenes,
* html .fotogaleriaadmin {display:inline;}

/* add zoom:1 to pos:relative elements */
* html div#cabecera,
* html div#pie {zoom:1;}

	
-->