/* https://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
object:hover {
	border:0px solid;
}
/* fin reset
-----------------------------------------------------*/

/*
	960 Grid System ~ Core CSS.
	Licensed under GPL and MIT.
*/
/* =Containers
--------------------------------------------------------------------------------*/
.container_12, .container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
/* =Grid >> Global
--------------------------------------------------------------------------------*/

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
.container_12 .grid_3, .container_16 .grid_4 {
	width: 220px;
}
.container_12 .grid_6, .container_16 .grid_8 {
	width: 460px;
}
.container_12 .grid_9, .container_16 .grid_12 {
	width: 700px;
}
.container_12 .grid_12, .container_16 .grid_16 {
	width: 940px;
}
/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha {
	margin-left: 0;
}
.omega {
	margin-right: 0;
}
/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .grid_1 {
	width: 60px;
}
.container_12 .grid_2 {
	width: 140px;
}
.container_12 .grid_4 {
	width: 300px;
}
.container_12 .grid_5 {
    /* original width: 380px; */
    width: 380px;
}
.container_12 .grid_7 {
	width: 500px;
}
.container_12 .grid_8 {
	width: 620px;
}
.container_12 .grid_10 {
	width: 780px;
}
.container_12 .grid_11 {
	width: 860px;
}
/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .grid_1 {
	width: 40px;
}
.container_16 .grid_2 {
	width: 100px;
}
.container_16 .grid_3 {
	width: 160px;
}
.container_16 .grid_5 {
	width: 280px;
}
.container_16 .grid_6 {
	width: 340px;
}
.container_16 .grid_7 {
	width: 400px;
}
.container_16 .grid_9 {
	width: 520px;
}
.container_16 .grid_10 {
	width: 580px;
}
.container_16 .grid_11 {
	width: 640px;
}
.container_16 .grid_13 {
	width: 760px;
}
.container_16 .grid_14 {
	width: 820px;
}
.container_16 .grid_15 {
	width: 880px;
}
/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/
.container_12 .prefix_3, .container_16 .prefix_4 {
	padding-left: 240px;
}
.container_12 .prefix_6, .container_16 .prefix_8 {
	padding-left: 480px;
}
.container_12 .prefix_9, .container_16 .prefix_12 {
	padding-left: 720px;
}
/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .prefix_1 {
	padding-left: 80px;
}
.container_12 .prefix_2 {
	padding-left: 160px;
}
.container_12 .prefix_4 {
	padding-left: 320px;
}
.container_12 .prefix_5 {
	padding-left: 400px;
}
.container_12 .prefix_7 {
	padding-left: 560px;
}
.container_12 .prefix_8 {
	padding-left: 640px;
}
.container_12 .prefix_10 {
	padding-left: 800px;
}
.container_12 .prefix_11 {
	padding-left: 880px;
}
/* =Prefix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .prefix_1 {
	padding-left: 60px;
}
.container_16 .prefix_2 {
	padding-left: 120px;
}
.container_16 .prefix_3 {
	padding-left: 180px;
}
.container_16 .prefix_5 {
	padding-left: 300px;
}
.container_16 .prefix_6 {
	padding-left: 360px;
}
.container_16 .prefix_7 {
	padding-left: 420px;
}
.container_16 .prefix_9 {
	padding-left: 540px;
}
.container_16 .prefix_10 {
	padding-left: 600px;
}
.container_16 .prefix_11 {
	padding-left: 660px;
}
.container_16 .prefix_13 {
	padding-left: 780px;
}
.container_16 .prefix_14 {
	padding-left: 840px;
}
.container_16 .prefix_15 {
	padding-left: 900px;
}
/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/
.container_12 .suffix_3, .container_16 .suffix_4 {
	padding-right: 240px;
}
.container_12 .suffix_6, .container_16 .suffix_8 {
	padding-right: 480px;
}
.container_12 .suffix_9, .container_16 .suffix_12 {
	padding-right: 720px;
}
/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .suffix_1 {
	padding-right: 80px;
}
.container_12 .suffix_2 {
	padding-right: 160px;
}
.container_12 .suffix_4 {
	padding-right: 320px;
}
.container_12 .suffix_5 {
	padding-right: 400px;
}
.container_12 .suffix_7 {
	padding-right: 560px;
}
.container_12 .suffix_8 {
	padding-right: 640px;
}
.container_12 .suffix_10 {
	padding-right: 800px;
}
.container_12 .suffix_11 {
	padding-right: 880px;
}
/* =Suffix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .suffix_1 {
	padding-right: 60px;
}
.container_16 .suffix_2 {
	padding-right: 120px;
}
.container_16 .suffix_3 {
	padding-right: 180px;
}
.container_16 .suffix_5 {
	padding-right: 300px;
}
.container_16 .suffix_6 {
	padding-right: 360px;
}
.container_16 .suffix_7 {
	padding-right: 420px;
}
.container_16 .suffix_9 {
	padding-right: 540px;
}
.container_16 .suffix_10 {
	padding-right: 600px;
}
.container_16 .suffix_11 {
	padding-right: 660px;
}
.container_16 .suffix_13 {
	padding-right: 780px;
}
.container_16 .suffix_14 {
	padding-right: 840px;
}
.container_16 .suffix_15 {
	padding-right: 900px;
}
/* =Clear Floated Elements
--------------------------------------------------------------------------------*/
/* https://sonspring.com/journal/clearing-floats */
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* https://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}
* html .clearfix {
	height: 1%;
}
/* fin 960
----------------------------------------------------------------------------------*/

