@charset "utf-8";
/* #############################################################################################################
#  Inovazi Agência Criativa                                                                                     
#  Copyright (C) 2013 Inovazi Agência Criativa                                                                  
#  Website:  http://www.inovazi.com                                                                             
#  ########################################################################################################## */



section#Downloads .prodBannerTop {
	background-size:cover !important;
	background-position: 0 0;
	background-attachment:fixed;
	height: 135px;
	padding: 2px 40px 2px 150px;
	position:relative;
	display:block;
    background-color: #d40202;;
}

	section#Downloads .prodBannerTop .obliqueLine{
        width: 145px;
        height: 0px;
        border-bottom: 1px solid #f4f4f4;
        -webkit-transform: translateY(111px) translateX(31px) rotate(-60deg);
        -moz-transform: translateY(111px) translateX(31px) rotate(-60deg);
        -o-transform: translateY(111px) translateX(31px) rotate(-60deg);
        transform: translateY(58px) translateX(-128px) rotate(-60deg);
        display: inline-block;
	}
	
		section#Downloads .prodBannerTop a.anchorLink{
			position:absolute;
			display:block;
			left:50%;
			top:50%;
			margin-top:-22px;
			margin-left:-22px;
			height: 55px;
			width: 56px;
		}
			
		section#Downloads .prodBannerTop .newCollection{
			position:absolute;
			display:block;
			bottom:30px;
			right:30px;
		}
		
			section#Downloads .prodBannerTop .newCollection .newCollectionContainer{
				display: table;
				float: right;
				margin-right: 30px;
				height: 150px;
			}
			
				section#Downloads .prodBannerTop .newCollection .newCollectionContainer .collectionName{
					color: #F4F4F4;
					font-weight: 200;
					position: relative;
					display: inline-block;
					text-transform: uppercase;
					font-size: 23px;
					float: left;
					text-align: right;
					top: 45px;
					left: 130px;
				}
				
				section#Downloads .prodBannerTop .newCollection .newCollectionContainer .collectionYear{
					color: #F4F4F4;
					font-weight: 200;
					position: relative;
					display: inline-block;
					text-transform: uppercase;
					font-size: 23px;
					left: -47px;
					top: 109px;
					float: left;
				}
					section#Downloads .prodBannerTop .newCollection .newCollectionContainer .collectionYear .big{
						font-size: 45px;
						line-height: 0px;
						top: 10px;
						position: relative;
					}
				
				section#Downloads .prodBannerTop .newCollection .newCollectionContainer .obliqueLine{
					width: 145px;
					height: 0px; 
					border-bottom: 1px solid #f4f4f4;
					-webkit-transform: translateY(111px) translateX(31px) rotate(-60deg);
					-moz-transform: translateY(111px) translateX(31px) rotate(-60deg);
					-o-transform: translateY(111px) translateX(31px) rotate(-60deg);
					transform: translateY(111px) translateX(31px) rotate(-60deg);
					display: inline-block;
					float:left;
				}
				
	section#Downloads article{
		background: rgba(0, 25, 55, 1);
		/*padding:50px 30px;*/
	}


        section#Downloads article .navLeft,
        section#Downloads article .navRight{
            position: absolute;
            width: 100px;
            height: 100px;
            text-align: center;
            line-height: 100px;
            vertical-align: middle;
        }

        section#Downloads article .navLeft{
            left: 0;
            top: 0;
        }

        section#Downloads article .navLeft:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            display: block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 160px 160px 0 0;
            border-color: #ffffff transparent transparent transparent;
        }

            section#Downloads article .navLeft a{
                display: inline-block;
            }

        section#Downloads article .navRight {
            right: 0;
            bottom: 0;
        }

        section#Downloads article .navRight:before {
            content: "";
            position: absolute;
            right: 0;
            bottom: 0;
            display: block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 0 160px 160px;
            border-color: transparent transparent #ffffff transparent;
            z-index: 1;
        }

            section#Downloads article .navRight a{
                display: inline-block;
                z-index: 2;
                position: relative;
                margin-top: 40px;
            }


        section#Downloads article a.downloadCatalog{
            position:absolute;
            left: 10px;
            bottom: 20px;
            width: 171px;
            padding: 15px 7px !important;
            background-color: rgba(0, 25, 55, .8);
            line-height: 20px !important;
            border: none !important;
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            -ms-transition: all .2s;
            -o-transition: all .2s;
            transition: all .2s;
        }

        section#Downloads article a.downloadCatalog:hover{
            background-color: rgba(255, 255, 255, .8);
        }

            section#Downloads article a.downloadCatalog span.icon{
                display: block !important;
                margin: 4px auto 6px;
                float: none !important;
                clear: both;
                width: 20px;
            }

            section#Downloads article a.downloadCatalog span.text{
                font-size: 15px !important;
                text-align: center;
                font-weight: 100 !important;
            }

		section#Downloads article .currentCatalog{
			position:relative;
			display:block;
			width:450px;
			text-align:center;
			margin:0 auto;
		}

        section#Downloads article .allPages{
            display:block;
            height:100px;
            width:600px;
            background:transparent;
            position:absolute;
            left: 50%;
            bottom: 20px;
            margin-left: -300px;
            border-top: 5px solid rgba(0, 25, 55, .8);
            border-bottom: 5px solid rgba(0, 25, 55, .8);
        }

            section#Downloads article .allPages .moveLeft{
                position: absolute;
                width: 50px;
                height: 100px;
                text-align: center;
                line-height: 100px;
                vertical-align: middle;
                top: 5px;
                left: -50px;
                -webkit-transition: all .2s;
                -moz-transition: all .2s;
                -ms-transition: all .2s;
                -o-transition: all .2s;
                transition: all .2s;
            }
            section#Downloads article .allPages .moveLeft .icon{
                -webkit-transition: opacity .2s;
                -moz-transition: opacity .2s;
                -ms-transition: opacity .2s;
                -o-transition: opacity .2s;
                transition: opacity .2s;
            }
            section#Downloads article .allPages .moveLeft.disabled .icon{
                opacity: .5;
            }

                section#Downloads article .allPages .moveLeft:before {
                    content: "";
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    display: block;
                    width: 50px;
                    height: 110px;
                    background-color: rgba(0, 25, 55, .8);
                }

                section#Downloads article .allPages .moveLeft i.icon{
                    position: absolute;
                    top: 50%;
                    left: 15px;
                    z-index: 1;
                    margin-top: -16px;
                    min-height: 21px;
                    min-width: 21px;
                    height: 10px;
                    width: 10px;
                    background-position: -46px -175px;
                    -webkit-transform: rotate(180deg);
                    -moz-transform: rotate(180deg);
                    -ms-transform: rotate(180deg);
                    -o-transform: rotate(180deg);
                    transform: rotate(180deg);
                }

            section#Downloads article .allPages .moveRight{
                position: absolute;
                width: 50px;
                height: 100px;
                text-align: center;
                line-height: 100px;
                vertical-align: middle;
                top: 5px;
                left: 610px;
            }
            section#Downloads article .allPages .moveRight .icon{
                -webkit-transition: opacity .2s;
                -moz-transition: opacity .2s;
                -ms-transition: opacity .2s;
                -o-transition: opacity .2s;
                transition: opacity .2s;
            }
            section#Downloads article .allPages .moveRight.disabled .icon{
                opacity: .5;
            }

                section#Downloads article .allPages .moveRight:before {
                    content: "";
                    position: absolute;
                    left: -10px;
                    bottom: 0;
                    display: block;
                    width: 50px;
                    height: 110px;
                    background-color: rgba(0, 25, 55, .8);
                    z-index: 1;
                }

                section#Downloads article .allPages .moveRight i.icon{
                    position: absolute;
                    top: 50%;
                    left: 5px;
                    z-index: 1;
                    margin-top: -16px;
                    min-height: 21px;
                    min-width: 21px;
                    height: 10px;
                    width: 10px;
                    background-position: -46px -175px;
                }

        section#Downloads article .pagesThumbs{
            display:block;
            height:100px;
            width:600px;
            background:rgba(0, 25, 55, 1);
            overflow:hidden;
            position: relative;
        }

            section#Downloads article .pagesThumbs .thumbScroller{
                display:block;
                width:100%;
                height:100px;
                position: absolute;
                left: 0;
                top:0;
            }

                section#Downloads article .pagesThumbs .thumbScroller .thumb{
                    width:150px;
                    display:inline-block;
                    background-size:cover;
                    background-position:center center;
                    height:100px;
                    float:left;
                    position:relative;
                    cursor: pointer;
                    opacity: .7;
                    -webkit-transition: all .2s;
                    -moz-transition: all .2s;
                    -ms-transition: all .2s;
                    -o-transition: all .2s;
                    transition: all .2s;
                }

                section#Downloads article .pagesThumbs .thumbScroller .thumb.current,
                section#Downloads article .pagesThumbs .thumbScroller .thumb:hover{
                    opacity: 1;
                }


        /*** CSS ELEMENTOS ANTIGOS ***/
		
			section#Downloads article .currentCatalog h1{
				font-size:50px;
				color:#fff;
				font-weight:200;
				line-height:50px;
			}
			
			section#Downloads article .currentCatalog p{
				position:relative;
				margin:15px 0;
				color:#fff;
				font-size:12px;
			} section#Downloads article .currentCatalog p#intro{
				font-size:14px;
			}
			
			section#Downloads article .currentCatalog a.downloadCatalog,
            section#Downloads article a.downloadCatalog{
				border:1px solid #fff;
				padding:3px 7px;
				color:#fff;
				display: table;
				margin: 0 auto;
				line-height:27px;
				vertical-align:middle;
			} section#Downloads article .currentCatalog a.downloadCatalog:hover,
              section#Downloads article a.downloadCatalog:hover{
				text-decoration:none;
				color:#001937;
				border-color:#001937;
			}
			
				section#Downloads article .currentCatalog a.downloadCatalog span.text,
                section#Downloads article a.downloadCatalog span.text{
					font-weight:600;
					position:relative;
					display:inline-block;
					margin-left:10px;
				}
				
				section#Downloads article .currentCatalog a.downloadCatalog span.size,
                section#Downloads article a.downloadCatalog span.size{
					font-weight:400;
					position:relative;
					display:inline-block
				}
			
				section#Downloads article .currentCatalog a.downloadCatalog span.icon,
                section#Downloads article a.downloadCatalog span.icon{
					position:relative;
					display:inline-block;
					float: left;
				}section#Downloads article .currentCatalog a.downloadCatalog:hover span.icon,
                 section#Downloads article a.downloadCatalog:hover span.icon{
					background-position:-183px -169px;
				}
		
	section#Downloads article + aside{
		padding:30px 10px;
	}
				
	section#Downloads .otherCatalogs{
		position:relative;
		display:block;
		max-width:590px;
		width:100%;
		margin:0 auto;
	}
		
		section#Downloads .otherCatalogs .intro{
			position:relative;
			display:inline-block;
			width:185px;
			color:#d40202;
			font-size:18px;
			vertical-align:top;
			text-align:left;
		}
		
			section#Downloads .otherCatalogs .intro span.icon{
				position:relative;
				display:inline-block;
			}
		
			section#Downloads .otherCatalogs .intro h1{
				position:relative;
				display:inline-block;
				line-height:18px;
				width:130px;
				margin-left:10px;
				vertical-align:top;
				top:3px;
			}

		section#Downloads .otherCatalogs .filterCat{
			position:relative;
			display:inline-block;
			margin-left:20px;
			width:380px;
			text-align:left;
		}
		
			section#Downloads .otherCatalogs .filterCat .filterCatForm .selectYear{
				position:relative;
				display:inline-block;
				width:150px;
				vertical-align:top;
			}
			
			section#Downloads .otherCatalogs .filterCat .filterCatForm .selectCollection{
				position:relative;
				display:inline-block;
				width:340px;
				vertical-align:top;
			}
            section#Downloads .otherCatalogs .filterCat .filterCatForm .selectCollection select{
                display: none;
                visibility: hidden;
            }
		
			section#Downloads .otherCatalogs .filterCat .filterCatForm .selectLabel{
				position:relative;
				font-size:10px;
				color:#d40202;
				font-style:italic;
				padding:10px;
				border:1px solid #d40202;
				background:#fff;
				text-transform:uppercase;
				cursor:pointer;
			} section#Downloads .otherCatalogs .filterCat .filterCatForm .selectLabel:before{
				content:"";
				display:block;
				position:absolute;
				right:-1px;
				top:-1px;
				width: 36px;
				height: 36px;
				z-index:1;
				background:#d40202;
				-webkit-transition:all .2s;
				-moz-transition:all .2s;
				-o-transition:all .2s;
				transition:all .2s;
			} section#Downloads .otherCatalogs .filterCat .filterCatForm .selectLabel:after{
				content:"";
				display:block;
				position:absolute;
				right:10px;
				top:15px;
				width: 0px;
				height: 0px;
				border-style: solid;
				border-width: 7px 7px 0 7px;
				border-color: #ee9a9a transparent transparent transparent;
				-webkit-border-radius: 3px;
				border-radius: 3px;
				z-index:1;
				-webkit-transition:all .2s;
				-moz-transition:all .2s;
				-o-transition:all .2s;
				transition:all .2s;
			} section#Downloads .otherCatalogs .filterCat .filterCatForm > div:hover .selectLabel:after,
			  section#Downloads .otherCatalogs .filterCat .filterCatForm .selectLabel:hover:after{
				border-color: #fff transparent transparent transparent;
			} section#Downloads .otherCatalogs .filterCat .filterCatForm > div:hover .selectLabel:before,
			  section#Downloads .otherCatalogs .filterCat .filterCatForm .selectLabel:hover:before {
				border-color: transparent transparent #A10101 transparent;
			}
			
			section#Downloads .otherCatalogs .filterCat .filterCatForm .opt.atrib{
				display:block;
				height:0;
				float: left;
				width: 100%;
				position: absolute;
				left: 0px;
				top:0;
				border: 0px;
				overflow: hidden;
				z-index: 2;
			} section#Downloads .otherCatalogs .filterCat .filterCatForm .opt.atrib.open{
				border:1px solid #d40202;  
				height:auto ;
				max-height:300px;
				overflow:auto;
			}
			
				section#Downloads .otherCatalogs .filterCat .filterCatForm .opt.atrib div{
					display:block;
					padding:12px 10px 10px;
					background:#fff;
					color:#d40202;
					border-bottom:1px solid #d40202;
					cursor:pointer;
					-webkit-transition:all .2s;
					-moz-transition:all .2s;
					-o-transition:all .2s;
					transition:all .2s;
				} section#Downloads .otherCatalogs .filterCat .filterCatForm .opt.atrib div:last-child{
						border-bottom:0;
				} section#Downloads .otherCatalogs .filterCat .filterCatForm .opt.atrib div:hover{
						color:#000;
				}
				
			section#Downloads .otherCatalogs .filterCat .filterCatForm a.getFilterCat{
				position:relative;
				display:inline-block;
				background:#d40202;
				padding:8px;
				vertical-align:top;
			}
			
			section#Downloads .otherCatalogs .filterCat .filterCatResult{
				margin-top:20px;
			}
			
		section#Downloads .otherCatalogs .searchCat{
			position:relative;
			display:inline-block;
			vertical-align:top;
			margin-left:20px;
			width:280px;
			text-align:left;
		}
			
			section#Downloads .otherCatalogs .searchCat .searchForm{
				position:relative;
				display:block;
				border-bottom:1px solid #d40202;
			}
		
		
			section#Downloads .otherCatalogs .searchCat input{
				position:relative;
				width:240px;
				border:0px;
				color:#d40202;
				padding:10px;
				font-style:italic;
			}
			
			section#Downloads .otherCatalogs .searchCat a.getSearchCat{
				position:absolute;
				top:3px;
				right:0px
			}
			
			section#Downloads .otherCatalogs .searchCat .searchCatResult{
				margin-top:20px;
			}
			
		section#Downloads .otherCatalogs a.downloadCatalog{
			position:relative;
			display:block;
			margin:10px 0px;
			color:#001937;
			text-transform:uppercase;
		} section#Downloads .otherCatalogs a.downloadCatalog:hover span{
			text-decoration:underline;
		}
		
			section#Downloads .otherCatalogs a.downloadCatalog span.icon{
				position:relative;
				display:inline-block;
				margin-right:10px;
				vertical-align:top;
			}
			
			section#Downloads .otherCatalogs a.downloadCatalog span.text{
				position:relative;
				display:inline-block;
				line-height:27px;
				vertical-align:top;
			}
			
			section#Downloads .otherCatalogs a.downloadCatalog span.text b{
				font-style:italic;
				font-weight:600;
			}