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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, font, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tr, th, td, #wrapper, #menu, #footer {
	margin:0;
	padding:0;
	border:0;
	outline:none;
	font-size:12px;
	font-weight:normal;
	font-family: 'Helvetica Nueue', Helvetica, Arial;
	letter-spacing:0.02em;
	color: #000;
}

body{
	background:#000;
}
.wrapper{
	background: #000 url(../img/bg1.png) repeat-y center -478px;
	width:100%;
	overflow:hidden;
}
a{
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

p{
	clear:both;
}
@font-face {
	font-family:'DINMediumRegular';
	src: url('din_medium-webfont.eot');
	src: url('din_medium-webfont.eot?#iefix') format('embedded-opentype'),url('din_medium-webfont.ttf') format('truetype'),url('din_medium-webfont.svg#DINMediumRegular') format('svg');
	font-weight: normal;font-style: normal;
}
@font-face {font-family: 'DINMitAltRegular';
	src: url('dinma___-webfont.eot');
	src: url('dinma___-webfont.eot?#iefix') format('embedded-opentype'),url('dinma___-webfont.ttf') format('truetype'), url('dinma___-webfont.svg#DINMitAltRegular') format('svg');font-weight: normal;
	font-style: normal;
}
/* header */
#header{
	width:991px;
	margin:0 auto;
	padding-top:15px;
	background-color:#000;
	z-index:100;
}

.logo{
	background:url(../img/DCL-Dynamic-Certification-laboratories.png) no-repeat center center;
	width:532px;
	height:46px;
	margin:0 0 20px 10px;
	padding:0;
	float:left;
	text-indent:-9999px;
}
/* main nav */
.main-nav{
	clear:both;
	position:relative; 
	overflow:visible;
	width:100%;
	margin:0 auto;
	z-index:100;
}

#header ul.nav{
	background: #333333 url(../img/bgs.png) repeat-x top left;
	height:36px;
	width:100%;
	list-style:none;
	text-align:center;
	clear:both;
	margin:0 0 3px 0;
}

#header ul.nav li:first-child {
	font-family:'DINMediumRegular';
	float:left;
	background:none;
}

#header ul.nav li {
	font-family:'DINMediumRegular';
	float:left;
	background:url(../img/nav-sep.png) no-repeat top left;
}

#header ul.nav li a {
	font-family:'DINMediumRegular';
	font-size:15px;
	color: #FFC500;
	line-height:36px;
	padding:0 50px;
	display:block;
	font-weight:normal;
}

#header ul.nav li a:hover{
	text-decoration:none;
	color:#ffffff;
}

