@charset "UTF-8";
/* CSS Document */

@import url(cms.css);
@import url(highslide.css);
body {
	margin: 0;
	padding: 0;
	color: #333;
	font: 11px/14px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	background:#fff url(../images/bgBody.gif) repeat-x;
}
table, td, p {
	font: 11px/14px'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
}
p {
	padding:0 0 10px 0;
	margin:0;
}
.clear {
	clear: both;
	margin:0;
	padding:0;
}
form, img {
	margin: 0;
	padding: 0;
	border: 0;
}
a:active, a:link, a:visited {
	color: #8b090a;
	text-decoration: none;
}
a:hover {
	text-decoration:none;
	color:#a47c00;
}
/* Titles
-------------------------------------------------------------------------*/
a.linkReadMore {
	color: #666;
	text-decoration: none;
	background: url(../images/bgBtnMore.gif) no-repeat left 2px;
	padding: 0 0 0 15px;
	margin: 0;
	font-size:10px;
}
a.linkReadMore:hover {
	text-decoration:none;
	color:#86181b;
	background: url(../images/bgBtnMore.gif) no-repeat left -9px;
}
/* Titles
-------------------------------------------------------------------------*/

h1 {
	font-size:24px;
	font-weight:normal;
	color:#333;
	padding: 0;
	margin:15px 0 10px 0;
	line-height:26px;
}
h2 {
	font-size:14px;
	font-weight:normal;
	color:#8b090a;
}
h3 {
	font-size:12px;
	font-weight:bold;
	color:#333;
	border-bottom: 1px dotted #CCCCCC;
}
h4 {
	font-size:12px;
	font-weight:bold;
	color:#8b090a;
}
/* Text Red
-------------------------------------------------------------------------*/

.textRed {
	color:#8b090a;
}
.mini {
	font-size:10px;
	line-height:11px;
	padding:0 10px;
	color:#999;
}
/* HR 3 browsers compatible
-------------------------------------------------------------------------*/

hr {
	color: #ccc;
	height: 1px;
	background: #DADADA;
	border:0;
	
}
div.hr {
	height:1px;
	width:auto;
	background: url(../images/bgHr.gif) no-repeat left top;
	margin: 10px 0;
	padding: 0;
}
div.hr hr {
	display: none;
}
/*= Layouts
-------------------------------------------------------------------------*/
/*= Layer Line Top
-------------------------------------------------------------------------*/
#layerHeader {
	height:160px;
	background:url(../images/logofuegoTop.jpg) no-repeat;
	width:962px;
	min-width:962px;
	margin: 0 auto 0 auto;
}
#layerHeader .menuTop {
	float:right;
	height:26px;
	color:#999;
	padding:0;
	margin:0;
}
#layerHeader .menuTop ul {
	padding: 0;
	margin:0;
	list-style:none;
}
#layerHeader .menuTop ul li {
	display:inline;
	padding:0;
	margin: 0;
	float:left;
}
#layerHeader .menuTop ul li#linkItems {
	padding:5px 0 0 0;
	margin: 0;
}
#layerHeader .menuTop a {
	color:#999;
	padding:0 3px;
}
#layerHeader .menuTop a:hover {
	color:#ce2129;
}
#layerHeader a.linkHome {
	float:left;
	display:block;
	width:272px;
	height:160px;
	text-indent:-9000px;
}
#layerHeader .menuQuickLinks {
	float:right;
	margin:0;
	width:463px;
	height:134px;
}
.menuQuickLinks ul {
	padding: 0;
	margin:0;
	list-style:none;
}
.menuQuickLinks li {
	float:left;
}
.menuQuickLinks li.separatorLine {
	width:3px;
	height:123px;
	background: url(../images/separatorQuickLinks.gif);
}
.menuQuickLinks li.quickLinks, .menuQuickLinks li.supports {
	padding:0;
	margin: 20px;
	width:187px;
	height:83px;
	overflow:auto;
	overflow-x: hidden;/*overflow:hidden;*/
}
/* HACK for IE.6 */

*html .menuQuickLinks li.quickLinks, *html .menuQuickLinks li.supports {
	padding:0;
	margin: 20px;
	width:175px;
	height:83px;
	overflow:auto;
	overflow-x: hidden;/*overflow:hidden;*/
}
/* END HACK for IE.6 */

.menuQuickLinks h1 {
	font-size:12px;
	font-weight:bold;
	color:#000;
	padding:0;
	margin:0 0 10px 0;
}
.quickLinks ul, .supports ul {
	margin:0;
	padding:0;
	width:100%;
}
.quickLinks li, .supports li {
	margin:0;
	padding:0;
	border-bottom: 1px solid #bcc3c4;
	width:170px;
	line-height:12px;
}
.quickLinks li:hover, .supports li:hover {
	background:#e5eff1;
}
.quickLinks li a, .supports li a {
	display:block;
	color: #666;
	background: url(../images/arrowQuickLinkOff.gif) no-repeat 8px 7px;
	font-size: 10px;
	padding: 2px 5px 2px 20px;
	cursor:pointer;
}
.quickLinks li a:hover, .supports li a:hover {
	color: #86181b;
	background: url(../images/arrowQuickLinkOn.gif) no-repeat 8px 7px;
}
/*= SEARCH FIELD
-------------------------------------------------------------------------*/

