/* listas */
ul.pestana
{
	float: left;
	z-index: 500;
}

/* cabecera */
div.cabecera
{
	margin-top: 5px; 
	width: 900px; 
	height: 0px;
}

/* contenedor de tabs */
div.contenedor
{
	position: absolute; 
	height: 0px;  
	width: 0px; 
	left: -2000px;
}

div.serviciospdf_relative
{
	position: relative;
	top: 5px;
	left: 350px;
	padding: 5px;
	color: red;
	border: 1px dotted red;
}

div.serviciospdf
{
	position: absolute;
	top: 5px;
	left: 615px;
	padding: 5px;
	color: red;
	border: 1px dotted red;
}

/* w3validator */
div.w3validator
{
	position: absolute; 
	z-index: 500; 
	left: 870px; 
	top: 520px
}

/* borde de imagen */
.bordeimagen
{
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	left:0pt;
	padding:8px;
	top:0pt;
}

/* pictures */
.pics img {
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	height:225px;
	left:0pt;
	padding:8px;
	top:0pt;
	width:330px;
}

/* logo q calidad */
.qcalidad  img{
	position: relative;
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	height:100px;
	left:0pt;
	padding:4px;
	top:0pt;
	width:150px;
}

div.qcalidad  {
	position: relative;
	top: 70px; left: -150px
}

/* cuerpo html */
.cuerpo {
	border-left:0px solid #FF0000;
	border-right:0px solid #FF0000;
	border-bottom:0px solid #FF0000;
	border-top:0px solid #FF0000;
	
	margin: auto;
	position:relative;
	text-align:center;
	width:880px;
	background-color: #E9E9E9;
	background: url(../img/back.jpg);
}

/* div generales */
div
{
	float: left;
	border: 0px solid blue;
}

										
/* texto formulario */
.texto_formulario
{
	position: absolute; 
	left: 20px;
}

/* bordeado para los marcos generales */
.bordeado
{
	float: left;
	border: 0px #DDDDDD solid;
}
/* bordeado para los marcos de sub formularios */
.bordeado_sub
{
	float: left;
	border: 1px #CCCCCC solid;
}


div.plata
{
	background-color: silver;
}
.gris_ligero
{
	background-color: #FBFBFB;
}

.gris_ligero_transparente
{
	background-color: #FBFBFB;
	filter: alpha(opacity=80); 
	opacity: .80;
}


img
{
	float: left;
}
/* caracteristicas del marcador */
img.marcador
{
	position: relative;
	float: left;
	width: 20px;
	height: 22px;
	left: 5px;
	border:1px solid #CCCCCC;
	padding:4px;
	background-color:#F0F0F0;
}

/* caracteristicas de la imagen de donde estamos */
img.donde_estamos
{
	position: relative;
	border: 1px silver solid;
	width: 400px;
	height: 250px;
	left: 0px; 
	top: -10px; 
}

div.imgcalidad
{
	position: relative;
	border: 0px silver solid;
	left: 390px; 
	top: -150px; 
}

li.licalidad
{
	float: left;
	list-style: none;
}

/* el logotipo */
div.logotipo
{
	position: relative; 
	z-index: 100; 
	left: 235px; top: -9px; 
	border: 0px solid red;
}

/* barra junto a las pestanas */
div.barra
{
	position: relative; 
	z-index: 0; 
	left: 29px; 
	/*top: 15px;*/
	top: -555px;

}

img.barra
{
	width: 830px; 
	height: 60px;
}

/* botonera que contiene pestanas */
div.botonera
{
	position: relative; 
	left: 30px; 
	/*top: 30px;*/ 
	top: -590px;
	width: 800px;
	height: 50px;
	z-index: 399;
	border: 0px solid red;
}

/* fondo para la web*/
div.fondo
{
	z-index: 1;	
	width: 100%; 
	height: 100%;
}

/* main */
div.main
{
	position: relative; 
	width: 98%; 
	border: 0px solid blue;
}

/* para el mapa*/
div.mapa_cuadro
{
	position: relative; 
	left: 50px;
	top: 0px; 
	width:330px;height:230px;
	float:left;
	border: 5px silver solid
}

/* para la posicion del mapa */
div.mapa
{
	position: relative; 
	left: 0px;
	top: 0px; 	
	width:320px; height:220px;
	float:left;
	border: 4px white solid
}

/* parte del div que contiene el primer parrafo */
div.parrafo
{
	position: relative; top: 0px; left: 15px; width: 750px;
	margin: 0px;
	padding-left: 0px;
	padding-top: 5px;
}

/* segundo parrafo del quienes somos */
div.parrafo_quienes2
{
	position: relative; 
	left: 15px;
	top: 0px; 
	width: 740px;
}

/* fondo de opacidad para las letras del parrafo */
div.fondo_letras
{
	position: relative;
	background-color: #F8F8F8;
	filter: alpha(opacity=80); 
	opacity: .80;
	border: 0px dotted silver;
	padding: 5px;
}

/* posicion rss */
div.rss
{
	position: relative;
	overflow: auto; 	
	padding-top: 0px;
	padding: 7px;
	margin: 0px;
	z-index: 200; 
	width: 750px; 
	height: 220px;
	left: 25px; 
	top: 20px; 
	border: 1px dotted silver;
}


