/*********************************************************
	CREATED BY SOTOMALDONADO
	AARÓN MALDONADO
	02/12/2010 - 15:58hrs
	www.sotomaldonado.com
----------------------------------------------------------
	-TABLE OF CONTENTS
----------------------------------------------------------
		-BODY
		-LAYOUT
*********************************************************/
/*	-BODY                                               */
/********************************************************/

body{
background: #3E4D57 url(../img/bg.png) scroll repeat-x top left;
font-size:100%;
padding:0;
margin:0;
}

#page{
margin:20px auto;
position:relative;
width:820px;
height:auto;
}

/********************************************************/
/* -LAYOUT				                                      */
/********************************************************/

#header{
float: left;
height: auto;
margin-bottom: 25px;
text-align: center;
width: 100%;
}
#mainmenu{
float: left;
height: 30px;
margin-bottom: 25px;
text-align: center;
width: 100%;
}
.container{
float:left;
margin-bottom:20px;
color:#EFEFEF;;
}
#content{
}
#content-top{
float:left;
width:100%;
height:10px;
}
#content-mid{
float: left;
height: auto;
padding: 5px 15px;
width: 790px;
}
#content-bottom{
float:left;
width:100%;
height:10px;
}
#footer{
float: left;
font-size: 11px;
height: auto;
margin-bottom: 20px;
text-align: center;
width: 100%;
}

/********************************************************/
/* -NAV						                                      */
/********************************************************/
.center{
	width:410px;
	margin:0 auto;
}
#mainmenu ul{
background-position:0 0;
float:left;
height:30px;
overflow:hidden;
width:410px;
}
		
#mainmenu ul li{
float:left;
}

#mainmenu ul li a{
text-indent:-9999px;
background-image:url(../img/nav.png);
float:left;
height:30px;
width:130px;
}		

	#menu-catalogo{
		margin:0 10px;
	}

	#menu-inicio a, #menu-inicio a:hover{
	background-position:0px 0;
	}

	#menu-inicio.active a{
	background-position:0px -30px;
	}				

	#menu-catalogo a, #menu-catalogo a:hover{
	background-position:-130px 0;
	}

	#menu-catalogo.active a{
	background-position:-130px -30px;
	}				

	#menu-contacto a, 	#menu-contacto a:hover{
	background-position:-260px 0;
	}

	#menu-contacto.active a{
	background-position:-260px -30px;
	}				

/********************************************************/
/* -HTML ELEMENTS                                       */
/********************************************************/

body, caption, th, td, input, textarea, select, option, legend, fieldset{
	font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
  font-size: 0.85em;
  line-height: 1.5em;	
	color:#c7c7c7;
}

p, ul, ol, dl, pre, table, fieldset, blockquote{
	float:left;
	margin:0 0 1.5em;
	width:100%;
}

a{text-decoration:none; color:#FF9A33;}
a:hover{text-decoration:underline;}
strong{font-weight:bold;color:#FFF}
table{width:100%;}
td{font-size:1em;}

/********************************************************/
/* -HEADINGS                                            */
/********************************************************/

h1{
	font-size:3.92em;
	font-weight:bold;
	line-height:1.3em;
	margin-bottom:0.5em;
	margin-top:0;
}

h2{
	color:#B0CE55;
	font-size:14px;
	letter-spacing:normal;
	margin-bottom:15px;
	margin-top:0;
}

#content h2{
	font-weight:bold;
	text-transform:uppercase;
}

h3{
	font-size: 1.3em;
  line-height: 1.3em;
  /*margin-top: 0.769em;*/
  margin-bottom: 0.769em;
}

h4, h5, h6{
	font-size: 1.1em;
  line-height: 1.3em;
  margin-top: 0.909em;
  margin-bottom: 0.909em;
}

h1.front{
background:transparent url(../img/bienvenidos.png) scroll no-repeat top left;
float:left;
text-indent:-9999px;
width:790px;
height:60px;
}

h1.title.catalogo{
background: url("../img/catalogo.png") no-repeat scroll left top transparent;
float: left;
height: 70px;
margin-bottom: 0;
padding-bottom: 25px;
text-indent: -9999px;
width: 790px;
}

h1.title.contacto{
background:transparent url(../img/contacto.png) scroll no-repeat top left;
float:left;
text-indent:-9999px;
width:790px;
height:70px;
padding-bottom:35px;
height:60px;
}

/********************************************************/
/* GENERAL                                              */
/********************************************************/

.fleft{
	float:left;
}

.fright{
	float:right;
}

.img-title{
	float:left;
	text-indent:-9999px;
}

.underline{
	text-decoration:underline;
}

.block ul.bullets li{
		background:url("../img/bullet.png") no-repeat scroll left top transparent;
		margin:0 0 20px;
		padding:0 0 0 20px;	
}

h1.title{
border-bottom:1px dashed #AAAAAA;
float:left;
padding-bottom:15px;
width:100%;
}

h2 a{
	color:#F52F30;
	text-decoration:none;
}

/********************************************************/
/* -INICIO	                                            */
/********************************************************/

#intro-img{
float: left;
height: auto;
margin-right: 30px;
width: 338px;
}
#intro-info{
float: left;
height: auto;
width: 420px;
}
.btncat{
	margin-top:20px;
}

/********************************************************/
/* CATÁLOGO                                             */
/********************************************************/

p.p-catalogo{
margin-bottom:10px;
}
			
/********************************************************/
/* CONTACTO                                             */
/********************************************************/

#webform-contact{
	float:left;
	width:100%;
	height:auto;
	padding-bottom:20px;
	margin-bottom:20px;	
}
				
	#form-left{
		float:left;
		height:auto;
		margin-right:30px;
		width:380px;
	}
	
	#form-right{
		float:left;
		height:auto;
		width:380px;					
	}
	
	#webform-contact .form-submit{
		float:right;
		margin-bottom:20px;
		margin-right:1px;
		margin-top:0;
	}

	.webform-component-textfield, .webform-component-email{
		display:block;
		float:left;
		margin-bottom:10px;
	}
	


	.form-item label{
		float:left;
		font-size:14px;
		margin-right:20px;
		min-width:100px;
		padding-bottom:5px;
	}

	.form-item input{
		background:transparent url(../img/input.png) repeat scroll 0 0;
		border:medium none;
		color:#555555;
		font-size:14px;
		height:21px;
		padding:9px 10px 5px;
		width:360px;
	}

	.form-item textarea{
		background:transparent url(../img/textarea.png) no-repeat scroll 0 0;
		border:medium none;
		color:#555555;
		font-size:14px;
		height:230px;
		margin-bottom:20px;
		padding:15px;
		width:350px;
		overflow-y:hidden;
	}

span.required{
color:red;
}

.errorSummary{
background-color: #FFCCCE;
border: 1px solid #FF666C;
color: #333333;
float: left;
font-size: 11px;
height: auto;
margin-bottom: 25px;
padding: 10px;
width: 768px;
}

.errorSummary ul{
	margin-bottom:0;
}	

.errorSummary ul li{

}	

.flash-success{
background-color: #BBF5B2;
border: 1px solid #32A41B;
color: #222222;
float: left;
margin-bottom: 35px;
padding: 5px;
width: 778px;
}