@media (min-width: 1789px)  {
	
/*Está parte, bloquea la barra scrollbar horizontal*/
	
	html{
		
		overflow-x:hidden;
		
		}

/*-----------------------------------------------------INICIO HEADER.PHP-------------------------------------------------------*/
		
/*Está parte, posiciona todo el menú de encabezado*/
		
#encabezado{position:fixed; left:0px; top:0px; background:#000; z-index:999; width:2000px; height:70px;}

/*Desde "ini" hasta "telefono", posicionan de forma individual los oomponentes del menú de encabezado*/
		
#ini{position:relative; left:636px; top:-47px; z-index:400;}

#qui{position:relative; left:626px; top:-45px; z-index:400;}

#ser{position:relative; left:666px; top:-47px; z-index:400;}

#aut{position:relative; left:696px; top:-47px; z-index:400;}

#con{position:relative; left:726px; top:-47px; z-index:400;}

#logo{position:relative; left:436px; top:5px; z-index:400;}

#face{position:relative; left:796px; top:-70px; z-index:400;}

#telefono{position:relative; left:836px; top:-70px; z-index:400;}

/*Todas las varibles con inicial "menu 1", diseñan los botones de menú del encabezado*/

#menu1 {
list-style-type: none;
margin: 0px;
padding: 0px;
height: 27px;
font-family: 'BenchNine', sans-serif;
font-size:22px;
z-index:400;
}

#menu1 li {
position: relative;
float: left;
}

#menu1 li a {
padding: 6px;
color: #f5f9de;
text-decoration: none;
display:table;

}

#menu1 li a:hover {
color:#df2237;
}

#menu1 ul {
position: absolute;
z-index: 99999;
display: none;
list-style-type: none;
list-style: none;
margin: 0;
padding: 0;
width:790px;
}

#menu1 ul li a {
background-color: #000;
border-bottom-width: 0px;
border-right-style: none;
border-bottom-style: solid;
border-bottom-color: #BEC1DA;
font-size:18px;
}

#menu1 ul li a:hover {
background-color:#000;
}

#menu1 li:hover > ul{
display: block;
}

/*Está parte, diseña y posiciona el submenú rojo de encebezado*/

#subencabezado{position:relative; left:-10px; top:60px; width:2002px; height:40px; background:#df2237; z-index:1500;}

#subencabezado a{text-decoration:none; z-index:400; color:#000; font-family: 'BenchNine', sans-serif; font-size:22px; z-index:1500; }

#subencabezado a:hover{color:#ffffff;}

#agricola{position:relative; left:445px; top:5px;}
#autocami{position:relative; left:495px; top:5px;}
#cami{position:relative; left:545px; top:5px;}
#muevetierra{position:relative; left:595px; top:5px;}
#industrial{position:relative; left:645px; top:5px;}
#mineria{position:relative; left:695px; top:5px;}
#suspensionf{position:relative; left:745px; top:5px;}
#cuchillas{position:relative; left:795px; top:5px;}

/*----------------------------------------FIN HEADER.PHP-----------------------------------------------------------------------*/

/*----------------------------------INICIO RESPONSIVE PÁGINA DE INICIO--------------------------------------------------------*/

/*Está variable, posiciona la imagen de fondo del slider*/

	
#fondo{position:relative; left:582px; top:105px; z-index:-10; width:624px; height:368px;}


/*Estas variables, crean el slider que está arriba del menú*/


.sliderContainer{
    width: 990px;
    height: 50px;
    position: relative;
    top:-370px;
	left:442px;
	z-index:10;
}
#slider {
   
    width: 990px;
    height: 200px;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:210px;
	left:127px;
	z-index:10;
}
#slider .slide{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prev, .next{
    display: block;
    height: 46px;
    width: 28px;
    position: absolute;
    top: 284px;
	left:1056px;
}
.prev{
    background:url(../flecha%20izquierda.png);
    background-position: 0 0;
    left: 20px;
	
}
.prev:hover{
    /*background-position: 0 -56px;*/
}
.next{
    background:url(../flecha%20derecha.png);
    background-position: 0 0;
    left: 850px;
	z-index:100;
}
.next:hover{
    /*background-position: 0 -56px;*/
}

#mage{
	width:650px;
	height:197px;
	z-index:10;
	}	
	
	/*Está parte, acomoda el renglon de inicio de la segunda sección de la página*/
	
#renglondos{position:relative; left:250px; top:-457px;}

/*Está parte, acomoda el renglon de inicio de la tercera sección de la página*/
	
#renglontres{position:relative; left:-540px; top:184px;}

/*Está parte, acomoda las imagenes de las llantas de la tercera sección*/

#llantas{position:relative; left:174px; top:218px;}	

/*Está parte, acomoda el renglon debajo de las llantas de tercera sección de la página*/
	
#rengloncuatro{position:relative; left:260px; top:259px;}

/*----------------------------------FIN RESPONSIVE PÁGINA DE INICIO--------------------------------------------------------*/

/*---------------------------------------INICIO CONTACTO.PHP---------------------------------------------------------------*/

/*Está parte, acomoda crea la sección contacto*/

#seccioncontacto{width:2003px; height:500px; background:#e2e2e2; position:relative; top:60px; left:-11px;}

/*Está parte, mueve todo el formulario*/

form{position:relative; left:510px; top:150px; font-family: 'BenchNine', sans-serif;}

/*Diseño del botón del formulario, y de las áreas de texto del formulario*/

.botonn{font-family: 'BenchNine', sans-serif; background:#E2E2E2; color:#605f5f; position:relative; left:358px; top:10px; font-size:18px;}

.nombree{font-family: 'BenchNine', sans-serif; position:relative; left:0px; top:0px; border:1px; border-radius:5px; width:195px; font-size:18px;}

#asuntoo{position:relative; left:-199px; top:0px; }

.asuntoo{font-family: 'BenchNine', sans-serif; position:relative; left:-199px; top:0px; border:1px; border-radius:5px; width:195px; font-size:18px;}

.mensajee{font-family: 'BenchNine',sans-serif; position:relative; left:0px; top:0px; border:1px; border-radius:5px; width:400px; height:100px; font-size:18px;}

#mapa{position:relative; left:990px; top:-189px; z-index:5000; width:350px; height:261px;}

/*Titulo contáctanos*/

#titulocontacto{position:relative; left:0px; top:-335px;}


#foter{background:#ffffff; width:2000px; height:80px; position:relative; left:-8px; top:24px; font-family: 'BenchNine', sans-serif; font-size:15px;}

#foter h3{position:relative; left:660px; top:30px;}

/*---------------------------------------FIN CONTACTO.PHP---------------------------------------------------------------*/

	
	
}

