@charset "utf-8";
/* CSS Document */


/*MENU*/
body#index a#index,
body#marca  a#marca,
body#ubicacion a#ubicacion,
body#contacto a#contacto

{
color: #996600;

}



	body {

	background: url(../images/bgmain.jpg) repeat-x #EBE8E2;
	font : 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	cursor : default;
	margin : 0;
	padding : 0;

	
	line-height: 20px;
	
}



h1 {

	font : 18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#003C00;
	letter-spacing: 1px;
	

}




h2 {

	font : 16px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#003C00;
	letter-spacing: 1px;



}



a:link { font-size:11px; color:#003C00;} 
a:visited {font-size:11px; color: #000000;}
a:hover {font-size:11px; color: #999999;}




#container {
	width:825px;
	margin:auto;

}



#top {
height:auto;
margin-top: 20px;

}



#logo {

	width:215px;
	height:88px;
	float:left;

}


#direcciones {
	width:500px;
	height:auto;
	text-align:right;
	float:right;
	
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 14px;
	letter-spacing:.1em;
	color:#52441F;

}



#menu{
	width:540px;

	text-align:right;
	float:right;
	margin-top: 15px;
	color:#666666;
	

	

}


#menu li{
	display:inline;
	padding-left:20px;
	letter-spacing: 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:900;
	font-size:14px;
	width: 100px;


}


#menu li a {
	display:inline;
	padding-left:20px;
	color:#666666;
	text-decoration:none;
		font-size:14px;




	
	
}



#menu li a:hover {

	display:inline;
	padding-left:20px;
	padding-top:5px;
		
	font-weight:bold;
	color: #996600;
	text-decoration:none;
		font-size:14px;



}



#header {

width:824px;

clear:both;
background: url(../images/bgheader.jpg) no-repeat top center;

margin-top: 10px;
height:285px;


}


#flash {

width:620px;
float:left;
padding: 1px;
height:267px;



}



#menu-marcas {

width:202px;
float:left;
padding-top: 8px;



}


#menu-marcas ul li {

font-size:8px;
line-height: 15px;
list-style: url(../images/list.jpg);
color:#666666;



}

#menu-marcas ul li a {
font-size:9px;
text-decoration:none;
color:#666666;


}



#menu-marcas ul li a:hover {
font-size:9px;
text-decoration:none;
	color: #B18E14;


}


#content {
width: 825px;
height:auto;
margin-top:20px;

clear:both;

}




#descripcion{
clear:both;
background: url(../images/bgdescripcion.jpg) no-repeat top left;

width: 580px;
height:170px;
float:left;

padding: 10px 0 0 18px;

}


#pic1 {

width:155px;
float:right;
margin: 0 15px 0 10px;





}




#banner {

background: url(../images/bgbannerAMARILLO.jpg) no-repeat TOP left;

width: 175px;
height:150px;

float:right;

padding: 15px;

font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:14px;

line-height: 22px;
letter-spacing:1px;
text-align:center;


}

#banner a{

text-decoration:underline;
color:#FFFFFF;
font-size:16px;
line-height:30px;

}

#banner a:hover{

text-decoration:underline;
color: #333300;
font-size:16px;
line-height:30px;

}


#footer-a{
height:auto;
clear:both;
margin-top:10px;

	text-align:center;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 14px;
	letter-spacing:.1em;
	color:#52441F;



}



#footer-b{
height:auto;

text-align:center;
margin-top:20px;


}



#footer-b a{
height:auto;

text-align:center;

	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 14px;
	letter-spacing:.1em;
	color: #000000;

}


#footer-b a:hover{
height:auto;

text-align:center;

	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 14px;
	letter-spacing:.1em;
	color: #FF6600;

}

/*   MARCAS     */

table { table-layout:fixed; border:none; text-align:center}


#marcas {

width: 825px;
height:auto;
clear:both;
text-align:center;
background: url(../images/sombraGDE.jpg) no-repeat bottom center #FFFFFF;

}

#pic2 {

width:155px;
float:right;
margin: 0 15px 0 10px;
position:relative;

right:55px;


}


#pic3 {

width:185px;
float:right;
margin: 0 15px 0 50px;
position:relative;

right:30px;


}

#banner2 {

background: url(../images/bgbannerVERDE.jpg) no-repeat TOP left;

width: 175px;
height:150px;

float:right;

padding: 15px;

font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:14px;

line-height: 22px;
letter-spacing:1px;
text-align:center;


}

#banner2 a{

text-decoration:underline;
color:#FFFFFF;
font-size:16px;
line-height:30px;

}

#banner2 a:hover{

text-decoration:underline;
color: #333300;
font-size:16px;
line-height:30px;

}

/*    UBICACION    */


#descripcion2{
clear:both;
background: url(../images/bgdescripcion.jpg) no-repeat bottom center #FFFFFF;

width: 580px;
height:autopx;
float:left;

padding: 20px 0 40px 0;


}


#banner3 {

background: url(../images/cerradura.jpg) no-repeat TOP left;

width: 200px;
height:199px;

float:right;
margin-right:2px;

}



/*     CONTACTO    */


#banner4 {

background: url(../images/cerraduraauxiliar.jpg) no-repeat TOP left;

width: 200px;
height:199px;

float:right;
margin-right:2px;

}



label
{
width: 10em;
float: left;
text-align: left;
font-weight:bold;
margin-right: 10px;
display: block;
margin-left: 10px;
}

.submit
{
margin-left: 180px;



}

.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #003C00;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	letter-spacing:2px;
}




.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #00402C;
	font-weight: bold;
	line-height: 30px;
	letter-spacing: 2px;

	
}
.padcontacto {
	padding-left: 90px;
}
.boldgreen {
	font-weight: bold;
	color: #004F2F;
	font-size: 11px;

}


.padRIGHT {
	font-size: 11px;
	padding-left: 80px;

}
.masterlock {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-align: center;
}