body {
	background: #FFF url(../img/fnd_cuerpo.png) repeat-x;
	font: 62.5% Tahoma, Geneva, sans-serif;
	color: #8497B0;
}
h1 {
	background: url(../img/logofecsa.png) no-repeat;
	height: 100px;
	width: 210px;
	text-indent: -9999px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 20px;
}
h1 a {
	display:block;
	height: 100px;
	width: 210px;
}
p {
	font-size: 12px;
	line-height: 1.6em;
	text-align:justify;
}
iframe {
	margin-top:10px;
	margin-left:20px;
}
strong {
	color: #294777;
}
a {
	color: #8497B0;
}
.clear {
	clear: both;
}
.centrar {
	text-align:center;
}
.listaico li {
	background: url(../img/ico_blue.png) no-repeat 0px 5px;
	padding-left: 20px;
}

.listaDownload {
    margin-left:10px !important;
}
.listaDownload li {
	background: url(../img/ico_download.png) no-repeat 0px 5px;
	padding-left: 20px;
}
#general {
	margin-top: 15px;
}
/* Cabecera 
----------------------------------------*/
#cabecera {
	background: transparent url(../img/fnd_cabecera.png) no-repeat center top;
	overflow:hidden;
	height:120px;
}
#cabecera p {
	margin: 0px;
}
#cabecera #submenup {
	position: relative;
}
#cabecera #zonaclientes {
	background: url(../es/img/btn_zonaclientes.png) no-repeat 0px 0px;
	height: 30px;
	width: 120px;
	text-indent: -9999px;
	position: absolute;
	top: 17px;
	right: 240px;
}
#cabecera #zonaclientes a {
	display: block;
	height: 30px;
	width: 120px;
}
#cabecera #mapaweb {
	background: url(../img/ico_mapaweb.png) no-repeat 0px 0px;
	padding-left: 30px;
	height: 24px;
	position: absolute;
	left: 90px;
	top: 20px;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 2em;
}
#cabecera #idioma {
	background: url(../img/ico_idioma.png) no-repeat 0px 0px;
	padding-left: 30px;
	height: 24px;
	position: absolute;
	top: 20px;
	right: 0px;
	font-size: 1.1em;
	line-height: 1.8em;
	font-weight: bold;
}
#cabecera #mapaweb a, #cabecera #idioma a {
	text-decoration: none;
}
#submenup ul {
	position:absolute;
	top:55px;
	right:10px;
}
#submenup li {
	display:inline;
}
/* idioma */
#regionselect {
	float: right;
	padding: 20px 0px 0 10px;
	color: #f00;
}
#regionselect p {
	float: left;
	color: #8497b0;
	margin: 0;
	padding: 20px 0px 0 0;
	font-weight:bold;
}
#regionselect p.region {
	background: url(../img/fnd_paises.png) no-repeat;
	padding: 2px 0 4px 30px;
	color: #fff;
}
#regionselect p.region A {
	color: #fff;
}
#regionselect div.region {
	float: left;
}
#currentregion {
	float: left;
	cursor: pointer;
	width: 140px;
	height: 20px;
}
#currentregion div.a {
	background: url(../img/banderas.png) 100% 0 no-repeat;
	padding: 0 0 0 3px;
}
#currentregion div.b {
	padding: 2px 0px 4px 30px;
	background: url(../img/banderas.png) no-repeat;
	color:#C7E1F0;
	font-weight:bold;
}
#regionselect div.hover {
	background-position: 0 0;
}
#regionselect div.hover div.a {
	background-position: 100% 0;
}
.region02 {
	background: url(../img/banderas.png) no-repeat 3px 2px;
}
.region03 {
	background: url(../img/banderas.png) no-repeat -37px 2px;
}
.region04 {
	background: url(../img/banderas.png) no-repeat -77px 2px;
}
.region05 {
	background: url(../img/banderas.png) no-repeat -118px 2px;
}
#regions {
	position: absolute;
	top:0;
	left:0;
	overflow: hidden;
	background: #fff;
	text-align: left;
	z-index:600;
	margin-top:23px;
	margin-left:50px;
	width:110px;
	padding:0;
}
#regions ul {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}
#regions li {
	float:left;
	margin:0;
}
#regions a {
	display: block;
	width:25px;
	padding-top:14px;
	margin-left:10px;
	text-align:center;
	text-decoration:none
}
#regions a:hover {
	color:#294877;
}
.hidden {
	display: none;
}
/*menu ppal*/
#menu {
	background: url(../es/img/menu.png);
	padding: 0;
	height: 40px;
	width: 940px;
	position: relative;
	margin: 0px 0px 0px 10px;
}
#menu li {
	float: left;
}
#menu li a {
	position: absolute;
	top: 0;
	background: url(../es/img/menu.png) no-repeat;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
	height:40px;
	text-indent: -9999px;
}
li#ini a {
	background-position: 0 0;
	width: 102px;
	left: 0;
}
li#ini a:hover {
	background-position: 0 -40px;
}
li#emp a {
	background-position: -102px 0;
	width: 120px;
	left: 102px;
}
li#emp a:hover {
	background-position: -102px -40px;
}
li#lin a {
	background-position: -222px 0;
	width: 187px;
	left: 222px;
}
li#lin a:hover {
	background-position: -222px -40px;
}
li#idi a {
	background-position: -389px 0;
	width: 110px;
	left: 389px;
}
li#idi a:hover {
	background-position: -389px -40px;
}
li#cal a {
	background-position: -499px 0;
	width: 103px;
	left: 499px;
}
li#cal a:hover {
	background-position: -499px -40px;
}
li#sli a {
	background-position: -602px 0;
	width: 220px;
	left: 602px;
}
li#sli a:hover {
	background-position: -602px -40px;
}
li#con a {
	background-position: -822px 0;
	width: 108px;
	left: 822px;
}
li#con a:hover {
	background-position: -822px -40px;
}
#body_ini li#ini a {
	background-position: 0 -80px;
}
#body_emp li#emp a {
	background-position: -102px -80px;
}
#body_lin li#lin a {
	background-position: -222px -80px;
}
#body_idi li#idi a {
	background-position: -389px -80px;
}
#body_cal li#cal a {
	background-position: -499px -80px;
}
#body_sli li#sli a {
	background-position: -602px -80px;
}
#body_con li#con a {
	background-position: -822px -80px;
}
/*cabeceras seccion*/
#body_emp #seccion h2 {
	background: url(../es/img/cab_empresa.jpg) no-repeat;
    animation: fade-in .5s ease-in;
    -webkit-animation: fade-in .5s ease-in;
    -moz-animation: fade-in .5s ease-in;
    -o-animation: fade-in .5s ease-in;
}
#body_lin #seccion h2 {
	background: url(../es/img/cab_lin.jpg) no-repeat;
    animation: fade-in .5s ease-in;
    -webkit-animation: fade-in .5s ease-in;
    -moz-animation: fade-in .5s ease-in;
    -o-animation: fade-in .5s ease-in;
}
#body_cal #seccion h2 {
	background: #86B1DE url(../es/img/cab_calidad.jpg) no-repeat;
    animation: fade-in .5s ease-in;
    -webkit-animation: fade-in .5s ease-in;
    -moz-animation: fade-in .5s ease-in;
    -o-animation: fade-in .5s ease-in;
}
#body_idi #seccion h2 {
	background: #000 url(../es/img/cab_idi.jpg) no-repeat;
    animation: fade-in .5s ease-in;
    -webkit-animation: fade-in .5s ease-in;
    -moz-animation: fade-in .5s ease-in;
    -o-animation: fade-in .5s ease-in;
}
#body_con #seccion h2 {
	background: #000 url(../es/img/cab_con.jpg) no-repeat;
    animation: fade-in .5s ease-in;
    -webkit-animation: fade-in .5s ease-in;
    -moz-animation: fade-in .5s ease-in;
    -o-animation: fade-in .5s ease-in;
}
#body_map #seccion h2 {
	background: #0D1E4A url(../es/img/cab_mapaweb.jpg) no-repeat;
    animation: fade-in .5s ease-in;
    -webkit-animation: fade-in .5s ease-in;
    -moz-animation: fade-in .5s ease-in;
    -o-animation: fade-in .5s ease-in;
}
#body_sli #seccion h2 {
    background: #90B7D6 url(../img/sli/sli_banner_0.jpg) no-repeat;
    animation: fade-in .5s ease-in;
    -webkit-animation: fade-in .5s ease-in;
    -moz-animation: fade-in .5s ease-in;
    -o-animation: fade-in .5s ease-in;
}