/* QUIENES: Parte 1 */
div.quienes
{
	position: relative;
	overflow: auto; 	
	padding-top: 16px;
	margin: 0px;
	z-index: 200; 
	width: 780px; 
	height: 455px;
	left: 8px; 
	top: 8px; 
	border: 1px dotted silver;
}

/* DIRECTORIO Parte 1 */
div.directorio
{
	position: relative;
	overflow: none; 	
	padding-top: 16px;
	margin: 0px;
	z-index: 200; 
	width: 780px; 
	height: 455px;
	left: 8px; 
	top: 8px; 
	border: 1px dotted silver;
}


/* EMPRESA: Parte 1 */
div.empresa
{
	position: relative;
	overflow: auto;
	padding-top: 16px;	
	z-index: 200; 
	width: 800px; 
	height: 455px;
	left: 8px; 
	top: 8px; 
	border: 1px dotted silver;
}

/* HORARIOS */
div.horarios
{
	position: absolute; 
	z-index: 200; 
	left: 8px; 
	top: 20px; 
	width: 800px; 
	height: 450px;
}

/* DONDE  */
div.donde
{
	position: absolute;
	z-index: 200; 
	width: 820px; 
	height: 400px;
	left: 6px; 
	top: 20px; 	
}

/* DONDE ESTAMOS */
div.donde_estamos
{
	position: absolute;
	z-index: 200; 
	width: 620px; 
	height: 400px;
	left: 6px; 
	top: 150px; 	
}

/* CONTACTO PRINCIPAL */
div.contacto
{
	position: relative; 
	z-index: 1000;
	top: 10px; 
	left: 10px; 
}

div.presupuestos
{
	position: absolute;
	z-index: 200; 
	left: 6px; 
	top: 10px; 
	width: 720px; 
	height: 200px;
	border: 0px solid red;
}

/* posicion texto general subpestana */
div.texto_subpestana
{
	position: relative;
	top: 0px; 
	left: 0px;
	padding: 5px 5px 5px 5px;
	width: 30%;
	height: 320px;
	border: 0px solid red;
}

/* posicion formulario consultanos */
div.formulario_consultanos
{
	position: relative;
	top: 15px;
	left: 410px;
	padding: 00px 00px 00px 00px;
	width: 350px;
	height: 300px;
}

/* posicion formulario prespuestos */
div.formulario_presupuestos
{
	position: relative;
	top: 0px; 
	left: 30px;
	padding: 00px 00px 00px 00px;
	width: 65%;
	height: 370px;
	border: 0px solid red;
}

div.formulario_cv
{
	position: relative; 
	top: 10px;
	left: 20%;
	padding: 00px 00px 00px 00px;
	width: 60%;
	height: 310px;
}



/* SERVICIOS: Parte 1 */
div.servicios_parte1
{
	position: absolute;
	z-index: 200; 
	width: 800px; 
	height: 450px;
	left: 8px; 
	top: 20px; 
}
div.enlaces_interes_fondo
{
	position: relative;
	z-index: 1; 
	width: 500px; 
	height: 377px;
	margin-top: 10px;
	left: 140px; 
	filter: alpha(opacity=90); 
	opacity: .9;
	background: url(../img/bus3.jpg) no-repeat;
}

/* imagen de fondo */
.fondoweb
{
	position: absolute;
	top: 59px;
	left:	25px;
	z-index: 1; 
	width: 820px; 
	height: 505px;
	filter: alpha(opacity=100); 
	opacity: 1;
	background: url(../img/fondomarco.gif) no-repeat;
	border: 0px solid red;
}

/* TABLAS */
table
{
	border: 1px solid silver;
	background-color: #000000;
	/*padding:5px 5px 5px 5px; */
	filter: alpha(opacity=65); 
	opacity: .65;
	font-family: verdana;
	font-size: 12px;
}

th
{
	border: 1px solid silver;
	padding:3px 3px 3px 3px; 
	background-color: silver;
}

tr
{
	border: 1px solid silver;
	padding:3px 3px 3px 3px; 
	background-color: white;
}

td
{
	border: 1px  solid silver;
	padding:1px 3px 1px 3px; 
	background-color: white;
}


/* imagenes con borde */
img.borde
{
	border: 6px silver solid;
}
/* el div con borde de otra manera */
div.borde
{
	border: 1px silver dotted;
	padding:0px; 
	margin: 0px;
}


/* tipo de fuente titulo  y posicion*/
.titulo
{
	position: relative;
	font-family: verdana;
	font-size: 15px;
	color: #CC2222;
	top: 5px;
	left: 5px;
}

/* tipo de fuente normal */
.normal
{
	position: relative;
	font-family: verdana;
	font-size: 13px;
	color: #303030;
	float: left;
}

/* tipo de fuente normal */
.copyright
{
	position: relative;
	z-index: 400;
	top: -20px; 
	left:80px;
	font-family: verdana;
	font-size: 10px;
	color: #303030;
	float: left;
	border: 0px solid gray;
}

/* posicion carrusel empresa */
.imgempresa
{
	position: relative; 
	top: 140px; 
	left: -520px
}


.empresa
{
	font-family: verdana;
	font-size: 14px;
	color: #FFFFFF;
}

/* tipo de fuente para los botones */
.boton
{
	font-family: verdana;
	font-size: 12px;
	color: #F7f7f7;
}