/* CSS stylesheet */

body {
	 
	color:#333;
	padding:0;
	margin:0;
	font-family:Arial, sans-serif;
	background:#f7f7f7 url(/img/mundomacbg2.gif) repeat-x top left;
	font-size:12px;
	} 
	
	
#wrapper {
	width:1000px;
	margin: 30px auto 0 auto;
	padding:0 5px;
	}	
	
	
#header	{
	background-color:#000;
	border:solid 1px #000;
	color:#fff;
	height:123px;
	clear:both;
	width:100%;
	}
	
#subheader	{
	background-color:#fdfce7;
	border-bottom:solid 1px #ccc;
	color:#ccc;
	padding:12px 0;
	clear:both;
	width:100%;
	}	

#subheader ul { 
	list-style-type:none;
	width:1000px;
	margin:0 auto;
	 
	}
	
#subheader ul li { float:left; font-weight:bold; color:#555; padding: 0 12px 0 0; font-size:14px; letter-spacing:-1px;}

#subheader ul li a:link, #subheader ul li a:visited { color:#333; }

#subheader ul li a:hover, #subheader ul li a:active { color: #f00; }
		
#footer {
	border:none;
	border:solid 1px #d0d0d0;
	padding:10px;
	background-color:#fff;
	margin:10px 0 0 0;
	}	
	
#contentForLayout {
	padding:15px 0;
	}	

/* Basic tipography */

p 	{ 
	line-height:150%;
	color:#333;
	padding:5px 0; margin:0;
	}
	
a:link, a:visited {
	color:#000;
	text-decoration:none;
	}	
	
a:hover, a:active {
	color:#333;
 
	}	
	
h1, h2, h3, h4 {
	letter-spacing:-1px;
	padding:5px 0; margin:0;
	}	

h1 { font-size:70px; letter-spacing:-5px; padding:0; margin:0;
  	  margin-bottom:10px;   }	
	
h2.boxy {
	font-size:30px; letter-spacing:-2px; padding:0; margin:0;
  	 background-color:#333; color:#fff; margin-bottom:10px;
	}	
	
h2 { font-size:20px;}	
#footer p {
	padding:0;
	margin:0;
	font-size:85%;
	color:#666;
	
	}	
		
	
#productBox {
	width:100%;
	clear:both;
	background-color:#fff;
	border:solid 1px #999;
	margin:15px 0; 
	}	
	
	
#productBox .productLine {
	width:200px;
	margin:20px;
	float:left;	
	height:200px;
	}		
	
#productBox .productLine h3 {
	 
	color:#000;
	padding:3px;
	text-transform:uppercase;
	border-bottom:solid 3px #000;
	margin:0;
	}	
	
#productBox .productLine img {
	margin:0;
	padding:0;
	
	}	
	
ul.productLineSmaller   {
	list-style-type:none;
	width:650px;
	float:left;
 	background-color:#000;
 	border:solid 1px #ccc;
 	padding:10px; margin:0;
	}	
	
ul.productLineSmaller li {
	float:left;
	padding:0 10px;	color:#999;
	font-weight:bold;
	}

ul.productLineSmaller li a:link, ul.productLineSmaller li a:visited {
	color:#fff;	
	}

.servicioBox {
	width:30%; 
	color:#fff;
	background:#333 url(/img/blackstripebg.gif) repeat-x top left; 
	padding:10px; 
	float:right;
	margin:0 0 10px 0;
	}
	
.servicioBox p, .servicioBox h1, .servicioBox h2,
.servicioBox a:link, .servicioBox a:visited, .servicioBox a:active {
	color:#fff;
	text-decoration:none;
	} 	
	
.servicioBox ul {
	list-style-type:none;
	margin:5px 0;
	padding:0;
	}	

.servicioBox li {
	padding:2px;
 
	}	

.servicioBox li img {
	border:solid 1px #000;
	float:left;
	margin: 0 5px 0 0;
}	
/* Paginas de detalle de producto */

#detalleContent {
	float:left;
	width:640px;
	border:solid 1px #ccc;
	background-color:#fff;
	padding:14px;
	}	
	
#detalleContent ul {
	list-style-type:none;
	clear:both;
	margin:0;
	padding:15px;
	}	

#detalleContent li {
	padding:4px;
	border-bottom:solid 1px #ccc;
	} 
	
		
#detalleSidebar {
	float:right;
	width:300px;
	}	
	
/* Forms */
form {
	clear: both;
	margin-right: 20px;
	padding: 0;
	width: 80%;
}
fieldset {
	border: 1px solid #ccc;
	margin-top: 30px;
	padding: 16px 20px;
}
fieldset legend {
	background:#fff;
	color: #e32;
	font-size: 160%;
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 10px;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
	clear: both;
	margin-bottom: 1em;
	padding: .5em;
	vertical-align: text-top;
}
form div.input {
	color: #444;
}
form div.required {
	color: #333;
	font-weight: bold;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
	margin-left: 140px;
}
label {
	display: block;
	font-size: 110%;
	padding-right: 20px;
}
input, textarea {
	clear: both;
	font-size: 140%;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 100%;
}
select {
	clear: both;
	font-size: 120%;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 120%;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
input[type=radio] {
	float:left;
	width:auto;
	margin: 0 3px 7px 0;
}
div.radio label {
	margin: 0 0 6px 20px;
}
input[type=submit] {
	display: inline;
	font-size: 110%;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}