/*
Theme Name: CIE
Theme URI: http://www.ciedecolombia.com/
Description: Diseno para el sitio web de CIE de Colombia
Version: 1.0
Author: Felipe Silva Herran
*/

/*estilos generales*/

/* CSS Document */

* {padding:0;margin: 0;}
body {margin:10px 0 0 0;background-color: #CC0000;font-family: Arial, Helvetica, sans-serif;font-size:0.9em; line-height:1.4em;}
a { color:#C00; text-decoration:none;}
a img { border:1px solid #CC0000; }
a:hover { color:#F00; text-decoration: underline;}

#contenedor{width:995px;text-align:left;margin:0 auto;}
#home{ text-align:center;}
#home-medio{ float:left; height:66px; background:url(http://www.ciedecolombia.com/imagenes/index_actualidad.jpg) no-repeat; font-size:0.8em;padding:10px 0 0 95px; margin-top:10px;}
#actualidad{ float:left; width:580px;}
#actualidad li{ float:left; list-style:none; display:block; width:280px; height:65px; padding:0 0 0 10px;}
#vitrina{ float:left; width:250px;padding:0 0 0 70px; height:65px;}
#pie{ float:left; width:995px; height:55px; background:url(http://www.ciedecolombia.com/imagenes/interna_pie.jpg); color:#CCC; font-size:0.7em; line-height:1.1em; margin-top:5px;}
#pie p{ float:left; width:320px; padding:5px 0 0 10px;}
#encabezado{ float:left; width:995px; height:95px; background:url(http://www.ciedecolombia.com/imagenes/interna_cabezote.gif) no-repeat;}
#encabezado a.logo { display:block;width:195px; height:95px; float:left;padding:0 5px 0 0;}
#encabezado a.logo span{display:none;}
#encabezado h3.titulo span{display:none;}
.navegacion li a span{display:none;}

.navegacion li{ float:left; width:95px; height:95px; padding:0 5px 0 0; list-style:none;}
.navegacion li a{ display:block; width:95px; height:95px;}
a.nav-quienes:hover, a.nav-quienes2{background:url(http://www.ciedecolombia.com/imagenes/interna_nav_quienes.gif) no-repeat;}
a.nav-servicios:hover, a.nav-servicios2{background:url(http://www.ciedecolombia.com/imagenes/interna_nav_servicios.gif) no-repeat;}
a.nav-contactenos:hover, a.nav-contactenos2{background:url(http://www.ciedecolombia.com/imagenes/interna_nav_contactenos.gif) no-repeat;}
a.nav-distribuidores:hover, a.nav-distribuidores2{background:url(http://www.ciedecolombia.com/imagenes/interna_nav_distribuidores.gif) no-repeat;}
a.nav-inicio:hover{background:url(http://www.ciedecolombia.com/imagenes/interna_nav_inicio.gif) no-repeat;}

#medio{float:left; width:995px;background:url(http://www.ciedecolombia.com/imagenes/interna_fondo.gif) #FFFFFF repeat-y;margin:5px 0 0 0;}

#lateral{float:left; width:195px; background:#CC0000; padding:0 5px 0 0; font-size:0.8em; line-height:1.3em;}
#lateral h3.titulo {display:none;}
#lateral a.activo { color:#000;}
.lineas li a span{display:none;}
.lineas li{ list-style:none; width:195px; float:left; padding:0 0 5px 0;}
.lineas li a{display:block; width:195px; height:45px; color:#FFF;}
.lineas li a:hover{color:#000;}
.lineas li h3{ font-size:1em; font-weight:normal; padding:5px 0 0 5px; text-transform:uppercase;background:#E68080;}
.lineas li ul{ width:180px; border-bottom:1px solid #FFF; padding:5px 0 0 15px;background:#E68080;}
.lineas li ul li{ list-style:url(../imagenes/lista-blanca.gif);float: none; width:auto; margin-left:5px;}
.lineas li ul li a{height: auto; width:auto;}
a.nav-remachadoras{background:url(http://www.ciedecolombia.com/imagenes/interna_nav_remachadoras.gif) no-repeat;}
a.nav-remachadoras:hover, a.nav-remachadoras2{background:url(http://www.ciedecolombia.com/imagenes/interna_nav_remachadoras2.gif) no-repeat;}
a.nav-torque{background:url(http://www.ciedecolombia.com/imagenes/interna_nav_torque.gif) no-repeat;}
a.nav-torque:hover, a.nav-torque2{background:url(http://www.ciedecolombia.com/imagenes/interna_nav_torque2.gif) no-repeat;}
a.nav-aire{background:url(http://www.ciedecolombia.com/imagenes/interna_nav_aire.gif) no-repeat;}
a.nav-aire:hover, a.nav-aire2{background:url(http://www.ciedecolombia.com/imagenes/interna_nav_aire2.gif) no-repeat;}
a.nav-profesional{background:url(http://www.ciedecolombia.com/imagenes/interna_nav_automotriz.gif) no-repeat;}
a.nav-profesional:hover, a.nav-profesional2{background:url(http://www.ciedecolombia.com/imagenes/interna_nav_automotriz2.gif) no-repeat;}
a.nav-accesorios{background:url(http://www.ciedecolombia.com/imagenes/interna_nav_accesorios.gif) no-repeat;}
a.nav-accesorios:hover, a.nav-accesorios2{background:url(http://www.ciedecolombia.com//imagenes/interna_nav_accesorios2.gif) no-repeat;}
a.nav-neumaticas{background:url(http://www.ciedecolombia.com/imagenes/interna_nav_neumaticas.gif) no-repeat;}
a.nav-neumaticas:hover, a.nav-neumaticas2{background:url(http://www.ciedecolombia.com/imagenes/interna_nav_neumaticas2.gif) no-repeat;}
a.nav-abrasivos{background:url(http://www.ciedecolombia.com/imagenes/interna_nav_abrasivos.gif) no-repeat;}
a.nav-abrasivos:hover, a.nav-abrasivos2{background:url(http://www.ciedecolombia.com/imagenes/interna_nav_abrasivos2.gif) no-repeat;}

#cuerpo{float:left; width:795px;}
#titulo{float:left; width:795px; height:45px;background: #EBEBEB;}
#titulo h1{ font-size:1.2em; padding:20px 0 0 45px;text-transform:uppercase;font-weight:normal; color:#333;}
#contenido{float:left; width:540px; padding:10px 15px 0 45px;}
#contenido h2{ font-size:1.3em;padding:2px 0; margin:10px 0 5px 0; font-weight:normal; font-style:italic; color:#999999; border-bottom:1px solid #CCCCCC; clear:both;}
#contenido h3{ font-size:1em;padding:5px; margin:10px 0 5px 0; text-transform:uppercase; background:#EEE;}
#contenido p{margin:10px 0 5px 0;}
#contenido ul{margin:5px 0 5px 15px;}
#contenido table.tabla-productos {font-size:1em; }
#contenido table.tabla-productos td{border-bottom:none;}
#contenido ul.menu-productos { overflow:auto; margin:0;font-size:0.7em; line-height:1.4em; text-transform:uppercase;}
#contenido ul.menu-productos li{float:left; width:115px; height:175px; margin:10px; list-style:none;}
#contenido ul.menu-productos li a{display:block; width:115px; height:165px;padding:5px; text-align:center; background:#EEE;}
#contenido ul.menu-productos li a:hover{background:#C00; color:#FFFFFF; text-decoration:none;}
#contenido ul.menu-productos li a img{margin:0 0 2px 0;}
#contenido ul.menu-productos li ul{margin:5px 0;}
#contenido ul.menu-productos li ul li{float:none; width:95px; height:75px; margin:5px 0; list-style:none; font-size:0.9em;}
#contenido ul.menu-productos li ul li a{display:block; width:95px; height:65px;padding:5px; text-align:center; background:#CCC;}
#contenido ul.menu-productos li ul li ul li{width: auto; height:auto; margin:5px 0; }
#contenido ul.menu-productos li ul li ul li a{display: list-item;width:auto;height:auto;background:none;text-align:left; padding:0;}
#contenido ul.menu-productos li ul li ul li a:hover{background:none; color:#000000;}
#contenido table{ font-size:0.8em; line-height:1.4em; margin-bottom:10px;}
#contenido th{background:#C00; color:#FFF; padding:2px; vertical-align:top; border-right:1px solid #CCC; text-align:center;}
#contenido td{ border-bottom:1px solid #CCC; padding:2px;text-align:center;}
#contenido .fila-gris{ background:#DDD; padding:1px !important; font-weight:bold;}
#menu{float:left; width:195px;}
#menu h3{font-size:1em; border-top:3px solid #FFF;border-bottom:3px solid #FFF; padding:5px 0 0 5px; text-transform:uppercase; font-weight:normal;color:#999;}
#menu h4{border-bottom:3px solid #FFF; padding:10px 0;}
#menu ul{padding:10px 0 0 20px; list-style:url(http://www.ciedecolombia.com/imagenes/lista-gris.gif); font-size:0.9em;}
#menu p{padding:5px; font-size:0.9em;}
#menu a.activo { color:#000;}
#menu ul.menu-aux li ul {padding:5px 0; font-size:0.8em; margin:0 0 0 5px; line-height:1.5em;}
#menu ul.menu-aux li ul li ul {padding:5px 0; font-size:1em; margin:0 0 0 5px;}
p.miga{ font-size:0.7em;}
p.miga a{text-decoration:underline;}
p.miga a:hover{text-decoration:none;}
.txt-rojo{ color:#C00;}
.txt-blanco{ color:#FFF;}
.txt-centro{ text-align:center;}
.flota-der{ float:right;}
.foto-contenido{ float:right; margin:0 0 30px 10px;}
.foto-ficha{ text-align:center; margin:10px 0;}
.tabla-contacto td{ text-align: left !important; padding:6px 0 !important;}