@media (min-width: 1617px) and (max-width: 1788px) {
	
/*Está parte, bloquea la barra scrollbar horizontal*/
	
	html{
		
		overflow-x:hidden;
		
		}

/*-----------------------INICIO HEADER.PHP------------------------------------------------------------------------------------*/
		
/*Está parte, posiciona todo el menú de encabezado*/
		
#encabezado{position:fixed; left:0px; top:0px; background:#000; z-index:999; width:1788px; height:70px;}

/*Desde "ini" hasta "telefono", posicionan de forma individual los oomponentes del menú de encabezado*/
		
#ini{position:relative; left:536px; top:-47px; z-index:400;}

#qui{position:relative; left:526px; top:-45px; z-index:400;}

#ser{position:relative; left:566px; top:-47px; z-index:400;}

#aut{position:relative; left:596px; top:-47px; z-index:400;}

#con{position:relative; left:626px; top:-47px; z-index:400;}

#logo{position:relative; left:336px; top:5px; z-index:400;}

#face{position:relative; left:696px; top:-70px; z-index:400;}

#telefono{position:relative; left:736px; top:-70px; z-index:400;}

/*Todas las varibles con inicial "menu 1", diseñan los botones de menú del encabezado*/

#menu1 {
list-style-type: none;
margin: 0px;
padding: 0px;
height: 27px;
font-family: 'BenchNine', sans-serif;
font-size:22px;
z-index:400;
}

#menu1 li {
position: relative;
float: left;
}

#menu1 li a {
padding: 6px;
color: #f5f9de;
text-decoration: none;
display:table;

}

#menu1 li a:hover {
color:#df2237;
}

#menu1 ul {
position: absolute;
z-index: 99999;
display: none;
list-style-type: none;
list-style: none;
margin: 0;
padding: 0;
width:790px;
}

#menu1 ul li a {
background-color: #000;
border-bottom-width: 0px;
border-right-style: none;
border-bottom-style: solid;
border-bottom-color: #BEC1DA;
font-size:18px;
}

#menu1 ul li a:hover {
background-color:#000;
}

#menu1 li:hover > ul{
display: block;
}

/*Está parte, diseña y posiciona el submenú rojo de encebezado*/

#subencabezado{position:relative; left:-10px; top:60px; width:1790px; height:40px; background:#df2237; z-index:1500;}

#subencabezado a{text-decoration:none; z-index:400; color:#000; font-family: 'BenchNine', sans-serif; font-size:22px; z-index:1500; }

#subencabezado a:hover{color:#ffffff;}

#agricola{position:relative; left:343px; top:5px;}
#autocami{position:relative; left:393px; top:5px;}
#cami{position:relative; left:443px; top:5px;}
#muevetierra{position:relative; left:493px; top:5px;}
#industrial{position:relative; left:543px; top:5px;}
#mineria{position:relative; left:593px; top:5px;}
#suspensionf{position:relative; left:643px; top:5px;}
#cuchillas{position:relative; left:693px; top:5px;}

/*----------------------------------------FIN HEADER.PHP-----------------------------------------------------------------------*/

/*----------------------------------INICIO RESPONSIVE PÁGINA DE INICIO--------------------------------------------------------*/

/*Está variable, posiciona la imagen de fondo del slider*/

	
#fondo{position:relative; left:482px; top:105px; z-index:-10; width:624px; height:368px;}


/*Estas variables, crean el slider que está arriba del menú*/


.sliderContainer{
    width: 990px;
    height: 50px;
    position: relative;
    top:-370px;
	left:342px;
	z-index:10;
}
#slider {
   
    width: 990px;
    height: 200px;
    overflow: hidden;
    position: relative;
    margin: auto;
	top:210px;
	left:127px;
	z-index:10;
}
#slider .slide{
     width: 990px;
    height: 600px;
    float: left;
	position:relative;
	
}
.prev, .next{
    display: block;
    height: 46px;
    width: 28px;
    position: absolute;
    top: 284px;
	left:1056px;
}
.prev{
    background:url(../flecha%20izquierda.png);
    background-position: 0 0;
    left: 20px;
	
}
.prev:hover{
    /*background-position: 0 -56px;*/
}
.next{
    background:url(../flecha%20derecha.png);
    background-position: 0 0;
    left: 850px;
	z-index:100;
}
.next:hover{
    /*background-position: 0 -56px;*/
}

#mage{
	width:650px;
	height:197px;
	z-index:10;
	}	
	
	/*Está parte, acomoda el renglon de inicio de la segunda sección de la página*/
	
#renglondos{position:relative; left:250px; top:-457px;}

/*Está parte, acomoda el renglon de inicio de la tercera sección de la página*/
	
#renglontres{position:relative; left:-540px; top:184px;}

/*Está parte, acomoda las imagenes de las llantas de la tercera sección*/

#llantas{position:relative; left:174px; top:218px;}	

/*Está parte, acomoda el renglon debajo de las llantas de tercera sección de la página*/
	
#rengloncuatro{position:relative; left:260px; top:259px;}

/*----------------------------------FIN RESPONSIVE PÁGINA DE INICIO--------------------------------------------------------*/

/*---------------------------------------INICIO CONTACTO.PHP---------------------------------------------------------------*/

/*Está parte, acomoda crea la sección contacto*/

#seccioncontacto{width:1791px; height:500px; background:#e2e2e2; position:relative; top:60px; left:-11px;}

/*Está parte, mueve todo el formulario*/

form{position:relative; left:410px; top:150px; font-family: 'BenchNine', sans-serif;}

/*Diseño del botón del formulario, y de las áreas de texto del formulario*/

.botonn{font-family: 'BenchNine', sans-serif; background:#E2E2E2; color:#605f5f; position:relative; left:358px; top:10px; font-size:18px;}

.nombree{font-family: 'BenchNine', sans-serif; position:relative; left:0px; top:0px; border:1px; border-radius:5px; width:195px; font-size:18px;}

#asuntoo{position:relative; left:-199px; top:0px; }

.asuntoo{font-family: 'BenchNine', sans-serif; position:relative; left:-199px; top:0px; border:1px; border-radius:5px; width:195px; font-size:18px;}

.mensajee{font-family: 'BenchNine',sans-serif; position:relative; left:0px; top:0px; border:1px; border-radius:5px; width:400px; height:100px; font-size:18px;}

#mapa{position:relative; left:890px; top:-189px; z-index:5000; width:350px; height:261px;}

/*Titulo contáctanos*/

#titulocontacto{position:relative; left:0px; top:-335px;}


#foter{background:#ffffff; width:1788px; height:80px; position:relative; left:-8px; top:24px; font-family: 'BenchNine', sans-serif; font-size:15px;}

#foter h3{position:relative; left:560px; top:30px;}

/*---------------------------------------FIN CONTACTO.PHP---------------------------------------------------------------*/
	
}

