@import url(../nav/styles/nav.css);

/* RESET */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}

ul,ol {
	list-style: none;
}

fieldset,img {
	border: none;
}

caption,th {
	text-align: left;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear {
	clear: both;
}

.clearer {
	font-size: 1px;
	line-height: 1px;
	height: 0;
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
}

*:focus {outline: 0;}

img {
	border: 0;
}

/*pre {
	 white-space: pre-wrap;       
	 white-space: -moz-pre-wrap;
	 white-space: -pre-wrap;
	 white-space: -o-pre-wrap;
	 word-wrap: break-word;
}*/

/* TYPE */

body {
	color: #080808;
	font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	background-color: #bdc0c4;
}

a {
	color: #007ae3;
	text-decoration: none;
}

a:hover {
	color: #007ae3;
	text-decoration: underline;
}

strong {
	font-weight: bold;
}

#main p {
	font-size: 12px;
	line-height: 20px;
	color: #4e4e4e;
	margin-bottom: 18px;
}

#main h1 {
	font-size: 30px;
}

#main h2 {
	font-size: 25px;
}

#main h3 {
	font-size: 17px;
}

#main h4 {
	font-size: 13px;
}

/* GRID */

#container {
	background-color: #bdc0c4;
}

#content {
	background: #fff url(http://images.hostingmx.com.mx/global/nav/images/productnav_main_repeat20080820.jpg) repeat-x;	
}

#main cap.top,.bottom {
	font-size: 1px;
	line-height: 1px;
	width: 956px;
	height: 9px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.column {
	float: left;
}

.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col {
	width: 100%;
}

.grid2col .column {
	width: 49%;
}

.grid2col .grid2col .column {
	width: 47.8%;
}

.grid3col .grid2col .column {
	width: 46%;
}

.grid4col .grid2col .column {
	width: 45%;
}

.grid2cola .column.first {
	width: 66%;
}

.grid2cola .column.last {
	width: 32%;
}

.grid2colb .column.first {
	width: 74.9%;
}

.grid2colb .column.last {
	width: 23%;
}

.grid2colc .column.first {
	width: 32%;
}

.grid2colc .column.last {
	width: 66%;
}

.grid2cold .column.first {
	width: 23%;
}

.grid2cold .column.last {
	width: 74.9%;
}

.grid2cole .column.first {
	width: 79%;
}

.grid2cole .column.last {
	width: 19%;
}

.grid2colf .column.first {
	width: 19%;
}

.grid2colf .column.last {
	width: 79%;
}

.grid3col .column {
	width: 32%;
	margin-left: 2%;
}

.grid2col .grid3col .column {
	width: 31%;
}

.grid3cola .column {
	width: 58%;
	margin-left: 2%;
}

.grid3cola .column.first,
.grid3cola .column.last {
	width: 19%;
}

.grid4col .column {
	width: 23%;
	margin-left: 3%;
}

.grid5col .column {
	width: 18.4%;
	margin-left: 2%;
}

.grid6col .column {
	width: 15%;
	margin-left: 2%;
}

/*.column.first, .column.last {
	margin-left: 0 !important;
}*/

.column.last {
	float: right !important;
}

/*p.last, ul.last, ol.last, li.last {
	_width: auto !important;
	_float: none !important;
}*/

#container:after, #content:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*#container, #content, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col {
	_zoom: 1;
}*/

/* SPINNERS */

.spinner_alt {
	width: 32px;
	height: 32px;
	margin: 15px auto 10px;
}

/* @group PRETTY SEARCH */

/* PRETTY SEARCH */

.searchholder {
	width: 166px;
	height: 33px;
	float: left;
}

.prettysearch-lfcap {
	background: url(http://images.hostingmx.com.mx/global/elements/prettysearch/searchfield_leftcap.png) no-repeat left;
	width: 8px;
	height: 33px;
	float: left;
}

.prettysearch-rgcap {
	background: url(http://images.hostingmx.com.mx/global/elements/prettysearch/searchfield_rightcap.png) no-repeat left;
	width: 8px;
	height: 33px;
	float: left;
}

.prettysearch {
	font-size: 18px;
	line-height: 26px !important;
	line-height: 24px;
	background: transparent url(http://images.hostingmx.com.mx/global/elements/prettysearch/searchfield_repeat.gif) repeat-x;
	width: 150px;
	height: 25px;
	margin: 4px 0 0;
	padding: 0;
	float: left;
	border: none;
}

.prettysearch.dialog {
	background: transparent url(http://images.hostingmx.com.mx/global/elements/prettysearch/searchfield_repeat_clear.gif) repeat-x;
}

/* @end */

.prettyselect {
	font-size: 14px;
	line-height: 22px;
	width: 90px;
	height: 22px;
	margin: 5px 5px 0;
	float: left;
	border: none;
}

.prettysubmit {
	width: 152px;
	height: 27px;
	margin: 0 auto;
}

/* @group PRETTY INPUTS */

/* PRETTY CHECKBOX - INACTIVE */

a.prettycheckbox {
	line-height: 16px;
	text-decoration: none;
	width: 16px;
	height: 15px;
	margin:0 4px 0 0;
	padding:0;
	display:inline;
}

a.prettycheckbox img { 
	width: 16px;
	height: 16px;
	position: relative;
	top: -2px;
	vertical-align: middle;
}

a.prettycheckbox label { 
	line-height: 17px;
	margin:0 0 0 4px;
}

a.prettycheckbox.active img { 
	background:url(http://images.hostingmx.com.mx/global/elements/controls.png) no-repeat -16px -2400px;
}

a.prettycheckbox.inactive img { 
	background:url(http://images.hostingmx.com.mx/global/elements/controls.png) no-repeat 0 -2400px;
}

/* PRETTY CHECKBOX - ACTIVE */

/* @end */