/* CSS Document */

* { padding: 0px;
	margin: 0px;
	border: 0px;}
	
	
#Fondo { text-align:center;}

/*estilos de los fondos*/


#Centradae {
	position:relative;
	margin:auto;
	width:770px;
	height: 590px;
	visibility: visible;
	background-repeat: no-repeat;
	background-position: center right;
	background-image: url(IMGS/fondogris.gif);
	background-color:#CCCCCC;
	border: 1px dotted #000000;	
}

#Centradaindex {
	position:relative;
	margin:auto;
	width:697px;
	height: 493px;
	visibility: visible;
	border: 1px dotted #000000;
	background-color: #CCCCCC;
	background-image: url(IMGS/fondoindex.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#contenido {
	position:absolute;
	left: 24px;
	top:109px;
	width:720px;
	height: 460px;
	visibility: visible;
	background-color:#ffffff;
	border: 1px dotted #000000;
}

#logo {
	position:absolute;
	left: 22px;
	top:16px;
	width:239px;
	height: 84px;
	visibility: visible;
	text-align:left;
}

#logoindex {
	position:absolute;
	left: 29px;
	top:34px;
	width:247px;
	height: 84px;
	visibility: visible;
	text-align:left;
}

#logokbe {
	position:absolute;
	left: 597px;
	top:52px;
	width:148px;
	visibility: visible;
	text-align:left;
}

body 
	{
	margin-top: 4px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#666666;
	}
.txtgral {
	font-size: 80%;
	line-height: 16px;
	color: #FFFFFF;
}


#oculta{
	position:absolute;
	left: 12px;
	top:232px;
	width: 786px;
	height: 15px;
	visibility: hidden;
}


img{
	border: 0px;
	margin: 0px;
	padding: 0px;
	}

h1{
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	color:#666666;
	margin: 0px;
	padding: 0px;
	}
h2{
	font-size: 100%;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	}
	
h3{	font-size: 80%;
	color: #CC0000;
	text-decoration: none;
	font-weight: normal;
	}

a.menu:link{
	font-size: 80%;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}
a.menu:visited {
	font-size: 80%;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}
a.menu:active { 
	font-size: 80%;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}
a.menu:hover {	
	font-size: 80%;
	color: #cccccc;
	text-decoration: none;
	font-weight: normal;
}

a.verproductos:link{
	font-size: 80%;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
}
a.verproductos:visited {
	font-size: 80%;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
}
a.verproductos:active { 
	font-size: 80%;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
}
a.verproductos:hover {	
	font-size: 80%;
	color: #CC0000;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
}

#titulos {
	position:absolute;
	left: 16px;
	top:225px;
	width:691px;
	height: 17px;
	visibility: visible;
	text-align:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF3300;
}

#frases {
	position:absolute;
	left: 24px;
	top:19px;
	width:217px;
	height: 17px;
	visibility: visible;
	text-align:left;
}

.txtgral{
	font-size: 75%;
	color: #000000;
}

.txtgralb{
	font-size: 75%;
	color: #000000;
	font-style: italic;
	font-weight: bold;
}

.txtgralrojob{
	font-size: 75%;
	color: #FF0000;
	font-style: italic;
	font-weight: bold;
}

.txtgralbold{
	font-size: 80%;
	color: #000000;
	font-weight: bold;
}

.txtgralrojo{
	font-size: 75%;
	color: #CC0000;
}

/* empresa */

#textoe {
	position:absolute;
	left: 16px;
	top:251px;
	width:339px;
	height: 193px;
	visibility: visible;
	text-align:left;
}

#textoe p {
	margin-bottom: 5px;
}

#textoe img {
	float: right;
}

#textopdf {
	position:absolute;
	left: 16px;
	top:251px;
	width:692px;
	height: 193px;
	visibility: visible;
	text-align:left;
}

#textopdf p {
	margin-bottom: 5px;
}

#textopdf li{
	list-style-type: none;
	margin: 2px;
	margin-left: 5px;
}