/* Contenido
-------------------------------------------*/
#contenido {
	background: url(../img/fnd_contenido.png) repeat-y;
	float: left;
}
#contenido p {
	margin-left: 30px;
	margin-bottom: 20px;
	margin-right:10px;
}
#contenido ul {
	margin-left: 40px;
	margin-top: 10px;
	margin-bottom: 20px;
}
#contenido ul li {
	font-size: 1.3em;
	line-height: 1.6em;
	text-align:justify;
	margin-bottom:10px;
}
#crumbs {
	background: #F1F2F5;
	padding: 10px;
	font-size: 1.1em;
	margin: 20px 10px 20px 20px;
}
#extrapie {
	background: #0F2B5B url(../img/fnd_bckpie.png) repeat-x;
	clear: both;
}
/*detalle foto miniatura*/
.detallefoto {
	background: url(../img/fnd_detallefoto.png) no-repeat center top;
	width: 280px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
}
.detallefoto dt {
	text-align: center;
}
.detallefoto img {
	background: #FFF;
	padding: 10px;
	width: 240px;
	border: 1px solid #CCC;
	margin-top: 10px;
}
.detallefoto img a {
	border-style: none;
}
.detallefoto dd {
	background: #DEE1E7 url(../img/fnd_detallefotodd.png) no-repeat center bottom;
	padding-top: 10px;
	font-size: 1.2em;
	text-align: right;
	padding-right: 15px;
	padding-bottom: 10px;
	font-weight: bold;
	line-height: 1.6em;
}

