/* CSS Document */
body {
	margin:0;
}
@font-face {
	font-family: "ArialNB";
	src: url(arialnb.eot); /* IE */
	src: local("ArialNB"), url(arialnb.ttf) format("truetype"); /* non-IE */
}
/* THEN use like you would any other font */  
	.arialfont {
	font-family:"ArialNB", verdana, helvetica, sans-serif;
}
#header {
	background-color:#FDDC27;
	height:150px;
}
#header-contenido {
	width:970px;
	margin:auto;
}
.logodurplak {
	margin-top:25px;
	width:250;
	float:left;
}
#flash-header {
	float:left;
	width:225px;
	height:125px;
	margin-top:10px;
}
#menu-bg {
	/*background:url(images/fondo-menu.png) no-repeat;*/
	width:625px;
	height:41px;
	margin-left:40px;
	margin-top:70px;
	float:left;
	padding-left:20px;
	font-size:16px;
}

#slider {
	background-color:#313336;
	height:340px;
	margin:auto;
}
#contenido {
	background-color:#171717;
	height:100%;
	font-size:14px;
	color:#c5c5c5;
	text-align:justify;
	letter-spacing:1px;
	padding:25px 25px 25px 25px;
}
#contenido1{
 width: 970px;
 margin:auto;
}
#menu {
	float:left;
	font-family: "ArialNB";
	margin-top:50px;
	margin-bottom:20px;
}
#menu li {
	float:left;
	display:block;
	width:auto;
	text-align:center;
	padding:12px 10px;
	margin-right:0px;
}
#menu li#home {
	width:28px;
	height:12px;
	position:relative;
	margin-left:10px;
}
#menu li#home:hover {
	background:none
}
#menu li#home a {
	background:url(images/home_btn.png) left top no-repeat;
	width:28px;
	height:12px;
	text-indent:-9999px;
	margin:5px 10px 0 0;
	padding:12px 5px;
	position:absolute;
	top:0;
	left:0
}
#menu li#home:hover a {
	background-position:right top
}
#menu li a {
	font-family:'ArialNB', arial;
	color:#212228;
	font-size:16px;
	text-shadow:#fff 1px 1px 1px;
	text-transform:uppercase;
}
#menu li:hover a {
	color:#000;
	text-shadow:#fff 1px 1px 1px;
}
#menu li.sub {
	padding-right:0;
}
#menu li.sub ul {
	margin-top:15px;
}
#menu li.sub li {
	width:200px;
}
#menu li.sub li a {
	float:left;
	color:#9f9f9f;
	text-shadow:#000 1px 1px 1px;
	font-size:13px;
}
#menu li.sub li:hover a {
	color:#000 !important;
	font-size:13px;
	text-shadow:none
}
.sf-menu {
	line-height:1.0;
}
.sf-menu ul {
	position:absolute;
	top:50px;
	width:210px
}
.sf-menu li:hover {
	visibility:inherit;
}
.sf-menu li {
	float:left;
	position:relative;
	z-index:999;
}
.sf-menu a {
	display:block;
	position:relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left:0;
	top:2.7em;
	z-index:99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
	top:-999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
	left:10em;
	top:0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
	top:-999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
	left:10em;
	top:0;
}
.sf-menu a {
	text-decoration:none;
}
.sf-menu li li {
	background:#222;
	margin-bottom:0px;
	border-bottom:1px solid #1c1d22;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, #menu a.active {
	background-color:#F4F4F4;
	text-decoration:none;
}
.sf-menu a.sf-with-ul {
	padding-right:1.8em;
	min-width:1px;
}
.sf-sub-indicator {
	position:absolute;
	display:block;
	right:.75em;
	top:1.05em;
	width:10px;
	height:10px;
	text-indent:-999em;
	overflow:hidden;
	background:url('../images/arrows-ffffff.png') no-repeat -20px -110px;
}
a >.sf-sub-indicator {
	top:.3em;
	background-position:0 -100px;
}
h8 {
	color:#FDDC27;
	font-size:30px;
}
#servicios .jThumbnailScroller {
	width:970px !important;
	padding:0 10px;
	height:114px
}
#servicios .jThumbnailScroller .jTscrollerContainer {
	margin-left:0px;
	height:114px
}
#marcas, #personal, #servicios {
	height:182px;
	background:#202021;
	border-top:1px solid #292929;
	margin-top:30px;
	overflow:hidden;
	position:relative
}
.jThumbnailScroller {
	position:relative;
	width:875px !important;
	height:114px;
	margin:30px auto 0 auto;
	padding:0;
	overflow:hidden;
	padding-right:85px
}
.jThumbnailScroller .jTscrollerContainer {
	position:absolute;
	margin-left:47px
}
.jThumbnailScroller .jTscroller {
	position:relative;
	height:100%;
	margin:0;
	left:0;
	top:0;
	display:inline-block
}
.jTscrollerNextButton, .jTscrollerPrevButton {
	position:absolute !important;
	display:block;
	width:29px;
	height:35px;
	opacity:0.7;
	background:url(../images/flechas.png);
	top:35px;
	z-index:9999
}
.jTscrollerNextButton {
	right:0;
	background-position:right top
}
.jTscrollerPrevButton {
	left:0;
	background-position:left top
}
.jTscrollerNextButton:hover, .jTscrollerPrevButton:hover {
	opacity:1
}
.jThumbnailScroller .jTscroller a img {
	border:none
}
img.personal {
	margin:12px auto 0 auto;
	width:970px;
	display:block
}
#imagen {
	position:absolute;
	z-index:99999;
	padding:5px;
	background:#5E5E5E;
	border:1px solid #000
}
#servicios .jThumbnailScroller {
	width:970px !important;
	padding:0 10px;
	height:114px
}
#servicios .jThumbnailScroller .jTscrollerContainer {
	margin-left:0px;
	height:114px
}
h3, .titulo h2 {
	font-family:'MyriadProSemiboldCondensed', arial;
	color:#fddc00;
	font-size:36px;
	text-transform:uppercase;
	font-weight:normal
}
.titulo {
	height:60px;
}
.titulo h2 {
	color:#FDDC27;
	float:left;
	display:block;
	width:455px;
	margin:0 auto;
	height:40px;
	font-size:24px;
	line-height:40px;
	padding-left:20px;
	font-weight: bold;
}
#main, #realizacion {
	width:970px;
	margin:20px auto 0 auto;
	font-size:14px;
	color:#c5c5c5;
	letter-spacing:1px;
	overflow:hidden
}
#main p {
	color:#c5c5c5;
	font-size:14px;
	line-height:21px;
	text-align:justify;
	margin-bottom:9px
}
#main span {
	font-size:14px;
	color:#c5c5c5;
}
#main img {
	margin-left:18px
}
#foto-box {
	background-color: #000;
	height:700px;
}
.fotobox-inhalt {
	width:970px;
	margin:auto;
}
#iframe-box {
	background-color: #000;
	height:500px;
}
.p7 {
	text-align:center;
	margin-left:300px;
}
#footer-box {
	width:100%;
	float:none;
	background-color: #FDDC27;
	height:120px;
}
#footer-box1{
	width:970px;
	margin:auto;
	
}
.footer-links {
	float:left;
	/*background-color: #FDDC27;*/
	background-image: url(images/logo-durplak.png);
	background-repeat:no-repeat;
	background-position:center;
	height:120px;
	width:300px;
}
.footer-mitte {
	float:left;
	/*background-color: #FDDC27;*/
	height:110px;
	width:400px;
	padding-top:10px;
	padding-left:100px;
	font-size:12px;
	color:#1D252D;
	font-weight:bolder;
}
.footer-mitte a:visited {
	color:#000;
	text-decoration:mone;
}
.footer-mitte a:link {
	color:#000;
	text-decoration:none;
}
.footer-mitte a:hover {
	color:#FB7301;
	text-decoration: underline;
}
.footer-mitte a:active {
	color:#FB7301;
	text-decoration: underline;
}
.footer-rechts {
	float:left;
	height:90px;
	/*background-color: #FDDC27;*/
	padding-top:30px;
}
.footer-rechts a:visited {
	color:#000;
	text-decoration:mone;
}
.footer-rechts a:link {
	color:#000;
	text-decoration:none;
}
.footer-rechts a:hover {
	color:#005A9C;
	text-decoration: underline;
}
.footer-rechts a:active {
	color:#005A9C;
	text-decoration: underline;
}
#footer-design {
	float:left;
	width:970px;
	background-color: #171717;
	color:#F3F3F3;
	height:15px;
	text-align: right;
	padding-right:85px;
}
.social {
	margin-right:50px;
}
img-social {
	margin-top:20px;
}