@import url("../webfonts/Arimo_BoldItalic/stylesheet.css");
/* Global properties ======================================================== */
html {height:100%;}
html, body {width:100%; padding:0; margin:0;}
body { 	 
	font: 11px/22px Arial, Helvetica, sans-serif;
	color:#000;
	min-width:998px;
	background: url(../images/body-bg.jpg) center 0 repeat #1c1c1c;
	height:100%;
}
.ic {
	border: 0;
	float: right;
	background: #fff;
	color: #9C0;
	width: 50%;
	line-height: 10px;
	font-size: 10px;
	margin: -220% 0 0 0;
	overflow: hidden;
	padding: 0
}
.bg {
	background: url(../images/bg.jpg) center 0 repeat-y;
	width: 100%;
	min-height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCC;
}
.main {width:960px; margin:0 auto;}
/***********************************************************************/
a {text-decoration:none; cursor:pointer;text-decoration:none; }
a:hover {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

.button {
	display: inline-block;
	font-size: 20px;
	line-height: 25px;
	color: #fff;
	font-weight: bold;
	font-family: 'Open Sans Condensed', sans-serif;
	padding: 9px 30px 10px 30px;
	background-color: #6c7e0b;
}
.button:hover {background:#000;}

.button-2 {background:#fff; display:inline-block; font-size:20px; line-height:25px; color:#353535; font-weight:bold; font-family: 'Open Sans Condensed', sans-serif; padding:9px 30px 10px 30px;}
.button-2:hover {background:#000; color:#fff;}

.link {color:#0fc6ee; text-transform:uppercase; }
.link:hover {text-decoration:underline; }

.clr-1 {color:#e2e2e4;}

.text-1 {font-size:35px; line-height:42px; color:#353535; font-weight:bold; font-family: 'Open Sans Condensed', sans-serif;}
.text-1>strong { display:block; font-size:25px; line-height:30px; color:#9f9fa6; font-weight:bold; margin-top:-7px;}
.text-2 {font-size:14px; line-height:22px; color:#000; font-weight:bold; text-transform:uppercase;}
.text-3 {font-size:14px; line-height:22px; color:#e2e2e4; font-weight:bold; text-transform:uppercase;}

h2 { font-size:35px; line-height:42px; color:#353535; font-weight:bold; font-family: 'Open Sans Condensed', sans-serif;}

ul {margin:0; padding:0;list-style-image:none;}
ul.list-1 li {padding:0px 0 8px 15px; font-size:11px; line-height:22px; color:#fff; text-transform:uppercase; background:url(../images/marker-1.gif) 0 8px no-repeat;}
ul.list-1 li a {color:#fff;text-decoration:underline;}
ul.list-1 li a:hover {text-decoration:none;}

ul.list-2 li {padding:0px 0 8px 15px; font-size:11px; line-height:22px; color:#9f9fa6; text-transform:uppercase; background:url(../images/marker-1.gif) 0 8px no-repeat;}
ul.list-2 li a {color:#9f9fa6;text-decoration:underline;}
ul.list-2 li a:hover {text-decoration:none;}

/******************************************************************/
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.wrapper {width:100%; overflow:hidden; position:relative}
.wrap {
	overflow: hidden;
	position: relative;
	height: 167px;
}
.extra-wrap {overflow:hidden;}
.fleft {float:left;}
.fright {float:right;}
.img-indent {float:left; margin:6px 20px 0px 0;}	
.img-indent-2 {float:left; margin:0px 20px 0px 0;}	
.img-indent-3 {float:left; margin:7px 20px 0px 0;}
.line-height {line-height:18px;}
.last {margin-right:0px !important; padding-right:0px !important;}
.align-r {text-align:right;}
.align-c {text-align:center;}
.upper {text-transform:uppercase;}

.top-1 {margin-top:23px;}
.top-2 {margin-top:20px;}
.top-3 {margin-top:33px;}
.top-4 {margin-top:27px;}
.top-5 {margin-top:23px;}

.bot-1 { padding-bottom:63px;}
.bot-2 { padding-bottom:58px;}

.p1 {margin-bottom:22px;}
.p2 {margin-bottom:7px;}
.p3 {margin-bottom:6px;}
.p4 {margin-bottom:13px;}
.p5 {margin-bottom:8px;}

/*********************************header*************************************/
header{
	width: 100%;
	background: #1c1c1c;
	height: 200px;
}

h1 {display:inline-block; z-index:111; float:left; padding:27px 0 0 21px;}
header p {float:right; width:230px; overflow:hidden; font:16px/20px Tahoma, Geneva, sans-serif; color:#c6c6ce; padding:27px 0 27px 0; }
header p>span {display:block; color:#fff; font-size:25px; line-height:30px; margin-top:6px;letter-spacing:-1px; }

nav {display:block; z-index:1111; position:relative; background:url(../images/header.jpg) 0 bottom repeat-x; }

ul.menu {display:block; width:960px; margin:0 auto;}
ul.menu li {float:left; display:block; height:60px; text-align:center; background:url(../images/li.jpg) right 0 no-repeat; }
ul.menu li:first-child {background:transparent;}
ul.menu li a.home {background:url(../images/home.jpg) 0 0 no-repeat;width:61px; height:60px; display:block; padding:0 !important;}
ul.menu li a { font:16px/20px Tahoma, Geneva, sans-serif; color:#000; display:block; padding:19px 22px 21px 22px; overflow:hidden; }
ul.menu li:hover, ul.menu li.current {}
ul.menu li:hover a.home, ul.menu li.current a.home {background-position:right 0;}
ul.menu li:hover a.home img, ul.menu li.current a.home img {display:none;}
ul.menu li a:hover , ul.menu li.current a {
	color: #a5c000;
	text-shadow: 0px 0px 5px #FFFFFF;
}


/*********************************content*************************************/
#content {
	width: 960px;
	position: relative;
	height: 200px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFF;
}

.block-1 {background:#e2e2e4; border:#fff 1px solid;}
.block-2 {background:#1c1c1c;}

.pad-1 {padding:39px;}
.pad-2 {padding:30px 40px 30px 40px;}

.box-1 {overflow:hidden; padding:39px 0 39px 39px;}
.box-1>div {width:210px; float:left; margin-right:20px;}
.box-1 .text-1 {margin:10px 0 8px 0;}
.box-1 .button {margin-top:13px;}
.box-2 {width:420px; float:left; margin-right:40px; }
.box-2 h2 {margin-bottom:13px;}
.box-2>div {padding-bottom:20px;}
.box-2>div>div {position:relative; border:#494949 1px solid; background:#000; padding:18px 20px 18px 29px; color:#9f9fa6; font-style:italic; text-transform:uppercase;}
.box-2>div>div .comments-corner {
	position: absolute;
	bottom: -13px;
	left: 105px;
	width: 13px;
	height: 14px;
	background: url(../images/comments-corner.png) 0 0 no-repeat;
}
.box-2>div> a {display:inline-block; background:url(../images/icon-1.png) 0 0 no-repeat; color:#9f9fa6; font-weight:bold; text-transform:uppercase; line-height:21px; padding-top:3px; padding-left:30px; margin-top:10px;}
.box-2>div> a:hover {color:#fff;}
.box-3 {width:420px; float:left;}
.box-3 h2 {margin-bottom:16px;}
.box-3 .wrap ul.list-1 {float:left; width:190px; margin-right:40px;}
.box-3>a {margin-top:25px;}
.sub-page {background:#e2e2e4; overflow:hidden;}
.sub-page-left {border:#fff 1px solid; border-bottom:none; float:left; width:610px; padding:29px 39px 0px 39px;}
.sub-page-right {background:#1c1c1c; float:right; width:190px; padding:30px 40px 40px 40px; color:#9f9fa6;}
.sub-page-right h2 {color:#e2e2e4;}
.box-4 {overflow:hidden; text-transform:uppercase; margin:13px 0 23px 0;}
.box-4 >div {float:left; width:190px; margin-right:20px;}
.box-4 >div img {margin-bottom:13px;}
.shadow {position:relative;}
.shadow:after {content:""; position:absolute; bottom:9px; left:-40px; background:url(../images/shadow.png) 0 0 no-repeat; width:270px; height:21px;}
.box-5 img {margin:14px 0 13px 0;}
.box-5 ul {margin:8px 0 17px 0;}
.box-6 {overflow:hidden;}
.box-6 .text-2 {margin:5px 0 1px 0;}
.box-7 img {margin:13px 0 13px 0;}
.box-7 ul {margin:8px 0 0px 0;}
.box-8 img {margin:13px 0 13px 0;}
.box-9 .text-2 {margin-bottom:1px;}
.box-9 ul {margin:8px 0 0px 0;}

table {background:#fff; text-transform:uppercase; }
table td, table th {border:#e2e2e4 1px solid; border-collapse:collapse; }
table th {width:122px; font-weight:bold; text-align:left; padding:15px 10px 8px 20px;}
table td { padding:9px 10px 8px 20px;}
table td:first-child {font-weight:bold;}

/****************************footer************************/
footer {
	width: 960px;
	overflow: hidden;
	margin: 0 auto;
	padding: 33px 0px 33px 0;
	text-align: center;
	color: #CCC;
	background-image: url(../images/color002.jpg);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

/**********************form**********************/
.map {width:190px; height:247px; margin-top:13px; }
.map iframe {width:190px; height:247px;}
dl.adr { margin-top:13px; text-transform:uppercase;}
dl.adr dt {}
dl.adr dd span { width:70px; display:block; float:left;}
dl.adr dd {white-space:nowrap;}
dl.adr dd a {}
dl.adr dd a:hover {}
#form { margin: 13px 0 0px 0px; width:610px; }
#form input {border:#fff 1px solid; background:#fff; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase; padding:7px 10px 7px 18px;outline: medium none;width: 580px; height:14px; float:left;}
#form textarea {border:#fff 1px solid; background:#fff; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase; height:173px;outline: medium none;overflow: auto; padding: 7px 0px 0px 18px;width:590px;resize:none;margin:0px 0 0 0;float:left;}
#form label {position:relative;display: block; min-height:35px; overflow:hidden;}
.btns {text-align:right; overflow:hidden; width:610px; padding-top:10px; }
.btns a {display:inline-block; margin-left:10px;}
#camara {
	background-image: url(../images/cce.png);
	background-repeat: no-repeat;
	float: left;
	height: 200px;
	width: 200px;
	background-position: 10px;
}
#texto-camara {
	float: left;
	height: 50px;
	width: 140px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#encabezado {
	height: 163px;
	width: 100%;
}
#porta-logo-etc {
	height: 163px;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#logo {
	float: left;
	height: 135px;
	width: 295px;
}
.porta-telefonos {
	float: right;
	height: 135px;
	width: 605px;
}
#porta-verde {
	height: 28px;
	width: 900px;
	background-image: url(../images/fabrica-de-repuestos-de-tractores.png);
	background-repeat: no-repeat;
	float: left;
}
#icono-telefono {
	float: left;
	height: 135px;
	width: 413px;
	background-image: url(../images/tel-icons.png);
	background-position: right center;
	background-repeat: no-repeat;
}
#tel01 {
	float: right;
	height: 23px;
	width: 192px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	color: #CCC;
	letter-spacing: 0.1em;
	padding-top: 45px;
}
#tel02 {
	float: right;
	height: 67px;
	width: 192px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 28px;
	color: #FFF;
}
#centro-la-empresa {
	height: 335px;
	width: 100%;
}
#centro-empresa01 {
	height: 335px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#imagen-3d-empresa {
	background-image: url(../images/la-empresa001.jpg);
	background-repeat: no-repeat;
	height: 335px;
	width: 472px;
	float: left;
}
#texto-empresa {
	background-image: url(../images/la-empresa002.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 285px;
	width: 408px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	text-align: justify;
	color: #000;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 30px;
	padding-left: 40px;
}
#contenedor-texto {
	float: right;
	height: 200px;
	width: 760px;
}
#porta-imagen-exacto {
	background-image: url(../images/repuestosmasexactos.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	height: 200px;
	width: 360px;
}
#porta-texto-repuestos {
	float: right;
	height: 150px;
	width: 350px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	padding: 25px;
	color: #333;
}
#centro-servicios {
	height: 457px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#imagen-servicios01 {
	background-image: url(../images/servicios001.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	height: 457px;
	width: 481px;
}
#contenedor-servicios-derecha {
	float: right;
	height: 457px;
	width: 479px;
}
#texto-servicios {
	float: left;
	height: 457px;
	width: 323px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-align: right;
	background-color: #FFF;
}
#imagen-servicios2 {
	background-image: url(../images/servicios002.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	float: right;
	height: 457px;
	width: 156px;
	background-color: #FFF;
}
#centro-acceso {
	height: 130px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFF;
	background-image: url(../images/acceso-clientes-icons.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#centro-acceso2 {
	height: 270px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#texto-acceso {
	float: left;
	height: 240px;
	width: 500px;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-align: justify;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 30px;
}
#acceso-imagen {
	float: right;
	height: 220px;
	width: 400px;
	background-color: #FFF;
	vertical-align: middle;
	padding-top: 50px;
}
#centro-para-los-contatenos {
	height: 600px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFF;
}
#contenedor-de-formulario {
	float: left;
	height: 450px;
	width: 500px;
}
#el-formulario {
	float: left;
	height: 500px;
	width: 600px;
}
#losdatos {
	background-color: #FFF;
	float: right;
	height: 470px;
	width: 360px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-top: 30px;
}
.este {
	font-weight: bold;
}
.nombre {
	font-weight: bold;
	font-size: 18px;
	color: #690;
}
#para-enviado {
	height: 300px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	background-color: #FFF;
}
.linkaasp {
	font-size: 9px;
}
texto-contacto {
	font-size: 10px;
	color: #333;
}
#arriba-la-empresa {
	background-color: #000;
	height: 90px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../images/la-empresa000.jpg);
	background-repeat: repeat-y;
}
#centro-productos {
	height: 400px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFF;
	text-align: center;
	vertical-align: middle;
}
#centro-deutz {
	background-color: #FFF;
	height: 900px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#centro-deutz2 {
	background-color: #FFF;
	height: 1500px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#centro-deutz3 {
	background-color: #FFF;
	height: 2000px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#izquierda-repuestos {
	float: left;
	height: 96px;
	width: 489px;
}
#para-fotos-en-miniatura {
	float: left;
	height: auto;
	width: 439px;
	padding-left: 50px;
}
#titulo-descargas {
	float: right;
	height: auto;
	width: 470px;
	background-image: url(../images/titulo-descargas.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 96px;
}
#repuestos-fondo-textos {
	background-image: url(../images/repuestos-fondo-texto.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 61px;
	width: 400px;
	padding-left: 20px;
	padding-top: 5px;
	padding-right: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333;
	text-align: justify;
}
#porta-descargas {
	float: left;
	height: 173px;
	width: 470px;
}
#contendor-login {
	height: 500px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}