/*detalle Logo con texto*/
.detallelogo {
	background: url(../img/fnd_detallefoto.png) no-repeat center top;
	width: 280px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.detallelogo dt {
	text-align: center;
}
.detallelogo img {
	background: #FFF;
	padding: 5px;
	width: 240px;
	border: 1px solid #CCC;
	margin-top: 10px;
}
.detallelogo img a {
	border-style: none;
}
.detallelogo dd {
	background: #DEE1E7 url(../img/fnd_detallefotodd.png) no-repeat center bottom;
	padding-top: 5px;
    padding-bottom: 5px;
	font-size: 1.2em;
	text-align: center;
	font-weight: bold;
	line-height: 1.6em;
}

/* Pie
-------------------------------------------*/
#pie {
	padding-top: 70px;
	position: relative;
	background: url(../img/fnd_pie.png) no-repeat;
	min-height: 150px;
}
#pie ul {
	margin-left: 40px;
}
#trans {
	background: transparent url(../img/fnd_bcktranspie.png) no-repeat center top;
	width: 990px;
	margin-right: auto;
	margin-left: auto;
}
#pie ul li {
	display:inline;
	font-size:1.2em;
	color: #9BAABF;
}
#pie #submenu {
	margin-top: 10px;
}
#pie #submenu li a {
	text-transform: lowercase;
	text-decoration: none;
	color: #0C1C47;
}
#pie #submenu li a:hover {
	text-decoration: underline;
	color: #9BAABF;
}
#pie #copy {
	color:#BFC6D1;
	margin-top: 45px;
	margin-bottom: 20px;
	margin-left: 40px;
	font-weight: bold;
}
#pie #val {
	position: absolute;
	top: 90px;
	right: 375px;
}
#pie #val li {
	text-indent: -9999px;
	display: block;
}
#pie #val li a {
	display: block;
	height: 100%;
	width: 100%;
}
#pie #val #xhtml {
	background: url(../img/ico_xhtml.png) no-repeat;
	height: 20px;
	width: 84px;
	position: absolute;
	left: 0px;
	top: 42px;
}
#pie #val #css {
	background: url(../img/ico_css.png) no-repeat;
	height: 20px;
	width: 84px;
	position: absolute;
	left: 100px;
	top: 42px;
}
#pie #val #sgs {
	background: url(../img/ico_sgs.png) no-repeat;
	height: 61px;
	width: 61px;
	position: absolute;
	left: 200px;
	top: 0px;
}
#pie #val #sgs2 {
	background: url(../img/ico_sgs2.png) no-repeat;
	height: 61px;
	width: 61px;
	position: absolute;
	left: 270px;
	top: 0px;
}
/* Inicio
--------------------------------------------*/
#body_ini #slogan {
	background: url(../es/img/visiondefuturo.jpg) no-repeat center top;
	height: 242px;
	text-indent: -9999px;
	margin-left:10px;
}
#body_ini h2#resumen {
	background: #FFF url(../es/img/slogan.png) no-repeat;
	text-indent: -9999px;
	height: 100px;
	width: 510px;
	margin: 10px 0px 0px 20px;
}
#contenido ul#secciones {
	margin-left: 30px;
}
#secciones li {
	margin-left: 0px;
	padding-left: 0px;
}
#secciones h3 {
	background-repeat: no-repeat;
	height: 110px;
	width: 550px;
	text-indent: -9999px;
}
#secciones h3 a {
	display: block;
	width: 550px;
	height: 110px;
}
#secciones h3#ejercito {
	background-image: url(../es/img/ejercito.jpg);
}
#secciones h3#vestuario {
	background-image: url(../es/img/vestuario.jpg);
}
#secciones h3#proteccion {
	background-image: url(../es/img/proteccion.jpg);
}
.subseccion {
	margin-left: 10px;
	/*padding-top: 10px;*/
	width:280px;
}
#lateral .subseccion p {
	color: #8497B0;
	line-height: 1.4em;
	font-size: 1.2em;
	margin: 10px 20px 0px 0px;
	text-align:justify;
}
.subseccion h4 {
	height: 35px;
	width: 220px;
	font-size: 2em;
	padding-left: 40px;
	line-height: 35px;
	font-weight: normal;
	margin-top: 5px;
}
.subseccion #tit_idi {
	background: url(../img/fnd_idi.png) no-repeat;
}
.subseccion #tit_idi a {
	display:block;
	width:100%;
	height:100%;
	color: #0F2B5B;
	text-decoration: none;
}
.subseccion #tit_cal {
	background: url(../img/fnd_calidad.png) no-repeat;
}
.subseccion #tit_cal a {
	display:block;
	width:100%;
	height:100%;
	color: #BFC6D1;
	text-decoration: none;
}

.subseccion #tit_video {
	background: url(../img/fnd_video.png) no-repeat;
}
.subseccion #tit_video a {
	display:block;
	width:100%;
	height:100%;
	color: #BFC6D1;
	text-decoration: none;
}


.subseccion #tit_descargas {
	background: url(../img/fnd_download.png) no-repeat;
}
.subseccion #tit_descargas a {
	display:block;
	width:100%;
	height:100%;
	color: #0F2B5B;
	text-decoration: none;
}

.subseccion #tit_catalogo {
	background: url(../img/fnd_catalogo.png) no-repeat;
}
.subseccion #tit_catalogo a {
	text-decoration: none;
}

.subseccion #tit_clientes {
	background: url(../img/fnd_clientes.png) no-repeat;
}

.subseccion #tit_entidades {
	background: url(../img/fnd_entidades.png) no-repeat;
}


