/*TABLA DE CONTENIDOS
0. General
1. Header
2. Navegación
3. Contenido
4. Columna dcha
5. Pie
*/

/*0.general*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
body{color:#333;font:11px/1 Verdana, Arial, Helvetica, sans-serif;padding:0 auto; background:url(../img/ferroviario/bg_body.gif) no-repeat center top}
a{color:#F02233;text-decoration:none}
a:focus{outline:1px dotted invert}
a:hover{text-decoration:underline}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1{ display:none}
h2{font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#E01819;  margin:20px 0 15px 0; border-bottom: solid 1px #D0D0D0; padding: 0 0 10px 0;}
h3{font-size:13px; font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif; color:#E01819; margin: 10px 0}
h4{font-size:19px}
h5{font-size:17px}
h6{font-size:15px}
ol{list-style:decimal}
ul{list-style:disc}
li{margin-left:30px}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,pre,table,address,fieldset{}
p{padding:10px 0; line-height:16px;}
.productos_cabecera { font-weight: bold; padding:0px 0 10px 0}

/*clases*/

/*1. Header*/
.cabecera{ background:url(/img/ferroviario/cabecera_ferroviario.jpg) no-repeat right top} /*96px alto*/
.cabecera img{ float:left; padding: 0px 0 12px 0; border:0}
.version_ingles { padding:13px 0 0 50px; float:left;font-weight:bold}
.version_ingles a { color:#FFFFFF}
.version_espanol{ padding:13px 0 0 110px; float:left;font-weight:bold}
.version_espanol a { color:#FFFFFF}
.ruta{	width:100%; margin: 8px 0 0px 5px} 
.ruta a{ color:#FF6600}

/*2. Navegación*/
 .grid_menu{background:url(../img/ferroviario/bg_menu_ok.gif) repeat-x left top; }
.grid_menu ul{margin-left:38px}
.grid_menu ul li{display:inline;padding:13px 15px; margin:0; float:left; }  
.grid_menu ul li a{ color:#FFFFFF; font-weight:bold; font-size:14px;}

/*3. Contenido*/
.contenido{background:url(../img/ferroviario/bg_contenido.gif) repeat-x left top; padding-top:20px}  
.bloque_ini{ margin:20px 0 0 0; padding: 0 0 0 20px;background:url(/img/ico_ini.gif) no-repeat top left; line-height:16px}
.bloque_serv_int{ margin:20px 0 0 0; padding: 0 0 0 20px; line-height:16px}

/*4. Columna dcha*/

/*5. Pie*/
.tags{ margin-top:10px; margin-bottom:10px; line-height:16px}
.tags, .pie{ color:#999999}
.tags a{ color:#999999; text-decoration:underline}
.tags a:hover{ text-decoration:none}
.pie{ background-color:#DFDDDE; background:url(../img/bg_pie.gif) repeat-x left top; padding-top:20px; }
.pie p{ margin:0}
.pie ul { margin:0; padding:0; list-style:none; }
.pie ul li{display:inline; float:left; margin:0 0 0 5px}
.pie ul li a { font-size:12px; color:#F02233; font-weight:bold; } 
.txt_suministro{ float:right; width:160px; font: italic 16px/16px Georgia, "Times New Roman", Times, serif;	color: #7D7B7B;text-align:right}
.txt_oscuro{ color:#333333}
.contenido_pie { background:url(/img/grupo/calidad.gif) 642px no-repeat;  padding-bottom:15px}

/*PRODUCTOS*/
.menu_productos { margin:20px 0 0 0}
.menu_productos a{ color:#333333}
.menu_productos ul { line-height:20px; border: solid 1px #D0D0D0; background: #F5F5F5; padding:10px;} 
.menu_productos ul li { list-style:circle}
.empujadores { margin-bottom:90px}
.productos ul li { list-style: none; line-height:20px; margin:0 0}
.productos img { margin-bottom:10px; border: solid 1px #BFBFBF; padding:3px}
.productos img a{ cursor:pointer}
.menu_productos ul li .selected { font-weight:bold; color:#FF0000}
.menu_especial_empujadores { margin:20px 0}
.menu_especial_empujadores ul { background:none; border: none; padding:0; margin:15px 0 0 0}
.li_especial { list-style:none;  padding:0 0 0 8px}
.menu_especial_empujadores ul li a { text-decoration:underline}
.menu_especial_empujadores img a{ text-decoration:none }

/*MENU EMPRESA*/
.menu_empresa { margin:20px 0 0 0;}
.menu_empresa a{ color:#333333}
.menu_empresa ul { line-height:20px; border: solid 1px #D0D0D0; background: #F5F5F5; padding:10px;} 
.menu_empresa ul li { list-style:circle}
.quienes_somos { width:650px;}
.quienes_somos img { float:left; padding-right:10px }
.quienes_somos .texto { float:left;  width:440px;}

/*FORMULARIO CONTACTO*/
.formulario_contacto .datos_obligatorios { text-align:left; font-weight:bold}
.formulario_contacto input { margin:2px 0 0 0 }
.formulario_contacto textarea{ margin:5px 0 0 0 }


/*LATERAL NUEVO DERECHA*/
.descarga a{ padding:15px 0 20px 75px; display:block; background: url(../img/ferroviario/bg_descargas.gif) no-repeat top left; color:#000; margin:7px 0 0 0}
.descarga a:hover{ background-position:bottom left; padding:12px 0 20px 75px;}
.mod_blanco a { text-decoration:underline; font-weight: bold}
.mod_blanco { background:url(/img/borde_sidebar1.gif) repeat-x left top; border-left:#B1BBBD solid 1px;  border-right:#B1BBBD solid 1px; border-bottom:#B1BBBD solid 1px; padding:10px; margin-top:20px}
.mod_blanco h3, .mod_gris h3 { text-transform: uppercase;	color:#000;	font: bold 12px Georgia, "Times New Roman", Times, serif; border-bottom:#B1BBBD solid 1px; padding-bottom:8px}
.mod_blanco img{ margin-left:12px}
.float_dcha{ float:right}
.mod_blanco ul li { list-style: circle; margin: 0 0 0 10px; padding:0; background:none; border: none}
.mod_blanco ul {  background:none; border: none}

/*NOTICIAS*/
.noticias { margin: 20px 0;}
.bg_noticias { background: #fff; width:100%; margin:0; padding:0; border-bottom: solid 1px #F5F5F5}
.linea { margin:0; padding:0 35px; }
.linea img { float: left; margin-right:10px; border: solid 1px #E6E6E6}
.linea div { width:150px; float:left; margin:0 20px 0 0; min-height:115px; margin-bottom:10px}
.linea div img { max-width:150px; } 
.bg_noticias h2 { padding-top:12px; border:none; margin:0 0}
.bg_noticias img { margin:6px 10px 6px 0; float:left}
.bloque_gris { background:#F5F5F5; margin-right:20px; padding:10px}
.bg_noticias h3 { font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#7d7d7d; font-weight:normal; margin: 0 0}
.actualidad h3{ background: url(/img/ferroviario/bg_h3.gif) repeat-x; height:34px; padding:10px 0 0 18px }
.actualidad ul { margin:0; padding:0  }
.actualidad ul li { list-style:none; margin: 10px 0 10px 18px; padding:10px 0 8px 0; border-bottom: dotted 1px #BFBDBD}
.actualidad_port { border-bottom: solid 1px #CCCCCC; padding: 10px 0 10px 0; line-height:16px}
.actualidad_port h3 { background: none; margin:0 0 20px 0; padding:0; height:10px  }
.actualidad_port img  { float:left; margin:0 10px 5px 0}

/*PAGINACION*/
.paginacion{ margin:10px 0; padding:8px; color:#000000; font-weight:bold; text-align:center}

/*SIDEBAR*/
.sidebar { font:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#333}
.suscripcion a{ padding:24px 0 32px 8px; display:block; background: url(/img/bg_suscripcion.gif) no-repeat top left; color:#000; margin:7px 0; font-weight:normal;} /*IE6*/
.suscripcion a:hover{ background-position:bottom left} /*IE6*/
.ofertas a{ padding:24px 0 20px 8px; display:block; background: url(/img/ferroviario/bg_oferta.gif) no-repeat top left; color:#000; margin:7px 0; } /*IE6*/
.ofertas a:hover{ background-position:bottom left} /*IE6*/
.mod_gris{background:#F5F5F5 url(/img/bg_modgris.gif) no-repeat left top; padding:10px; }
.mod_gris{ border:none}
.mod_gris h3 span{font-size:11px; text-transform: none; font-weight:normal; font-family:Arial, Helvetica, sans-serif}
.mod_gris ul{ margin:6px 0; padding:0; list-style:none}
.mod_gris ul li{ line-height:16px; margin:0; padding:0; color:#000; font-size:10px; font-family:Arial, Helvetica, sans-serif; background:url(/img/bg_li.gif) no-repeat left 7px; padding-left:8px}
.mod_gris ul li a{color:#A67A7B; margin-right:5px}
.container_12 .consultas { margin:15px 0 0 0}
.mas_info_empujadores { margin: 20px 0 0 0}

/*JQUERY-AD-GALLERY*/
#contenedor_galeria{ margin:0 }
.ad-gallery {width: 700px}
.ad-gallery .ad-image-wrapper {width: 100%;width: 680px;margin-bottom: 0;position: relative;overflow: hidden; margin-top:8px}
.ad-nav, .ad-thumbs, .ad-thumb-list{ margin-top:0; !important}
.ad-gallery .ad-thumbs li a img {border: 3px solid #CCC;display: block;width:100px; height:80px}
#gallery {padding-top:0!important; margin-top:0 !important; background: #fcfcfc !important; border:1px solid #efefef }
.ad-gallery .ad-image-wrapper {width: 100%;height: 400px;margin-bottom: 10px;position: relative;overflow: hidden;}
.ad-slideshow-start, .ad-slideshow-stop{ color:#D62F00; text-decoration:underline} 
.ad-info{ font-weight:bold}
.ad-gallery .ad-thumbs li a.ad-active img {border: 3px solid #D62F00 !important;}
.ad-gallery .ad-nav {width: 100%;position: relative; margin-top:15px}

<!--MAPA_WEB-->
.mapa-web{background:#fff}
.mapa-web ul{ padding:0 10px; list-style:none; float:left}
.mapa-web ul li ul{ margin:8px 0; list-style:circle}
.mapa-web ul li ul li{ background:none}
.mapa-web ul h3{ font-weight:bold}
.mapa-web ul li{ padding:5px; margin:0 0 1px 0; background-color:#ECEAE2; width:200px }
.mapa-web a{ color:#000}
.mtop10{ margin-top:10px}

<!--OTROS-->
.ubicatxt {padding:3px 16px; background:#EFEFEF; margin:25px 0 8px 0; width:226px}
.webgrupo{ background:url(/img/opa80.png) repeat left top; padding: 3px 8px; float:right; font-weight:bold; text-transform:uppercase}
.webgrupo a{ text-decoration:underline}
.webgrupo a:hover{ text-decoration:none}
.foto_portada { margin:29px 0 0 0}
.txt_prod  ul li { list-style:none  inside; margin:0; padding:0; line-height:18px}
.txt_prod  ul li ul li{ margin: 0 0 0 40px; list-style:circle }
.float_right { float:right}
.fototexto {float: right; padding: 4px; margin: 5px 0 5px 5px; border: solid 1px #EFEFEF}
.fototexto2 {float: left; padding: 4px; margin: 5px; border: solid 1px #EFEFEF}


.download { background: #F5F5F5 url(/img/ico_pdf2.gif) no-repeat 4px; height: 40px; padding: 8px 0 0 25px; margin-top: 15px; height:20px}