/* @override http://canamo.cl/wp-content/themes/canamo/stylesheets/framework.css */

/* @override http://canamo.cl/wp-content/themes/canamo/stylesheets/framework.css */

/* @override http://canamo.orelworks.com/wp-content/themes/canamo/stylesheets/framework.css */

/* @override http://localhost:8888/canamo/wp-content/themes/canamo/stylesheets/framework.css */

/* @override http://localhost:8888/canamo/wp-content/themes/canamo/stylesheets/framework.css */

/* @override http://localhost:8888/canamo/wp-content/themes/canamo/stylesheets/framework.css */

/* @group reset */
* {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
img {
	-ms-interpolation-mode:bicubic;

}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

:focus {
     outline: 0;
}

div.clear {
	clear: both;
}

/* @end */

/* @group core */

/* @group navigation */
.mainNavigation {
}
.mainNavigation ul {
	position:		absolute;
	top:			-999em;
	width:			10em;
	margin-top: -10px;
	display: block;
}
.mainNavigation ul li {
	width:			100%;
	display: block;
}

.mainNavigation ul li a {
	font-size: 10pt !important;
	background-color: #42331e;
}

.mainNavigation ul li a:hover {
	background-color: #745936;
}
.mainNavigation li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.mainNavigation li {
	float:			left;
	position:		relative;
}
.mainNavigation a {
	display:		block;
	position:		relative;
}
.mainNavigation li:hover ul,
.mainNavigation li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.mainNavigation li:hover li ul,
ul.mainNavigation li.sfHover li ul {
	top:			-999em;
}
ul.mainNavigation li li:hover ul,
ul.mainNavigation li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.mainNavigation li li:hover li ul,
ul.mainNavigation li li.sfHover li ul {
	top:			-999em;
}
ul.mainNavigation li li li:hover ul,
ul.mainNavigation li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
.mainNavigation {
	float:			left;
	margin-bottom:	1em;
}
.mainNavigation a {
	text-decoration:none;
	padding: 6px 15px;
	font: 11pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
	text-shadow: #2e2315 0 1px 1px;
}
.mainNavigation a, .mainNavigation a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: white;
	font: 13pt Georgia, "Times New Roman", Times, serif;
	text-transform: capitalize;
}
.mainNavigation li {
}
.mainNavigation li ul li {
	background: #564228;
	margin-top: -1px;
	border-top-style: none;
	border-bottom-style: none;
}
.mainNavigation li li li {
	background: #564228;
	font-size: 10pt;
}

.mainNavigation li li li a {
	font-size: 10pt;
}
.mainNavigation li:hover, .mainNavigation li.sfHover,
.mainNavigation a:focus, .mainNavigation a:hover, .mainNavigation a:active {
	background: #42331e;
	outline:		0;
}

/*** arrows **/
.mainNavigation a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.mainNavigation ul .sf-sub-indicator { background-position:  -10px 0; }
.mainNavigation ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.mainNavigation ul a:focus > .sf-sub-indicator,
.mainNavigation ul a:hover > .sf-sub-indicator,
.mainNavigation ul a:active > .sf-sub-indicator,
.mainNavigation ul li:hover > a > .sf-sub-indicator,
.mainNavigation ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}



/* @end */

/* @group flow */

div.centralContainer {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: repeat-y;
}

div.horizontalContainer {
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
}

div.smallBox {
	width: 230px;
	display: block;
	*display: inline;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}

div.mediumBox {
	width: 470px;
	display: block;
	*display: inline;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}

div.horizontalBox {
	display: block;
	*display: inline;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	width: 710px;
}

div.bigBox {
	display: block;
	*display: inline;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	width: 950px;
}



/* @end */

/* @group forms */

form.smallForm {
	padding: 5px 5px 0;
	background-color: #8ca8fd;
	overflow: hidden;
	height: 100%;
}

form.smallForm p {
	margin-bottom: 5px;
	clear: both;
}

form.smallForm p.inlineElements {
	width: 110px;
	float: left;
	clear: none;
	overflow: hidden;
	height: 100%;
}

form.smallForm label {
	margin-left: 5px;
}

form.smallForm .inputText {
	width: 210px;
	padding: 3px;
	border-style: inset;
	border-width: 1px;
}

form.smallForm .inputSubmit {
	width: 100px;
	padding: 5px;
}

form.mediumForm {
	background-color: #c2fe86;
	padding: 5px;
}

form.mediumForm p {
	margin-bottom: 10px;
	clear: both;
}

form.mediumForm p.inlineElements {
	width: 230px;
	float: left;
	*display: inline;
	clear: none;
}

form.mediumForm fieldset {
	clear: both;
	background-color: #f64ffd;
	padding: 5px;
}

form.mediumForm fieldset legend {
	background-color: #fb88f3;
	padding: 5px;
}
form.mediumForm textarea {
	display: block;
	margin-left: 5px;
	margin-right: 5px;
	width: 448px;
	border-style: inset;
	height: 40px;
	border-width: 1px;
}

form.mediumForm .inputText {
	width: 386px;
	padding: 5px;
	border-style: inset;
	border-width: 1px;
}

form.mediumForm .inputSubmit {
	width: 140px;
	padding: 5px;
}

form.mediumForm p.inlineElements .inputSubmit {
	margin-left: 5px;
}

form.mediumForm p.inlineElements .inputText  {
	width: 206px;
	margin-left: 5px;
}



/* @end */

/* @group tables */

.mediumTable {
	background-color: #64fd4d;
	display: block;
	border-style: solid;
	border-width: 1px;
}

.mediumTable caption {
	background-color: #6c95fd;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding: 3px 5px;
	width: 100%;
}

.mediumTable tr {
	background-color: #ee64fd;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.mediumTable tr.alt {
	background-color: #fb58f9;
}

.mediumTable tr td {
	padding: 3px 10px;
	width: 30%;
}



/* @end */



/* @end */

/* @group fonts */

h1 {
	font-size: 24pt;
	font-weight: bold;
}

h2 {
	font-size: 20pt;
}

h3 {
	font-size: 16pt;
	font-weight: bold;
}

h4 {
	font-size: 14pt;
}

h5 {
	font-size: 12pt;
}

h6 {
	font-size: 10pt;
}



p {
	font-size: 10pt;
	line-height: 14pt;
}



/* @end */

/* @group jquery */

/* @group slider */

div.slider {
	clear: both;
	overflow: hidden;
	width: 470px;
}

div.slider ul.navigation {
	overflow: hidden;
	margin-bottom: 10px;
}

div.slider ul.navigation li {
	float: left;
	display: inline;
	width: 50px;
}

div.scroll {
	width: 470px;
	overflow: hidden;
	position: relative;
	height: 100px;
}

div.scrollContainer {
	width: 860px;
	position: relative;
}

div.scrollContainer div {
	width: 470px;
	height: 100px;
	float: left;
}



/* @end */

/* @group accordion */

div.accordion {
	background-color: #99fee6;
}

div.accordion a.accordionTitle {
	background-color: #819efd;
	display: block;
	padding: 5px;
}

div.accordion div {
	padding: 5px;
}



/* @end */

/* @group facebox */

#facebox .b {
	background: url(../images/facebox/b.png);
}

#facebox .tl {
	background:url(../images/facebox/tl.png);
}

#facebox .tr {
	background:url(../images/facebox/tr.png);
}

#facebox .bl {
	background:url(../images/facebox/bl.png);
}

#facebox .br {
	background:url(../images/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}



/* @end */

/* @end */