@media (min-width: 1366px) and (max-width: 1616px) {
	
	/*Está parte, bloquea la barra scrollbar horizontal*/
	
	html{
		
		overflow-x:hidden;
		
		}

/*-----------------------INICIO HEADER.PHP------------------------------------------------------------------------------------*/
		
/*Está parte, posiciona todo el menú de encabezado*/
		
#encabezado{position:fixed; left:0px; top:0px; background:#000; z-index:999; width:1615px; height:70px;}

/*Desde "ini" hasta "telefono", posicionan de forma individual los oomponentes del menú de encabezado*/
		
#ini{position:relative; left:426px; top:-47px; z-index:400;}

#qui{position:relative; left:416px; top:-45px; z-index:400;}

#ser{position:relative; left:456px; top:-47px; z-index:400;}

#aut{position:relative; left:486px; top:-47px; z-index:400;}

#con{position:relative; left:516px; top:-47px; z-index:400;}

#logo{position:relative; left:225px; top:5px; z-index:400;}

#face{position:relative; left:585px; top:-70px; z-index:400;}

#telefono{position:relative; left:625px; top:-70px; z-index:400;}

/*Todas las varibles con inicial "menu 1", diseñan los botones de menú del encabezado*/

#menu1 {
list-style-type: none;
margin: 0px;
padding: 0px;
height: 27px;
font-family: 'BenchNine', sans-serif;
font-size:22px;
z-index:400;
}

#menu1 li {
position: relative;
float: left;
}

#menu1 li a {
padding: 6px;
color: #f5f9de;
text-decoration: none;
display:table;

}

#menu1 li a:hover {
color:#df2237;
}

#menu1 ul {
position: absolute;
z-index: 99999;
display: none;
list-style-type: none;
list-style: none;
margin: 0;
padding: 0;
width:790px;
}

#menu1 ul li a {
background-color: #000;
border-bottom-width: 0px;
border-right-style: none;
border-bottom-style: solid;
border-bottom-color: #BEC1DA;
font-size:18px;
}

#menu1 ul li a:hover {
background-color:#000;
}

#menu1 li:hover > ul{
display: block;
}

/*Está parte, diseña y posiciona el submenú rojo de encebezado*/

#subencabezado{position:fixed; left:-10px; top:60px; width:1626px; height:40px; background:#df2237; z-index:1500;}

#subencabezado a{text-decoration:none; z-index:400; color:#000; font-family: 'BenchNine', sans-serif; font-size:22px; z-index:1500; }

#subencabezado a:hover{color:#ffffff;}

#agricola{position:relative; left:240px; top:5px;}
#autocami{position:relative; left:290px; top:5px;}
#cami{position:relative; left:340px; top:5px;}
#muevetierra{position:relative; left:390px; top:5px;}
#industrial{position:relative; left:440px; top:5px;}
#mineria{position:relative; left:490px; top:5px;}
#suspensionf{position:relative; left:540px; top:5px;}
#cuchillas{position:relative; left:590px; top:5px;}


/*----------------------------------------FIN HEADER.PHP-----------------------------------------------------------------------*/

/*---------------------------------------INICIO CONTACTO.PHP---------------------------------------------------------------*/

/*Está parte, acomoda crea la sección contacto*/

#seccioncontacto{width:1619px; height:500px; background:#e2e2e2; position:relative; top:92px; left:-11px;}

/*Está parte, mueve todo el formulario*/

form{position:relative; left:270px; top:150px; font-family: 'BenchNine', sans-serif;}

/*Diseño del botón del formulario, y de las áreas de texto del formulario*/

.botonn{font-family: 'BenchNine', sans-serif; background:#E2E2E2; color:#605f5f; position:relative; left:358px; top:10px; font-size:18px;}

.nombree{font-family: 'BenchNine', sans-serif; position:relative; left:0px; top:0px; border:1px; border-radius:5px; width:195px; font-size:18px;}

#asuntoo{position:relative; left:-199px; top:0px; }

.asuntoo{font-family: 'BenchNine', sans-serif; position:relative; left:-199px; top:0px; border:1px; border-radius:5px; width:195px; font-size:18px;}

.mensajee{font-family: 'BenchNine',sans-serif; position:relative; left:0px; top:0px; border:1px; border-radius:5px; width:400px; height:100px; font-size:18px;}

#mapa{position:relative; left:750px; top:-189px; z-index:5000; width:350px; height:261px;}

/*Titulo contáctanos*/

#titulocontacto{position:relative; left:0px; top:-335px;}


#foter{background:#ffffff; width:1616px; height:80px; position:relative; left:-8px; top:61px; font-family: 'BenchNine', sans-serif; font-size:15px;}

#foter h3{position:relative; left:420px; top:30px;}

/*---------------------------------------FIN CONTACTO.PHP---------------------------------------------------------------*/

	}

@media (min-width: 1024px) and (max-width: 1365px) {

/*Está parte, bloquea la barra scrollbar horizontal*/
	
	html{
		
		overflow-x:hidden;
		
		}

/*-----------------------INICIO HEADER.PHP------------------------------------------------------------------------------------*/
		
/*Está parte, posiciona todo el menú de encabezado*/
		
#encabezado{position:fixed; left:0px; top:0px; background:#000; z-index:999; width:1365px; height:70px;}

/*Desde "ini" hasta "telefono", posicionan de forma individual los oomponentes del menú de encabezado*/
		
#ini{position:relative; left:245px; top:-47px; z-index:400;}

#qui{position:relative; left:235px; top:-45px; z-index:400;}

#ser{position:relative; left:275px; top:-47px; z-index:400;}

#aut{position:relative; left:305px; top:-47px; z-index:400;}

#con{position:relative; left:335px; top:-47px; z-index:400;}

#logo{position:relative; left:45px; top:5px; z-index:400;}

#face{position:relative; left:405px; top:-70px; z-index:400;}

#telefono{position:relative; left:445px; top:-70px; z-index:400;}

/*Todas las varibles con inicial "menu 1", diseñan los botones de menú del encabezado*/

#menu1 {
list-style-type: none;
margin: 0px;
padding: 0px;
height: 27px;
font-family: 'BenchNine', sans-serif;
font-size:22px;
z-index:400;
}