#imgse {
	position:absolute;
	left: 415px;
	top:254px;
	width:293px;
	height: 196px;
	visibility: visible;
	text-align:left;
}

#cempresa {
	position:absolute;
	left: 16px;
	top:13px;
	width:691px;
	height: 22px;
	visibility: visible;
	text-align:center;
	padding-top: 182px;
	background-image: url(IMGS/cabeceraempresa.jpg);
}

#cempresa dl{
	padding: 0px;
	margin: 0px;
}

#cempresa dt{
	padding: 0px;
	margin: 8px;
	display: inline;
}

a.linkfrase:link{
	font-size: 100%;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
}
a.linkfrase:visited {
	font-size: 100%;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
}
a.linkfrase:active { 
	font-size: 100%;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
}
a.linkfrase:hover {	
	font-size: 100%;
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
}

#numeros {
	position: absolute;
	left: 375px;
	top: 252px;
	width: 34px;
	height: 196px;
	visibility: visible;
	text-align: center;
}

#numeros dl{
	display: inline;
}

#numeros dt{
	width: 15px;
	border: 1px solid #FF0000;
	margin: 3px;
	padding: 0px;
}


a.productos:link{
	font-size: 80%;
	color: #CC0000;
	text-decoration: none;
	font-weight: normal;
	}
a.productos:visited {
	font-size: 80%;
	color: #CC0000;
	text-decoration: none;
	font-weight: normal;
}
a.productos:active { 
	font-size: 80%;
	color: #CC0000;
	text-decoration: none;
	font-weight: normal;
}
a.productos:hover {
	font-size: 80%;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}

a.subproductos:link{
	font-size: 80%;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	}
a.subproductos:visited {
	font-size: 80%;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}
a.subproductos:active { 
	font-size: 80%;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}
a.subproductos:hover {
	font-size: 80%;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}

.subsinlink{
	font-size: 80%;
	color: #666666;
	font-weight: normal;
	}

a.numeros:link{
	font-size: 75%;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	}
a.numeros:visited {
	font-size: 75%;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
a.numeros:active { 
	font-size: 75%;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
a.numeros:hover {
	font-size: 75%;
	color: #CC0000;
	text-decoration: none;
	font-weight: bold;
}

/*que ofrecemos*/

#cofrecemos {
	position:absolute;
	left: 16px;
	top:13px;
	width:691px;
	height: 22px;
	visibility: visible;
	text-align:center;
	padding-top: 182px;
	background-image: url(IMGS/cabeceraofrecemos.jpg);
}

#cofrecemos dl{
	padding: 0px;
	margin: 0px;
}

#cofrecemos dt{
	padding: 0px;
	margin: 8px;
	display: inline;
}

/*prpductos*/
#cproductos {
	position:absolute;
	left: 16px;
	top:13px;
	width:691px;
	height: 22px;
	visibility: visible;
	text-align:center;
	padding-top: 182px;
	background-image: url(IMGS/cabeceraproductos.jpg);
}

#cproductos dl{
	padding: 0px;
	margin: 0px;
}

#cproductos dt{
	padding: 0px;
	margin: 7px;
	display: inline;
}

#textop {
	position:absolute;
	left: 16px;
	top:252px;
	width:339px;
	height: 194px;
	visibility: visible;
	text-align:left;
}

#textop dt {
	margin:5px;
}

#textop img {
	float: right;
}


#txtsubp {
	position:absolute;
	left: 16px;
	top:252px;
	width:339px;
	height: 170px;
	visibility: visible;
	text-align:left;
}

#txtsubp p{
	margin-top: 5px;
}

#txtsubp li{
	margin-left: 15px;
}

#txtventanas {
	position:absolute;
	left: 16px;
	top:254px;
	width:339px;
	height: 175px;
	visibility: visible;
	text-align:left;
	padding-right: 15px;
	overflow: auto;
}

#txtventanas p{
	margin-top: 5px;
}

#txtventanas li{
	margin-left: 15px;
}

