/* Hoja de estilos IMCOMCE */

*{

	margin:0;

	padding:0;

	bottom: 0px;

	clip: rect(auto,auto,0px,auto);

}

body{

margin:0 auto;

text-align:center;

font-family:Arial, Tahoma;

background:url(../imagenes/fondo.png) repeat-x #ccc;

}

i{

color:#493251;

font-weight:bold;

}

#contenedor{

width:776px;

margin:0 auto;

}

#cabezera{

height:157px;

background:url(../imagenes/logo.png) no-repeat;

}

#menu ul{

float:left;

margin-top:104px;

margin-left:30px;

list-style:none;

font-size:14px;

font-weight:bold;

}

#menu ul li {

display:inline;

}

#menu ul li a{

display:block;

float:left;

width:130px;

height:20px;

_height:28px;

padding-top:4px;

color:#999999;

font-weight:bold;

text-decoration:none;

text-align:center;

}

#menu ul li a:hover{

color:#fff;

border-bottom:4px solid #fff;

}

#menu ul li .actual{

height:24px;

_height:32px;

font-weight:bold;

color:#fff;

background:url(../imagenes/activo.png) no-repeat;

}

#menu ul li .actual:hover{

border-bottom:4px solid red;

}

#contenido{

overflow:auto;

text-align:left;

background-color:#fff;

border-left:1px solid #000;

border-right:1px solid #000;

}

#banner{

overflow:auto;

width:774px;

height:78px;

background:url(../imagenes/banner.jpg) no-repeat #000;

}

/************************************************************************************************* INICIO.HTML */

#inicio{

overflow:auto;

width:774px;

background:url(../imagenes/tit_inicio.png) no-repeat;

}

#inicio img{

margin-right:10px;

}

#saludo{

width:724px;

_width:744px;

height:232px;

_height:264px;

padding:32px 0 0 20px;

margin:60px 0 0 20px;

background:url(../imagenes/inicio_bienvenido.png) no-repeat;

}

#saludo span.tit1{

margin-left:10px;

font-size:30px;

color:#fff;

}

#saludo span.tit2{

font-size:14px;

color:#FF9900;

}

#saludo p.txt{

width:400px;

margin:10px 0 0 10px;

font-size:13px;

text-align:justify;

color:#fff;

line-height:140%;

}

#saludo p.mas{

margin:30px 0 0 10px;

}

#saludo p.mas a{

font-size:12px;

color:#BBCEFF;

}

#saludo p.mas a:hover{

color:#FF9900;

}

#destacado{

display:inline;

width:246px;

_width:266px;

height:228px;

_height:248px;

padding:10px;

float:left;

margin-top:5px;

background:url(../imagenes/inicio_destacado.png) no-repeat;

}

.pics {

width:200px; 

height:180px;

margin-top:44px;

_margin-top:54px;

margin-left:20px;

background:#000;

}

.pics img {

width:198px; 

height:178px;

border:1px solid #000;

} 

#usted{

display:inline;

width:398px;

_width:458px;

height:185px;

_height:249px;

float:left;

margin:5px 0 0 28px;

padding:64px 0 0 60px;

background:url(../imagenes/inicio_usted.png) no-repeat;

}

#usted p.tit{

margin-left:30px;

margin-bottom:21px;

font-size:20px;

color:#666;

}

#usted p.tit a{

color:#666;

text-decoration:none;

}

#usted p.tit a:hover{

color:red;

}

#usted span.txt{

font-size:12px;

color:#FF9900;

}

#info{

display:inline;

width:715px;

_width:735px;

height:90px;

_height:110px;

float:left;

margin:10px 0 0 20px;

padding:10px;

font-size:12px;

color:#666;

}

.bloque-slider {

position:relative;

top:0;

}

.modulo-slider {

height:80px;

padding:10px;

position:relative;

}

.contenedor-slider {

height:80px;

overflow:hidden;

position:relative;

border:1px solid #999;

font-size:14px;

}

/************************************************************************************************* EMPRESA.HTML */

#somos{

overflow:auto;

width:714px;

_width:774px;

padding:80px 30px 0 30px;

background:url(../imagenes/tit_empresa.png) no-repeat;

}

#somos .fondo{

background:url(../imagenes/somos_fondo.png) no-repeat;

}

#somos img{

margin:0 0 20px 20px;

}

#somos span{

color:#990000;

font-size:20px;

font-weight:bold;

}

#somos p{

padding:0 30px 0 30px;

text-align:justify;

font-size:14px;

color:#333;

}

#somos a{

color:#990000;

text-decoration:none;

}

#somos a:hover{

color:#fff;

background-color:#990000;

}

/************************************************************************************************* PRODUCTOS.HTML */

#productos{

overflow:auto;

width:754px;

_width:774px;

padding:80px 10px 0 10px;

background:url(../imagenes/tit_productos.png) no-repeat;

}

#productos h1{

display:inline;

float:left;

width:455px;

_width:500px;

margin:23px 0 20px 20px;

padding:5px;

padding-left:40px;

color:#fff;

font-size:16px;

background:url(../imagenes/h1.png) no-repeat;

}

#productos .izq{

display:inline;

width:500px;