#menu1 li {
position: relative;
float: left;
}

#menu1 li a {
padding: 6px;
color: #f5f9de;
text-decoration: none;
display:table;

}

#menu1 li a:hover {
color:#df2237;
}

#menu1 ul {
position: absolute;
z-index: 99999;
display: none;
list-style-type: none;
list-style: none;
margin: 0;
padding: 0;
width:790px;
}

#menu1 ul li a {
background-color: #000;
border-bottom-width: 0px;
border-right-style: none;
border-bottom-style: solid;
border-bottom-color: #BEC1DA;
font-size:18px;
}

#menu1 ul li a:hover {
background-color:#000;
}

#menu1 li:hover > ul{
display: block;
}

/*Está parte, diseña y posiciona el submenú rojo de encebezado*/

#subencabezado{position:relative; left:-8px; top:60px; width:1365px; height:40px; background:#df2237; z-index:1500;}

#subencabezado a{text-decoration:none; z-index:400; color:#000; font-family: 'BenchNine', sans-serif; font-size:22px; z-index:1500; }

#subencabezado a:hover{color:#ffffff;}

#agricola{position:relative; left:50px; top:5px;}
#autocami{position:relative; left:100px; top:5px;}
#cami{position:relative; left:150px; top:5px;}
#muevetierra{position:relative; left:200px; top:5px;}
#industrial{position:relative; left:250px; top:5px;}
#mineria{position:relative; left:300px; top:5px;}
#suspensionf{position:relative; left:350px; top:5px;}
#cuchillas{position:relative; left:400px; top:5px;}

/*----------------------------------------FIN HEADER.PHP-----------------------------------------------------------------------*/

/*---------------------------------------INICIO CONTACTO.PHP---------------------------------------------------------------*/

/*Está parte, acomoda crea la sección contacto*/

#seccioncontacto{width:1365px; height:500px; background:#e2e2e2; position:relative; top:60px; left:-8px;}

/*Está parte, mueve todo el formulario*/

form{position:relative; left:100px; top:150px; font-family: 'BenchNine', sans-serif;}

/*Diseño del botón del formulario, y de las áreas de texto del formulario*/

.botonn{font-family: 'BenchNine', sans-serif; background:#E2E2E2; color:#605f5f; position:relative; left:358px; top:10px; font-size:18px;}

.nombree{font-family: 'BenchNine', sans-serif; position:relative; left:0px; top:0px; border:1px; border-radius:5px; width:195px; font-size:18px;}

#asuntoo{position:relative; left:-199px; top:0px; }

.asuntoo{font-family: 'BenchNine', sans-serif; position:relative; left:-199px; top:0px; border:1px; border-radius:5px; width:195px; font-size:18px;}

.mensajee{font-family: 'BenchNine',sans-serif; position:relative; left:0px; top:0px; border:1px; border-radius:5px; width:400px; height:100px; font-size:18px;}

#mapa{position:relative; left:580px; top:-189px; z-index:5000; width:350px; height:261px;}

/*Titulo contáctanos*/

#titulocontacto{position:relative; left:0px; top:-335px;}


#foter{background:#ffffff; width:1365px; height:80px; position:relative; left:-8px; top:29px; font-family: 'BenchNine', sans-serif; font-size:15px;}

#foter h3{position:relative; left:280px; top:30px;}

/*---------------------------------------FIN CONTACTO.PHP---------------------------------------------------------------*/

	
}
	
@media (min-width: 768px) and (max-width: 1023px) {
	
	/*Está parte, bloquea la barra scrollbar horizontal*/
	
	html{
		
		overflow-x:hidden;
		
		}

/*-----------------------INICIO HEADER.PHP------------------------------------------------------------------------------------*/
		
/*Está parte, posiciona todo el menú de encabezado*/
		
#encabezado{position:fixed; left:0px; top:0px; background:#000; z-index:1999; width:768px; height:70px;}

/*Desde "ini" hasta "telefono", posicionan de forma individual los oomponentes del menú de encabezado*/
		
#ini{position:relative; left:145px; top:-47px; z-index:400;}

#qui{position:relative; left:185px; top:-45px; z-index:400;}

#ser{position:relative; left:165px; top:-47px; z-index:400;}

#aut{position:relative; left:185px; top:-47px; z-index:400;}

#con{position:relative; left:205px; top:-47px; z-index:400;}

#logo{position:relative; left:-5px; top:2px; z-index:400;}

#face{position:relative; left:225px; top:-70px; z-index:400;}

#telefono{position:relative; left:245px; top:-70px; z-index:400;}

/*Todas las varibles con inicial "menu 1", diseñan los botones de menú del encabezado*/

#menu1 {
list-style-type: none;
margin: 0px;
padding: 0px;
height: 27px;
font-family: 'BenchNine', sans-serif;
font-size:22px;
z-index:400;
}

#menu1 li {
position: relative;
float: left;
}

#menu1 li a {
padding: 6px;
color: #f5f9de;
text-decoration: none;
display:table;

}

#menu1 li a:hover {
color:#df2237;
}

#menu1 ul {
position: absolute;
z-index: 99999;
display: none;
list-style-type: none;
list-style: none;
margin: 0;
padding: 0;
width:790px;
}

#menu1 ul li a {
background-color: #000;
border-bottom-width: 0px;
border-right-style: none;
border-bottom-style: solid;
border-bottom-color: #BEC1DA;
font-size:18px;
}

#menu1 ul li a:hover {
background-color:#000;
}

#menu1 li:hover > ul{
display: block;
}

/*Está parte, diseña y posiciona el submenú rojo de encebezado*/

#subencabezado{position:fixed; left:0px; top:60px; width:768px; height:40px; background:#df2237; z-index:2500;}

#subencabezado a{text-decoration:none; z-index:400; color:#000; font-family: 'BenchNine', sans-serif; font-size:20px; z-index:1500; }

#subencabezado a:hover{color:#ffffff;}

#agricola{position:relative; left:18px; top:5px;}
#autocami{position:relative; left:49px; top:5px;}
#cami{position:relative; left:80px; top:5px;}
#muevetierra{position:relative; left:114px; top:5px;}
#industrial{position:relative; left:142px; top:5px;}
#mineria{position:relative; left:173px; top:5px;}
#suspensionf{position:relative; left:204px; top:5px;}
#cuchillas{position:relative; left:235px; top:5px;}