#ventanaacabados {
	position:absolute;
	left: 16px;
	top:436px;
	width:339px;
	height: 21px;
	visibility: visible;
	text-align:left;
}

#linkproductos {
	position:absolute;
	left: 172px;
	top:223px;
	width:535px;
	height: 18px;
	visibility: visible;
	text-align:right;
}

#linkproductos dt{	
	display: inline;
}

#linkproductos dl{	
	display: inline;
}

/*ubicacion */
#cubicacion {
	position:absolute;
	left: 16px;
	top:13px;
	width:691px;
	height: 22px;
	visibility: visible;
	text-align:center;
	padding-top: 182px;
	background-image: url(IMGS/cabeceraubicacion.jpg);
}

#cubicacion dl{
	padding: 0px;
	margin: 0px;
}

#cubicacion dt{
	padding: 0px;
	margin: 8px;
	display: inline;
}

#textou {
	position:absolute;
	left: 555px;
	top:257px;
	width:152px;
	height: 195px;
	visibility: visible;
	text-align:left;
}

#textou p {
	margin-bottom: 10px;
}

#planou {
	position:absolute;
	left: 15px;
	top:255px;
	width:293px;
	height: 196px;
	visibility: visible;
	text-align:left;
}
/* contacto */

#ccontacto {
	position:absolute;
	left: 16px;
	top:13px;
	width:691px;
	height: 22px;
	visibility: visible;
	text-align:center;
	padding-top: 182px;
	background-image: url(IMGS/cabeceracontacto.jpg);
}

#ccontacto dl{
	padding: 0px;
	margin: 0px;
}

#ccontacto dt{
	padding: 0px;
	margin: 8px;
	display: inline;
}

#textocontacto{
	position:absolute;
	left: 125px;
	top:178px;
	line-height: 15px;
	width: 136px;
	height: 0px;
}

#formulario{
	position:absolute;
	left: 26px;
	top:253px;
	line-height: 15px;
	width: 674px;
	height: 270px;
}

.txtformulario {
	font-size: 75%;
}

input {
	font-size: 100%;
	font-style: normal;
	color: #000000;
	background-color: #cccccc;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	margin-top: 5px;
	margin-left: 5px;
	vertical-align: middle;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	color: #000000;
	background-color: #cccccc;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	margin-top: 0px;
	margin-left: 0px;
	vertical-align: top;
}

#textocontacto{
	position:absolute;
	left: 30px;
	top:49px;
	line-height: 15px;
	width: 535px;
	height: 0px;
}

#form1{
	position:absolute;
	left: 1px;
	top:5px;
	line-height: 23px;
	width: 309px;
	height: 214px;
	text-align: right;
}
#form2{
	position:absolute;
	left: 332px;
	top:9px;
	line-height: 15px;
	width: 359px;
	height: 146px;
	text-align: left;
	vertical-align: text-top;
}


#form3{
	position:absolute;
	left: 30px;
	top:183px;
	line-height: 15px;
	width: 202px;
	height: 15px;
	text-align: left;
}
#form4{
	position:absolute;
	left: 441px;
	top:157px;
	line-height: 15px;
	width: 165px;
	height: 18px;
	text-align: right;
}

#form4 img{
	border: 0px;
}

a.enviar:link{
	font-size: 120%;
	color: #CC0000;
	text-decoration: none;
	font-weight: bold;
	}
a.enviar:visited {
	font-size: 120%;
	color: #CC0000;
	text-decoration: none;
	font-weight: bold;
}
a.enviar:active { 
	font-size: 120%;
	color: #CC0000;
	text-decoration: none;
	font-weight: bold;
}
a.enviar:hover {
	font-size: 120%;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
.fondogris {
	background-color: #CCCCCC;
	margin-top: 15px;
}

#textopdf a{
	color: #FF0000;
	font-style: italic;
	text-decoration: none;
}

#textopdf a:hover{
	color: #666666;
	font-style: italic;
	text-decoration: none;
}

a.aqui{
	color: #FF0000;
}

a.aqui:hover{
	color: #666666;
}