/* ||||||||||||||| Global ||||||||||||||| */
body {font-family:Georgia, Garamond, 'Times New Roman', serif; font-size:13px; line-height:16px; color:#543019; background:#ffeaa4 url(/images/site-bg.jpg) repeat-x;}
* html #frame-content {behavior:url();} /* hack for IE6 for repeating png background */
#frame-top, #frame-content, #frame-bottom, #logo
{behavior:url("/iepngfix.htc");} /* png transparency fix for IE6 */

/* |||||||||| Header & Navigation |||||||||| */
#page-container {margin:0 auto; width:954px;}
#header {position:relative; float:left; width:900px; height:193px; left:26px; top:0; background-color:#ffffff; border-left:#dcc393 1px solid; border-right:#dcc393 1px solid;}
#header-slides {position:absolute; left:7px; top:0; width:886px; height:193px; background-color:#ffeaa4;}
a#logo {display:block; position:absolute; left:0; top:0; width:420px; height:193px; background:url(/images/cotacachi-logo.png) no-repeat; z-index:1; cursor:pointer;}
#globalnav {position:absolute; display:block; right:0; bottom:0; height:38px; z-index:2;}
	* html #globalnav {bottom:-1px;} /* hack for IE6 */
ul#ctl00_headernav li {display:inline; float:left;}  /* float:left is for FF1, NN8 */
ul#ctl00_headernav li a, ul#ctl00_headernav li a:hover
{position:relative; display:block; float:left; width:112px; height:20px; margin-left:-50px; overflow:hidden; text-align:center; font-family:'trebuchet ms', arial, helvetica, verdana, sans-serif; font-size:13px; text-decoration:none; line-height:11px; padding:18px 15px 0 45px; cursor:pointer;}

	ul#ctl00_headernav li a {background:url(/images/tabs.png) no-repeat; color:#b41e16; behavior:url("/iepngfix.htc");}
	ul#ctl00_headernav li a:hover {background:url(/images/tabs.png) no-repeat 0 -38px; color:#d20000;}
		* html ul#ctl00_headernav li a:hover {font-weight:bold;} /* hack for IE6 since it doesn't recognize bg images for rollovers */
	ul#ctl00_headernav li a.active {background:url(/images/tabs.png) no-repeat 0 -76px; color:#ffffff !important; font-weight:bold; z-index:1200 !important; cursor:default !important; behavior:url("/iepngfix.htc");}
		* html ul#ctl00_headernav li a.active {background:url(/images/tab-active.png) no-repeat;} /* hack for IE6 because it won't position bg alpha pngs */
	
	li#tab1 a {z-index:1000;}
	li#tab2 a {z-index:900;}
	li#tab3 a {z-index:800;}
	li#tab4 a {z-index:700;}
	li#tab5 a {z-index:600;}
	li#tab6 a {z-index:500;}
	li#tab7 a {z-index:400;}

/* |||||||||| Layout |||||||||| */
#content-container {float:left; width:954px; z-index:3; margin-top:-6px;}
#frame-top {float:left; width:954px; height:30px; background:url(../images/panel-top.png) no-repeat;}
#frame-top-links {float:left; display:inline; margin:10px 0 0 55px; color:#ffffff;}
#frame-content {float:left; width:954px; background:url(/images/panel-bg.png) repeat-y; padding-bottom:3px;}
	* html .frame-bg {height:100%; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/panel-bg.png', sizingMethod='scale');} /* hack for IE6 for repeating png background */
	* html #frame-content {background:transparent;} /* hack for IE6 for repeating png background */
#footernav {float:left; position:relative; width:902px; left:26px; padding:8px 0; border-top:#F3E6C6 1px solid; background-color:#fffde6; text-align:center; font-family:'trebuchet ms', arial, helvetica, sans-serif; font-size:11px;}
	#footernav li {display:inline; padding:0 6px; border-right:#DBC8A1 1px solid; line-height:14px; list-style-position:outside;}
#frame-bottom {float:left; width:954px; height:35px; background:url(/images/panel-bottom.png) no-repeat; margin-bottom:30px;}
#footerglobal {position:relative; width:902px; margin-left:26px; padding-top:2px; color:#CEDC92; text-align:center; font-family:'trebuchet ms', arial, helvetica, sans-serif; font-size:11px;}

/* |||||||||| Text |||||||||| */
#frame-top-links a {text-decoration:none; color:#ffffff; font-family:arial, helvetica, sans-serif; font-size:12px; padding:0 3px;}
#frame-top-links a:hover {text-decoration:none; color:#f1281d;}
#footernav a {color:#876D56; text-decoration:none;}
#footernav a:hover {text-decoration:underline;}
#footerglobal a {color:#CEDC92; text-decoration:none;}
#footerglobal a:hover {color:#ffffff;}

/* ||||||||||||||| Forms ||||||||||||||| */
select,
textarea,
input[type="text"],
input[type="textbox"],
input[type="reset"],
input[type="password"],
input[type="file"],
input[type="dropdownlist"]
{background:#FFFFFF url(/images/input-bg.gif) repeat-x left top; border:#C3A88D 1px solid; border-top:#AA7E5C 1px solid; font-size:1em; line-height:1.25em; margin-right:3px; padding:4px 2px; font-family:'trebuchet ms', arial, helvetica, sans-serif; color:#543019;}
select {padding:3px;}

input.special {color:#658400;}
input.button {width:auto; overflow:visible;/*for IE6*/ color:#ffffff; background:#90B327; border:#E3F03A 1px solid; border-right:#5E7E3A 1px solid; border-bottom:#5E7E3A 1px solid; margin-right:5px; font-size:13px; line-height:13px; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px;}
input.button:hover {background:#9AC02A;}
input.button:active {background:#90B327; border:#E3F03A 1px solid; border-left:#5E7E3A 1px solid; border-top:#5E7E3A 1px solid;}
.hotbutton {width:auto; overflow:visible;/*for IE6*/ color:#BD0900; background:#FDAF32; border:#FFE02B 1px solid; border-right:#D4A47C 1px solid; border-bottom:#BF7C38 1px solid; font-size:13px; line-height:13px; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px;}
.hotbutton:hover {background:#FFC053;}
.hotbutton:active {background:#FDAF32; border:#FFE02B 1px solid; border-left:#D4A47C 1px solid; border-top:#BF7C38 1px solid;}
.hotshinybutton {width:auto; overflow:visible;/*for IE6*/ color:#BD0900; background:#FDAF32 url(/images/hotbutton-bg.gif) repeat-x left 50%; border:#FFE02B 1px solid; border-right:#D4A47C 1px solid; border-bottom:#BF7C38 1px solid; font-size:13px; line-height:13px; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px;}
.hotshinybutton:hover {background:#FFC053 url(/images/hotbutton-bg.gif) repeat-x left 50%;}
.hotshinybutton:active {background:#FDAF32 url(/images/hotbutton-bg.gif) repeat-x left 50%; border:#FFE02B 1px solid; border-left:#D4A47C 1px solid; border-top:#BF7C38 1px solid;}

/* Login */
#checkpoint {margin:100px auto 150px auto; width:300px; font-size:14px;}
table#ctl00_ContentPlaceHolder1_Login1 td table td,
table#ctl00_ContentPlaceHolder1_ChangePassword1 td table td 
{padding:4px; font-family:'trebuchet ms', arial, helvetica, sans-serif;}
input#ctl00_ContentPlaceHolder1_Login1_RememberMe {margin-right:8px;}
input#ctl00_ContentPlaceHolder1_Login1_LoginButton,
input#ctl00_ContentPlaceHolder1_ChangePassword1_ChangePasswordContainerID_ChangePasswordPushButton 
{width:auto; overflow:visible;/*for IE6*/ color:#ffffff; background:#90B327; border:#E3F03A 1px solid; border-right:#5E7E3A 1px solid; border-bottom:#5E7E3A 1px solid; margin-right:8px; font-size:13px; line-height:13px; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px;}
input#ctl00_ContentPlaceHolder1_ChangePassword1_ChangePasswordContainerID_ChangePasswordPushButton {margin-right:0px;}
input#ctl00_ContentPlaceHolder1_Login1_LoginButton:hover {background:#9AC02A;}
input#ctl00_ContentPlaceHolder1_Login1_LoginButton:active {background:#90B327; border:#E3F03A 1px solid; border-left:#5E7E3A 1px solid; border-top:#5E7E3A 1px solid;}
input#ctl00_ContentPlaceHolder1_ChangePassword1_ChangePasswordContainerID_CancelPushButton {width:auto; overflow:visible;/*for IE6*/ color:#BD0900; background:#FDAF32; border:#FFE02B 1px solid; border-right:#D4A47C 1px solid; border-bottom:#BF7C38 1px solid; font-size:13px; line-height:13px; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px;}
input#ctl00_ContentPlaceHolder1_ChangePassword1_ChangePasswordContainerID_CancelPushButton:hover {background:#FFC053;}
input#input#ctl00_ContentPlaceHolder1_ChangePassword1_ChangePasswordContainerID_CancelPushButton:active {background:#FDAF32; border:#FFE02B 1px solid; border-left:#D4A47C 1px solid; border-top:#BF7C38 1px solid;}

/* ||||||||||||||| Contact ||||||||||||||| */
table#contact {margin:20px 0 0 80px;}
table#contact td.col1 {width:150px;}
table#contact td.col2 {width:450px;}
table#contact td.col1, table#contact td.col2 {padding:4px 0;}