﻿body {
	margin: 0px;
	background-image: url(images/bg1.jpg);
	background-color: #ecefec;
	background-repeat: repeat-x;
	text-align: center;
}
#toda {
	background: url(images/bg.jpg) repeat-y;
	margin: 0px auto;
	width: 766px;
	position: relative;
	text-align: left;
}
#pie {
	background: url(images/pie.jpg);
	height: 114px;
	width: 740px;
	padding: 0px 13px;
	clear: both;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#contenedor {
	width: 740px;
	position: relative;
	background: url(images/je.jpg) no-repeat left bottom;
	overflow: hidden;
}
#col_izq {
	width: 266px;
	float: left;
	height: 266px;
	position: relative;
}
#cont_main {
	background: url(images/bg3.jpg);
	width: 474px;
	float: left;
	padding: 0px;
	margin: 0px;
}
#cont_main2 {
	background: url(images/ji.jpg) no-repeat bottom;
	padding: 0px;
	margin: 0px;
}
#main {
	background: url(images/jo.jpg) no-repeat top;
	width: 424px;
	padding: 30px 20px 68px 30px;
}
#cont {
	background: url(images/bg4.jpg) repeat-y 0px 1px;
	width: 740px;
}
#cabecera {
	height: 199px;
	width: 740px;
	overflow: hidden;
}
.mm {
	margin-right: 26px;
	margin-left: 26px;
}
h2 {
	font: bold 1.8em/0.6em Georgia, "Times New Roman", Times, serif;
	color: #667169;
	margin: 0px;
	white-space: inherit;
}
.texto {
	font: 0.8em/1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #959595;
	text-align: left;
}
#pie #pie2 {
	position: absolute;
	left: 520px;
	height: 9px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #D0D5D1;
	top: 68px;
	width: 224px;
	text-align: right;
}
#pie a:link {
	color: #ADB4AE;
	text-decoration: none;
	border-bottom: 1px dotted #ADB4AE;
}
#pie a:visited {
	color: #ADB4AE;
	text-decoration: none;
	border-bottom: 1px dotted #ADB4AE;
}
#pie a:hover {
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
}
#pie a:active {
	color: #ADB4AE;
	text-decoration: none;
	border-bottom: 1px dotted #ADB4AE;
}
#menu {
	height: 266px;
	width: 266px;
	background: url(images/menubg.jpg) no-repeat;
	margin: 0px;
	left: 0px;
	top: 0px;
	position: absolute;
}
h3 {
	font: bold 1.4em/0px Georgia, "Times New Roman", Times, serif;
	color: #667169;
}

ul#nav {
	width:150px;
	height:231px;
	margin: 0px 0px 0px 60px;
	padding: 0px;
	}
ul#nav li {
	padding:0;
	margin:0;
	text-indent:-9999px;	
	list-style-type:none;
	}
ul#nav li a {
	border:0;
	display:block;
	text-decoration:none;
	background:transparent url(images/menu.jpg) no-repeat;
	}
li#home a {
	width:150px;
	height:19px;
	 }
li#quienes a {
	height: 25px;
	width: 150px;
	 }
li#mision a {
	height: 24px;
	width: 150px;
	 }	 
li#vision a {
	width:150px;
	height:24px;
	 }
li#productos a {
	width:150px;
	height:24px;
	 }	
li#medio a{
	width: 150px;
	height: 24px;
} 	 	
li#procesos a{
	width: 150px;
	height: 24px;
} 	
li#ubicacion a{
	height: 23px;
	width: 150px;
} 	 
li#contacto a {
	height: 24px;
	width: 150px;
}
li#proyectohds a {
	height: 24px;
	width: 150px;
}
li#home a:hover, li#home a:focus {
	background-position:-150px 0px;
	 }
li#quienes a:link, li#quienes a:visited {	
	background-position:0px -19px;
	}
li#quienes a:hover, li#quienes a:focus {	
	background-position:-150px -19px;
	}
li#mision a:link, li#mision a:visited {	
	background-position: 0px -44px;
	}
li#mision a:hover, li#mision a:focus {	
	background-position: -150px -44px;
	}
li#vision a:link, li#vision a:visited {	
	background-position: 0px -68px;
	}
li#vision a:hover, li#vision a:focus {	
	background-position: -150px -68px;
	}
li#productos a:link, li#productos a:visited {	
	background-position: 0px -92px;
	}
li#productos a:hover, li#productos a:focus {	
	background-position: -150px -92px;
	}
li#medio a:link, li#medio a:visited {	
	background-position: 0px -116px;
	}
li#medio a:hover, li#medio a:focus {	
	background-position: -150px -116px;
	}
li#procesos a:link, li#procesos a:visited {	
	background-position: 0px -140px;
	}
li#procesos a:hover, li#procesos a:focus {	
	background-position: -150px -140px;
	}
li#ubicacion a:link, li#ubicacion a:visited {	
	background-position: 0px -164px;
	}