.subseccion #tit_new {
	background: url(../img/fnd_noticias.png) no-repeat;
}
/* Empresa
---------------------------------------------*/
h3#resumen {
	font-size: 1.8em;
	font-weight: normal;
	margin: 20px 20px 20px 30px;
	color: #294777;
	line-height: 1.5em;
}
#contenido h2 {
	background: #0F204C;
	height: 200px;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
}
#contenido h3.seccion {
	margin-left: 30px;
	margin-bottom: 20px;
	margin-right:10px;
	font-size:1.5em;
	color: #294777;
	border-left: 5px solid #294777;
	background: #DEE1E7;
	width: 300px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}
#contenido h3#resumen {
	font-size:1.7em
}
#contenido #mapa {
	margin-right: 0px;
	margin-left: 20px;
	margin-bottom:20px;
}
#contenido #pdf {
	background: url(../es/img/fnd_descargapdf.png) no-repeat;
	text-indent: -9999px;
	height: 50px;
	width: 310px;
	margin-right: auto;
	margin-left: auto;
}
#contenido #pdf a {
	display: block;
	height: 100%;
	width: 100%;
}
/* Lineas Negocio
------------------------------------------*/
#contenido .res {
	margin-right:30px;
}
.linea {
	position:relative;
	height: 300px;
	border: 1px solid #C00;
	float: left;
	width: 280px;
	margin-left:20px;
	margin-right:5px;
	margin-bottom:20px;
	color: #333;
}
#contenido .linea h4, #contenido .textil h4 {
	font-size: 1.3em;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 3px;
	margin-left: 10px;
}
#contenido .linea ul, #contenido .textil ul {
	margin: 0px;
	padding: 0px;
}
#contenido .linea li, #contenido .textil li {
	text-align:left;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	font-size: 1.2em;
}
#ejtierra {
	background: url(../img/fnd_ejtierra.jpg) no-repeat center bottom;
	padding: 1px;
	border: 1px solid #660;
}
#ejtierra h3 {
	background: url(../es/img/fnd_ejtierratit.png) no-repeat left top;
	text-indent: -9999px;
	height: 80px;
	width: 280px;
}
#veslaboral {
	background: url(../img/fnd_veslaboral.jpg) no-repeat center bottom;
	padding: 1px;
	border: 1px solid #6A0000;
}
#veslaboral h3 {
	margin-bottom: 10px;
	background: url(../es/img/fnd_veslaboral_tit.png) no-repeat left top;
	text-indent: -9999px;
	height: 80px;
	width: 280px;
}
#roprote {
	background: url(../img/fnd_roprote.jpg) no-repeat center bottom;
	padding: 1px;
	border: 1px solid #151B17;
}
#roprote h3 {
	margin-bottom: 10px;
	background: url(../es/img/fnd_roprote_tit.png) no-repeat left top;
	text-indent: -9999px;
	height: 80px;
	width: 280px;
}
#contenido .linea .mas, #contenido #familiatextil .mas {
	margin:0;
	padding:0;
	position:absolute;
	right:10px;
	bottom:10px;
}
#contenido .linea .mas a, #familiatextil .mas a {
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 100px;
	background-repeat: no-repeat;
	background-position :0 0;
}
#ejtierra .mas a {
	background-image: url(../es/img/btn_masejtierra.png);
}
#veslaboral .mas a {
	background-image: url(../es/img/btn_masveslaboral.png);
}
#roprote .mas a {
	background-image: url(../es/img/btn_masroprote.png);
}
#familiatextil .mas a {
	background-image: url(../es/img/btn_masfamilia.png);
}
#familiatextil {
	position:relative;
	border: 1px solid #485060;
	margin: 20px 30px 0px 20px;
	width: 898px;
	height:125px;
	padding:1px;
	clear:both;
	background: url(../img/fnd_textilcon.png) repeat-y;
}
#familiatextil h3 {
	margin-bottom: 5px;
	background: url(../es/img/fnd_textiltit.png) no-repeat left top;
	text-indent: -9999px;
	height: 80px;
}
#linea h3 {
	margin-left:30px;
	margin-bottom:15px;
	font-size:2.6em;
	font-weight:normal;
	letter-spacing:-1px;
	color:#294777;
}
#linea h4 {
	margin-left:30px;
	font-size:1.4em;
}
#linea li {
	padding-left: 20px;
}
#contenido .textil {
	width:900px;
	border: solid 1px #d1d1d1;
	padding:5px;
	margin:5px 5px 20px 20px;
	height:300px;
	/*background: url(../img/fnd_textil.jpg) no-repeat left top;*/
	position:relative;
}
#contenido .textil h4 {
	font-size:1.8em;
	font-weight:normal;
	margin-top:10px;
	margin-bottom:10px;
}
#contenido .textil li {
	padding-left: 20px;
	margin-left:5px;
}
#contenido .textil #flashcalada, #contenido .textil #flashpunto, #contenido .textil #complementos {
	position:absolute;
	right:10px;
	bottom:10px;
}
#lateral #imagenesmini {
	margin:20px 0 0 0;
	padding:0;
}
#lateral #imagenesmini li {
	margin:0 5px 10px 0;
	padding:0;
	width:180px;
	height:135px;
	float:left;
	border:solid 1px #000;
}
/*Idi
---------------------------------------------*/