/*---------------------------------------INICIO CONTACTO.PHP---------------------------------------------------------------*/

/*Está parte, acomoda crea la sección contacto*/

#seccioncontacto{width:768px; height:500px; background:#e2e2e2; position:relative; top:60px; left:-8px;}

/*Está parte, mueve todo el formulario*/

form{position:relative; left:16px; top:150px; font-family: 'BenchNine', sans-serif;}

/*Diseño del botón del formulario, y de las áreas de texto del formulario*/

.botonn{font-family: 'BenchNine', sans-serif; background:#E2E2E2; color:#605f5f; position:relative; left:358px; top:10px; font-size:18px;}

.nombree{font-family: 'BenchNine', sans-serif; position:relative; left:0px; top:0px; border:1px; border-radius:5px; width:195px; font-size:18px;}

#asuntoo{position:relative; left:-199px; top:0px; }

.asuntoo{font-family: 'BenchNine', sans-serif; position:relative; left:-199px; top:0px; border:1px; border-radius:5px; width:195px; font-size:18px;}

.mensajee{font-family: 'BenchNine',sans-serif; position:relative; left:0px; top:0px; border:1px; border-radius:5px; width:400px; height:100px; font-size:18px;}

#mapa{position:relative; left:450px; top:-179px; z-index:5000; width:300px; height:224px;}

/*Titulo contáctanos*/

#titulocontacto{position:relative; left:0px; top:-335px;}


#foter{background:#ffffff; width:768px; height:80px; position:relative; left:-8px; top:29px; font-family: 'BenchNine', sans-serif; font-size:15px;}

#foter h3{position:relative; left:120px; top:30px;}

/*---------------------------------------FIN CONTACTO.PHP---------------------------------------------------------------*/

	
	}

@media (min-width: 600px) and (max-width: 767px) {
	
	/*Está parte, bloquea la barra scrollbar horizontal*/
	
	html{
		
		overflow-x:hidden;
		
		}

/*-----------------------INICIO HEADER.PHP------------------------------------------------------------------------------------*/
		
/*Está parte, posiciona todo el menú de encabezado*/
		
#encabezado{position:fixed; left:0px; top:0px; background:#000; z-index:1999; width:600px; height:70px;}

/*Desde "ini" hasta "telefono", posicionan de forma individual los oomponentes del menú de encabezado*/
		
#ini{position:relative; left:122px; top:-38px; z-index:400;}

#qui{position:relative; left:185px; top:-45px; z-index:400;}

#ser{position:relative; left:132px; top:-38px; z-index:400;}

#aut{position:relative; left:143px; top:-38px; z-index:400;}

#con{position:relative; left:152px; top:-38px; z-index:400;}

#logo{position:relative; left:-5px; top:5px; z-index:400; width:119px; height:51px;}

#face{position:relative; left:163px; top:-63px; z-index:400;}

#telefono{position:relative; left:167px; top:-68px; z-index:400; width:85px; height:18px;}

/*Todas las varibles con inicial "menu 1", diseñan los botones de menú del encabezado*/

#menu1 {
list-style-type: none;
margin: 0px;
padding: 0px;
height: 27px;
font-family: 'BenchNine', sans-serif;
font-size:19px;
z-index:400;
}

#menu1 li {
position: relative;
float: left;
}

#menu1 li a {
padding: 6px;
color: #f5f9de;
text-decoration: none;
display:table;

}

#menu1 li a:hover {
color:#df2237;
}

#menu1 ul {
position: absolute;
z-index: 99999;
display: none;
list-style-type: none;
list-style: none;
margin: 0;
padding: 0;
width:790px;
}

#menu1 ul li a {
background-color: #000;
border-bottom-width: 0px;
border-right-style: none;
border-bottom-style: solid;
border-bottom-color: #BEC1DA;
font-size:18px;
}

#menu1 ul li a:hover {
background-color:#000;
}

#menu1 li:hover > ul{
display: block;
}

/*Está parte, diseña y posiciona el submenú rojo de encebezado*/

#subencabezado{position:fixed; left:0px; top:60px; width:600px; height:40px; background:#df2237; z-index:2500;}

#subencabezado a{text-decoration:none; z-index:400; color:#000; font-family: 'BenchNine', sans-serif; font-size:17px; z-index:1500; }

#subencabezado a:hover{color:#ffffff;}

#agricola{position:relative; left:9px; top:8px;}
#autocami{position:relative; left:29px; top:8px;}
#cami{position:relative; left:49px; top:8px;}
#muevetierra{position:relative; left:69px; top:8px;}
#industrial{position:relative; left:89px; top:8px;}
#mineria{position:relative; left:109px; top:8px;}
#suspensionf{position:relative; left:129px; top:8px;}
#cuchillas{position:relative; left:149px; top:8px;}

/*----------------------------------------FIN HEADER.PHP-----------------------------------------------------------------------*/

/*---------------------------------------INICIO CONTACTO.PHP---------------------------------------------------------------*/

/*Está parte, acomoda crea la sección contacto*/

#seccioncontacto{width:600px; height:700px; background:#e2e2e2; position:relative; top:60px; left:-8px;}

/*Está parte, mueve todo el formulario*/

form{position:relative; left:96px; top:150px; font-family: 'BenchNine', sans-serif;}

/*Diseño del botón del formulario, y de las áreas de texto del formulario*/

.botonn{font-family: 'BenchNine', sans-serif; background:#E2E2E2; color:#605f5f; position:relative; left:358px; top:10px; font-size:18px;}

.nombree{font-family: 'BenchNine', sans-serif; position:relative; left:0px; top:0px; border:1px; border-radius:5px; width:195px; font-size:18px;}

#asuntoo{position:relative; left:-199px; top:0px; }

.asuntoo{font-family: 'BenchNine', sans-serif; position:relative; left:-199px; top:0px; border:1px; border-radius:5px; width:195px; font-size:18px;}

.mensajee{font-family: 'BenchNine',sans-serif; position:relative; left:0px; top:0px; border:1px; border-radius:5px; width:400px; height:100px; font-size:18px;}

#mapa{position:relative; left:155px; top:109px; z-index:5000; width:300px; height:224px;}

/*Titulo contáctanos*/

#titulocontacto{position:relative; left:0px; top:-335px;}


#foter{background:#ffffff; width:600px; height:80px; position:relative; left:-8px; top:29px; font-family: 'BenchNine', sans-serif; font-size:15px;}

#foter h3{position:relative; left:40px; top:30px;}

/*---------------------------------------FIN CONTACTO.PHP---------------------------------------------------------------*/
	
	}