#layerSearch {
	padding:0 0 0 10px;
	margin:0;
}
#layerSearch table {
	margin:0;
	padding:0;
	border-collapse:collapse;
	border:none;
	height:26px;
}
#layerSearch td {
	vertical-align:top;
}
.searchBox {
	width:148px;
	height:26px;
	padding:6px 0 0 0;
	margin:0;
	background: url(../images/bgSeachField.gif) repeat-x 0px 0px;
	border: none;
	font-size:11px;
	color:#666;
}
/*.searchBtn {
	margin:0;
	padding:0;
	border: none;
}*/

/* HACK for IE.6 */

* html .searchBox {
	width:148px;
	/*height:26px;*/
	height:18px;
	padding:6px 0 0 0;
	margin:0;
	background: url(../images/bgSeachField.gif) repeat-x 0px -1px;
	border: none;
	font-size:11px;
	color:#666;
}
/* END HACK for IE.6 */

/* HACK for IE.7 */
*:first-child+html .searchBox {
	width:148px;
	height:26px;
	padding:6px 0 0 0;
	margin:0;
	background: url(../images/bgSeachField.gif) repeat-x 0px -1px;
	border: none;
	font-size:11px;
	color:#666;
}
/* END HACK for IE.7 */
#layerContent {
	width:962px;
	min-width:962px;
	margin: 0 auto 0 auto;
	background: url(../images/bgContent.gif) repeat-y;
}
#layerLeftNavigation {
	float:left;
	width:230px;
	margin:10px 0 0 0;
	padding:0;
}
#cmsNavigation {
	text-align:right;
}
#breadCrumb {
	padding:3px;
	font-size:9px;
}
#breadCrumb a:link, #breadCrumb a:active, #breadCrumb a:visited {
	font-size:9px;
	color:#999;
}
#breadCrumb a:hover {
	color: #86181b;
}
#layerCenter {
	float:left;
	width:420px;
	margin:10px 0 0 40px;
	padding:0
}
#layerCenterFull {
	float:left;
	width:650px;
	margin:10px 0 0 40px;
	padding:0
}
/*= Bulletlist
-------------------------------------------------------------------------*/
#layerCenter ul, #layerCenterFull ul {
	padding:5px 0 10px 20px;
	margin:0;
	list-style: square;
}
#layerCenter li, #layerCenterFull li {
	padding:5px 0 5px 5px;
	margin:0;
	border-bottom: 1px dotted #CCCCCC;
}
#layerCenter li:hover, #layerCenterFull li:hover {
	background:#e9f1f3;
}
#layerCenter li a, #layerCenterFull li a {
	font-weight:bold;
}
#layerCenter li a:hover, #layerCenterFull li a:hover {
	color:#000;
}
/*= Bulletlist
-------------------------------------------------------------------------*/
#layerRight {
	float:right;
	width:230px;
	margin:10px 0 0 0px;
	padding:0
}
#layerBottom {
	width:962px;
	height:30px;
	min-width:962px;
	margin: 0 auto 0 auto;
	background: url(../images/bgBottom.gif) no-repeat;
	clear:both;
}
#layerBottom a {
	display:block;
	width:60px;
	height:30px;
	margin: 0 250px 0 0;
	float:right;
	text-indent:-9000px;
}
#layerBottomLinks {
	width:962px;
	min-width:962px;
	margin: 0 auto 0 auto;
	font-size:9px;
	color:#999;
	padding:5px 0 30px 0;
	background:#fff;
}
#layerBottomLinks a {
	color:#999;
}
#layerBottomLinks a:hover {
	color:#86181b;
}
#layerBottomLinks #leftBottom {
	float:left;
}
#layerBottomLinks #rightBottom {
	float:right;
}
#layerTips {
	width:210px;
	margin:20px 0 0 0;
	padding: 30px 10px 10px 10px;
	background: url(../images/bgTips.gif) no-repeat left top;
}
#layerTips p {
	color:#829699;
	line-height:13px;
}
#layerTips h1 {
	font-size:14px;
	font-weight:bold;
	color:#86181b;
	margin: 0 0 10px 0;
	padding:0;
}
.blockNews, .blockPlugins, .blockTools {
	width:190px;
	margin: 0 0 10px 0;
	padding:10px 20px;
}
.blockNews p, .blockPlugins p, .blockTools p {
	color:#666;
	font-size:10px;
	line-height:12px;
}
.blockNews {
	background:#f5f4ee;
}
.blockPlugins {
	background:#eceae0;
}
.blockTools {
	background:#e7e5d6;
}
.blockNews h1 {
	color:#333;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:20px 0 10px 0;
	background: url(../images/iconNews.gif) no-repeat 40px 10px;
}
.blockPlugins h1 {
	color:#333;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:20px 0 10px 0;
	background: url(../images/iconPlugins.gif) no-repeat 53px 12px;
}
.blockTools h1 {
	color:#333;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:20px 0 10px 0;
	background: url(../images/icontools.gif) no-repeat 45px 12px;
}
ul.linkList {
	padding:0 0 10px 0;
	margin:0;
	list-style: none;
}
ul.linkList li {
	padding:2px 0 2px 0;
	margin:0;
	border-bottom: 1px dotted #999;
}
ul.linkList li a {
	color:#666;
	font-weight:bold;
	font-size:10px;
}
ul.linkList li a:hover {
	color:#86181b;
	font-size:10px;
}
.layerColumns {
	padding: 0 0 10px 0;
}
.layerColumns ul {
	list-style:none;
	padding:0;
	margin:0;
}
.layerColumns li.left {
	display:inline;
	width:200px;
	float:left;
	padding:0 10px 0 0;
	margin:0;
}
.layerColumns li.right {
	display:inline;
	width:200px;
	float:left;
	padding:0 0 0 10px;
	margin:0;
}

/*= END
-------------------------------------------------------------------------*/