float:left;

margin-left:20px;

overflow:auto;

}

#der{

float:right;

width:215px;

height:400px;

}

#der .menu{

display:block;

float:right;

width:214px;

_width:204px;

height:262px;

margin-top:10px;

_margin-top:9px;

padding-top:10px;

background:url(../imagenes/menu_derecho.png) no-repeat;

}

#der .menu2{

display:block;

float:right;

width:214px;

_width:204px;

height:106px;

margin-top:10px;

padding-top:10px;

background:url(../imagenes/menu_derecho2.png) no-repeat;

}

#der ul{

padding:50px 10px 0 30px;

list-style:disc;

}

#der ul a{

padding:0 5px 0 5px;

font-size:13px;

color:#000;

text-decoration:none;

}

#der ul a:hover{

color:red;

}

#der .actual{

color:red;

text-decoration:none;

}

#der .img_dest{

margin-top:10px;

_margin-left:10px;

}

#productos .caja{

display:none;

float:left;

width:478px;

_width:498px;

padding:10px;

margin:4px 0 4px 0;

font-size:13px;

text-align:justify;

border:1px solid #ebebeb;

background:url(../imagenes/3m.png) no-repeat right center #fafafa;

}

#productos .tit{

display:block;

width:100%;

font-size:20px;

border-bottom:1px solid red;

margin-bottom:4px;

margin-top:10px;

}

#productos .txt{

display:block;

width:480px;

margin-bottom:4px;

margin-left:10px;

font-size:14px;

text-align:justify;

color:#000;

}

#productos .subtit{

color:blue;

font-size:11px;

}

#productos img{

margin-right:10px;

}

#productos .izq a{

padding:0 5px 0 5px;

color:blue;

text-decoration:none;

font-size:12px;

}

#productos .izq a:hover{

color:#fff;

background-color:blue;

}

#productos .izq a.titulo{

color:red;

}

#productos .izq a.titulo:hover{

color:#fff;

background-color:red;

}

#productos .izq a.mas{

color:blue;

font-size:14px;

}

#productos .izq a.mas:hover{

color:#fff;

background-color:blue;

}

/************************************************************************************************* CLIENTES.HTML */

#clientes{

overflow:auto;

width:714px;

_width:774px;

padding:80px 30px 0 30px;

background:url(../imagenes/tit_clientes.png) no-repeat;

}

#clientes .fondo{

background:url(../imagenes/somos_fondo.png) no-repeat;

}

#clientes span{

color:#990000;

font-size:20px;

font-weight:bold;

}

#clientes p{

padding:0 30px 0 30px;

text-align:justify;

font-size:14px;

color:#333;

}

#clientes .link{

width:440px;

_width:500px;

height:90px;

_height:100px;

margin-left:100px;

_margin-left:120px;

margin-bottom:10px;

border:4px solid #efefef;

overflow:auto;

}

#clientes .link a{

padding:0 10px 0 10px;

margin-left:40px;

font-size:20px;

color:#bfbfbf;

text-decoration:none;

}

#clientes .link a:hover{

color:#000;

text-decoration:underline;

}

#clientes img{

border:0;

}

/************************************************************************************************* CONTACTO.HTML */

#contacto{

overflow:auto;

width:714px;

_width:774px;

padding:80px 30px 0 30px;

background:url(../imagenes/tit_contacto.png) no-repeat;

}

#contacto h1{

color:#666;

font-size:14px;

margin-bottom:20px;

border-bottom:1px solid #ff0000;

}

#contacto p{

padding:0;

margin-bottom:5px;

}

#contacto .tit{

display:block;

float:left;

width:200px;

margin-right:20px;

color:#333;

font-size:12px;

font-weight:bold;

text-align:right;

}

#contacto .tit2{

display:inline;

float:left;

width:150px;

margin-right:20px;

margin-left:100px;

color:#333;

font-size:16px;

font-weight:bold;

text-align:right;

}

#contacto .in{

width:300px;

}

#contacto .cont{

width:50px;

text-align:center;

border:0;

background:#fff;

}

#contacto span{

color:red;

}

#contacto .recuadro{

display:inline;

margin:20px 0 20px 55px;

float:left;

width:600px;

font-size:16px;

padding:4px 0 4px 0;

border:1px solid red;

background-color:#fbfbfb;

}

.enviar{

display:block;

float:left;

width:180px;

border:1px solid #999;

padding:0.25em;

background:#F1F8F6 url("../imagenes/fade.png") repeat-x;

margin:12px 4px 5px 4px;

text-align:center;

text-decoration:none;

color:#333;

font-weight:bold;

font-size:16px;

margin-left:270px;

display:inline;

}

.enviar:hover{

border:1px solid #FF0000;

color:#000;

}

/************************************************************************************************* PIE DE PAGINA */

#pie{

height:110px;

background:url(../imagenes/fondo_pie.png) no-repeat #ccc;

}

#pie .texto{

padding-top:60px;

text-align:center;

font-size:10px;

line-height:90%;

color:#666;

}

#pie a{

text-decoration:none;

color:#666;

}

#pie a:hover{

text-decoration:underline;

color:#000;

}

.clear{

clear:both;

}