@media (min-width: 568px) and (max-width: 599px) {
	
	/*Está parte, bloquea la barra scrollbar horizontal*/
	
	html{
		
		overflow-x:hidden;
		
		}

/*-----------------------INICIO HEADER.PHP------------------------------------------------------------------------------------*/
		
/*Está parte, posiciona todo el menú de encabezado*/
		
#encabezado{position:fixed; left:0px; top:0px; background:#000; z-index:1999; width:568px; height:70px;}

/*Desde "ini" hasta "telefono", posicionan de forma individual los oomponentes del menú de encabezado*/
		
#ini{position:relative; left:122px; top:-38px; z-index:400;}

#qui{position:relative; left:185px; top:-45px; z-index:400;}

#ser{position:relative; left:121px; top:-38px; z-index:400;}

#aut{position:relative; left:121px; top:-38px; z-index:400;}

#con{position:relative; left:119px; top:-38px; z-index:400;}

#logo{position:relative; left:-5px; top:5px; z-index:400; width:119px; height:51px;}

#face{position:relative; left:131px; top:-63px; z-index:400;}

#telefono{position:relative; left:135px; top:-68px; z-index:400; width:85px; height:18px;}

/*Todas las varibles con inicial "menu 1", diseñan los botones de menú del encabezado*/

#menu1 {
list-style-type: none;
margin: 0px;
padding: 0px;
height: 27px;
font-family: 'BenchNine', sans-serif;
font-size:19px;
z-index:400;
}

#menu1 li {
position: relative;
float: left;
}

#menu1 li a {
padding: 6px;
color: #f5f9de;
text-decoration: none;
display:table;

}

#menu1 li a:hover {
color:#df2237;
}

#menu1 ul {
position: absolute;
z-index: 99999;
display: none;
list-style-type: none;
list-style: none;
margin: 0;
padding: 0;
width:790px;
}

#menu1 ul li a {
background-color: #000;
border-bottom-width: 0px;
border-right-style: none;
border-bottom-style: solid;
border-bottom-color: #BEC1DA;
font-size:18px;
}

#menu1 ul li a:hover {
background-color:#000;
}

#menu1 li:hover > ul{
display: block;
}

/*Está parte, diseña y posiciona el submenú rojo de encebezado*/

#subencabezado{position:fixed; left:0px; top:60px; width:568px; height:40px; background:#df2237; z-index:2500;}

#subencabezado a{text-decoration:none; z-index:400; color:#000; font-family: 'BenchNine', sans-serif; font-size:16px; z-index:1500; }

#subencabezado a:hover{color:#ffffff;}

#agricola{position:relative; left:7px; top:10px;}
#autocami{position:relative; left:24px; top:10px;}
#cami{position:relative; left:41px; top:10px;}
#muevetierra{position:relative; left:58px; top:10px;}
#industrial{position:relative; left:75px; top:10px;}
#mineria{position:relative; left:92px; top:10px;}
#suspensionf{position:relative; left:111px; top:10px;}
#cuchillas{position:relative; left:126px; top:10px;}

/*----------------------------------------FIN HEADER.PHP-----------------------------------------------------------------------*/

/*---------------------------------------INICIO CONTACTO.PHP---------------------------------------------------------------*/

/*Está parte, acomoda crea la sección contacto*/

#seccioncontacto{width:568px; height:700px; background:#e2e2e2; position:relative; top:60px; left:-8px;}

/*Está parte, mueve todo el formulario*/

form{position:relative; left:64px; top:150px; font-family: 'BenchNine', sans-serif;}

/*Diseño del botón del formulario, y de las áreas de texto del formulario*/

.botonn{font-family: 'BenchNine', sans-serif; background:#E2E2E2; color:#605f5f; position:relative; left:358px; top:10px; font-size:18px;}

.nombree{font-family: 'BenchNine', sans-serif; position:relative; left:0px; top:0px; border:1px; border-radius:5px; width:195px; font-size:18px;}

#asuntoo{position:relative; left:-199px; top:0px; }

.asuntoo{font-family: 'BenchNine', sans-serif; position:relative; left:-199px; top:0px; border:1px; border-radius:5px; width:195px; font-size:18px;}

.mensajee{font-family: 'BenchNine',sans-serif; position:relative; left:0px; top:0px; border:1px; border-radius:5px; width:400px; height:100px; font-size:18px;}

#mapa{position:relative; left:123px; top:109px; z-index:5000; width:300px; height:224px;}

/*Titulo contáctanos*/

#titulocontacto{position:relative; left:0px; top:-335px;}


#foter{background:#ffffff; width:568px; height:80px; position:relative; left:-8px; top:29px; font-family: 'BenchNine', sans-serif; font-size:15px;}

#foter h3{position:relative; left:18px; top:30px;}

/*---------------------------------------FIN CONTACTO.PHP---------------------------------------------------------------*/
	
	}

@media (min-width: 480px) and (max-width: 567px) {
	
	/*Está parte, bloquea la barra scrollbar horizontal*/
	
	html{
		
		overflow-x:hidden;
		
		}

/*-----------------------INICIO HEADER.PHP------------------------------------------------------------------------------------*/
		
/*Está parte, posiciona todo el menú de encabezado*/
		
#encabezado{position:fixed; left:0px; top:0px; background:#000; z-index:1999; width:480px; height:70px;}

/*Desde "ini" hasta "telefono", posicionan de forma individual los oomponentes del menú de encabezado*/
		
#ini{position:relative; left:84px; top:-26px; z-index:400;}

#qui{position:relative; left:185px; top:-45px; z-index:400;}

#ser{position:relative; left:83px; top:-26px; z-index:400;}

#aut{position:relative; left:83px; top:-26px; z-index:400;}

#con{position:relative; left:81px; top:-26px; z-index:400;}

#logo{position:relative; left:-5px; top:11px; z-index:400; width:89px; height:38px;}

#face{position:relative; left:131px; top:-38px; z-index:400;}

#telefono{position:relative; left:46px; top:-74px; z-index:400; width:85px; height:18px;}

/*Todas las varibles con inicial "menu 1", diseñan los botones de menú del encabezado*/

#menu1 {
list-style-type: none;
margin: 0px;
padding: 0px;
height: 27px;
font-family: 'BenchNine', sans-serif;
font-size:19px;
z-index:400;
}

#menu1 li {
position: relative;
float: left;
}