#header ul.nav li a.current{
	color:#ffffff;
}
/* secondary nav */
#header .secondary-nav{
	width:346px;
	float:right;
	margin:26px 0 18px;
	font-size:12px;color:#356867;
}
#header .secondary-nav ul li{
	list-style:none;
	margin:0;
	font-size:12px;
	color: #fff;
	padding-right: 5px;
	padding-left: 5px;
	display: inline-block;
	vertical-align: middle;
}
#header .secondary-nav ul li a {
	display:block;
	text-decoration:none;
}
#header .secondary-nav ul li a.facebook {
	font-size:11px;background:url(../img/img.png) no-repeat top left;
	width:24px;
	height:26px;
	color:#ffffff !important;
	text-align:center;
	padding:0;
	margin:0 0 0 8px;
}
#header .secondary-nav ul li a.twitter {
	font-size:11px;
	background:url(../img/img.png) no-repeat -40px 0px;
	width:24px;
	height:26px;
	color:#ffffff !important;
	text-align:center;
	padding:0;
}
#header .search{
	float:right;
}
#header .search input {
	border:none;
	float:left;
}
#header .search button {
	border:none;
}
#header .search input.box {
	background:#ffffff;
	color:#747474;
	font-size:12px;
	width:135px;
	height:20px;
	padding:0px 8px 0;
	line-height:19px;
	border:1px solid #bbbbbb;
}
#header .search button.btn {background:url(../img/img.png) repeat -80px 0px;width:26px;height:24px;cursor: pointer;text-indent: -9999px; margin:0 12px 0 0;}
/* index */
.content{width:974px; margin:0 auto;clear:both; overflow:hidden; position:relative;}
.content .index  h2{font-size:18px; color:#356867; line-height:24px; padding:0;margin:0 0 10px 0;}
.line{border-bottom:/*#c5c5c5 1px solid*/5px solid #FFC500;width:100%; margin:20px 0;}
.index iframe{ margin:30px 0 0; border:/*1px solid #000000*/2px solid #FFC600;}
.overflow{ overflow:hidden}
.left{ float:left;}
.right{ float:right;}
.page-content p,.page-content span{ font-size:14px; line-height:20px; margin:0 0 16px; padding:0 10px 0 0; text-align:justify;}
.page-content a{color:/*#5b971b*/#000;font-weight:bold;text-decoration:underline;font-size:14px;letter-spacing:-0.6px;}
.page-content a:hover {color:/*#276560*/#FFC600;}
.text-index{ font-size:14px; line-height:22px;}
.text12{ font-size:12px; line-height:16px;}
.content .index ul.three-columns-index h2{display: inline;margin:0;height:18px;line-height:18px;}
.content .index ul.three-columns-index h2 a{padding:0 10px 10px 0; font-size:18px;color: #000;}
ul.three-columns-index li{ width:290px; border-left: 5px solid #FFC500; float:left; min-height:133px; list-style:none; padding:20px 10px 0;}
ul.three-columns-index li:first-child{border-left:none; padding-left:0;}
ul.three-columns-index li:last-child{padding-right:0; float:right;}
ul.three-columns-index li p{margin-top:10px; text-align:left; line-height:20px;letter-spacing:-0.1px;word-spacing:-0.1px;}
a.dotted-arrow{display:inline; padding:0 10px 0 0; color: #FFC600; margin:0 0 0 8px;}
.index{padding:0 25px; clear:both;}
.content .index h1{ font-family:'Arial Narrow', Arial, Arial, Helvetica;font-size:21px; color: #000; line-height:36px; padding:0;margin:20px 0 10px 0; font-weight: bold;}
.slider{height:300px}
.img{width:720px; height:300px; float:left; background:#356867; padding:0; margin:0;}
#galleria{width:720px; height:300px; float:left; background:#356867; padding:0; margin:0;}
.galleria-thumbnails{background:#ffffff!important; display: none;}
.galleria-container{background:none; padding:0 !important; margin:0 !important;}
.thumbs{width:244px; height:300px; float:left;background:transparent url(../img/slider-thumbs-bg.jpg) no-repeat right top;padding:0; margin:0;}
.galleria-images{padding:0!important;width:720px !important; height:300px !important;}
.galleria-image {padding:0!important;width:720px!important; height:300px !important;}
.galleria-images img{width:720px!important; height:300px!important; z-index:1000!important;}
.galleria-images img a{width:720px!important; height:300px!important; z-index:1000!important;}
.galleria-thumbnails-container{ display:none;}
ul.thumbs {margin: 0 0 0 10px; list-style:none;}
ul.thumbs li{background:transparent url(../img/thumbs-bg.png) no-repeat left top; height:68px; margin:25px 0;}
ul.thumbs li img{ float: left; width:60px; margin:1px 10px 0 4px; border:1px solid #356867;}
ul.thumbs li h1{ font-size:14px; line-height:17px; font-family:Arial, Helvetica, sans-serif; color:#ffffff; width:160px; float:left; margin:4px 0 0; letter-spacing:-0.2px; background:none;}
/*TEST2 animacion home*/
.thumbs3{width:254px;height:300px; position:absolute;top:0;right:0; background:transparent url(../img/slider-thumbs-bg.jpg) no-repeat right top;padding:0; margin:0; z-index:1000;}
ul.thumbs3 {margin: 0 0 0 10px; list-style:none; background:none;}
ul.thumbs3 li:first-child{ margin:14px 0 6px 0!important;}
ul.thumbs3 li img{  position:absolute; top:0; left:0;width:60px; margin:1px 10px 0 4px; border:1px solid #FFC500;}
ul.thumbs3 li a { background:transparent url(../img/thumbs-bg.png) no-repeat 6px 0px !important; height:40px; font-size:14px; line-height:17px; font-family:Arial, Helvetica, sans-serif; color:#ffffff !important; width:160px; float:left; margin:0; letter-spacing:-0.2px;text-shadow: black 0.1em 0.1em 0.2em;}
ul.thumbs3 li span{ font-size:14px; line-height:17px; font-family:Arial, Helvetica, sans-serif; color:#ffffff !important; width:300px; float:left; margin:0; padding:6px 0 0 74px;letter-spacing:-0.2px; background:none;text-shadow: black 0.1em 0.1em 0.2em;}
ul.thumbs3 li a:hover{ text-decoration:none;}
/* pages */
.banner{height:152px; width:100%;position:relative; background:url(../img/banner-bg.jpg) no-repeat}
/*added*/
/*.banner::after{
    height:152px;
    width:974px;
    position:absolute;
    top:0;
    left:0;
    content:'';
    background: rgba(0,0,0,0.65);
background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(255,200,0,0.75) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.65)), color-stop(100%, rgba(255,200,0,0.75)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(255,200,0,0.75) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(255,200,0,0.75) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(255,200,0,0.75) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%, rgba(255,200,0,0.75) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffc800', GradientType=0 );
}*/
.banner .text{width:680px;position:absolute;z-index:1;}
.reference{ background:transparent url(../img/banners2.jpg) left -304px no-repeat!important;}
.services{ background:transparent url(../img/banners2.jpg) left -152px no-repeat!important;}
.contact{ background:transparent url(../img/banners2.jpg) left -456px no-repeat!important;}
.content .banner h1{font-family:'Arial Narrow', Arial, Arial, Helvetica;font-size:23px; color:#ffffff; margin:30px 0 0 20px; height:30px;}
.content .banner h2{font-family:'Arial Narrow', Arial, Arial, Helvetica; font-size:16px; color:#ffffff; margin: 6px 0 0 20px; line-height:21px;}
.content .page-content h1{font-family:'Arial Narrow', Arial, Arial, Helvetica;font-size:20px; color:#000; margin:0 0 4px 0;font-weight:bold;}
.content .page-content h2{font-family:'Arial Narrow', Arial, Arial, Helvetica;font-size:14px; color:#737373; margin:0 0 10px 0;}
.col240{width:240px; float: left; overflow:hidden;}
ul.sidebar-nav {list-style:none; font-size:13px; margin:23px 0 0;}
ul.sidebar-nav li {background: #9F9F9F; line-height:30px; border-bottom:1px solid #b6b6b6; padding:2px 0 0 36px;}
ul.sidebar-nav li.current {background: #666; }
ul.sidebar-nav li.current a{color: #FFC600;}
ul.sidebar-nav li a { font-size:13px; text-transform:uppercase;}
ul.sidebar-nav li a:hover {color: #FFC600;}
.page-content{width:680px; float:right; overflow:hidden;margin:30px 0; padding:0 15px 0 0;}
ul.services-list{ list-style:none;}
ul.services-list li{
	background-image: url(../img/bullet-gray-dot.png);
	background-repeat: no-repeat;
	background-position-y: 4px;
	line-height:14px;
	padding:0 0 0 20px;
	margin:10px 0;
	display: block;
}
ul.sidebar-nav li ul { list-style:none; margin:0 0 8px;}
ul.sidebar-nav li ul li {background:none; border:none; padding:0; line-height:20px;padding:0 0 0 10px;}
ul.sidebar-nav li ul li a{ font-size:12px; color:#000!important;text-transform:none;}
ul.sidebar-nav li ul li a:hover {color: #FFC600!important;}
ul.sidebar-nav li ul li.current { background:none!important;}
ul.sidebar-nav li ul li.current a{color: #FFC600!important;}
.team-img img{ padding:3px; border:2px solid #FFC600;float:left; margin:0 20px 0px 0;}
ul.contact-form{ width:310px;margin:25px 0; float:left; list-style:none;}
ul.contact-form li { clear:both;}
.contact-form label{ font-size:14px; float:left}
.contact-form input[type=text] {float:right; width:66%; height:28px; margin:0 0 12px 0; border:1px solid #aeaeae;} 
.contact-form textarea { float:right;width:59%; padding:0 12px; height:114px;border:1px solid #aeaeae; resize: none;}
.contact-form input[type=submit] {background:url(../img/btn-bg.jpg) repeat-x left center; border:0;font-size:14px; color:#575757;height:33px; line-height:32px;margin: 10px 0 0 104px;} 
.contact-info{width:240px;float:right;margin:25px 16px 0 0;}
.contact-info img{padding:3px; border:1px solid #c4c4c4;}
.contact-info .info{background:url(../img/contact-info-bg.jpg) repeat-x left top; width:240px; height:180px;}
.contact-info .info ul{ list-style:none;padding-bottom:32px; }
.contact-info .info li{ font-size:11px; line-height:14px; margin:0 0 16px; background: url(../img/bullet-gray-dot-2.png) no-repeat left 6px; padding: 0 10px 0 14px;}
.contact-info .info li span{font-size:11px;}
.back a {font-size:11px; font-weight:bold;float:right; margin:0 0 20px 0;}
.back a:hover { text-decoration:none;}
.mark{background:url(../img/marca-de-agua.png) no-repeat left top; width:253px; height:244px; position:absolute; top:0; right:0; z-index:200;}
/* 3 cols */
.col414{ width:414px; float:left}
.content .page-content .col414 a{ color:#5b971b;}
.col340{width:340px; float: left; overflow:hidden;}
.content .page-content .col340 h1{ font-size:15px; margin:0 0 10px 0;}
.content .page-content .col340 p, .content .page-content .col340 span{ font-size:12px; line-height:14px; margin:0 0 10px 0; padding:0 30px 0 0;text-align:left;}
.col240-right{width:240px; float:right;}
.content .page-content .col240-right h1{ font-size:15px; margin:0 0 10px 0;}
.content .page-content .col240-right a{ font-size:12px;}
.content .page-content .col240-right p, .content .page-content .col240-right span{ font-size:12px!important; line-height:14px; margin:0 0 10px 0; padding:0 30px 0 0;text-align:left;}
.content .page-content h1.small { font-size:15px; padding:0 0 8px 0; margin:0 0 12px 0; border-bottom: 1px solid #b6b6b6; width:665px;}
/* sacar en caso que vuelva el search*/
.social{float:right; margin:0 30px 0 0;}
/* footer */
#footer{background: #000; min-height:100px; width: 990px; clear:both; margin:20px auto 0; display: flex; align-items: center; padding-top: 20px; padding-bottom: 20px;    justify-content: space-between;}
ul.footer{list-style:none;clear:both;}
ul.footer span{ text-decoration:underline; color:#ffffff;font-weight:bold;}
ul.footer span:hover{ color:#ffc863!important;}
ul.footer li{float:left;background:url(../img/nav-sep-small.png) no-repeat top left;text-align:center;}
ul.footer li:first-child{background:none;}
ul.footer li a{color:#ffffff; display:block;line-height:26px; text-align:center; padding: 0 18px; font-size:12px; font-weight:bold;}
ul.footer li a:hover{ text-decoration:none;}
.right-nav{float:right; margin:11px 25px 0;}
.newsletter{margin:15px auto 0;text-align:center; width:925px;}
.news{margin:26px auto 20px;text-align:center;width:600px;}
.news .col1{width:50%; text-align: center; }
.news .col2{width:50%;text-align: center;}
.news .col1 p, .news .col2 p{margin:10px 0 0 0;}
.news .col1 p.item{padding:0 20px 0 60px; margin:0; line-height:20px;text-align:left;}
.news .col2 p.item{padding:0 0 0 20px; margin:0; line-height:20px;text-align:left;}
.left{float:left;}
.right{float:right;}
a.btn {background: #7A7979; display: inline-block;height:46px;text-decoration: none;color: #000000;font-family: Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold; margin:0 0 10px;}
a.btn span { display: block;line-height:46px;padding:0 40px 0 24px; margin:0 0 0 16px; text-align:center; text-transform:uppercase;font-size:12px; color:#3b3a3a; text-transform:none;font-family:'DINMediumRegular'; font-size:15px; font-weight:normal; color:#ffffff;}
a.btn ins { color:#ffc863; font-size:13px; text-decoration:none;}
a.btn:hover {background: #000;}
a.btn:hover span {}
.news h1{font-family:'DINMediumRegular';font-size:20px; color:#276560; margin:0 0 4px 0; text-align:left;}
.news h2{font-family:'DINMediumRegular';font-size:14px; color:#737373; margin:0 0 10px 0;text-align:left;}
.home-banner {padding:20px;background-color:rgba(255,255,255,.9);margin-top:30px;border: 2px solid #FFC600;}
.home-banner a {font-size:14px;text-decoration:underline;}
.home-banner a:hover { text-decoration: none;}