.detallefoto dt.minivideo {
	padding-top:10px
}
#contenido div.detallefoto span.video {
	display:block;
	background: #FFF;
	width: 260px;
	border: 1px solid #CCC;
	margin-left:10px;
}
/*Calidad
---------------------------------------------*/
#contenido #logocalidad li {
	width: 200px;
	margin-left: 10px;
	margin-bottom:5px;
}
/*Sistema Logistico Integral*/
#contenido #modulos dt {
	background: #93AED2;
	color: #FFF;
	padding: 5px 5px 5px 10px;
	margin-left: 20px;
	margin-bottom: 10px;
	margin-right:10px;
	clear: left;
	font: bold 1.4em Arial, Helvetica, sans-serif;
}
#contenido #modulos dt.pedidos {
	background: #547EB8;
}
#contenido #modulos dt.logis {
	background: #3D6192;
}
#contenido #modulos dt.atcliente {
	background: #0F204C;
}
#contenido #modulos .imagencom {
	float: left;
	width: 210px;
}
#contenido #modulos .imagencom img {
	padding: 5px;
	border: 1px solid #93AED2;
}

#contenido #lateral .imagencom img {
	padding: 5px;
	border: 1px solid #93AED2;
    margin:2px;
    opacity:0.5;
}

#contenido #lateral .imagencom img:hover {
	opacity:1;
}

/*Contacto
---------------------------------------------*/
#contenido h3.contactotit {
	font-size: 2em;
	margin-left: 20px;
	margin-bottom: 10px;
	font-weight: normal;
}
#contenido #congeneral {
	background: #FFF url(../img/fnd_contactogen.png) repeat-x center bottom;
	margin-left: 20px;
	padding-bottom: 10px;
	margin-top: 20px;
}

#contenido #congeneral li {
	font-size: 1.1em;
	margin-left: -5px;
}
#contenido #congeneral #marca {
	font-size: 1.4em;
}
#contenido #congeneral #dire {
	background: url(../img/ico_contacto.png) no-repeat 0px -35px;
	padding-left: 25px;
     
}
#contenido #congeneral #tele {
	background: url(../img/ico_contacto.png) no-repeat 0px 0px;
	padding-left: 25px;
}
#contenido #congeneral #fax {
	background: url(../img/ico_contacto.png) no-repeat 0px -19px;
	padding-left: 25px;
}
fieldset {
	border: 1px solid #ECEFF4;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 10px;
	background: #F6F8FA url(../img/fnd_contacto2.png) repeat-x left bottom;
}
legend {
	font-size: 2em;
	line-height: 2;
	margin-left: 20px;
}
label {
	display: block;
	width: 250px;
}
label.error {
	color:#C00;
	font-size: 0.85em;
}
form p {
	text-align:left;
}
input {
	width: 200px;
}
input[type=file] {
	width: 200px;
}
input.enviar {
	width: 120px;
	background: url(../img/btn_enviar.png) no-repeat;
	height: 30px;
	font-weight: bold;
	color: #ECEEF2;
	margin-bottom: 20px;
	border-style: none;
}
.obligatorio {
	color: #C00;
	font-size: 1.1em;
}
.anchoauto {
	width: auto;
}
/* Mapa Web
------------------------------------------------*/
ul.siteMap ul {
	font-size: 1.1em;
	margin-top: -1em;
}
ul.siteMap li {
	width: 200px;
	position: relative;
	background: #E6E9ED;
	margin-bottom: 0.5em;
	padding: 1em;
	font-weight: bold;
}
#contenido ul.siteMap li li {
	font-size: 0.8em;
	left: 172px;
	width: 300px;
	border-top: 0.5em solid #ffffff;
	border-left: 1em solid #8497B0;
	border-bottom: 0.5em solid #ffffff;
	margin-bottom: 0;
	font-weight: bold;
}
ul.siteMap li a {
	text-decoration:none;
	display:block;
	width:100%;
	height:100%;
}
ul.siteMap li a:hover {
	color:#003;
}
ul.siteMap li:hover {
	background: #D7DBE2;
}
/*Privacidad 
------------------------------------------------*/

h2#politica {
	font-size: 3em;
	margin-bottom: 15px;
	margin-top: 15px;
	margin-left:20px;
	color: #294777;
}
input.cerrarven {
	width: 120px;
	background: url(../img/btn_enviar.png) no-repeat;
	height: 30px;
	font-weight: bold;
	color: #ECEEF2;
	margin-bottom: 20px;
	border-style: none;
	cursor:pointer;
}
div#pol {
	background-color:#FFF;
	border: solid 1px #294777;
	margin:10px;
}
div#pol p {
	margin-bottom:15px;
	margin-right:20px;
	margin-left:20px;
}

/* English
------------------------------------------------*/

