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

/*
- Site: Firestone
- Date: 2009-08
- Development: FUSIONn
- CSS: Eduardo Schenzer

*/

/* --------------- GRAL --------------- */

/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {	content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }

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

/* Gral */

body { padding-bottom: 15px; background: #FFF; font-size: 11px; color: #333; text-align: center; }
div,td,* { font-family: Arial, Helvetica, sans-serif; }
form { margin: 0; }
img { border: 0; }
a { color: red; }
a:hover { color: #333; }
p { }
td { vertical-align: top; }
ul,ul li { margin: 0; padding: 0; list-style-type: none; }
fieldset { border: none; padding: 0; margin: 0; }
input,select,textarea { font-size: 12px; color: #333; }
h1,h2,h3,h4,h5,h6,h7 { margin: 0; padding: 0; }
.gralClear { clear: both; height: 1px; overflow: hidden; visibility: hidden; }
hr { height: 1px; margin: 0 auto 20px auto; border: 0; background-color: #626262; color: #626262; }


/* --------------- LAYOUT --------------- */

#container { width: 1000px; margin: 0 auto; text-align: left; overflow: hidden; }
#content { clear: both; overflow: hidden; position: relative; top: -4px; }
#left { position: relative; float: left; width: 180px; min-height: 480px; padding: 10px; }
#mainCont { float: left; width: 560px; min-height: 480px; margin: 0 20px; padding: 10px 0; display: inline; }
#right { position: relative; float: left; width: 160px; min-height: 480px; padding: 10px 20px; }

/* Header */

#header { overflow: hidden; width: 100%; }
#header h1 { float: left; padding: 8px 12px; }
#header ul { float: right; padding: 10px 0; background: url(../../images/menu_top_sep.gif) no-repeat left center; }
#header ul li { float: left; padding: 0 20px 0 18px; background: url(../../images/menu_top_sep.gif) no-repeat right center; }
#header ul li:first-child { }
#header ul li.topLang { padding: 0 5px; background: none; }
#header ul li.topLang.selected a { color: #E62835; font-weight: bold; }
#header ul li a { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10px; color: #777; text-transform: uppercase; text-decoration: none; }
#header ul li a:hover { color: #333; }
#header ul li#topHome a { display: block; width: 10px; height: 10px; background: url(../../images/menu_top_ico_home.gif) no-repeat 0 0; overflow: hidden; text-indent: -300px; }
#header ul li#topContact a { display: block; width: 10px; height: 10px; background: url(../../images/menu_top_ico_email.gif) no-repeat 0 0; overflow: hidden; text-indent: -300px; }
#header ul li#topEN a { padding-left: 19px; background: url(../../images/lang_en.gif) no-repeat 0 center; }
#header ul li#topES a { padding-left: 19px; background: url(../../images/lang_es.gif) no-repeat 0 center; }
#header ul li#topPT a { padding-left: 19px; background: url(../../images/lang_pt.gif) no-repeat 0 center; }

/* Footer */

#footer { height: 100px; padding-top: 10px; background: url(../../images/footer_bg.gif) no-repeat center bottom; text-align: center; }
#footer ul { }
#footer ul li { padding: 0 8px 0 9px; display: inline; background: url(../../images/footer_menu_sep.gif) no-repeat left center; line-height: 20px; }
#footer ul li:first-child { background: none; }
#footer ul li.logo,
#footer ul li.sitemap { background: none; }
#footer ul li a { color: #777; text-decoration: none; }
#footer ul li a:hover { color: #333; }
#footer p { color: #777; line-height: 20px; }

/* Menu */

#menu { clear: right; height: 41px; position: relative; position: relative; z-index: 10; }
#menu .slogan { float: left; width: 205px; height: 41px; text-indent: -1500px; }
#menu table { float: left; width: 585px; }
#menu table td { position: relative; vertical-align: middle; text-align: center; padding-left: 1px; }
#menu table td a { display: table-cell; height: 41px; padding: 0 5px; font-family: "Arial Narrow", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; text-transform: uppercase; line-height: 1.1em; vertical-align: middle; }

#menu ul { float: left; width: 585px; }
#menu ul li { position: relative; float: left; vertical-align: middle; text-align: center; padding-left: 1px; }
#menu ul li a { display: table-cell; max-width: 64px; height: 41px; padding: 0 11px; text-decoration: none; font-family: "Arial Narrow", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; text-transform: uppercase; line-height: 1.1em; vertical-align: middle; }
#menu ul li.active li a,
#menu ul li li.active a { height: auto; }

#menu table { display: none; }
#menu table td div { display: none; position: relative; background: blue; }
#menu table td ul { position: absolute; left: 0; top: 41px; }
#menu table td ul { position: absolute; left: 0; top: 41px; width: auto; background: #e3d8bc; opacity: .9; -moz-opacity: .9; }
#menu table td ul li { float: none; display: block; width: auto; }
#menu table td ul li a { display: block; width: auto; height: auto; background: none; color: #6a7277; }

#menu ul li ul { display: none; position: absolute; left: 0; top: 41px; width: auto; opacity: .9; -moz-opacity: .9; }
#menu ul li ul li { float: none; display: block; background: none; text-align: left; }
#menu ul li ul li a { display: block; height: auto; width: auto; max-width: none; padding: 3px 15px; background: none; font-family: Arial, Helvetica, sans-serif; white-space: nowrap; text-align: left; }
#menu ul li ul li a:hover { }

#menu fieldset { float: right; padding: 10px 5px 5px 10px; }
#menu .searchField { width: 120px; height: 18px; padding: 0 3px; line-height: 18px; vertical-align: middle; }

/* Navigation 
#navigation { position: absolute; right: 0; bottom: 0; float: right; height: 45px; padding-left: 40px; background: url(../images/menu_bg.png) no-repeat left top; }
#navigation ul { height: 37px; padding-top: 8px; padding-right: 20px; background: url(../images/menu_bg.png) no-repeat right top; }
#navigation ul li { position: relative; float: left; padding: 0 5px 5px 8px; background: url(../images/menu_sep.png) no-repeat left top; line-height: 32px; }
#navigation ul li a { display: block; padding: 0 10px; color: #FFF; text-decoration: none; line-height: 32px; white-space: nowrap; }
#navigation ul li a:hover { color: #eba600; }
#navigation ul li.sub_first { background: none; }
#navigation ul li.active a { color: #eba600; }
#navigation ul li#navContacto a { padding-right: 15px; background: url(../images/menu_ico_email.png) no-repeat right center; }
#navigation ul li#navHome a { padding-left: 15px; background: url(../images/menu_ico_home.png) no-repeat left center; }

#navigation ul li ul { position: absolute; top: 36px; left: 0; width: auto; height: auto; padding: 0; background: #000; border: 1px solid #1f1f1f; }
#navigation ul li ul li { float: none; display: block; margin-bottom: 1px; padding: 1px; border-top: 1px solid #4a4a4a; background: url(../images/menu_sub_bg.png) repeat-x 0 0; line-height: 1em; text-align: left; }
#navigation ul li ul li:last-child { margin-bottom: 0; }
#navigation ul li ul li a { height: auto; padding: 0 10px; background: none; line-height: 1.5em; }

#navigation ul li ul { display: none; }
#navigation ul li:hover ul { display: block; }*/


/* --------------- HOME --------------- */

#homeSitesMenu { margin-top: 10px; overflow: hidden; width: 100%; }
#homeSitesMenu li { float: left; margin-left: 10px; display: inline; }
#homeSitesMenu li:first-child,
#homeSitesMenu li.first-child { margin-left: 0; }
#homeNews h3 a { text-decoration: none; }
#homeNews h3 a:hover { color: #FFF; }

/* --------------- LEFT --------------- */

#left ul li { padding-left: 18px; font-size: 12px; line-height: 1.5em; }
#left ul li a { text-decoration: none; }
#left ul li.active a { font-weight: bold; }
#left ul li.active li a { font-weight: normal; }
.leftGreen { text-align: center; padding: 15px 0; }

/* --------------- RIGHT --------------- */

#right .contentCP { position: relative; }
.rightIcon { position: absolute; left: -42px; top: -40px; width: 39px; height: 32px; background: url(../../images/roofing/redFileIcon.gif) no-repeat 0 0; }
.rightIconHover { left: -46px; top: -40px; width: 47px; height: 38px; background-image: url(../../images/roofing/redFileIcon2.gif); }
#right h3 { font-size: 12px; font-weight: bold; color: #464646; line-height: 3em; text-transform: uppercase; }
#right p { margin-bottom: 1em; }
#right table td { padding: 2px 0; }
#right table td a { color: #4f4f4f; }
#contEBulletin { width: 82px; height: 47px; margin: 50px auto 10px auto; }
#contEBulletin a { position: absolute; display: block; width: 82px; height: 47px; background: url(../../images/e-bulletin_subscribe_int.gif) 0 -50px; }
#contEBulletin a:hover { background-position: 0 0; }
#contGreen { width: 146px; height: 74px; margin: 50px auto 10px auto; background: url(../../images/lining/logo-firestone-green.png); }
#contGreen a { display: block; width: 146px; height: 74px; }


/* --------------- CONTENT --------------- */

.breadcrumb { padding: 0 0 10px 0; color: #F00; background: #FFF; }
.breadcrumb a { color: #000; text-decoration: none; }
.breadcrumb a:hover { color: #F00; }
#mainCont { line-height: 1.4em; }
#mainCont h1 { font-size: 14px; font-weight: normal; color: #E62835; line-height: 2em; }
#mainCont h2 { font-size: 13px; font-weight: normal; color: #E62835; line-height: 2em; }
#mainCont h3 { font-size: 14px; font-weight: normal; color: #E62835; line-height: 2em; }
#mainCont h4 { font-size: 12px; font-weight: bold; color: #333333; line-height: 2em; }
#mainCont p { margin-bottom: 1em; }
#mainCont ul { margin: 1em 0; }
#mainCont ul li { padding-left: 15px; background: url(../../images/bullet.gif) no-repeat 0 3px; line-height: 1.5em; }
#mainCont table td { line-height: 1.3em; }

.ProductBlocks { margin-top: 10px; padding: 10px 0; background: url(../../images/dotted_line.png) repeat-x 0 0; overflow: hidden; height: 1%; text-align:justify; }
.ProductBlocks .imagen { float: left; margin: 0 10px 0 0; display: inline; }
.ProductBlocks p { float: left; width: 380px; }
.ProductBlocks a { display: inline !important; padding-left: 15px; background: url(../../images/bullet.gif) no-repeat 0 3px; line-height: 1.5em; }

.ProductSeries { margin-top: 10px; padding: 10px 0; background: url(../../images/dotted_line.png) repeat-x 0 bottom; overflow: hidden; height: 1%; text-align:justify; }
.ProductSeries .imagen { float: left; margin: 0 10px 0 0; display: inline; }

.imgGallery2Links { text-align: center; }
.imgGallery2Links .imgImage { width: 150px; padding: 2px; border:#a7a7a7 1px solid; margin: 0 auto; }
.imgGallery2Links .imgImage div { text-align: center; background: white; }
.imgGallery2Links .imgItem { padding: 0 15px 0 20px; background-repeat: no-repeat; }

.imageRight { float: right; margin: 0 5px 5px 10px; }
.imageLeft { float: left; margin: 0 10px 5px 5px; }

.featured { padding: 10px; background: #EEE; }

/* ------------ image gallery -------------------------- */
.gallery { overflow: hidden; height: 1%; }
.gallery .imageEntry { background:none; border:none; width: 40%; text-align: center; min-height: 115px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	margin: 5px 2px;}
.gallery .imageEntry div { width: 95%; margin:0 ; background: #FFF;display: -moz-inline-stack;
	display: inline-block; min-height: 115px; vertical-align: middle; border:#a7a7a7 1px solid; text-align: center; }



.imgDIVinTextLeft {margin: 0 10px 0 5px; }

/* --------------- FORM --------------- */

.contactWrapper { padding: 15px 0; }
.contactWrapper td { padding: 2px; }
.contactWrapper .contactField { border: 1px solid #9b9381; width: 150px; }
.contactWrapper textarea.contactField { width: 350px; height: 100px; }
.contactWrapper .formLabelRequired,
.contactWrapper .formLabel { text-align: right; padding: 0 10px; }
.contactWrapper strong { padding: 0 3px; color: #a81f23; }

.myForm td { padding: 2px 3px; }
.myForm td input,
.myForm td select,
.myForm td textarea { border: 1px solid #777; }
.myForm .formBt { background: #E62835; color: #FFF; }

/* --------------- NEWS --------------- */

.newsSelectArea { float: right; text-align: right; }

.newsNav { padding: 10px 0; }
.newsNav strong { padding: 0 5px; color: #717171; }
.newsNav a { padding: 0 5px; color: #717171; text-decoration: none; }
.newsNav a:hover { color: #E62835; }

.newsListBl { overflow: hidden; width: 100%; padding: 10px 0; }
.newsListBl .newsListImg { float: left; padding-right: 10px; }
#mainCont .newsListBl h4 { color: #E62835; font-weight: normal; line-height: 1.2em; }
#mainCont .newsListBl h4 a { text-decoration: none; }
.newsListBl .newsViewMore { display: none; }

.newsPhotoFooter td { padding: 3px; vertical-align: middle; }

#mainCont .newsListBl h4 { }

.newsListText h5 { clear: left; }
.newsTable td { width: 25% }
.newsTable td .newsListBl { width: auto; padding: 0 10px 0 0; }

/* --------------- POPUPS --------------- */

.roofingPopupExt { padding: 10px; }


/* --------------- CMS --------------- */

.articleText { margin-bottom: 3px; padding-right: 15px; text-align: justify; }
.articleText p { text-align: justify; }
.image_td { padding-top: 5px; }
.image_caption { text-align: center; }
.images { }
.images .imageEntry { overflow: hidden; height: 1%; padding-bottom: 10px; }
.images .imageLeft .imageImg { float: left; margin: 0 8px 8px 0; }
.images .imageRight .imageImg { float: right; margin: 0 0 8px 8px; }
.articleCode { margin-bottom: 3px; font-family: "Courier New", Courier, monospace; font-size: 12px; }
.articleSummary { font-size: 11px; }
.nav_table,
.nav_table a,
.nav_table a:link,
.nav_table a:active,
.nav_table a:visited,
.nav_table a:hover { font-size: 10px; color: #4A5966; font-weight: normal; text-decoration: none; }
.nav_table a:hover { text-decoration: underline; }
.nav_table_active,
.nav_table_active a,
.nav_table_active a:link,
.nav_table_active a:active,
.nav_table_active a:visited,
.nav_table_active a:hover { font-size: 10px; color: #4A5966; font-weight: bold; text-decoration: none; }
.articleList_toptext { font-size: 10px; }
.articleList_listhead { font-size: 11px; font-weight: bold; }
.imgDIVinTextLeft { float: left; margin-right: 5px; margin-bottom: 5px; padding: 0; }
.imgDIVinTextRight { float: right; margin-left: 5px; margin-bottom: 5px; padding: 0; }
.imgDIVtopLeft { margin:8px 10px 5px 20px; padding:0px; border:0; }
.imgDIVtopCenter { margin:8px -50% 5px -50%; padding:0px; border:0; }
.imgDIVblockImgLeft { margin-right: 10px; }
.imgDIVblockImgRight { margin-left: 10px; }
.phpwcmsImgListRight { text-align: right; margin: 0; padding: 0; }
.phpwcmsImgListLeft { text-align: right; margin: 0; padding: 0; }
.phpwcmsSearchResult { margin: 15px 0 15px 0; }
.phpwcmsSearchResult h3 { margin: 10px 0 1px 0; font-size: 12px; font-weight: bold; }
.phpwcmsSearchResult p { margin: 0; }
.phpwcmsSearchResult em.highlight,
em.highlight { background-color: #FFFF00; font-style:inherit; }
.phpwcmsArticleListEntry { clear: both; }
.phpwcmsArticleListImage { float: left; margin-right: 10px; margin-bottom: 10px; padding-top: 3px; }
.phpwcmsArticleListImageCaption { padding-top: 5px; }
div.cpPagination { margin: 10px 0 10px 0; text-align: right; }
a.cpPaginate,
a.cpPaginateActive,
a.cpPaginationPrev,
a.cpPaginationNext { padding: 0px 3px 1px 3px; background-color: #FFFFFF; color: #BBBBBB; text-decoration: none; font-weight: bold; border: 1px solid #CBCBCB; }
a.cpPaginateActive { background-color: #CBCBCB; color: #FFFFFF; border: 1px inset #CBCBCB; }
a.cpPaginationPrev:hover,
a.cpPaginationNext:hover,
a.cpPaginate:hover { background-color: #DDDDDD; color: #666666; border: 1px inset #CBCBCB; }



/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
form {
	margin: 0;
	padding: 0;
}


/* TABLES ------------------------------------------------------------------------ */
table.default, table.horz-lines, table.vert-lines, table.no-lines {
	margin: 0;
	width: 100%;
	font-size: 1.0em;
	border-collapse: collapse;
	border: 1px solid #000000;
}
    caption {
        font-size: .9em;
    }
        caption.large {
            font-size: 1.2em;
            font-weight: bold;
        }
	table.default tr, table.horz-lines tr, table.vert-lines tr, table.no-lines tr {
		background-color: #ffffff;
	}
		table.default tr.alternate, table.horz-lines tr.alternate, table.vert-lines tr.alternate, table.no-lines tr.alternate {
			background-color: #efefef;
		}
		table.default tr.footer, table.horz-lines tr.footer, table.vert-lines tr.footer, table.no-lines tr.footer {
			color: #ffffff;
			background-color: #999999;
		}
			table.default tr.footer td, table.horz-lines tr.footer td, table.vert-lines tr.footer td, table.no-lines tr.footer td {
				font-weight: bold;
				border-width: 1px 0 0 0;
			}
	table.default tr th, table.horz-lines tr th, table.vert-lines tr th, table.no-lines tr th {
		padding: .5em;
		font-size: 1.2em;
		font-weight: bold;
		color: #ffffff;
		background-color: #666666;
	}
	table.default tr td.grouping, table.horz-lines tr td.grouping, table.vert-lines tr td.grouping, table.no-lines tr td.grouping {
		font-weight: bold;
		background-color: #aaaaaa;
	}
	table.default tr td, table.horz-lines tr td, table.vert-lines tr td, table.no-lines tr td {
		padding: .75em;
		vertical-align: top;
		border: 1px solid #000000;
	}
	    table.horz-lines tr td {
		    border-width: 1px 0 1px;
	    }
	    table.vert-lines tr td {
		    border-width: 0 1px 0;
	    }
	    table.no-lines, table.no-lines tr td {
		    border-width: 0;
	    }






/* FORM ORGANIZERS --------------------------------------------------------------- */
.section label, .section .label {
    margin: 0 .8em 0 0;
	font-size: .9em;
	color: #666666;
}
	.section label.checkbox, .section label.radiobutton, .section .radiobutton label, .section .checkbox label {
		font-size: .9em;
		color: #333333;
	}
	.section label.left {
	    float: left;
        width: 10em;
        margin-right: .5em;
        text-align: right;
	}

.section fieldset {
	margin-bottom: 1em;
	padding: 1em;
	border: 1px solid #cccccc;
}
	.section fieldset legend {
	    padding: .25em 0;
	    font-size: 1.2em;
		font-weight: bold;
		color: #999999;
	}
	
.section fieldset.rolodex {
    position: relative;
    min-height: 6em;
    margin-top: 4em;
    padding: 2em;
    background: #efefef url("../images/bg-rolodex_fieldset.gif") no-repeat bottom center;
    border-color: #000000;
}
    .section fieldset.rolodex legend {
        position: absolute;
        top: -2.5em;   
    }
    /* span used inside of legend to fix width issues in Firefox & centering issues in Safari */
    .section fieldset.rolodex legend span {
        display: block;
        width: 140px;
        height: 35px;
        padding: .5em 0;
        color: #ffffff;
        text-align: center;
        background: url("../images/bg-rolodex_legend.gif") no-repeat;
    }
    .section fieldset.rolodex legend select {
        font-weight: bold;
        color: #ffffff;
        background: #000000;
        border-width: 0;
    }

/* FORM ELEMENTS ----------------------------------------------------------------- */
/* Element widths set to 99% because of IE rendering */
.section input, .section textarea, .section select {
	margin: 0 0 .2em 0;
	font-size: 1em;
	color: #333333;
}
	.section input.small {
		width: 3em;
	}
	.section input.custom {
		width: 7em;
	}
	.section select.custom {
	    width: 15em;
	}
	
	.section input.fill-width, .section select.fill-width, .section textarea.fill-width {
		width: 99%;
	}
	
	.section textarea {
		height: 5em;
		font-family: Arial, Helvetica, sans-serif;
	}
	    .section textarea.small {
		    height: 3em;
	    }
	    .section textarea.custom {
		    height: 7em;
	    }
	    .section textarea.large {
		    height: 10em;
	    }
		
		
		
    a.external {
        background: url("images/bg10-external_link.gif") 100% 50% no-repeat;
    }
    a.pdf {
        background: url("images/bg10-pdf_link.gif") 100% 50% no-repeat;
    }
    a.download {
        background: url("images/bg10-download_link.gif") 100% 50% no-repeat;
    }