﻿/* CSS layout */

#masthead {
width:900px;height:155px;
margin: 0 auto -30px auto;color:#000
}

a:link {text-decoration: none}
a:visited {text-decoration: none}
a.active {text-decoration: none; color: #BADA3B;}
a:hover {text-decoration: underline; color: #BADA3B;}

h1 {
font-size: 23px;
font-family: "Tahoma";
color: #668A13;
padding-left: 8px;
}

#left_column {
	background:#4F4F4F;
	width:300px;
	float:left;
	padding: 10px 10px 10px 10px  ;
	margin-right:5px;
}


.logo {
padding: 5px 0 0 0;
height:116px; 
width:300px;
margin:0px;
float:left
}

#barras {
padding: 0 0 0 0;
height:54px; width:390px;
float:left;
background-image:url('imagenes/barraspng3.png')
}

#bot {
height:31px; 
background-image:url('imagenes/boton-menu.png');
width:165px;
float:left;
padding-top:5px;
}

#bot1 {
height:31px; background-image:url('imagenes/boton-menu.png');
width:165px;
float:left;
padding-top:5px;
}

#bot2 {
height:31px; background-image:url('imagenes/boton-menu.png');
width:165px;
float:left;
padding-top:5px;
}

#secciones1 {
float:left;
height:100%;
width:200px
}

#secciones2 {
float:left;
height:100%;
width:200px
}

#secciones3 {
float:left;
height:100%;
width:200px
}

#secciones4 {
float:left;
height:100%;
width:200px
}

#info {
margin: 0 0 0 350px;
height:130px; width:300px
}

#barrita {
height:20px; background-image:url('imagenes/barrita.jpg')
}

#top_nav {
height:58px; background-image:url('imagenes/fondomenu.jpg')
}

#page_content {
width:900px;height:247px;
margin: 0 auto -30px auto;color:#000;
}

#middle{
width:900px;height:36px;margin: 0 auto -30px auto; background-color:#7DA328;
}

#middle1{
width:900px;height:7px;margin: 0 auto -30px auto; background-color:#7DA328;
z-index:2

}	

#content{
width:900px;
padding-top:5px;
height:36px;
margin: 0 auto -30px auto; 
background-color:#F0F2EC;
height:500px;
z-index:1
}

#footer {
width:100%;height:160px;background-color:#1C1B1B; border-top: 5px #8CB52D ridge;
}

#footerc{
width:900px;height:36px;margin: 0 auto -30px auto;

}

#foot1{
width:450px;height:70px;margin: 0 auto -30px auto;
float:left;
padding:30px;
}

#foot2{
width:400px;height:100px;margin: 0 auto -30px auto;
padding:15px 0 0 450px;
}

Categories

#categories {
	background-color:#FF0000;
	border:1px solid #FF0000;
	width:283px;
	padding:10px;	
	margin:0px;
	margin-bottom:10px;
	padding-top:9px;
}

#cat_tabs {
	margin:0px;
	padding:0px;
}
#cat_tabs li {
	list-style:none;
	display:inline;
	margin:0px;
	padding:0px;
}
#cat_tabs li a {
	padding-top:6px;
	padding-bottom:4px;
	padding-left:18px;
	padding-right:18px;
	border:1px solid #FF0000; 
	text-decoration:none;
	font-size:10px;
	font-family:Tahoma, sans-serif;
	text-transform:uppercase;
	color:#FF0000;
	position:relative;
	top:-1px;
}
#cat_tabs li a.on {
	background-color:#FF0000;
	border-bottom:1px solid #FF0000;
	color:#FF0000;	
}
#cat_tabs li a.off {
	border:0px;
	padding-left:8px;
	padding-right:8px;	
}
#cat_tabs li a.off:hover {		
	color:#BADA3D;
}
.cat_content {
	background-color:#1C1B1B;
	
}
.cat_content ul {margin:0px; padding:0px; padding-top:10px; padding-bottom:15px;}
.cat_content ul li {
	margin:0px; 
	padding:15px;
	padding-top:0px;
	padding-bottom:0px;
	list-style:none;

}
.cat_content ul li a{
	color:#CCCCCC;
	text-decoration:none;
	border-bottom: 1px gray ridge;
	display:block;	
	padding-top:5px;
	padding-bottom:5px;	
}

.cat_content ul li a:hover { color:#668A13}

.cat_content ul li a:active {
	color:#668A13;
}


/********************************************/
/***           Contact Form               ***/
/********************************************/
.contactForm {margin: 5px 0 30px 10px;padding: 5px 0 20px 10px;width: 540px}
.contactForm label {float: left;width: 120px;margin-left:1em;color: #333333}
.contactForm input {margin-bottom: 5px;padding-left: 3px;width: 370px;background: url(imagenes/textarea_bg.gif) no-repeat top left;border: 1px solid #aaa}
.contactForm textarea {padding-left: 3px;width: 370px;height: 130px;background: url(imagenes/textarea_bg.gif) no-repeat top left;border: 1px solid #aaa}
.contactForm select {margin: 0 0 3px 0;padding: 0;width:300px}
.contactForm option {}
.contactBlock {margin-bottom: 25px}
.contactBlock ul {padding-left: 5px}
.contactBlock li.name {padding: 7px 0 5px;font-size: 13px;font-weight: bold}
.contactBlock li.phone {padding-bottom: 2px}

#submitButton {margin: 0 0 0 10px;width: 97px;height: 27px;font-weight: bold;color: #fff}
.submitbutton {background: url(imagenes/submit_button.jpg);border-style:none;border: none;cursor: pointer}
.contactForm #submitButtonAlt {margin: 15px 0 0 0px;width: 97px;height: 27px;font-weight: bold;color: #fff}
.contactForm .submitbuttonalt {background: url(imagenes/submit_button_alt.jpg);border-style:none;border: none;cursor: pointer}
.contactForm .submitbuttonalt1 {background: url(imagenes/send.jpg);border-style:none;border: none;cursor: pointer}
#searchButtonRight {margin: 5px 0 0 0;width: 123px;height: 22px}
#searchButtonLeft {margin: 5px 0 0 0;width: 123px;height: 22px}
.slideSearchForm .searchbutton {background: url("../imagenes/search_button.jpg");border-style:none;border: none;cursor: pointer}



