/********** Common **********/
#leftMenuContentWrapper { position: relative; float: left; width: 970px; margin-left: 10px; margin-top: 50px; margin-bottom: 120px; background: url(../images/leftMenuBackground.gif) repeat-y left top }
#leftMenuWrapper { position: relative; float: left; width: 260px; margin-top: 16px; margin-bottom: 50px }
.leftMenuHighlightedItem:link, .leftMenuHighlightedItem:active, .leftMenuHighlightedItem:visited { position: relative; float: left; width: 211px; margin-top: 1px; padding: 7px 10px 7px 39px; font: normal 18px montserratRegular; color: #1F94D1; text-decoration: none; background: #ECEFF1 url(../images/leftMenuPoint.normal.png) no-repeat 22px 15px; -webkit-transition: all 0.3s 0.0s ease; transition: all 0.3s 0.0s ease }
.leftMenuHighlightedItem:hover { position: relative; float: left; width: 211px; margin-top: 1px; padding: 7px 10px 7px 39px; font: normal 18px montserratRegular; color: #FFFFFF; text-decoration: none; background: #DA195B url(../images/leftMenuPoint.over.png) no-repeat 22px 15px; -webkit-transition: all 0.3s 0.0s ease; transition: all 0.3s 0.0s ease }
.leftMenuHighlightedItemSelected { position: relative; float: left; width: 211px; margin-top: 1px; padding: 7px 10px 7px 39px; font: normal 18px montserratRegular; color: #FFFFFF; text-decoration: none; background: #DA195B url(../images/leftMenuPoint.over.png) no-repeat 22px 15px; -webkit-transition: all 0.3s 0.0s ease; transition: all 0.3s 0.0s ease }
.leftMenuItem { position: relative; float: left; width: 211px; margin-top: 1px; padding: 7px 10px 7px 39px; font: normal 18px montserratRegular; color: #2D4157; text-decoration: none; background: #ECEFF1 url(../images/leftMenuPoint.normal.png) no-repeat 22px 15px; -webkit-transition: all 0.3s 0.0s ease; transition: all 0.3s 0.0s ease }
.leftMenuSubitem:link, .leftMenuSubitem:active, .leftMenuSubitem:visited { position: relative; float: left; width: 210px; margin-top: 1px; padding: 7px 10px 7px 40px; font: normal 17px montserratLight; color: #455A64; text-decoration: none; background: #ECEFF1; -webkit-transition: all 0.3s 0.0s ease; transition: all 0.3s 0.0s ease }
.leftMenuSubitem:hover { position: relative; float: left; width: 210px; margin-top: 1px; padding: 7px 10px 7px 40px; font: normal 17px montserratLight; color: #FFFFFF; text-decoration: none; background: #DA195B; -webkit-transition: all 0.3s 0.0s ease; transition: all 0.3s 0.0s ease }
.leftMenuSubitemSelected { position: relative; float: left; width: 210px; margin-top: 1px; padding: 7px 10px 7px 40px; font: normal 17px montserratLight; color: #FFFFFF; text-decoration: none; background: #DA195B; -webkit-transition: all 0.3s 0.0s ease; transition: all 0.3s 0.0s ease }
#leftMenuInfoWrapper { position: relative; float: left; width: 675px; margin-left: 25px }

#pagerExternalWrapper { position: relative; float: left; width: 100%; margin-top: 60px; margin-bottom: 120px; text-align: center; font-size: 0px }
#pagerWrapper { position: relative; display: inline-block }
.pagerPreviousNext { position: relative; float: left; margin-left: 20px; margin-right: 20px; padding: 5px; font: normal 18px robotoRegular; color: #3D4A58; text-decoration: none }
.pagerNumber { position: relative; float: left; margin-left: 5px; margin-right: 5px; padding: 5px; font: normal 18px robotoRegular; color: #3D4A58; text-decoration: none }
.pagerNumberSelected { position: relative; float: left; margin-left: 5px; margin-right: 5px; padding: 5px; font: normal 18px robotoRegular; color: #DA195B; text-decoration: none }

#bigImageWindow { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background: url(../images/windowBackground.png); z-index: 9 }
#bigImagePanel { position: fixed; width: 820px; height: 620px; left: 50%; top: 50%; margin-left: -410px; margin-top: -315px; background: #FFFFFF; box-shadow: 0px 3px 5px #D4D4D4 }
#bigImageName { position: absolute; width: 690px; left: 35px; top: 16px; font: normal 24px robotoRegular; color: #22313F }
#bigImageClose { position: absolute; width: 30px; height: 30px; left: 779px; top: 16px; background: url(../images/goClose.normal.png); cursor: pointer; -webkit-transition: background 0.3s 0.0s ease; transition: background 0.3s 0.0s ease }
#bigImageClose:hover { position: absolute; width: 30px; height: 30px; left: 779px; top: 16px; background: url(../images/goClose.over.png); cursor: pointer; -webkit-transition: background 0.3s 0.0s ease; transition: background 0.3s 0.0s ease }
#bigImageImg { position: absolute; width: 750px; height: 495px; left: 35px; top: 90px; background-repeat: no-repeat; background-position: center center; -webkit-transition: background 0.3s 0.0s ease; transition: background 0.3s 0.0s ease }
#bigImageGoPrevious { position: absolute; width: 57px; height: 57px; left: 42px; top: 310px; background: url(../images/goPrevious.normal.png); cursor: pointer; -webkit-transition: background 0.3s 0.0s ease; transition: background 0.3s 0.0s ease }
#bigImageGoPrevious:hover { position: absolute; width: 57px; height: 57px; left: 42px; top: 310px; background: url(../images/goPrevious.over.png); cursor: pointer; -webkit-transition: background 0.3s 0.0s ease; transition: background 0.3s 0.0s ease }
#bigImageGoNext { position: absolute; width: 57px; height: 57px; left: 721px; top: 310px; background: url(../images/goNext.normal.png); cursor: pointer; -webkit-transition: background 0.3s 0.0s ease; transition: background 0.3s 0.0s ease }
#bigImageGoNext:hover { position: absolute; width: 57px; height: 57px; left: 721px; top: 310px; background: url(../images/goNext.over.png); cursor: pointer; -webkit-transition: background 0.3s 0.0s ease; transition: background 0.3s 0.0s ease }

.backLink:link, .backLink:active, .backLink:visited { position: relative; float: right; clear: both; margin: 60px 10px 150px 0px; font: normal 18px robotoRegular; color: #1F94D1; text-decoration: none; text-align: right }
.backLink:hover { position: relative; float: right; clear: both; margin: 60px 10px 150px 0px; font: normal 18px robotoRegular; color: #1F94D1; text-decoration: underline; text-align: right }

.moreInfoLink:link, .moreInfoLink:active, .moreInfoLink:visited { position: relative; float: left; clear: both; margin-top: 20px; font: normal 18px robotoRegular; color: #1F94D1; text-decoration: none }
.moreInfoLink:hover { position: relative; float: left; clear: both; margin-top: 20px; font: normal 18px robotoRegular; color: #1F94D1; text-decoration: underline }

/********** Inicio **********/
#indexBannerSlogan { position: absolute; width: 600px; left: 10px; top: 113px; margin: 0px; font: normal 48px robotoBold; color: #FFFFFF; line-height: 55px }
.indexBannerBox1Off { position: absolute; width: 260px; height: 124px; left: 10px; top: 370px; margin: 0px; padding: 61px 20px 0px 20px; font: normal 19px robotoLight; color: #FFFFFF; background: url(../images/indexBannerBox1.png); opacity: 0.0 }
.indexBannerBox1On { position: absolute; width: 260px; height: 124px; left: 10px; top: 370px; margin: 0px; padding: 61px 20px 0px 20px; font: normal 19px robotoLight; color: #FFFFFF; background: url(../images/indexBannerBox1.png); opacity: 0.0; opacity: 1.0; -webkit-transform: translate(0px,-45px); transform: translate(0px,-45px); -webkit-transition: all 1.0s 0.0s ease; transition: all 1.0s 0.0s ease }
.indexBannerBox1Oni { position: absolute; width: 260px; height: 124px; left: 10px; top: 370px; margin: 0px; padding: 61px 20px 0px 20px; font: normal 19px robotoLight; color: #FFFFFF; background: url(../images/indexBannerBox1.png); opacity: 0.0; opacity: 1.0; -webkit-transform: translate(0px,-45px); transform: translate(0px,-45px) }
.indexBannerBox2Off { position: absolute; width: 260px; height: 124px; left: 340px; top: 370px; margin: 0px; padding: 61px 20px 0px 20px; font: normal 19px robotoLight; color: #FFFFFF; background: url(../images/indexBannerBox2.png); opacity: 0.0 }
.indexBannerBox2On { position: absolute; width: 260px; height: 124px; left: 340px; top: 370px; margin: 0px; padding: 61px 20px 0px 20px; font: normal 19px robotoLight; color: #FFFFFF; background: url(../images/indexBannerBox2.png); opacity: 0.0; opacity: 1.0; -webkit-transform: translate(0px,-45px); transform: translate(0px,-45px); -webkit-transition: all 1.0s 0.2s ease; transition: all 1.0s 0.2s ease }
.indexBannerBox2Oni { position: absolute; width: 260px; height: 124px; left: 340px; top: 370px; margin: 0px; padding: 61px 20px 0px 20px; font: normal 19px robotoLight; color: #FFFFFF; background: url(../images/indexBannerBox2.png); opacity: 0.0; opacity: 1.0; -webkit-transform: translate(0px,-45px); transform: translate(0px,-45px) }
.indexBannerBox3Off { position: absolute; width: 260px; height: 124px; left: 670px; top: 370px; padding: 61px 20px 0px 20px; font: normal 19px robotoLight; color: #2D4157; background: url(../images/indexBannerBox3.png); opacity: 0.0 }
.indexBannerBox3On { position: absolute; width: 260px; height: 124px; left: 670px; top: 370px; padding: 61px 20px 0px 20px; font: normal 19px robotoLight; color: #2D4157; background: url(../images/indexBannerBox3.png); opacity: 0.0; opacity: 1.0; -webkit-transform: translate(0px,-45px); transform: translate(0px,-45px); -webkit-transition: all 1.0s 0.4s ease; transition: all 1.0s 0.4s ease }
.indexBannerBox3Oni { position: absolute; width: 260px; height: 124px; left: 670px; top: 370px; padding: 61px 20px 0px 20px; font: normal 19px robotoLight; color: #2D4157; background: url(../images/indexBannerBox3.png); opacity: 0.0; opacity: 1.0; -webkit-transform: translate(0px,-45px); transform: translate(0px,-45px) }
#indexBannerBox3Link { position: relative; float: left; clear: left; width: 220px; height: 42px }
#indexBannerBox3Link a { position: absolute; width: 218px; height: 31px; left: 0px; top: 0px; padding-top: 9px; font: normal 16px robotoBold; color: #2D4157; text-align: center; text-decoration: none; border: solid 1px #3A5470; background: #C3CA33; -webkit-transition: all 0.5s 0s ease-in-out; transition: all 0.5s 0s ease-in-out }
#indexBannerBox3Link:hover a { position: absolute; width: 218px; height: 31px; left: 0px; top: 0px; padding-top: 9px; font: normal 16px robotoBold; color: #2D4157; text-align: center; text-decoration: none; border: solid 1px #3A5470; background: #B6BD2F; -webkit-transition: all 0.5s 0s ease-in-out; transition: all 0.5s 0s ease-in-out }
#indexBannerBox3Link #borderTop { position: absolute; width: 0px; height: 1px; left: 0px; top: 0px; background: #EEEEEE; -webkit-transition: all 0.5s 0s ease-in-out; transition: all 0.5s 0s ease-in-out }
#indexBannerBox3Link:hover #borderTop { position: absolute; width: 220px; height: 1px; left: 0px; top: 0px; background: #EEEEEE; -webkit-transition: all 0.5s 0s ease-in-out; transition: all 0.5s 0s ease-in-out }
#indexBannerBox3Link #borderRight { position: absolute; width: 1px; height: 0px; left: 219px; top: 42px; background: #EEEEEE; -webkit-transition: all 0.5s 0s ease-in-out; transition: all 0.5s 0s ease-in-out }
#indexBannerBox3Link:hover #borderRight { position: absolute; width: 1px; height: 42px; left: 219px; top: 0px; background: #EEEEEE; -webkit-transition: all 0.5s 0s ease-in-out; transition: all 0.5s 0s ease-in-out }
#indexBannerBox3Link #borderBottom { position: absolute; width: 0px; height: 1px; left: 220px; top: 41px; background: #EEEEEE; -webkit-transition: all 0.5s 0s ease-in-out; transition: all 0.5s 0s ease-in-out }
#indexBannerBox3Link:hover #borderBottom { position: absolute; width: 220px; height: 1px; left: 0px; top: 41px; background: #EEEEEE; -webkit-transition: all 0.5s 0s ease-in-out; transition: all 0.5s 0s ease-in-out }
#indexBannerBox3Link #borderLeft { position: absolute; width: 1px; height: 0px; left: 0px; top: 0px; background: #EEEEEE; -webkit-transition: all 0.5s 0s ease-in-out; transition: all 0.5s 0s ease-in-out }
#indexBannerBox3Link:hover #borderLeft { position: absolute; width: 1px; height: 42px; left: 0px; top: 0px; background: #EEEEEE; -webkit-transition: all 0.5s 0s ease-in-out; transition: all 0.5s 0s ease-in-out }
#indexMainHighlightedHeading { position: relative; float: left; width: 960px; margin-left: 10px; margin-top: 63px; border-style: solid; border-width: 0px 0px 2px 0px; border-color: #22313F }
#indexMainHighlightedName { position: relative; float: left; width: 914px; margin: 0px }
#indexMainHighlightedNameLink:link, #indexMainHighlightedNameLink:active, #indexMainHighlightedNameLink:visited, #indexMainHighlightedNameLink:hover { font: normal 36px robotoCondensedBold; color: #133053; text-decoration: none }
#indexMainHighlightedTypeIcon { position: relative; float: left; width: 38px; height: 38px; margin-left: 8px; margin-top: 5px }
#indexMainHighlightedSummary { position: relative; float: left; width: 960px; margin-left: 10px; margin-top: 13px; font: normal 18px robotoLight; color: #3D4A58; text-align: justify }
#indexMainHighlightedSummary b { font: normal 18px robotoBold; color: #133053 }
#indexMainHighlightedImage1 { position: relative; float: left; width: 620px; height: 400px; margin-left: 10px; margin-top: 32px; margin-bottom: 78px }
#indexMainHighlightedImage2 { position: relative; float: left; width: 300px; height: 185px; margin-left: 40px; margin-top: 32px }
#indexMainHighlightedImage3 { position: relative; float: left; width: 300px; height: 185px; margin-left: 40px; margin-top: 30px }
.indexSecondaryHighlightedWrapper { position: relative; float: left; width: 300px; margin-top: 40px }
.indexSecondaryHighlightedHeading { position: relative; float: left; width: 300px; padding-bottom: 1px; border-style: solid; border-width: 0px 0px 2px 0px; border-color: #22313F }
.indexSecondaryHighlightedName { position: relative; float: left; width: 254px; min-height: 64px; margin: 0px }
.indexSecondaryHighlightedNameLink:link, .indexSecondaryHighlightedNameLink:active, .indexSecondaryHighlightedNameLink:visited, .indexSecondaryHighlightedNameLink:hover { position: absolute; bottom: 0px; font: normal 24px robotoCondensedBold; color: #133053; text-decoration: none }
.indexSecondaryHighlightedTypeIcon { position: relative; float: left; width: 38px; height: 38px; margin-left: 8px; margin-top: 23px }
.indexSecondaryHighlightedImage { position: relative; float: left; width: 300px; height: 185px; margin-top: 13px }
.indexSecondaryHighlightedSummary { position: relative; float: left; width: 300px; margin-top: 15px; font: normal 18px robotoLight; color: #3D4A58 }
.indexHighlightedImage { position: relative; float: left; width: 100%; height: 100%; left: 0px; top: 0px }
.indexHighlightedImage .viewLink { position: absolute; overflow: hidden; width: 0px; height: 0px; left: 50%; bottom: 0px; font: normal 18px robotoBold; color: #FFFFFF; text-align: center; text-decoration: none; background: url(../images/imageOver.png); opacity: 0.0; -webkit-transition: all 0.3s 0s ease-in-out; transition: all 0.3s 0s ease-in-out }
.indexHighlightedImage:hover .viewLink { position: absolute; overflow: hidden; width: 100%; height: 50px; left: 0px; bottom: 0px; padding-top: 25px; font: normal 18px robotoBold; color: #FFFFFF; text-align: center; text-decoration: none; background: url(../images/imageOver.png); opacity: 1.0; -webkit-transition: all 0.3s 0s ease-in-out; transition: all 0.3s 0s ease-in-out }

#xindexConfigurationImage { position: relative; float: left; width: 154px; height: 154px; margin: 82px 0px 82px 80px; background: url(../images/puzzle.png) }
#xindexConfigurationData { position: relative; float: left; width: 626px; margin: 82px 0px 82px 40px }
#xindexConfigurationTitle { position: relative; float: left; width: 626px; font: normal 30px robotoCondensedRegular; color: #133053 }
#xindexConfigurationText { position: relative; float: left; width: 626px; margin-top: 10px; font: normal 18px robotoLight; color: #3D4A58 }
#xindexConfigurationLink:link, #indexConfigurationLink:active, #indexConfigurationLink:visited { position: relative; float: left; clear: left; margin-top: 26px; font: normal 24px robotoBold; color: #1F94D1; text-decoration: none }
#xindexConfigurationLink:hover { position: relative; float: left; clear: left; margin-top: 26px; font: normal 24px robotoBold; color: #1F94D1; text-decoration: underline }

.indexArticleWrapper { position: relative; float: left; width: 455px; margin-top: 75px }
.indexArticleTitle:link, .indexArticleTitle:active, .indexArticleTitle:visited, .indexArticleTitle:hover { position: relative; float: left; width: 455px; padding-bottom: 13px; font: normal 36px robotoCondensedBold; color: #133053; line-height: 40px; text-decoration: none; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #2D4157 }
.indexArticleDate { position: relative; float: left; width: 455px; margin-top: 13px; font: italic 16px robotoRegular; color: #DA195B }
.indexArticleImage:link, .indexArticleImage:active, .indexArticleImage:visited, .indexArticleImage:hover { position: relative; float: left; width: 455px; height: 275px; margin-top: 19px; text-decoration: none }
.indexArticleSummary { position: relative; float: left; width: 455px; margin-top: 21px; font: normal 18px robotoLight; color: #3D4A58 }

#indexInternationalData { position: relative; float: left; width: 603px; margin: 97px 0px 82px 80px }
#indexInternationalTitle { position: relative; float: left; width: 603px; font: normal 30px robotoCondensedRegular; color: #FFFFFF }
#indexInternationalText { position: relative; float: left; width: 603px; margin-top: 10px; font: normal 18px robotoLight; color: #FFFFFF }
#indexInternationalText a:link, #indexInternationalText a:active, #indexInternationalText a:visited { margin-left: 8px; font: normal 18px robotoBold; color: #1F94D1; text-decoration: none }
#indexInternationalText a:hover { margin-left: 8px; font: normal 18px robotoBold; color: #1F94D1; text-decoration: underline }
#indexInternationalImage { position: relative; float: left; width: 162px; height: 162px; margin: 82px 0px 82px 55px; background: url(../images/international.png) }

#indexStampsWrapper { position: relative; float: left; width: 960px; margin: 15px 0px 65px 10px }
.indexStamp:link, .indexStamp:active, .indexStamp:visited, .indexStamp:hover { position: relative; float: left; width: 300px; height: 100px; margin-top: 50px; background-repeat: no-repeat; background-position: center center }

#indexHighlightedText { position: relative; float: left; width: 960px; margin-left: 10px; margin-top: 60px; margin-bottom: 80px; font: normal 18px robotoLight; color: #3D4A58; line-height: 150%; text-align: center }
#indexHighlightedText h2 { margin-top: 0px; margin-bottom: 10px; font: normal 24px robotoBold; color: #3D4A58 }
#indexHighlightedText b { font-weight: normal; font-family: robotoBold }
#indexHighlightedText a { font: normal 18px robotoBold; color: #3D4A58; text-decoration: underline }
#indexHighlightedText img { display: block; max-width: 100%; margin: 0px auto }

/********** Products **********/
.productsCategoryExternalWrapper { position: relative; float: left; width: 960px; margin-left: 10px; margin-top: 35px; padding-top: 19px; padding-bottom: 19px; text-align: center; font-size: 0px; background: #ECEFF1 }
.productsCategoryWrapper { position: relative; display: inline-block }
.productsCategoryIcon { position: relative; float: left; width: 38px; height: 38px; background-repeat: no-repeat; background-position: 0px }
.productsCategoryName { position: relative; float: left; margin-left: 14px; font: normal 30px robotoCondensedBold; color: #133053 }
.productsItemWrapper { position: relative; float: left; width: 300px; margin-top: 35px; margin-bottom: 35px }
.productsItemName:link, .productsItemName:active, .productsItemName:visited, .productsItemName:hover { position: relative; float: left; width: 300px; padding-bottom: 0px; font: normal 24px robotoCondensedBold; color: #133053; text-decoration: none; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #133053 }
.productsItemImage { position: relative; float: left; width: 300px; height: 185px; margin-top: 13px; text-decoration: none; background-repeat: no-repeat; background-position: center center }
.productsItemSummary { position: relative; float: left; width: 300px; margin-top: 15px; font: normal 18px robotoLight; color: #3D4A58 }

#productsConfigurationImage { position: relative; float: left; width: 154px; height: 154px; margin: 82px 0px 82px 80px; background: url(../images/puzzle.png) }
#productsConfigurationData { position: relative; float: left; width: 626px; margin: 82px 0px 82px 40px }
#productsConfigurationTitle { position: relative; float: left; width: 626px; font: normal 30px robotoCondensedRegular; color: #133053 }
#productsConfigurationText { position: relative; float: left; width: 626px; margin-top: 10px; font: normal 18px robotoLight; color: #3D4A58 }
#productsConfigurationLink:link, #indexConfigurationLink:active, #indexConfigurationLink:visited { position: relative; float: left; clear: left; margin-top: 26px; font: normal 24px robotoBold; color: #1F94D1; text-decoration: none }
#productsConfigurationLink:hover { position: relative; float: left; clear: left; margin-top: 26px; font: normal 24px robotoBold; color: #1F94D1; text-decoration: underline }

.productsDetailHeadingWrapper { position: relative; float: left; width: 960px; margin-left: 10px; margin-top: 41px; padding-bottom: 5px; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #2D4157 }
.productsDetailTitle { position: relative; float: left; width: 850px; font: normal 36px robotoCondensedBold; color: #133053 }
.productsDetailIcon { position: absolute; width: 100px; height: 38px; left: 860px; bottom: 9px; background-repeat: no-repeat; background-position: right center }
.productsDetailImage { position: relative; float: left; width: 960px; height: 500px; margin-left: 10px; margin-top: 25px }
.productsDetailText { position: relative; float: left; width: 960px; margin-left: 10px; margin-top: 30px; font: normal 18px robotoLight; color: #3D4A58; line-height: 27px; text-align: justify }
.productsDetailText b { font: normal 18px robotoBold; color: #3D4A58 }
.productsDetailText h2 { margin-top: 0px; margin-bottom: 0px; font: normal 20px robotoBold; color: #12A199 }
.productsDetailText a:link, .productsDetailText a:active, .productsDetailText a:visited { font: normal 18px robotoRegular; color: #3D4A58; text-decoration: underline }
.productsDetailText a:hover { font: normal 18px robotoRegular; color: #3D4A58; text-decoration: underline }
.productsDetailFeaturesImage { position: relative; float: left; width: 960px; margin-left: 10px; margin-top: 40px; text-align: center }

#productsDetailImagesWrapper { position: relative; float: left; width: 970px; margin-left: 10px; margin-top: 20px }
.productsDetailImageWrapper { position: relative; float: left; width: 176px; height: 96px; background-repeat: no-repeat; background-position: center center; cursor: pointer }
.productsDetailSectionTitle { position: relative; float: left; width: 960px; margin-top: 10px; font: normal 24px robotoCondensedRegular; color: #133053 }
#productsDetailVideosWrapper { position: relative; float: left; width: 970px; margin-left: 10px; margin-top: 35px }
.productsDetailVideoWrapper { position: relative; float: left; width: 470px; height: 286px; margin-top: 28px }
#productsDetailDocumentsWrapper { position: relative; float: left; width: 970px; margin-left: 10px; margin-top: 55px }
.productsDetailDocumentLink:link, .productsDetailDocumentLink:active, .productsDetailDocumentLink:visited { position: relative; float: left; width: 162px; margin-top: 28px; padding: 80px 15px 10px 15px; font: normal 18px robotoCondensedLight; color: #546E7A; text-decoration: none; text-align: center; background: #FFFFFF url(../images/documentIcon.png) no-repeat center 10px; -webkit-transition: all 0.3s 0s ease-in-out; transition: all 0.3s 0s ease-in-out }
.productsDetailDocumentLink:hover { position: relative; float: left; width: 162px; margin-top: 28px; padding-top: 80px 15px 10px 15px; font: normal 18px robotoCondensedLight; color: #546E7A; text-decoration: none; text-align: center; background: #EEEEEE url(../images/documentIcon.png) no-repeat center 10px; -webkit-transition: all 0.3s 0s ease-in-out; transition: all 0.3s 0s ease-in-out }

/********** Proyectos I+D **********/
#researchsTopText { position: relative; float: left; width: 960px; margin-left: 10px; margin-top: 41px; font: normal 24px robotoRegular; color: #3D4A58 }
.researchsItemWrapper { position: relative; float: left; width: 960px; margin-left: 10px; margin-top: 40px; margin-bottom: 80px }
.researchsItemTitle { position: relative; float: left; width: 960px; font: normal 30px robotoCondensedBold; color: #133053 }
.researchsItemText { position: relative; float: left; width: 960px; margin-top: 10px; font: normal 18px robotoLight; color: #3D4A58; line-height: 27px; text-align: justify }
.researchsItemImageWrapper { position: relative; float: left; width: 960px; margin-top: 60px; text-align: center; font-size: 0px }
.researchsItemImage { position: relative; display: inline-block }

/********** About us **********/
#aboutUsImage { position: relative; float: left; width: 460px; height: 600px; margin-left: 10px; margin-top: 60px; background-repeat: no-repeat; background-position: left top }
#aboutUsData { position: relative; float: left; width: 470px; margin-left: 30px; margin-top: 55px }
#aboutUsTitle { position: relative; float: left; width: 470px; font: normal 36px robotoCondensedBold; color: #133053 }
#aboutUsText { position: relative; float: left; width: 470px; margin-top: 15px; font: normal 18px robotoLight; color: #3D4A58; text-align: justify }

/********** Distributors **********/
#distributorsMainTitle { position: relative; float: left; width: 675px; font: normal 30px robotoCondensedRegular; color: #133053 }
#distributorsMainText { position: relative; float: left; width: 675px; margin-top: 5px; font: normal 18px robotoLight; color: #3D4A58; line-height: 27px; text-align: justify }
#distributorsMainText b { font: normal 18px robotoBold; color: #1F94D1 }
#distributorsMainText a:link, #distributorsMainText a:active, #distributorsMainText a:visited, #distributorsMainText a:hover { font: normal 18px robotoBold; color: #1F94D1; text-decoration: underline }
#distributorsListTitle { position: relative; float: left; width: 675px; padding-top: 18px; padding-bottom: 18px; font: normal 24px robotoBold; color: #FFFFFF; background: #133053; text-align: center }
.distributorsListItemName { position: relative; float: left; width: 675px; margin-top: 30px; font: normal 24px robotoBold; color: #DA195B }
.distributorsListItemLogo { position: relative; float: left; margin-top: 35px; margin-bottom: 35px }
.distributorsListItemText { position: relative; float: left; width: 675px; margin-bottom: 30px; font: normal 18px robotoLight; color: #133053; line-height: 27px }
.distributorsListItemText b { font: normal 18px robotoBold; color: #133053 }
.distributorsListItemText a:link, .distributorsListItemText a:active, .distributorsListItemText a:visited, .distributorsListItemText a:hover { font: italic 18px robotoRegular; color: #1F94D1 }

/********** News / blog **********/
.articlesItemSeparator { position: relative; float: left; width: 960px; height: 1px; margin-left: 10px; margin-top: 70px; margin-bottom: 70px; background: #34495E }
.articlesItemWrapper { position: relative; float: left; width: 960px; margin-left: 10px; margin-top: 48px }
.articlesItemImage { position: relative; float: left; width: 270px; height: 235px; margin-top: 7px }
.articlesItemData { position: relative; float: left; width: 670px; margin-left: 20px }
.articlesItemHeadingWrapper { position: relative; float: left; width: 670px; padding-bottom: 7px; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #2D4157 }
.articlesItemTitle:link, .articlesItemTitle:active, .articlesItemTitle:visited, .articlesItemTitle:hover { position: relative; float: left; width: 560px; font: normal 30px robotoCondensedBold; color: #133053; text-decoration: none }
.articlesItemDate { position: absolute; width: 100px; left: 570px; bottom: 11px; font: italic 16px robotoRegular; color: #DA195B; text-align: right }
.articlesItemSummary { position: relative; float: left; width: 670px; min-height: 140px; margin-top: 11px; font: normal 18px robotoLight; color: #3D4A58; line-height: 27px; text-align: justify }
.articlesDetailHeadingWrapper { position: relative; float: left; width: 960px; margin-left: 10px; margin-top: 61px; padding-bottom: 7px; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #2D4157 }
.articlesDetailTitle { position: relative; float: left; width: 850px; font: normal 36px robotoCondensedBold; color: #133053 }
.articlesDetailDate { position: absolute; width: 100px; left: 860px; bottom: 13px; font: italic 16px robotoRegular; color: #DA195B; text-align: right }
.articlesDetailSummary { position: relative; float: left; width: 960px; margin-left: 10px; margin-top: 16px; font: normal 18px robotoRegular; color: #3D4A58; line-height: 27px; text-align: justify }
.articlesDetailImage { position: relative; float: left; width: 960px; height: 465px; margin-left: 10px; margin-top: 19px }
.articlesDetailText { position: relative; float: left; width: 960px; margin-left: 10px; margin-top: 26px; font: normal 18px robotoLight; color: #3D4A58; line-height: 27px; text-align: justify }
.articlesDetailText h2 { margin-top: 0px; margin-bottom: 0px; font: normal 20px robotoBold; color: #3D4A58 }
.articlesDetailText a:link, .articlesDetailText a:active, .articlesDetailText a:visited { font: normal 18px robotoRegular; color: #3D4A58; text-decoration: underline }
.articlesDetailText a:hover { font: normal 18px robotoRegular; color: #3D4A58; text-decoration: underline }

/********** Contacto **********/
#contactData { position: relative; float: left; width: 450px; margin: 83px 0px 70px 10px }
#contactName { position: relative; float: left; width: 450px; margin: 0px; font: normal 36px robotoCondensedBold; color: #22313F; text-align: right }
#contactSlogan { position: relative; float: left; ; width: 450px; margin: 7px 0px 0px 0px; margin: 0px; font: normal 24px robotoCondensedLight; color: #22313F; text-align: right }
#contactTimetable { position: relative; float: left; width: 450px; margin-top: 8px; font: normal 18px robotoCondensedRegular; color: #22313F; text-align: right }
#contactPhone { position: relative; float: left; width: 450px; margin-top: 11px; font: normal 24px robotoCondensedBold; color: #F5AB35; text-align: right }
#contactFax { position: relative; float: left; width: 450px; margin-top: 2px; font: normal 24px robotoCondensedBold; color: #F5AB35; text-align: right }
#contactEmail { position: relative; float: left; width: 450px; margin-top: 2px; font: normal 24px robotoCondensedBold; color: #F5AB35; text-align: right }
#contactLogo { position: relative; float: left; width: 330px; height: 150px; margin: 125px 0px 120px 70px; background: url(../images/contactLogo.png) no-repeat left top }
#contactMainLocationWrapper { position: relative; float: left; width: 960px; margin-top: 70px }
#contactMainLocationName { position: relative; float: left; width: 960px; margin: 0px; padding-bottom: 4px; font: normal 24px robotoCondensedBold; color: #3D4A58; border-style: solid; border-width: 0px 0px 2px 0px; border-color: #22313F}
#contactMainLocationName span { margin-left: 4px; font: normal 18px robotoCondensedLight; color: #3D4A58 }
#contactMainLocationData { position: relative; float: left; width: 300px; margin-top: 7px }
#contactMainLocationAddress { position: relative; float: left; width: 300px; min-height: 70px; margin-top: 8px; font: normal 17px robotoRegular; color: #F5AB35 }
#contactMainLocationImage { position: relative; float: left; width: 300px; height: 235px; margin-top: 15px }
#contactMainLocationGoogleMap { position: relative; float: left; width: 630px; height: 314px; margin-left: 30px; margin-top: 21px; background: #EEEEEE }
.contactLocationWrapper { position: relative; float: left; width: 300px; margin-top: 70px }
.contactLocationName { position: relative; float: left; width: 300px; margin: 0px; padding-bottom: 4px; font: normal 24px robotoCondensedBold; color: #3D4A58; border-style: solid; border-width: 0px 0px 2px 0px; border-color: #22313F}
.contactLocationAddress { position: relative; float: left; width: 300px; min-height: 115px; margin-top: 8px;  font: normal 17px robotoRegular; color: #F5AB35 }
.contactLocationImage { position: relative; float: left; width: 300px; height: 235px; margin-top: 15px }
#contactFormText { position: relative; float: left; width: 960px; margin-top: 73px; font: normal 18px robotoLight; color: #3D4A58; text-align: justify }
#contactFormWrapper { position: relative; float: left; width: 960px; margin-top: 27px; margin-bottom: 140px }
#ccityInput { display: none }
.contactInputNormal { position: relative; float: left; width: 928px; margin-top: 8px; padding: 15px; font: normal 16px robotoRegular; color: #22313F; border: solid 1px #5F6468 }
.contactInputSelected { position: relative; float: left; width: 928px; margin-top: 8px; padding: 15px; font: normal 16px robotoRegular; color: #22313F; border: solid 1px #5F6468 }
.contactResultOk { position: relative; float: left; clear: left; width: 325px; margin-top: 56px; font: normal 18px robotoCondensedRegular; color: #3D4A58; text-align: right }
.contactResultKo { position: relative; float: left; clear: left; width: 325px; margin-top: 56px; font: normal 18px robotoCondensedRegular; color: #D35F53; text-align: right }
#contactSendButton { position: relative; float: left; width: 250px; height: 62px; margin-left: 30px; margin-top: 37px; font: normal 18px robotoCondensedBold; color: #FFFFFF; text-decoration: none; background: #DA195B; border: solid 0px #FFFFFF; border-radius: 2px; box-shadow: 0px 2px 3px #CCCCCC; cursor: pointer; -webkit-transition: all 0.2s 0s ease; transition: all 0.2s 0s ease }
#contactSendButton:hover { position: relative; float: left; width: 250px; height: 62px; margin-left: 30px; margin-top: 37px; font: normal 18px robotoCondensedBold; color: #FFFFFF; text-decoration: none; background: #BF1551; border: solid 0px #FFFFFF; border-radius: 2px; box-shadow: 0px 2px 3px #CCCCCC; cursor: pointer; -webkit-transition: all 0.2s 0s ease; transition: all 0.2s 0s ease }
#contactSendButton:disabled { position: relative; float: left; width: 250px; height: 62px; margin-left: 30px; margin-top: 37px; font: normal 18px robotoCondensedBold; color: #FFFFFF; text-decoration: none; background: #BBBBBB; border: solid 0px #FFFFFF; border-radius: 2px; box-shadow: 0px 2px 3px #CCCCCC; cursor: pointer; -webkit-transition: all 0.2s 0s ease; transition: all 0.2s 0s ease }