#cabecera #zonaclientes.en {
	background: url(../en/img/btn_zonaclientes.png) no-repeat 0px 0px;
}
#menu_en {
	background: url(../en/img/menu.png);
	padding: 0;
	height: 40px;
	width: 940px;
	position: relative;
	margin: 0px 0px 0px 10px;
}
#menu_en li {
	float: left;
}
#menu_en li a {
	position: absolute;
	top: 0;
	background: url(../en/img/menu.png) no-repeat;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
	height:40px;
	text-indent: -9999px;
}
#menu_en li#ini a {
	background-position: 0 0;
	width: 102px;
	left: 0;
}
#menu_en li#ini a:hover {
	background-position: 0 -40px;
}
#menu_en li#emp a {
	background-position: -102px 0;
	width: 120px;
	left: 102px;
}
#menu_en li#emp a:hover {
	background-position: -102px -40px;
}
#menu_en li#lin a {
	background-position: -222px 0;
	width: 187px;
	left: 222px;
}
#menu_en li#lin a:hover {
	background-position: -222px -40px;
}
#menu_en li#idi a {
	background-position: -389px 0;
	width: 110px;
	left: 389px;
}
#menu_en li#idi a:hover {
	background-position: -389px -40px;
}
#menu_en li#cal a {
	background-position: -499px 0;
	width: 103px;
	left: 499px;
}
#menu_en li#cal a:hover {
	background-position: -499px -40px;
}
#menu_en li#sli a {
	background-position: -602px 0;
	width: 220px;
	left: 602px;
}
#menu_en li#sli a:hover {
	background-position: -602px -40px;
}
#menu_en li#con a {
	background-position: -822px 0;
	width: 108px;
	left: 822px;
}
#menu_en li#con a:hover {
	background-position: -822px -40px;
}
#body_ini #menu_en li#ini a {
	background-position: 0 -80px;
}
#body_emp #menu_en li#emp a {
	background-position: -102px -80px;
}
#body_lin #menu_en li#lin a {
	background-position: -222px -80px;
}
#body_idi #menu_en li#idi a {
	background-position: -389px -80px;
}
#body_cal #menu_en li#cal a {
	background-position: -499px -80px;
}
#body_sli #menu_en li#sli a {
	background-position: -602px -80px;
}
#body_con #menu_en li#con a {
	background-position: -822px -80px;
}



#body_emp .en #seccion h2 {
	background: url(../en/img/cab_empresa.jpg) no-repeat;
}
#body_lin .en #seccion h2 {
	background: url(../en/img/cab_lin.jpg) no-repeat;
}
#body_cal .en #seccion h2 {
	background: #86B1DE url(../en/img/cab_calidad.jpg) no-repeat;
}
#body_idi .en #seccion h2 {
	background: #000 url(../en/img/cab_idi.jpg) no-repeat;
}
#body_con .en #seccion h2 {
	background: #000 url(../en/img/cab_con.jpg) no-repeat;
}
#body_map .en #seccion h2 {
	background: #0D1E4A url(../en/img/cab_mapaweb.jpg) no-repeat;
}
#body_sli .en #seccion h2 {
    background: #90B7D6 url(../img/sli/sli_banner_0.jpg) no-repeat;
    animation: fade-in .5s ease-in;
    -webkit-animation: fade-in .5s ease-in;
    -moz-animation: fade-in .5s ease-in;
    -o-animation: fade-in .5s ease-in;
}
#body_ini .en #slogan {
	background: url(../en/img/visiondefuturo.jpg) no-repeat center top;
}
#body_ini .en h2#resumen {
	background: #FFF url(../en/img/slogan.png) no-repeat;
}
.en #secciones h3#ejercito {
	background-image: url(../en/img/ejercito.jpg);
}
.en #secciones h3#vestuario {
	background-image: url(../en/img/vestuario.jpg);
}
.en #secciones h3#proteccion {
	background-image: url(../en/img/proteccion.jpg);
}
.en #principal p#pdf {
	background: url(../en/img/fnd_descargapdf.png) no-repeat;
	margin-right: auto;
	margin-left: auto;
}
.en #ejtierra h3 {
	background: url(../en/img/fnd_ejtierratit.png) no-repeat left top;
}
.en #veslaboral h3 {
	background: url(../en/img/fnd_veslaboral_tit.png) no-repeat left top;
}
.en #roprote h3 {
	background: url(../en/img/fnd_roprote_tit.png) no-repeat left top;
}
.en #familiatextil h3 {
	background: url(../en/img/fnd_textiltit.png) no-repeat left top;
}
.en #ejtierra .mas a {
	background-image: url(../en/img/btn_masejtierra.png);
}
.en #veslaboral .mas a {
	background-image: url(../en/img/btn_masveslaboral.png);
}
.en #roprote .mas a {
	background-image: url(../en/img/btn_masroprote.png);
}
.en #familiatextil .mas a {
	background-image: url(../en/img/btn_masfamilia.png);
}

/* Francais
------------------------------------------------*/

