/*
	Generales
*/
body{
	font-family: Arial;
	font-size: 12px;
	background-color: #e9e9e9;
	background-image: url('../imagenes/fondo.gif');
	background-repeat: repeat-x;
}
p{
	clear: both;
	line-height:  18px;
	color: #7e7e7e;
}
a{
	color: #47b6ff;
}
a:hover{
	color: #1a74af;
	text-decoration: underline;
}
select{
	width: 148px;
	height: 20px;
	border: solid 1px #bcbcbc;
	margin-top: 6px;
}
h1{
	font-size: 16px;
	font-weight: normal;
	color:#0c4764;
	margin-bottom:20px;
}
h1 span{
    font-size: 9px;
    color: #456371;
}
button{
	cursor: pointer;
}
/*
	Fin Generales
*/
/*
	Contenedor
*/
.home{
	background-image: url('../imagenes/home/fondo.gif');
	background-repeat: repeat-x;
}
.home #cinta{
	height: 262px;
	padding-top: 12px;
}
#contenedor{
	width: 814px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
}
/*
	Fin Contenedor
*/
/*
	Cabecera
*/
#cabecera{
	width: 808px;
	height: 76px;
	background-image: url('../imagenes/cabecera/fondo.gif');
	background-repeat: no-repeat;
	padding-top: 13px;
	padding-left: 6px;
}
/* 
	Fin Buscador
*/
#formularioBusquedaProducto{
	width: 280px;
	position: absolute;
	right: 58px;
	top: 30px;
}
#formularioBusquedaProducto label{
	width: 280px;
	display: block;
	margin-bottom:3px;
	font-size: 11px;
	color: #9e9e9e;	
}
#formularioBusquedaProducto .campoTexto{
	width: 188px;
	height: 20px;
	background-image: url('../imagenes/lupa.gif');
	background-repeat: no-repeat;
	background-position: 3px 3px;
	border: solid 1px #ccd9db;
	color: #768daf;
	padding: 2px 4px 0px 22px;
}
#formularioBusquedaProducto button{
	width: 60px;
	height: 30px;
	position: absolute;
	right: 0px;
	top: 12px;
	background: none;
	border: 0px;
}
.listadoCategoriasProductos #formularioBusquedaProducto,
.listadoProductos #formularioBusquedaProducto{
	width: 520px;
	background-color: #f1f1f1;
	position: relative;
	left: auto;
	right: auto;
	float:left;
	padding: 10px;
	margin: -20px 0px 30px 20px;
}
.listadoCategoriasProductos #formularioBusquedaProducto label,
.listadoProductos #formularioBusquedaProducto label{
	width: 120px;
	float: left;
	display: inline-block;
	padding-top: 5px;
	
}
.listadoCategoriasProductos #formularioBusquedaProducto .campoTexto,
.listadoProductos #formularioBusquedaProducto .campoTexto{
	float: left;
}
.listadoCategoriasProductos #formularioBusquedaProducto button,
.listadoProductos #formularioBusquedaProducto button{
	top: 6px;
	right: 130px;
}
/* 
	Fin Buscador
*/
/*
	Menú
*/
#menu{
	width: 770px;
	height: 43px;
	padding: 3px 0px 0px 38px;
}
#menu li{
	float: left;
}
#menu a{
	height: 28px;
	color: #282828;
	background-repeat: no-repeat;
	background-position: 0px;
	display: block;
	padding-top: 14px;
	padding-left: 10px;
	overflow: hidden;
	text-decoration: none;
	margin-right:16px;	
}
#menu .inicio{
	width: 38px;
	background-image: url('../imagenes/menu/inicio.gif');
}
#menu a.inicio:hover,
.home #menu .inicio{
	background-position: -48px;
}
#menu .empresa{
	width: 77px;
	background-image: url('../imagenes/menu/empresa.gif');
}
#menu a.empresa:hover,
.seccionEmpresa #menu .empresa{
	background-position: -87px;
}
#menu .equipamientos{
	width: 94px;
	background-image: url('../imagenes/menu/equipamientos.gif');
}
#menu a.equipamientos:hover,
.listadoCategoriasProductos #menu .equipamientos,
.listadoProductos #menu .equipamientos{
	background-position: -104px;
}
#menu .servicios{
	width: 59px;
	background-image: url('../imagenes/menu/servicios.gif');
}
#menu a.servicios:hover,
.seccionServicios #menu .servicios{
	background-position: -69px;
}
#menu .especialidades{
	width: 96px;
	background-image: url('../imagenes/menu/especialidades.gif');
}
#menu a.especialidades:hover,
.seccionEspecialidades #menu .especialidades{
	background-position: -106px;
}
#menu .clientes{
	width: 55px;
	background-image: url('../imagenes/menu/clientes.gif');
}
#menu a.clientes:hover,
.seccionClientes #menu .clientes{
	background-position: -65px;
}
#menu .enlaces{
	width: 53px;
	background-image: url('../imagenes/menu/enlaces.gif');
}
#menu a.enlaces:hover,
.seccionEnlaces #menu .enlaces{
	background-position: -63px;
}
#menu .contacto{
	width: 78px;
	background-image: url('../imagenes/menu/contacto.gif');
}
#menu a.contacto:hover,
.seccionContacto #menu .contacto{
	background-position: -88px;
}
/*
	Fin Menú
*/
/*
	Fin Cabecera
*/
#encabezado{
	width: 568px;
	height: 71px;
	border: solid 1px #ffffff;
	display: block;
	float: right;
	overflow: hidden;
    background-image: none;
    background-repeat: no-repeat;
	background-position: right;
}
/*
	Animación
*/
#cinta{
	width: 774px;
	height: 78px;
	padding: 5px 10px 0px 30px;
	background-image: url('../imagenes/animacion/fondo.gif');
	background-repeat: no-repeat;
	background-position: 10px 0px;
	overflow: hidden;
	margin-bottom: 10px;
}
#izquierda{
	width: 200px;
	float: left;
	padding-top: 17px;
	overflow: hidden;
}
#izquierda h2{
	padding-bottom: 4px;
}
#izquierda a{
	display: block;
	padding-bottom: 20px;
}
#izquierda ul{
	color: #ffffff;
}
#izquierda ul li{
	height: 20px;
}
#izquierda ul li.telefono{
	padding-left: 26px;
}
#derecha{
	float: right;
	width: 570px;
	overflow: hidden;	
}
#derecha #slider{
	border: 1px solid white;
	width: 548px;
	height: 254px;
	overflow: hidden;
    background-image: url('../imagenes/animacion/imagenPrincipal.jpg');
    background-repeat: no-repeat;
}
/*
	Fin Animación
*/
/*********************************************************************************************************************
	Breadcrumb
*********************************************************************************************************************/
.breadcrumb{
	float: left;
	width: 580px;
	padding: 8px 10px 8px 10px;
	background-image: url('../imagenes/degrade.gif');
	background-repeat: repeat-x;
	background-position: top;
	background-color: #fafafa;
	border: solid 1px #d4d4d4;
	border-bottom: 0px;
	font-size: 10px;
	color: #7e7e7e;
	overflow: hidden;
}
.breadcrumb span{
	color: #d02a2a;
}
.breadcrumb a{
	text-decoration: none;
}
/*********************************************************************************************************************
	Fin Breadcrumb
*********************************************************************************************************************/
/*
	Cuerpo y Contenido
*/
#cuerpo{
	
}
#columnaLateral{
	width: 200px;
	margin-right:10px;
	display: inline-block;
	float:left;
}
.menu{
	width: 172px;
	background-image: url('../imagenes/menuLateral/fondo.gif');
	background-repeat: repeat-x;
	border:solid 1px #ffffff;
	padding: 20px 14px 20px 14px;
	margin-bottom: 20px;
}
.menu h3{
	height: 20px;
	padding: 2px 0px 0px  28px;
	font-size: 16px;
	font-weight: normal;
	color: #2a2a2a;
	margin-bottom:12px;
	
}
.menu #opcionesEspecialidades,
.menu #opcionesServicios,
.menu #opcionesEquipamientos{
	display: none;
}
.menu h3.especialidades{
	background-image: url('../imagenes/menuLateral/iconoEspecialidades.gif');
	background-repeat: no-repeat;
	background-position: left;
	margin-bottom: 2px;
}
.menu h3.servicios{
	background-image: url('../imagenes/menuLateral/iconoServicios.gif');
	background-repeat: no-repeat;
	background-position: left;
	margin-top:30px;
	margin-bottom: 2px;
}
.menu h3.equipamientos{
	background-image: url('../imagenes/menuLateral/iconoEquipamientos.gif');
	background-repeat: no-repeat;
	margin-bottom: 2px;
	background-position: left;
}
.menu a{
	display: block;
	color: #14333b;
	text-decoration: none;
}
.flechaAzul ul li,
.flechaRoja ul li{
	padding-bottom:6px;
	margin-top: 8px;
	margin-left: 16px;
	border-bottom: solid 1px #ced3d6;
}
.flechaAzul ul li,.flechaRoja ul li.liOpcionMenuCategoriaOferta{
	list-style-image: url('../imagenes/menuLateral/flechaAzul.gif');
}
.flechaRoja ul li{
	list-style-image: url('../imagenes/menuLateral/flechaRoja.gif');
}
.flechaAzul a:hover{
	color:#0c9ec4;
}
.flechaRoja a:hover,.flechaRoja a.opcionMenuCategoriaSeleccionada{
	color:#f02828;
}
.menu .azul,
.menu .rojo{
	font-size: 10px;
	text-decoration: none;
	padding-left: 7px;
	margin-top: 0px;
	border: none;
	margin-left: 29px;
}
.menu .azul{
	color:#47b6ff;
	background-image: url('../imagenes/menuLateral/iconoAzul.gif');
	background-repeat: no-repeat;
	background-position: 0px 5px;
}
.menu .rojo{
	color:#f02828;
	background-image: url('../imagenes/menuLateral/iconoRojo.gif');
	background-repeat: no-repeat;
	background-position: 0px 5px;
}
.menu .rojo:hover{
	color: #ab1212;
}
#contenido{
	width: 580px;
	padding: 10px 10px 30px 10px;
	background-image: url('../imagenes/degrade.gif');
	background-repeat: repeat-x;
	background-position: top;
	background-color: #ffffff;
	display: inline-block;
	float: left;
	border: solid 1px #d4d4d4;
	overflow: hidden;
	position: relative;
}
#contenido p{
	padding: 0px 20px 0px 20px;
	margin-bottom: 6px;
}
#contenido p strong{
	color: #1c4694;
	font-weight: normal;
}
#contenido ul{
	clear: both;
	color: #249ae7;
	padding: 0px 20px 0px 20px;
}
#contenido ul li{
	line-height: 18px;
}
#contenido ul.lateral{
	margin-bottom: 30px;
	overflow:  auto;
}
#contenido ul.lateral li{
	float: left;
	padding-right: 9px;
	margin-right: 9px;
	background-image: url('../imagenes/home/separadorLi.gif');
	background-repeat: no-repeat;
	background-position: right;
	
}
#contenido ul.lateral li.sinDivisor{
	padding-right: 0px;
	background-image: none;
}
#contenido ul.equipamientos li{
	list-style-image: url('../imagenes/home/iconoLista.gif');
	list-style-position: inside;
	padding-left: 20px;
}
#irArriba{
	width: 494px;
	height: 14px;
	display: inline;  
	background-color: #e0e0e0;
	float: left;
	padding: 4px 10px 2px 10px;
	margin: 20px 0px 20px 256px;
}
#irArriba a{
	color: #a3a3a3;
	text-decoration: none;
}
#irArriba .izquierda{	
	padding-left: 14px;
	background-image: url('../imagenes/flechaArriba.gif');
	background-repeat: no-repeat;
	float: left;
}
#irArriba .derecha{
	padding-right: 14px;
	background-image: url('../imagenes/flechaArriba.gif');
	background-repeat: no-repeat;
	background-position: right 0px;
	float: right;
}
/*
	Fin Cuerpo y Contenido
*/
/*
	Pie
*/
#pie{
	width:100%;
	text-align: center;
	padding-top: 14px;
	clear: both;
	color: #ffffff;
	background-color: #2b2d2c;
	background-image: url('../imagenes/pie/fondo.gif');
	background-repeat: repeat-x;
}
#pie #centro{
	width: 606px;
	padding-left: 208px;
	margin-left: auto;
	margin-right: auto;
}
#pie p{
	width: 100%;
	text-align: center;
	color: #ffffff;	
	margin: 0px;
}
#pie #innova{
	padding: 6px 0px 8px 0px;
}
#pie #innova a{
	width: 200px;
	display: inline-block;
	overflow: hidden;
}
#pie #innova a:hover{
	text-indent: -200px;
}
/*
	Fin Pie
*/