#menu1 li a {
padding: 6px;
color: #f5f9de;
text-decoration: none;
display:table;

}

#menu1 li a:hover {
color:#df2237;
}

#menu1 ul {
position: absolute;
z-index: 99999;
display: none;
list-style-type: none;
list-style: none;
margin: 0;
padding: 0;
width:790px;
}

#menu1 ul li a {
background-color: #000;
border-bottom-width: 0px;
border-right-style: none;
border-bottom-style: solid;
border-bottom-color: #BEC1DA;
font-size:18px;
}

#menu1 ul li a:hover {
background-color:#000;
}

#menu1 li:hover > ul{
display: block;
}

/*Está parte, diseña y posiciona el submenú rojo de encebezado*/

#subencabezado{position:fixed; left:0px; top:60px; width:480px; height:40px; background:#df2237; z-index:2500;}

#subencabezado a{text-decoration:none; z-index:400; color:#000; font-family: 'BenchNine', sans-serif; font-size:13px; z-index:1500; }

#subencabezado a:hover{color:#ffffff;}

#agricola{position:relative; left:10px; top:11px;}
#autocami{position:relative; left:25px; top:11px;}
#cami{position:relative; left:39px;top:11px;}
#muevetierra{position:relative; left:53px; top:11px;}
#industrial{position:relative; left:67px; top:11px;}
#mineria{position:relative; left:81px; top:11px;}
#suspensionf{position:relative; left:95px; top:11px;}
#cuchillas{position:relative; left:109px; top:11px;}

/*----------------------------------------FIN HEADER.PHP-----------------------------------------------------------------------*/

/*---------------------------------------INICIO CONTACTO.PHP---------------------------------------------------------------*/

/*Está parte, acomoda crea la sección contacto*/

#seccioncontacto{width:480px; height:700px; background:#e2e2e2; position:relative; top:60px; left:-8px;}

/*Está parte, mueve todo el formulario*/

form{position:relative; left:29px; top:150px; font-family: 'BenchNine', sans-serif;}

/*Diseño del botón del formulario, y de las áreas de texto del formulario*/

.botonn{font-family: 'BenchNine', sans-serif; background:#E2E2E2; color:#605f5f; position:relative; left:358px; top:10px; font-size:18px;}

.nombree{font-family: 'BenchNine', sans-serif; position:relative; left:0px; top:0px; border:1px; border-radius:5px; width:195px; font-size:18px;}

#asuntoo{position:relative; left:-199px; top:0px; }

.asuntoo{font-family: 'BenchNine', sans-serif; position:relative; left:-199px; top:0px; border:1px; border-radius:5px; width:195px; font-size:18px;}

.mensajee{font-family: 'BenchNine',sans-serif; position:relative; left:0px; top:0px; border:1px; border-radius:5px; width:400px; height:100px; font-size:18px;}

#mapa{position:relative; left:88px; top:109px; z-index:5000; width:300px; height:224px;}

/*Titulo contáctanos*/

#titulocontacto{position:relative; left:0px; top:-335px;}


#foter{background:#ffffff; width:480px; height:80px; position:relative; left:-8px; top:29px; font-family: 'BenchNine', sans-serif; font-size:13px;}

#foter h3{position:relative; left:10px; top:30px;}

/*---------------------------------------FIN CONTACTO.PHP---------------------------------------------------------------*/
	
	}

@media (min-width: 384px) and (max-width: 479px) {
	
	/*Está parte, bloquea la barra scrollbar horizontal*/
	
	html{
		
		overflow-x:hidden;
		
		}

/*-----------------------INICIO HEADER.PHP------------------------------------------------------------------------------------*/
		
/*Está parte, posiciona todo el menú de encabezado*/
		
#encabezado{position:fixed; left:0px; top:0px; background:#000; z-index:1999; width:384px; height:70px;}

/*Desde "ini" hasta "telefono", posicionan de forma individual los oomponentes del menú de encabezado*/
		
#ini{position:relative; left:59px; top:-9px; z-index:400;}

#qui{position:relative; left:185px; top:-45px; z-index:400;}

#ser{position:relative; left:58px; top:-9px; z-index:400;}

#aut{position:relative; left:58px; top:-9px; z-index:400;}

#con{position:relative; left:58px; top:-9px; z-index:400;}

#logo{position:relative; left:5px; top:2px; z-index:400; width:89px; height:38px;}

#face{position:relative; left:-91px; top:-63px; z-index:400;}

#telefono{position:relative; left:293px; top:-86px; z-index:400; width:85px; height:18px;}

/*Todas las varibles con inicial "menu 1", diseñan los botones de menú del encabezado*/

#menu1 {
list-style-type: none;
margin: 0px;
padding: 0px;
height: 27px;
font-family: 'BenchNine', sans-serif;
font-size:16px;
z-index:400;
}

#menu1 li {
position: relative;
float: left;
}

#menu1 li a {
padding: 6px;
color: #f5f9de;
text-decoration: none;
display:table;

}

#menu1 li a:hover {
color:#df2237;
}

#menu1 ul {
position: absolute;
z-index: 99999;
display: none;
list-style-type: none;
list-style: none;
margin: 0;
padding: 0;
width:790px;
}

#menu1 ul li a {
background-color: #000;
border-bottom-width: 0px;
border-right-style: none;
border-bottom-style: solid;
border-bottom-color: #BEC1DA;
font-size:18px;
}

#menu1 ul li a:hover {
background-color:#000;
}

#menu1 li:hover > ul{
display: block;
}

/*Está parte, diseña y posiciona el submenú rojo de encebezado*/

#subencabezado{position:fixed; left:0px; top:60px; width:384px; height:40px; background:#df2237; z-index:2500;}

#subencabezado a{text-decoration:none; z-index:400; color:#000; font-family: 'BenchNine', sans-serif; font-size:11px; z-index:1500; }

#subencabezado a:hover{color:#ffffff;}

#agricola{position:relative; left:7px; top:11px;}
#autocami{position:relative; left:18px; top:11px;}
#cami{position:relative; left:29px; top:11px;}
#muevetierra{position:relative; left:40px; top:11px;}
#industrial{position:relative; left:51px; top:11px;}
#mineria{position:relative; left:62px; top:11px;}
#suspensionf{position:relative; left:73px; top:11px;}
#cuchillas{position:relative; left:84px; top:11px;}

/*----------------------------------------FIN HEADER.PHP-----------------------------------------------------------------------*/

/*---------------------------------------INICIO CONTACTO.PHP---------------------------------------------------------------*/