li#ubicacion a:hover, li#ubicacion a:focus {	
	background-position: -150px -164px;
	}
li#contacto a:link, li#contacto a:visited {	
	background-position: 0px -187px;
	}
li#contacto a:hover, li#contacto a:focus {	
	background-position: -150px -187px;
	}
li#proyectohds a:link, li#proyectohds a:visited {	
	background-position: 0px -211px;
	}
li#proyectohds a:hover, li#proyectohds a:focus {	
	background-position: -150px -211px;
	}

/* Main navigation "active tabs"
------------------------------------------------------------------*/
body#home-page li#home a {
	background-position:-150px 0px;
	}
body#quienes-page ul#nav li#quienes a {
	background-position:-150px -19px;
	}
body#mision-page ul#nav li#mision a {
	background-position:-150px -44px;
	}
body#vision-page ul#nav li#vision a {
	background-position:-150px -68px;
	}
body#productos-page ul#nav li#productos a {
	background-position:-150px -92px;
	}
body#medio-page ul#nav li#medio a {
	background-position:-150px -116px;
	}
body#procesos-page ul#nav li#procesos a {
	background-position:-150px -140px;
	}
body#ubicacion-page ul#nav li#ubicacion a {
	background-position:-150px -164px;
	}
body#contacto-page ul#nav li#contacto a {
	background-position:-150px -187px;
	}
body#proyectohds-page ul#nav li#proyectohds a {
	background-position:-150px -211px;
	}
	
/*fin menu*/
#flashcontent {
	background: url(images/foto.jpg);
	height: 199px;
	width: 474px;
	float: left;
	margin: 0px;
}
#logo h1{
	background: url(images/logo.jpg);
	height: 163px;
	width: 180px;
	margin-top: 12px;
	margin-left: 44px;
	display: block;
	text-indent: -9999px;
	padding: 0px;
}
#logobg {
	background: url(images/logobg.jpg);
	float: left;
	height: 199px;
	width: 266px;
}
#logo h1 a {
	display: block;
	height: 163px;
	width: 180px;
	text-decoration: none;
}
#logo { 
	width:inherit
	}
#logo a{ 
	border-style: none;
	}
#logo h1 a:hover, #logo h1 a:focus {
	background: url(images/logo.jpg) no-repeat 0px -163px;
}

.floatright {
	float: right;
	margin-right: 13px;
	margin-bottom: 10px;
}
a:link {
	color: #959595;
	text-decoration: none;
	border-bottom: 1px dotted #959595;
}
a:visited {
	text-decoration: none;
	color: #959595;
	border-bottom: 1px solid #959595;
}
a:hover {
	text-decoration: none;
	color: #AF2C2F;
	border-bottom: 1px solid #AF2C2F;
}
a:active {
	text-decoration: none;
	color: #959595;
	border-bottom: 1px solid #AF2C2F;
}
.campo {
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: #ACB7AC;
	background: #FDFDFD;
	border: 1px solid #E0E4E0;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 1px;
}
#form #enviar {
	width: 77px;
	height: 36px;
	float: right;
}

#form {
	width: 350px;
	background: url(images/formbg.jpg) no-repeat;
	height: 381px;
	margin: 0px;
	font-size: 11px;
}
.u2 {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
}
#form div {
	padding-right: 5px;
}
#form input {
	height: 17px;
	background: url(images/fieldbg.jpg) repeat-x;
	width: 150px;
}
#form textarea {
	height: 77px;
	background: url(images/textbg.jpg) repeat-x;
	width: 170px;
}
.ftos img{
	border: 1px solid #DEE7DF;
	background: #FFFFFF;
	padding: 3px;
	margin-right: 10px;
}
.ftos a:hover img{
	border-color: #999999;
}
.ftos a{
	border-style: none;
}
#toda #tt {
	background: url(images/bg2.jpg) no-repeat;
	width: 740px;
	padding: 13px 13px 0px;
	margin: 0px auto;
}
.sub2 {
	font-weight: bold;
	color: #737E76;
}
.sub3 {
	color: #707A73;
		font-weight: normal;
}
body#productos-page table, body#productos-page th, body#productos-page td {
	border: 1px solid #DFE3DF;
	border-collapse: collapse;
	color: #8F9C8F;
	font-size: 11px;
}
body#productos-page td, body#productos-page th {
	padding: 4px;
}
body#productos-page thead th {
	text-align: center;
	background: #EDEFEE;
	color: #6F8478;
	font-size: 100%!important;
}
body#productos-page tbody th {
	font-weight: normal;
}
body#productos-page tbody tr { 
background: #FDFDFD; 
}

body#productos-page tbody tr.odd {
 background: #F9FBF9;
}
.mapa {
	border: 1px solid #D7E1D8;
	background: #FFFFFF;
	padding: 3px;
	height: 390px;
	width: 405px;
	display: block;
	margin: 0px;
	text-align: center;
}
.cursiva {
	font-style: italic;
	width: 411px;
}
#negrita {
	font-weight: bold;
}