#cabecera #zonaclientes.fr {
	background: url(../fr/img/btn_zonaclientes.png) no-repeat 0px 0px;
}
#menu_fr {
	background: url(../fr/img/menu.png);
	padding: 0;
	height: 40px;
	width: 940px;
	position: relative;
	margin: 0px 0px 0px 10px;
}
#menu_fr li {
	float: left;
}
#menu_fr li a {
	position: absolute;
	top: 0;
	background: url(../fr/img/menu.png) no-repeat;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
	height:40px;
	text-indent: -9999px;
}
#menu_fr li#ini a {
	background-position: 0 0;
	width: 102px;
	left: 0;
}
#menu_fr li#ini a:hover {
	background-position: 0 -40px;
}
#menu_fr li#emp a {
	background-position: -102px 0;
	width: 120px;
	left: 102px;
}
#menu_fr li#emp a:hover {
	background-position: -102px -40px;
}
#menu_fr li#lin a {
	background-position: -222px 0;
	width: 187px;
	left: 222px;
}
#menu_fr li#lin a:hover {
	background-position: -222px -40px;
}
#menu_fr li#idi a {
	background-position: -389px 0;
	width: 110px;
	left: 389px;
}
#menu_fr li#idi a:hover {
	background-position: -389px -40px;
}
#menu_fr li#cal a {
	background-position: -499px 0;
	width: 103px;
	left: 499px;
}
#menu_fr li#cal a:hover {
	background-position: -499px -40px;
}
#menu_fr li#sli a {
	background-position: -602px 0;
	width: 220px;
	left: 602px;
}
#menu_fr li#sli a:hover {
	background-position: -602px -40px;
}
#menu_fr li#con a {
	background-position: -822px 0;
	width: 108px;
	left: 822px;
}
#menu_fr li#con a:hover {
	background-position: -822px -40px;
}
#body_ini #menu_fr li#ini a {
	background-position: 0 -80px;
}
#body_emp #menu_fr li#emp a {
	background-position: -102px -80px;
}
#body_lin #menu_fr li#lin a {
	background-position: -222px -80px;
}
#body_idi #menu_fr li#idi a {
	background-position: -389px -80px;
}
#body_cal #menu_fr li#cal a {
	background-position: -499px -80px;
}
#body_sli #menu_fr li#sli a {
	background-position: -602px -80px;
}
#body_con #menu_fr li#con a {
	background-position: -822px -80px;
}
#body_emp .fr #seccion h2 {
	background: url(../fr/img/cab_empresa.jpg) no-repeat;
}
#body_lin .fr #seccion h2 {
	background: url(../fr/img/cab_lin.jpg) no-repeat;
}
#body_cal .fr #seccion h2 {
	background: #86B1DE url(../fr/img/cab_calidad.jpg) no-repeat;
}
#body_idi .fr #seccion h2 {
	background: #000 url(../fr/img/cab_idi.jpg) no-repeat;
}
#body_con .fr #seccion h2 {
	background: #000 url(../fr/img/cab_con.jpg) no-repeat;
}
#body_map .fr #seccion h2 {
	background: #0D1E4A url(../fr/img/cab_mapaweb.jpg) no-repeat;
}
#body_sli .fr #seccion h2 {
    background: #90B7D6 url(../img/sli/sli_banner_0.jpg) no-repeat;
    animation: fade-in .5s ease-in;
    -webkit-animation: fade-in .5s ease-in;
    -moz-animation: fade-in .5s ease-in;
    -o-animation: fade-in .5s ease-in;
}
#body_ini .fr #slogan {
	background: url(../fr/img/visiondefuturo.jpg) no-repeat center top;
}
#body_ini .fr h2#resumen {
	background: #FFF url(../fr/img/slogan.png) no-repeat;
}
.fr #secciones h3#ejercito {
	background-image: url(../fr/img/ejercito.jpg);
}
.fr #secciones h3#vestuario {
	background-image: url(../fr/img/vestuario.jpg);
}
.fr #secciones h3#proteccion {
	background-image: url(../fr/img/proteccion.jpg);
}
.fr #principal #pdf {
	background: url(../fr/img/fnd_descargapdf.png) no-repeat;
	margin-right: auto;
	margin-left: auto;
}
.fr #ejtierra h3 {
	background: url(../fr/img/fnd_ejtierratit.png) no-repeat left top;
}
.fr #veslaboral h3 {
	background: url(../fr/img/fnd_veslaboral_tit.png) no-repeat left top;
}
.fr #roprote h3 {
	background: url(../fr/img/fnd_roprote_tit.png) no-repeat left top;
}
.fr #familiatextil h3 {
	background: url(../fr/img/fnd_textiltit.png) no-repeat left top;
}
.fr #ejtierra .mas a {
	background-image: url(../fr/img/btn_masejtierra.png);
}
.fr #veslaboral .mas a {
	background-image: url(../fr/img/btn_masveslaboral.png);
}
.fr #roprote .mas a {
	background-image: url(../fr/img/btn_masroprote.png);
}
.fr #familiatextil .mas a {
	background-image: url(../fr/img/btn_masfamilia.png);
}
/* VIDEO BOTONES*/

        .videoBTN {
            opacity:0.5;
            transition: opacity .2s ease-in-out;
            -moz-transition: opacity .2s ease-in-out;
            -webkit-transition: opacity .2s ease-in-out;
        }
        .videoBTN:hover {
            opacity:1;
            transition: opacity .2s ease-in-out;
            -moz-transition: opacity .2s ease-in-out;
            -webkit-transition: opacity .2s ease-in-out;
        }
        .videoTooltip {
            position:relative;
            font-size:7px;
            font-family:Verdana;
            font-weight:bold;
            color: #FFF;
            text-transform:uppercase;
            opacity:0.5;
            transition: opacity .2s ease-in-out;
            -moz-transition: opacity .2s ease-in-out;
            -webkit-transition: opacity .2s ease-in-out;
            top:-20px;
        }
        .videoTooltip:hover {
            opacity:1;
            transition: opacity .2s ease-in-out;
            -moz-transition: opacity .2s ease-in-out;
            -webkit-transition: opacity .2s ease-in-out;
        }
        .videoTooltip-activo{
            position:relative;
            font-size:7px;
            font-family:Verdana;
            font-weight:bold;
            color: #FFF;
            text-transform:uppercase;            
            opacity:1;
            transition: opacity .2s ease-in-out;
            -moz-transition: opacity .2s ease-in-out;
            -webkit-transition: opacity .2s ease-in-out;
            top:-20px;
        }
/* ANIMACIONES */

@keyframes fade-in {
    0% {opacity:0;}
    100% {opacity:1;}
}
@-webkit-keyframes fade-in {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes fade-in {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes fade-in {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}