/*Está parte, acomoda crea la sección contacto*/

#seccioncontacto{width:384px; height:700px; background:#e2e2e2; position:relative; top:60px; left:-8px;}

/*Está parte, mueve todo el formulario*/

form{position:relative; left:29px; top:150px; font-family: 'BenchNine', sans-serif;}

/*Diseño del botón del formulario, y de las áreas de texto del formulario*/

.botonn{font-family: 'BenchNine', sans-serif; background:#E2E2E2; color:#605f5f; position:relative; left:358px; top:10px; font-size:18px;}

.nombree{font-family: 'BenchNine', sans-serif; position:relative; left:0px; top:0px; border:1px; border-radius:5px; width:135px; font-size:18px;}

#asuntoo{position:relative; left:-165px; top:0px; }

.asuntoo{font-family: 'BenchNine', sans-serif; position:relative; left:-165px; top:0px; border:1px; border-radius:5px; width:135px; font-size:18px;}

.mensajee{font-family: 'BenchNine',sans-serif; position:relative; left:0px; top:0px; border:1px; border-radius:5px; width:280px; height:100px; font-size:18px;}

#mapa{position:relative; left:28px; top:109px; z-index:5000; width:300px; height:224px;}

/*Titulo contáctanos*/

#titulocontacto{position:relative; left:0px; top:-335px; width:310px; height:61px;}


#foter{background:#ffffff; width:384px; height:80px; position:relative; left:-8px; top:29px; font-family: 'BenchNine', sans-serif; font-size:10px;}

#foter h3{position:relative; left:13px; top:30px;}

/*---------------------------------------FIN CONTACTO.PHP---------------------------------------------------------------*/
	}

@media (min-width: 320px) and (max-width: 383px) {
	
	/*Está parte, bloquea la barra scrollbar horizontal*/
	
	html{
		
		overflow-x:hidden;
		
		}

/*-----------------------INICIO HEADER.PHP------------------------------------------------------------------------------------*/
		
/*Está parte, posiciona todo el menú de encabezado*/
		
#encabezado{position:fixed; left:0px; top:0px; background:#000; z-index:1999; width:320px; height:70px;}

/*Desde "ini" hasta "telefono", posicionan de forma individual los oomponentes del menú de encabezado*/
		
#ini{position:relative; left:29px; top:-9px; z-index:400;}

#qui{position:relative; left:185px; top:-45px; z-index:400;}

#ser{position:relative; left:28px; top:-9px; z-index:400;}

#aut{position:relative; left:28px; top:-9px; z-index:400;}

#con{position:relative; left:28px; top:-9px; z-index:400;}

#logo{position:relative; left:1px; top:2px; z-index:400; width:89px; height:38px;}

#face{position:relative; left:-91px; top:-63px; z-index:400;}

#telefono{position:relative; left:233px; top:-86px; z-index:400; width:85px; height:18px;}

/*Todas las varibles con inicial "menu 1", diseñan los botones de menú del encabezado*/

#menu1 {
list-style-type: none;
margin: 0px;
padding: 0px;
height: 27px;
font-family: 'BenchNine', sans-serif;
font-size:16px;
z-index:400;
}

#menu1 li {
position: relative;
float: left;
}

#menu1 li a {
padding: 6px;
color: #f5f9de;
text-decoration: none;
display:table;

}

#menu1 li a:hover {
color:#df2237;
}

#menu1 ul {
position: absolute;
z-index: 99999;
display: none;
list-style-type: none;
list-style: none;
margin: 0;
padding: 0;
width:790px;
}

#menu1 ul li a {
background-color: #000;
border-bottom-width: 0px;
border-right-style: none;
border-bottom-style: solid;
border-bottom-color: #BEC1DA;
font-size:18px;
}

#menu1 ul li a:hover {
background-color:#000;
}

#menu1 li:hover > ul{
display: block;
}

/*Está parte, diseña y posiciona el submenú rojo de encebezado*/

#subencabezado{position:fixed; left:0px; top:60px; width:320px; height:40px; background:#df2237; z-index:2500;}

#subencabezado a{text-decoration:none; z-index:400; color:#000; font-family: 'BenchNine', sans-serif; font-size:9px; z-index:1500; }

#subencabezado a:hover{color:#ffffff;}

#agricola{position:relative; left:2px; top:11px;}
#autocami{position:relative; left:12px; top:11px;}
#cami{position:relative; left:22px; top:11px;}
#muevetierra{position:relative; left:32px; top:11px;}
#industrial{position:relative; left:42px; top:11px;}
#mineria{position:relative; left:52px; top:11px;}
#suspensionf{position:relative; left:62px; top:11px;}
#cuchillas{position:relative; left:72px; top:11px;}

/*----------------------------------------FIN HEADER.PHP-----------------------------------------------------------------------*/

/*---------------------------------------INICIO CONTACTO.PHP---------------------------------------------------------------*/

/*Está parte, acomoda crea la sección contacto*/

#seccioncontacto{width:320px; height:700px; background:#e2e2e2; position:relative; top:60px; left:-8px;}

/*Está parte, mueve todo el formulario*/

form{position:relative; left:9px; top:150px; font-family: 'BenchNine', sans-serif;}

/*Diseño del botón del formulario, y de las áreas de texto del formulario*/

.botonn{font-family: 'BenchNine', sans-serif; background:#E2E2E2; color:#605f5f; position:relative; left:358px; top:10px; font-size:18px;}

.nombree{font-family: 'BenchNine', sans-serif; position:relative; left:0px; top:0px; border:1px; border-radius:5px; width:135px; font-size:18px;}

#asuntoo{position:relative; left:-150px; top:0px; }

.asuntoo{font-family: 'BenchNine', sans-serif; position:relative; left:-150px; top:0px; border:1px; border-radius:5px; width:135px; font-size:18px;}

.mensajee{font-family: 'BenchNine',sans-serif; position:relative; left:0px; top:0px; border:1px; border-radius:5px; width:280px; height:100px; font-size:18px;}

#mapa{position:relative; left:8px; top:109px; z-index:5000; width:290px; height:217px;}

/*Titulo contáctanos*/

#titulocontacto{position:relative; left:-5px; top:-335px; width:295px; height:58px;}


#foter{background:#ffffff; width:320px; height:80px; position:relative; left:-8px; top:29px; font-family: 'BenchNine', sans-serif; font-size:8px;}

#foter h3{position:relative; left:15px; top:36px;}

/*---------------------------------------FIN CONTACTO.PHP---------------------------------------------------------------*/
	
	}