﻿/** reset styling **/
img {max-width:100%; height:auto;}

/* html5doctor.com/html-5-reset-stylesheet/ */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
} 
body { line-height:1; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:'';content:none; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse;border-spacing:0; }
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
:focus {outline-width:0}

/*GENERALES------------------------------------*/
body {background-color:#f3efeb; margin:0px; font-size:100%; font-family:arial;}
p {
	font-size: 0.815em;
	margin: 0px 0px 5px 0px;
	line-height: 1.25em;
	color: #000000;
}
a {color:#69bc46; text-decoration:none; }
a:hover {color:#333; text-decoration:underline; -webkit-transition:color 0.5s ease-in;  -moz-transition:color 0.5s ease-in;  -o-transition:color 0.5s ease-in; transition:color 0.5s ease-in;  }
.cleaner {clear:both;}
.container {max-width:60em; margin:0px auto; position:relative;}
.containerInt {padding-bottom:4em;}
.containerInt p {color:#555555;}
.left {float:left;}
.right{float:right;}
.enlinea {display:inline-flex;}

/*HEADER---------------------------------------*/
header {width:100%; background-color:#fff; border-bottom:0.3125em solid #e6e6e6;}
.header {max-width:60em; margin:0 auto; padding:0 0 1em 0;}
.header hgroup {width:45%; /*height:89px;*/ float:left; padding:1.8% 0 0 0.9%;}
.header h1 {background:url("../images/elefonik-logo.png") no-repeat top left; text-indent:-9999em; height:56px;}
.header h2 {font:400 0.7em/1.15 'Open Sans', sans-serif; letter-spacing:-0.1px; color:#5f5f5f; padding:0.05em 0 0 0.3em;}
.header h2 span {color:#69bc46;}
.top_menu {float:right; background-color:#f4f4f4; margin-top:1.8%; padding:6px 22px 0 0; height:24px; /*width:40%;*/}
p.tel {
	height: 29px;
	background: url(../images/tel.png) no-repeat left -2px transparent;
	color: #FFF;
	font-size: 0.9375em;
	float: right;
	padding: 0 0 0 29px;
}
ul.contact {text-align:right;}
header .top_menu li {display:inline; margin:0 0 0 15px;}
header .top_menu a {font:normal 0.75em/1.1 Arial, Helvetica, sans-serif; color:#888888; padding-left:20px; margin-right:1em; background:url(../images/small-arrow.png) no-repeat left center transparent;}
header ul.nav {float:right; margin:1.5em 0.5em 0 0;}
header ul.nav li {display:inline;}
header ul.nav a {color:#5f5f5f; font:600 0.75em/1 'Open Sans', sans-serif; text-align:center; text-transform:uppercase; padding:0 0.9em;}
header ul.nav a:hover {color:#69bc46; text-decoration:none; -webkit-transition:color 0.5s ease-in;  -moz-transition:color 0s ease-in;  -o-transition:color 0s ease-in; transition:color 0s ease-in;}
header ul.nav a.here {color:#69bc46; text-decoration:none;}

a.logo {position:relative;}
a.logo div{position:relative;}

/*HOME----------------------------------------*/
.container-slider {max-width:80em; margin:0px auto;}
.mainContent {width:100%; height:21.75em;/*348px*/}
.sliders {width:100%; /*1280px*/ /*height:100%;*/ position:relative;}
.menu-normativas {/*max-width:962px;*/
	height: 44px;
	position: absolute;
	left: 53%;
	top: -24px;
	background: url(../images/sombra-normativas.png) repeat-x right bottom rgba(215,216,185,0.95);
	z-index: 300;
	padding-bottom: 9px;
	margin-top: -22px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -648px;
	width: 1240px;
}
.solapaNormativas {
	width: 186px;
	height: 32px;
	font: 600 0.8125em/2.5 'Open Sans', sans-serif;
	color: #fff;
	text-align: center;
	padding-right: 11px;
	text-transform: uppercase;
	position: absolute;
	left: 50%;
	top: -76px;
	background: url(../images/bg-solapa-normativas.png) no-repeat left top transparent;
	z-index: 300;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -620px;
}
.container ul.nav {}
.container ul.nav li {float:left; height:44px; background:url(../images/bg-li.png) no-repeat right center transparent; padding-right:2px; width:135px;}
.container ul.nav li.itemFinal {background:none;}
.container ul.nav a {text-transform:uppercase; color:#756d64; display:block; font:normal 0.875em/3 'Oswald', Arial, Helvetica, sans-serif; text-align:center;height:44px;}
.container ul.nav a:hover {background-color:rgba(105,188,70,0.4); text-decoration:none;}
.nav a img {margin-left:10px;}

/*elementos en el slider*/
.sliderText {padding:1.4em 2em; width:25.3125em/*57.588%*/; /*background-color:#0092d0; opacity: .9;*/   	/* For IE 5-7 */ /*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);*/ /* For IE 8 *//*-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";*/}
.sliderText p {margin:0.5em 0 0 0; color:#fff; font:400 0.8125em/1.2 'Open Sans' , sans-serif; background-color:rgba(0,0,0,0.6); padding:0.3em 1em;}
h3.iso9001Title {background-color:rgba(9,148,68,0.7); font:bold 3em/1 'Oswald', Arial, Helvetica, sans-serif; width:6em; padding:0 0.5em; display:inline;}
h4.iso9001Subtitle{background-color:rgba(119,175,44,0.8); font:300 1.29em/1.5 'Open Sans', sans-serif; padding: 0 1em; display:inline-block; margin-top:11px;}
.slide h4.iso17025Subtitle{font:300 1.24em/1.5 'Open Sans', sans-serif; letter-spacing:-0.75px;}

/*Articulos destacados home*/
.mainServices {width:100%; padding:2.2em 0 3em 0;}
.mainServices img {border:0.4em solid #fff; margin-right:1.2em;}
.mainServices .destNovedades img {margin:0;}
.mainServices p {margin-top:1em; margin-bottom:0; line-height:1.5em; padding-bottom:4em; font:400 0.8125em/1.5 'Open Sans', sans-serif;}
.mainServices  ul {margin-top:1em; margin-bottom:0; line-height:1.5em; padding:0 0 5.5em 0; font:400 0.8125em/1.5 'Open Sans', sans-serif;}
.mainServices li {background:url(../images/item-lista.gif) no-repeat left center transparent; padding:0 0 0 1.75em;}
.mainServices h3{font:700 0.875em/2 'Open Sans', sans-serif; color:#7a7a7a; height:1.74em; margin:0.5em 0 0 0; text-transform:uppercase;}
.mainServices a h3:hover {color:#69bc46; background-image:none;}
.mainServices a {text-decoration:none; color:#666666; background:url(../images/ver_mas.png) no-repeat left bottom transparent; display:block;}
.mainServices a:hover {background:url(../images/ver_masHover.png) no-repeat left bottom transparent; color:#202020;}
.mainServices  article {width:18.25em; margin-right:1.25em; margin-bottom:2em; float:left; padding-right:1.25em; border-right:1px dotted #acadaa;}
.mainServices  article.destNovedades {margin:0 0 2em 0; padding:0; border:none;}
.mainServices  h4 {margin-top:1em; line-height:1.5em; font:600 0.8125em/1.5 'Open Sans', sans-serif; color:#69bc46;}
.mainServices p.pdestNovedades {margin-top:0; line-height:1.5em; padding-bottom:4em; font:400 0.8125em/1.5 'Open Sans', sans-serif;}
/*Clientes solapa*/
.clientes {width:100%; background:url(../images/bg-clientes.png) repeat-x left top transparent; height:270px; position:relative;}
h3.clientesProveen {text-align:center; background:url(../images/bg-clientesTitle.png) no-repeat left top transparent; height:95px; width:334px; font:600 1em/5.5 'Open Sans' , sans-serif; color:#939393; text-transform:uppercase; margin:0 0 0 -167px; position:absolute; left:50%; top:-12px; z-index:50;}
h3.clientesProveen  span {color:#69bc46;}
/*Entidades afines solapa*/
.entidades {width:100%; background:url(../images/bg-entidades.png) repeat-x left top #fff; height:135px; position:relative;}
h3.entidadesAfines {text-align:center; background:url(../images/bg-entidadesTitle.png) no-repeat left top transparent; height:44px; width:186px; font:400 0.8125em/2.3 'Open Sans' , sans-serif; color:#fff; text-transform:uppercase; margin:0 0 0 -93px; position:absolute; left:50%; top:0; z-index:50;}
/*Scroll animacion para entidades afines*/
#scroller {position: relative; width:100%; height:130px; margin:0 auto;}
#scroller  img{max-width:none; margin: 0 10px;}
#scroller .innerScrollArea {overflow:hidden; position:absolute; left:0; right:0; top:0; bottom:0; padding-top:3.4em;}
#scroller ul {padding:0; margin:0; position: relative; }
#scroller li {padding:0; margin:0; list-style-type:none; position:absolute;}	

/*FOOTER-------------------------------------------*/
footer {width:100%; background-color:#1d1d1d; padding:3.125em 0 0 0; border-top:0.4em solid #c1c1c1; color:#fff;}
.footer_container {max-width:60em; margin:0px auto;}
h3.titContactHome {background:url(../images/contactHome.png) no-repeat left top transparent; font:400 0.875em/2.2 'Open Sans', sans-serif; margin:0 0 0.6em 0; width:166px; height:44px; padding:0 0 0 20px; text-transform:uppercase;}
h3.titContact {height:1em; background:url(../images/contact.png) no-repeat left top transparent; font:400 1.5em/1 'Open Sans', sans-serif; padding:0 0 0 1.75em; margin:0; color:#69bc46;}
#formulario {width:29%; padding:0 4% 0 0; border-right:1px solid #efecea; float:left;}
#formulario input, textarea {padding:2px; border-radius:5px; border:none; font:normal 0.75em/1 Arial, sans-serif;}
#formulario label {display:block; margin:0.6em 0 0.2em 0; font-size:0.75em;}
#formulario #consultas label.error {color:#f8b040; font-weight:bold; margin:0.3em 0 1em 0;}
#formulario .enviar {border-radius:4px; background-color:#69bc46; float:right; margin:1.25em 0 0 0; display:inline-block; padding:0.45em 0.85em; cursor:pointer; color:#fff; font-weight:bold; font-size:0.8125em;}
input.textForm {width:100%; height:1.2em;}
#formulario textarea {width:100%; height:6em;}
footer .infoCv {padding:0;}
.info {float:left; padding:4em 0 0 3%;}
.info h4 {
	font: 400 0.9375em/1 'Open Sans', sans-serif;
	text-align: center;
}
.info ul {margin:1.3em 0 0 0;}
.info li {font-size:0.6875em; line-height:1.25em;}
a.enviarCV {background:url(../images/bg-cv-button.png) no-repeat left top transparent; font-size:0.75em; line-height:2.3em; display:inline; height:28px; width:129px; margin-bottom:1.8em; font-weight:bold; color:#353535; text-align:center; float:right; padding-left:10px;}
a.enviarCV:hover {background:url(../images/bg-cv-buttonHover.png) no-repeat left top transparent; color:#69bc46; -webkit-transition:color 0.5s ease-in;  -moz-transition:color 0s ease-in;  -o-transition:color 0s ease-in; transition:color 0s ease-in;}
.containerMap {}
.mapaGoogle {margin-top:1.5em; float:right;}
footer a {color:#fff;}
a.iso, a.iqnet {margin:0 1em 0 0;}
.logos {float:right;}
.logos li {display:inline-block;}
.fernandoSosa {float:right; height:1.5em; margin:0.5em 0 0 0;}
.sosa {padding:1em 0.8em 0; font-size:0.55em;}
a.sosa:hover {color:#69bc46;}
.piePagina {background-color:#000; width:100%; overflow:hidden;}
.piePagina img {float:left; margin-top:5px;}
.piePagina li {display:inline; font:400 0.6875em/1 'Open Sans', sans-serif; color:#c2c2c2;}
p.copyright {font:normal 0.7em/3.5 arial, sans-serif; /*height:3.66em;*/ margin:0; background-color:#000; padding:1em 0; overflow:hidden;}
a.subir {margin:1em 0.5em 0 0; background:url(../images/top_buton.png) no-repeat left top transparent; display:inline-block; height:34px; padding:0 0 0 34px; color:#69bc46; text-indent:-9999px; float:right;}
a.subir:hover {background:url(../images/top_buton.png) no-repeat left bottom transparent;}
/*#certifications {display:inline;}*/
li.dirDestacada {font-weight:bold;}
a.enlacesFooter {margin:0 1em 0 0; float:right; color:#69bc46;}
a.enlacesFooterUno {margin:0 2em 0 0;}

/*CONSULTA_ENVIADA.HTML----------------------------*/
h3.gracias {font:bold 2.5em/1 Arial, sans-serif; color:#69bc46; text-align:center; padding:7% 0 0 0;}
p.contactaremos {font:normal 1.09em/1.1 Arial, sans-serif; color:#555555; text-align:center; padding:0 0 7% 0;}


/*INTERIOR GENERAL------------------------------------*/
.main {width:100%; position:relative;}
section.texts {width:64.618%; padding:2.5em 2em 0 0; float:left;}
section.texts img {float:right; margin:0.7em 0 1em 1em; border:3px solid #fff; -moz-box-shadow: 0 1px 4px #929292; -webkit-box-shadow: 0px 1px 4px #929292; box-shadow: 0 1px 4px #929292;}
.texts p {margin-top:0.5em; line-height:1.4em; padding-bottom:0.6em; color:#555555; }
.texts p span {color:#099444;}
.main h1 {font:300 2.365em/1.6 'Open Sans',sans-serif; color:#fff; padding:0 1em; height:67px; background-color:rgba(105,188,70,0.8); display:inline-block; margin:2em 0 0 0;}
.texts h3 {font:500 0.95em/1.3 'Ubuntu', sans-serif; color:#db7d03; margin-top:0.9em; margin-bottom:-0.25em;}
section.rightColum {float:left; width:31.7%; padding:2.5em 0 0 0; position:relative;}
#formulario_interior {padding:3% 3%; color:#fff;}
#formulario_interior input, #formulario_interior textarea {padding:2px; border-radius:5px; border:1px solid #b5b5b5; font:normal 0.75em/1 Arial, sans-serif; margin:1em 0 0 0; background-color:#f3efeb;}
#formulario_interior label {display:block; margin:0.6em 0 0.2em 0; font-size:0.75em; color:#b0b0b0;}
#formulario_interior #consultas label.error {color:#f8b040; font-weight:bold; margin:0.3em 0 1em 0;}
#formulario_interior .enviar {background-color:#3490bc; border-radius:4px; float:right; margin:0.75em 0 0 0; display:inline-block; padding:0.45em 0.85em; cursor:pointer; color:#fff; font-weight:bold; font-size:0.8125em;}
#formulario_interior .enviar:hover {background-color:#76d1fd;}
#formulario_interior textarea {width:100%; height:7em;}
input.textFormInt {width:100%; height:1.8em;}
#formulario_interior #consultasInt label.error {color:#f8b040; font-weight:bold; margin:0 0 1em 0;}
.formInt {margin-top:3em;}
h3.titContactService {height:1.375em; font:normal 1.2em/1 'Oswald', sans-serif; margin:0 0 0.6em 0;}
::-webkit-input-placeholder {color:#b0b0b0;}
:-moz-placeholder { /* Firefox 18- */color:#b0b0b0;}
::-moz-placeholder {  /* Firefox 19+ */color:#b0b0b0;}
:-ms-input-placeholder {color:#b0b0b0;}
.menu-normativasInt {
	background-color: rgba(215,216,185,0.95);
	height: 7.1em;
	padding-top: 9px;
	padding-right: 0;
	padding-bottom: 9px;
	padding-left: 0;
}
.solapaNormativasInt {width:186px; height:32px; font:600 0.8125em/2.5 'Open Sans', sans-serif; color:#fff; text-align:center; padding-right:11px; text-transform:uppercase; background:url(../images/bg-solapa-normativas-int.png) no-repeat left top transparent; margin:2.5em 0 0 0;}
ul.navInt {
	float: left;
	background: url(../images/bg-ul.png) repeat-y right top transparent;
	padding-top: 0.7em;
	padding-right: 1em;
	padding-bottom: 0.7em;
	padding-left: 0.4em;
}
ul.navIntFin {
	float: left;
	padding-top: 0.7em;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0.1em;
}
ul.navIntFin a.itemFinal {color:#099444;}
ul.navInt a , ul.navIntFin a{text-transform:uppercase; color:#756d64; display:inline; font:normal 0.875em/1.8 'Oswald', Arial, Helvetica, sans-serif; text-align:center; background:url(../images/bg-menu.png) no-repeat right center transparent; padding-right:12px;}
ul.navInt a:hover , ul.navIntFin a.itemFinal:hover {color:#fff; text-decoration:none; -webkit-transition:color 0.5s ease-in;  -moz-transition:color 0.5s ease-in;  -o-transition:color 0.5s ease-in; transition:color 0.5s ease-in;}
a.elegirnos {display:block; background:url(../images/bg-elegirnos.png) no-repeat 95% 2.8em #69bc46; text-align:center; font:300 1.25em/2 'Open Sans', sans-serif; color:#fff; margin-top:1.5em;}
a.elegirnos:hover {background:url(../images/bg-elegirnos.png) no-repeat 95% 2.8em #99db68; text-decoration:none;}
a.elegirnos h3 {background-color:#099444; text-align:center; font:bold 1.25em/1.7 'Oswald', sans-serif; color:#fff; text-transform:uppercase;}
a.elegirnos h3:hover {background-color:#18bd5e; background-image:none;}

/*INTERIOR EMPRESA------------------------------------*/
.valoresEmpresa {border:3px solid #fff; padding:0.75em; float:left; margin:1em 0.5em 0 0; width:162px; height:310px;}
.valoresEmpresa h3 {font:600 0.875em/1 'Open Sans', sans-serif; color:#69bc46; margin:0 0 1em 0;}
.valoresEmpresa p {font:normal 0.75em/1.5 Arial, Helvetica, sans-serif; margin:0 0 0.75em 0;}
.valoresEmpresa li{font:normal 0.75em/1.5 Arial, Helvetica, sans-serif; margin:0 0 0.75em 0; color:#099444;}
.topEmpresa {width:100%; height:180px; background:url(../images/header-empresa.jpg) no-repeat center top transparent; margin:0 auto;}
#certificationsInt {padding:0 0 0.5em 0;}
#certificationsInt li, #certificationsInt ul {display:inline-block;}
#certificationsInt ul {float:right;}
#certificationsInt h4 {margin-top:0.6em; font:normal 0.8em/1.25 'Oswald', sans-serif; display:inline-block; color:#fff; background-color:#555555; border-radius:0.3125em; padding:0.5em; }

/*RSE-------------------------------------------------*/
.topRSE {width:100%; height:180px; background:url(../images/header-rse.jpg) no-repeat center top transparent; margin:0 auto;}
h2.rseTitle {text-transform:uppercase; font:700 0.875em/1 'Open Sans', sans-serif; color:#555555; margin:0 0 1.2em 0;}
h3.rseSubTitle {font:bold 0.875em/1 Arial, Helvetica, sans-serif; color:#69bc46; margin:1.2em 0 0.25em 0;}
p.pSinMargen {margin:0; padding:0;}

/*NORMATIVAS-------------------------------------------------*/
.topISO9001 {
	width: 100%;
	height: 180px;
	margin: 0 auto;
	background-color: transparent;
	background-image: url(../images/header-iso9001.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.topFSSC22000 {width:100%; height:180px; background:url(../images/iso-22000L.jpg) no-repeat center top transparent; margin:0 auto;}
.topISO17020 {width:100%; height:180px; background:url(../images/iso17020L.jpg) no-repeat center top transparent; margin:0 auto;}
.topISO14001 {width:100%; height:180px; background:url(../images/header-iso-14001.jpg) no-repeat center top transparent; margin:0 auto;}
.topOSHAS18001 {width:100%; height:180px; background:url(../images/header-oshas-18001.jpg) no-repeat center top transparent; margin:0 auto;}
.topISO27001 {
	width: 100%;
	height: 180px;
	margin: 0 auto;
	background-color: transparent;
	background-image: url(../images/header-iso-27001.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.topISO17025 {
	width: 100%;
	height: 180px;
	margin: 0 auto;
	background-color: transparent;
	background-image: url(../images/header-iso-17025.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.topTL9000 {width:100%; height:180px; background:url(../images/header-tl-9000.jpg) no-repeat center top transparent; margin:0 auto;}
.topOtrasNormas {width:100%; height:180px; background:url(../images/header-otras-normas.jpg) no-repeat center top transparent; margin:0 auto;}
h2.normasTitle {font:400 1.25em/1.25 'Open Sans', sans-serif; color:#69bc46; margin:0 0 2em 0;}
a.instructivo {display:block; margin:2em 0 0 0; padding:0 30px 0 1em; width:4.5em; height:25px; background:url(../images/instructivo.png) no-repeat right top #7a7a7a; color:#fff; font:400 0.875em/1.7 'Open Sans', sans-serif;}
a.instructivo:hover {background:url(../images/instructivo.png) no-repeat right bottom #a0a0a0; text-decoration:none;}
.topInstructivo{width:100%; height:180px; background:url(../images/header-instructivo.jpg) no-repeat center top transparent; margin:0 auto;}

/*SERVICIOS------------------------------------*/
.containerIntServ {padding-bottom:1em;}
.topServicios {width:100%; height:180px; background:url(../images/header-servicios.jpg) no-repeat center top transparent; margin:0 auto;}
section.shortTexts {width:18.75em; padding:3em 1em 0 0; float:left;}
.rightServices span {letter-spacing:-0.3px;}
.shortTexts p {font-size:1em; color:#555555;}
.shortTexts h3 {font:700 0.875em/1.3 'Open Sans', sans-serif; color:#555555; margin-top:1.1em; margin-bottom:0.75em;}
.shortTexts li {color:#69bc46; font-size:0.875em; line-height:1.25em;}
a.consulteAhora {background:url(../images/consulteAhora.png) no-repeat right center #555555; margin-top:1.5em; border-radius:5px; text-transform:uppercase; font-size:0.75em; line-height:1.9em; display:inline-block; height:23px; width:129px; color:#fff; text-align:center; padding-right:1em;}
a.consulteAhora:hover {background:url(../images/consulteAhoraHover.png) no-repeat right center #69bc46; text-decoration:none;}
section.rightServices {float:left; width:66%; padding:1.5em 0 0 0;}
section.rightServices h2.normativasTitle {text-align:center; text-transform:uppercase; font:400 0.8125em/1.7 'Open Sans', sans-serif; color:#fff; float:right; margin:0 0 0.75em 0; background:url(../images/bg-normativas-title.png) no-repeat right top transparent; width:176px; height:23px;}
section.rightServices article{float:left; width:200px; padding:0 0 0.25em 0; border-bottom:1px solid #b5b5b5; margin:0 1em 1.5em 0;}
section.rightServices a {text-decoration:none; color:#555555; display:block;}
section.rightServices a:hover {color:#69bc46;}
section.rightServices h2 {font:700 0.875em/1.4 'Open Sans', sans-serif; margin:0.5em 0 0 0; text-transform:uppercase;}
section.rightServices h2:hover {}
section.rightServices article.margin0 {margin:0 0 1.5em 0;}
section.rightServices article.otras {float:right; margin:0 0 1.5em 0; background:url(../images/otras.png) no-repeat right bottom transparent;}
section.rightServices article.otras p {font-size:0.75em;}
a.verVentajas {font-size:0.75em; line-height:1.9em; display:inline-block; background:url(../images/bajar.png) no-repeat left top transparent; height:23px; width:23px; margin-left:2em; text-indent:-9999px;}
a.verVentajas:hover {background:url(../images/bajar.png) no-repeat left bottom transparent;}
section.porQueElegirnos {width:100%; background-color:#fbfcee; position:relative;}
#itemElegirnos {text-transform:uppercase; margin:0; padding:0; color:#fff; font:600 0.9375em/2.5 'Open Sans', sans-serif; background:url(../images/bg-title-elegirnos.png) no-repeat left top transparent; height:40px; width:308px; text-align:center; position:absolute; left:0px; top:-40px;}
.porQueElegirnos h2 {font:600 0.875em/1.8 'Open Sans', sans-serif; color:#fff; background-color:#c1c1c1; padding:0 1em; display:inline-block; margin:0.5em 0 3em 0;}
.ventajaElefonik {float:left; padding:0 0 1em 4.2em; width:15.5em; height:12.75em; margin:0 0 1em 0;}
.ventajaElefonik h3{font:bold 1.3125em/1.3 'Oswald', sans-serif; color:#099444; text-transform:uppercase; margin:0 0 0.6em 0;}
.ventajaElefonik h3 span {display:none;}
.ventajaElefonik p {font:normal 0.8125em/1.4 Arial, Helvetica, sans-serif;}
.ventajaElefonik p span {font-weight:bold; font-size:1.25em;}
.ventaja1 {background:url(../images/uno.png) no-repeat 11px top transparent;}
.ventaja2 {background:url(../images/dos.png) no-repeat 11px top transparent;}
.ventaja3 {background:url(../images/tres.png) no-repeat 11px top transparent;}
.ventaja4 {background:url(../images/cuatro.png) no-repeat 11px top transparent;}
.ventaja5 {background:url(../images/cinco.png) no-repeat 11px top transparent;}
.ventaja6 {background:url(../images/seis.png) no-repeat 11px top transparent;}
p.notaPie {font:normal 0.625em/1 Arial, Helvetica, sans-serif; text-align:right;}
a.subirNormas {margin:1em 0.5em 0 0; background:url(../images/top_buton.png) no-repeat left top transparent; display:inline-block; height:34px; padding:0 0 0 40px; color:#555555; font-size:0.75em; line-height:2.6em; position:absolute; left:0; bottom:66px;}
a.subirNormas:hover {background:url(../images/top_buton.png) no-repeat left bottom transparent; text-decoration:none; color:#69bc46;}

/*COMPROMISO---------------------------------------*/
.topCompromiso {width:100%; height:180px; background:url(../images/header-compromiso.jpg) no-repeat center top transparent; margin:0 auto;}
.politicaCalidad {border-radius:0.4em; border:6px solid #dadcbe; padding:0 0.75em 0.75em; margin:1em 0.5em 0 0; width:95%; background:url(../images/bg-politica.png) repeat-x left top #fbfcee;}
.colPolitica {float:left; width:48%; padding-right:3%;}
.politicaCalidad  .colPoliticaDos {padding-right:0;}
.politicaCalidad h3 {font:600 0.875em/2 'Open Sans', sans-serif; color:#fff; margin:0 0 2em 0; background-color:#3490bc;}
.politicaCalidad p {font:normal 0.75em/1.3 Arial, Helvetica, sans-serif; margin:0 0 0.75em 0;}
.politicaCalidad span {font-weight:bold; color:#69bc46;}
section.rightText {float:left; width:74.6822%; padding:1.2em 0 0 0; color:#555555; position:relative;}
p.piePolitica {text-align:right; font-size: 0.6em;}

/*NOVEDADES---------------------------------------*/
.topNovedades {width:100%; height:180px; background:url(../images/header-novedades.jpg) no-repeat center top transparent; margin:0 auto;}
.noticia {border-bottom:1px dotted #acadaa; padding:0.5em 0.15em 1em 0.15em; margin:0.5em 0 0 0; width:100%;}
section.texts .noticia img {border:6px solid #dadcbe; float:left; margin:0 1.2em 0 0; box-shadow:none;}
.noticia h2 {font:normal 1.125em/1.4375 Arial, Helvetica, sans-serif; color:#69bc46; margin:0 0 0.5em 0;}
.noticia p {font:normal 0.8125em/1.3 Arial, Helvetica, sans-serif; color:#555555; margin:0;}
.textoNoticia {float:left; width:62%;}

/*ENVIAR CV----------------------------------------*/
section.topCV {width:100%; height:180px; background:url(../images/header-cv.jpg) no-repeat center top transparent; margin:0 auto;}
section.textsCv {width:70%; padding:2em 0 0 0;}
.textsCv p {margin-top:1em; line-height:1.5em; padding-bottom:0.6em; color:#555555; }
.textsCv p span {color:#25aae1;}
.textsCv h1 {font:400 1.4em/1.8 'Open Sans',sans-serif; color:#69bc46; background:none; padding:0; margin:0; height:auto;}
#form_cv {background-color:#e2e4c9; padding: 30px 26px 10px 26px; margin: 20px 0 25px 0;}
#container #form_cv p {padding: 0 0 10px 0; width: 300px;}
#form_cv .inputs_izq {float: left; width: 230px;}
#form_cv .inputs_der{float: left; width: 370px;}
#form_cv .labels_izq{width: 72px; display:block; font:700 13px/1.5 'Open Sans', Arial, sans-serif; color:#333333; text-shadow: 0 1px 0 #FFFFFF; padding:0; letter-spacing: -0.6px; float:left;}
#form_cv .campos {width:auto; border: none; color:#333333; background-color:#fff;}
#container #form_cv .campo_cv {border: 1px solid #fff;}
#form_cv .cv_textarea {width: 370px; border: none; color:#333333; background-color:#fff; font: normal 12px/1 Arial, Herlvetica, sans-serif; height: 50px;}
#form_cv .labels_der{display: block; width: 100px; font: 700 13px/1.5 'Open Sans', Arial, sans-serif; color:#333333; text-shadow: 0 1px 0 #FFFFFF; padding:0 0 6px 0; letter-spacing: -0.6px;}
#form_cv .adjuntarArchivo {/*width: 67px; display:block;*/font: 700 13px/1.5'Droid Sans', Arial, sans-serif;	color:#333333; text-shadow: 0 1px 0 #FFFFFF; padding:0; letter-spacing: -0.6px;}
.enviar_cv {background-color:#69bc46; border:none; float:right; margin: 0 8px 0px 0px; display:inline-block; padding:0.45em 0.85em; cursor:pointer; color:#fff; font-weight:bold; font-size:0.9375em; line-height:1.5em;}
#form_cv .enviar_cv:hover  {background-color:#86e160;}
#form_cv .cv {height: 29px; padding: 10px 0 4px 0;}
#form_cv p.p_largo{width:100%;}
#form_cv #nota_cv p.nota_curriculum {font: 400 9px/1'Droid Sans', Arial, sans-serif; padding: 0 0 0 70px; margin:0;}
.contacto_error {font: bold 13px/1 'Droid Sans', Arial, sans-serif; padding-bottom: 0px; padding-left: 160px; float:left; width: 400px; color: #E50707; 	margin-top:20px;}
#gracias {margin-top: 10px; margin-bottom: 20px; width: 280px; float: left; padding: 10px 0 100px 10px;}
#gracias p.consulta_ok {font-weight: bold; color:#69bc46; padding:0; margin:0; font-size:1em;}
#gracias p.consulta_ok span {font-weight: normal; color:#555555; margin:0; font: normal 13px/1.4 Arial, sans-serif; padding:0;}

/*POPUP CLIENTES-----------------------------------*/
.close-meerkat {position: absolute; display: block; height: 18px; width: 18px; background: url('../images/close-x.png') no-repeat 0 0; cursor: pointer; text-indent: -9000px; z-index: 10; top:10.8em; left:17em;}
#clientes {margin: 0 auto; padding-top: 15%; text-align: center;}
#clientes img {border: 6px solid #a8a8a8; box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.9);	}

/*CERTIFICADO SSL-----------------------------------*/
#siteseal {text-indent:9999px; position:fixed; right:195px; bottom:40px;}
#siteseal img {width:195px;}

/*MEDIA QUERIES------------------------------------*/
@media screen and (max-width:1024px) {
header ul.nav a {padding:8.5px 2em;}
}

@media screen and (max-width:972px) {
.solapaNormativas {position:absolute; left:50%; top:-76px; background:url(../images/bg-solapa-normativas.png) no-repeat left top transparent; z-index:300; margin:0 0 0 -410px;}
.menu-normativas {margin:-22px 0 0 -410px;}
.container ul.nav li {width:auto; margin:0;}
.container ul.nav a {padding:0 6px;}
.nav a img {margin-left:7px;}
.mainServices {padding-left:0.75em; width:95%;}
#scroller {width:95%; margin:0 auto;}
.footer_container {padding:0 1em;}
.noticia {border-bottom:1px dotted #acadaa; padding:0.5em 0.15em 1em 0.15em; margin:0.5em 0 0 1%; width:100%;}
.textoNoticia {width:57%;}
section.shortTexts {margin-left:0.5em;}
section.rightServices article.otras {float:left; margin:0 1em 1.5em 0;}
section.rightServices {width:60%;}
section.rightServices article{margin:0 2em 1.5em 0;}
section.rightServices article.margin0 {margin:0 2em 1.5em 0;}
section.rightServices h2.normativasTitle {margin-right:17%;}
.containerIntServ {padding-bottom:3em;}
p.notaPie {margin-right:1em;}
}

@media screen and (max-width:920px) {
header ul.nav a {padding:8.5px 1em;}
.valoresEmpresa {height:auto;}
ul.navInt {padding:0.7em 0.8em;}
p.notaPie {margin-left:1em; text-align:left;}
a.subirNormas {position:relative; bottom:auto; margin-left:1em;}
section.textsCv {margin-left:1em;}
}

@media screen and (max-width:880px) {
section.rightColum {width:50%;}
section.texts {width:90%; padding:2em 0.5em 0 0.5em;} 
section.shortTexts {width:95%; margin-left:1em;}
section.rightServices {width:95%; margin-left:1em;}
a.verVentajas {text-indent:30px; width:auto; color:#555555;}
a.verVentajas:hover {text-decoration:none; color:#a5a5a5;}
section.rightServices h2.normativasTitle {margin-right:0; margin-top:2em; float:none; background:url(../images/bg-normativas-title-invert.png) no-repeat left top transparent;}
}

@media screen and (max-width:820px) {
.solapaNormativas {margin:0 0 0 -330px;}
.menu-normativas {margin:-22px 0 0 -330px;}
}

@media screen and (max-width:768px) { 
header ul.nav a {padding:8.5px 1em;}
/*.main {padding-top:1.95em;}*/
h3.gracias {margin-top:0.5em;}
.sliderText {width:75%;}
header hgroup {float:none;}
.top_menu {width:auto; margin-bottom:1.25em;}
ul.contact {text-align:center;}
.sliders {width:100%; background-position:right;}
.mainServices  article {width:90%; margin:2em 0 0; padding-bottom:1em; border-right:none; border-bottom:1px dotted #acadaa;}
.mainServices  article.destNovedades {margin:2em 0 0; border:none;}
#formulario {width:45%; margin-left:2%;}
.logos {padding-top:3em;}
.fernandoSosa {float:none; margin:2em 0 0; text-align:center;}
section.rightImage {width:100%; padding:2em 0 0 0; float:none;}
section.shortTexts {width:95%; padding:2.5em 0; margin:0 0.5em}
section.texts {width:90%; padding:2em 0.5em 0 0.5em;}
section.rightColum {float:left; width:75%; padding:2em 0.5em 0 0.5em; position:relative;}
p.copyright {line-height:2em; padding:2em 0 1em 0;}
.containerIntServ {padding-bottom:3.5em;}
#form_cv .inputs_der{width:90%;}
#form_cv .cv_textarea {width: 90%;} 
}

@media screen and (max-width:680px) {
.solapaNormativas {margin:0 0 0 -285px;}
.menu-normativas {margin:-22px 0 0 -285px;}
.container ul.nav a {padding:0 5px;}
.container ul.nav li {margin:0}
.nav a img {margin-left:5px;}
.textoNoticia {width:50%;}
.ventajaElefonik {width:85%; height:auto;}
.ventaja1 {padding-bottom:2.5em;}
}

@media screen and (max-width:590px) { 
.container ul.nav a {padding:0 5px; font-size:0.8em;}
.container ul.nav li {background:none; padding:0 2px;}
.solapaNormativas {margin:0 0 0 -220px;}
.menu-normativas {margin:-22px 0 0 -220px; height:auto; width:80%;}
a.enviar_cv {float:left; margin:2em 0 1em 1em;}
p.contactaremos {margin-top:0.5em;}
}

@media screen and (max-width:530px) { 
.textoNoticia {float:none; width:95%;}
section.texts .noticia img {float:none; margin-bottom:0.75em;}
}

@media screen and (max-width:520px) { 
p.tel {margin:0 auto; float:none; border-radius:0.3175em; clear:both;}
.header {padding-bottom:0;}
header ul.nav {position:relative; background-color:#69bc46; text-align:center;}
header ul.nav li {float:none; background:none; padding-right:0; margin:0 -2px; display:inline-block;}
header ul.nav a {padding:0.6em 1em; color:#fff; display:block; background:none; font:normal 0.75em/1.1 'Oswald', Arial, Helvetica, sans-serif;}
header ul.nav a.here {color:#fff; background-color:#99e578; text-decoration:none;}
header ul.nav a:hover {color:#fff; background-color:#99e578; text-decoration:none;}
header ul.nav a span {background:none;}
.main {padding-top:0;}
header hgroup {margin-left:10%;}
#formulario {width:55%;}
section.rightColum {float:left; width:95%;}
.colPolitica {float:none; width:100%;}
.politicaCalidad  .colPoliticaDos {float:none;}
a.enlacesFooter {float:none;}
#form_cv .cv_textarea {width:90%;}
}

@media screen and (max-width:490px) {
.ventaja1 {padding-bottom:1em;}
header ul.nav {margin:1.5em 0 0 0;}
}

@media screen and (max-width:470px) { 
.solapaNormativas {margin:0 0 0 -170px;}
.menu-normativas {margin:-22px 0 0 -170px;}
a.enlacesFooterUno {margin:0 1em 0 1.5em;}
.ventajaElefonik {width:75%;}
}

@media screen and (max-width:370px) { 
.menu-normativas {top:-30px;  margin-left:-40%;}
.solapaNormativas {top:-84px; margin-left:-40%;}
.ventajaElefonik {width:58%;}
.slide h4.iso9001Subtitle{font-size:1.2em; line-height:1.25em;}
.slide h4.iso17025Subtitle{font-size:1.2em; line-height:1.25em;}
h3.iso9001Title {font-size:2.5em;}
ul.contact {margin-top:0.2em;}
.top_menu {margin-top:0.75em;}
.container ul.nav a {height:auto; line-height:2.4em;}
.container ul.nav li {height:auto;}
.container ul.nav {margin-left:1em;}
#formulario {width:90%; border:none;}
a.enviarCV {float:left; margin-top:1em; margin-left:2em;}
header hgroup {margin-left:1%;}
.header hgroup {width:100%;}
}
