﻿/* ============================= */
/* ========= reset css ========= */
/* ============================= */

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 }

ol, ul {list-style:none;}

blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}

h1, h2,h3,h4, h5 { font-weight:400;}

:focus {outline:0;}

ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse; border-spacing:0;}

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width:0px; line-height:0px; font-size:0px;}
a { text-decoration:none; cursor:pointer;}
/*LABEL*/
.labelHidden { left:-9000px !important;}
label.overlabel-apply {position:absolute;z-index:1;}

#map_canvas {  width:446px !important; height:247px !important;  }

#page { }

html,body {background:url(../images/backgrounds/header.jpg) repeat-x left top; width:100%; height:100%;}
/* ============================= */
/* ========= header ========= */
/* ============================= */

header {  height:116px; width:100%;}
.head { width:982px; margin:auto;  position:relative;}
.head .top { position:absolute; right:0px; top:0px; height:31px;}
.head .top .client-area { float:left; display:block; background:url(../images/icons/client-area.png) no-repeat left top; padding-left:25px; color:#fff; font: 12px/12px 'Lato', sans-serif;margin-top:9px;}
.head .top .language { float:left;margin:9px 0 0 13px; border-left:#5fac3c 1px solid; position:relative;}
.head .top .language .selected-lang {font: 12px/12px 'Lato', sans-serif; color:#5fac3c; border-right:#5fac3c 1px solid; padding-right:13px; display:block; float:left;}
.change-lang { float:left; margin-top:-5px; padding-left:13px;}
.head .top .language .btn-change-lang {font: 12px 'Lato', sans-serif; color:#5fac3c;  display:inline-block; background:url(../images/icons/arrow-down.png) no-repeat right -19px; padding-right:18px; text-align:left;}
.head .top .language .list-lang {font: 12px 'Lato', sans-serif; color:#000; display:none; position:absolute; left:7px; top:23px; z-index:1000; background:#eaeaea; padding:2px 5px 5px 5px; }
.head .top .language .list-lang li { cursor:pointer;}
.head h1 { padding-top:60px; float:left;}
.head nav { padding:68px 0 0 0px; float:left;}
.head nav .menu { height:30px; }
.head nav .menu .menuLink{ float:left; font: 12px 'open_sans_semiboldregular' , "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#444; text-transform:uppercase; background:url(../images/backgrounds/menu.gif) repeat-x left 25px;padding:0 10px 6px 5px;}

.head nav .menu .menuLink:first-child { padding-left:0px; margin-left:40px;}

.head nav .menu .menuLink:hover a{ color:#5fac3c;}

/*.head nav .menu .menuLink:hover a{background:url(../images/backgrounds/menu-selected.gif) repeat-x left 25px !important}*/

.head nav .menu .menuLink a { color:#444; display:inline-block; padding-bottom:13px; padding-left:15px; padding-right:15px; }
.ie7 .head nav .menu .menuLink a { display:inline; zoom:1;} 
.head nav .menu .menuLink a .arrow { display:inline-block; width:11px; height:8px; margin-left:13px;  background:url(../images/icons/arrow-down.png) no-repeat left top;}

.head nav .menu .menuLink .selected{background:url(../images/backgrounds/menu-selected.gif) repeat-x left 25px !important}


.submenu { background:#eaeaea; border-top:#e7e7e7 1px solid; margin-top:18px; padding:0 74px 10px 15px; display:none;z-index:100; position:absolute; }
.head nav .submenu .submenuLink { font: 12px 'open_sansregular' , "Lucida Sans Unicode", "Lucida Grande", sans-serif;  color:#444; text-transform:none; padding:0 0 10px 0 !important; background:none !important;}
.head nav .submenu .submenuLink a{ padding:0px;  color:#444 !important; background:none !important;}
.head nav .submenu .submenuLink a:hover { color:#5fac3c !important; background:none !important;}
.head nav .submenu .submenuLink a:first-child { padding-left:0px;}
.head nav .submenu .selected a {color:#5fac3c;}

.head .search{ float:right; height:30px; margin-top:41px; position:absolute; right:0px; top:20px; z-index:2;}
.head .search .field{ position:relative; float:left;}
.head .search .field label{ top:5px; left:5px; font: 12px 'Lato', sans-serif; color:#5fac3c; }
.head .search .field input{ width:130px; height:21px; border:1px solid #b8b8b9;color:#5fac3c;font: 12px 'Lato', sans-serif; margin-top:1px; padding-left:5px;  }
.ie8 .head .search .field input { padding-top:5px;  height:16px;}
.ie7 .head .search .field input { margin-top:-1px; padding-top:5px;height:16px;}
.head .search .btnSearch { float:left;}
.head .search .btnSearch input { background:url(../images/icons/btn-search.png) no-repeat left top; width:26px; height:24px; border:none;}

/* ============================= */
/* ========= FOOTER ========= */
/* ============================= */

footer { background:url(../images/backgrounds/footer.jpg) repeat-x left top; height:181px; margin-top:-59px;}
footer.inside { background:url(../images/backgrounds/footer-inside.jpg) repeat-x left top; height:121px; margin-top:0px;}
footer.inside .foot { padding-top:15px; width:982px; overflow:hidden;}
.foot { width:982px; margin:auto; padding-top:79px;}
.foot .logo { float:left; margin-top:30px;}
.foot .internal-links { height:30px; float:left; margin:40px 0 0 200px;}
.foot .internal-links span {color:#fff; font: 12px 'Lato', sans-serif; display:block; float:left; margin-right:80px;}
.foot .internal-links .nav-foot { float:left; }
.foot .internal-links .nav-foot li{ float:left; color:#fff; font: 12px 'Lato', sans-serif; border-left:1px solid #fff; padding:0 15px}
.foot .internal-links .nav-foot li:first-child { border:none; padding-left:0px;}
.foot .internal-links .nav-foot li a { color:#fff;}
.foot .logo-sgs { float:right;}


/* ============================= */
/* ========= MAIN ========= */
/* ============================= */
.main {background:#fff url(../images/backgrounds/head-homepage-line.png) repeat-x left top; }
.main-inside1 {background:#fff url(../images/backgrounds/head-main-inside.png) repeat-x left top;}
.main-inside {background: url(../images/backgrounds/head-main-inside.png) repeat-x left top; }
/* ============================= */
/* ========= HOMEPAGE ========= */
/* ============================= */
.homepage { background: url(../images/backgrounds/head-homepage.png) no-repeat center top; width:100%; height:373px;}
.content-head-home {width:1180px; margin:auto; padding-top:55px; }
.homepage .content-left { float:left; }
.homepage .content-left .link-register { margin-top:10px;}
.homepage .content-left .link-register a{ background:url(../images/icons/btn-register.png) no-repeat left top; font: 14px/14px 'Lato', sans-serif; color:#fff; width:110px; height:28px; display:block; padding:50px 0 0 15px;}
.homepage .content-left  .ocp-direct { padding:10px 10px 10px 10px;}
.homepage .content-left .client-area-home{ padding:15px 0 0 0px;}
.homepage .content-right { float:left; padding:15px 0 0 30px;}
.homepage .content-right .text-home {font: 40px/40px 'maven_proregular', "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#fff; text-transform:uppercase;}
.homepage .content-right .text-home span {font: 17px/17px 'maven_proregular' , "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform:none; display:block}
.homepage .content-right .text-home strong {font:700 40px/40px 'maven_probold' , "Lucida Sans Unicode", "Lucida Grande", sans-serif; display:block;}
.homepage .content-right .link-know-more { background:url(../images/backgrounds/btn-big.png) no-repeat left top; color:#fff; text-transform:uppercase;font: 13px 'Lato', sans-serif; width:211px; height:28px; display:block; padding:10px 0 0 44px;margin-top:35px;}

/*CONTENT CENTER*/

.content {width:982px; margin:auto; background:#fefefe url(../images/backgrounds/content.jpg) no-repeat left top; margin-top:-33px; position:relative; border-top:2px solid #5fac3c; }


.highlight { width:982px; position:relative; }
.spacer {background:url(../images/backgrounds/highlight-bottom.jpg) no-repeat left bottom; padding-bottom:30px; width:981px; }
.ie7 .spacer { height:31px;}
.spacer2 {background:url(../images/backgrounds/highlight-bottom.jpg) no-repeat left bottom; padding-bottom:30px; margin-top:-20px;}
.spacer3 {background:url(../images/backgrounds/highlight-bottom.jpg) no-repeat left bottom; width:981px; height:31px;}
.who-we-are-home { background:url(../images/contents/destaque-quem-somos.png) no-repeat 70px 80px; height:270px; position:relative;}
.who-we-are-home .link-grupo-celesio { position:absolute; left:145px; top:181px;}
.who-we-are-home h2 {font:700 50px 'maven_probold' , "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#5fac3c; text-align:right; padding:25px 23px 0px 0;}
.who-we-are-home .info {display:block;font: 15px 'Lato', sans-serif; color:#545454; text-align:right; padding:15px 23px 0px 0; width:361px; float:right}
.who-we-are-home span {  }
.who-we-are-home .link-about-us { display:block; float:right; margin:25px 23px 0 0;}
.who-we-are-home .link-about-us .begin-link{ display:block; float:left; padding:0px !important;}
.who-we-are-home .link-about-us .center-link{display:block; float:left; background:#f2f2f2; height:38px; padding:10px 18px 1px 5px !important; text-align:left; font: 11px 'Lato', sans-serif; color:#545454; }
.who-we-are-home .link-about-us .center-link strong { color:#5fac3c; font-size:12px;}
.who-we-are-home .link-about-us .end-link{display:block;  float:left; padding:0px !important;}

.services-and-news { background:url(../images/backgrounds/highlight-service.png) no-repeat left top; width:871px; height:200px; float:left;}
.services-and-news .services{ float:left; width:435px; background:none; height:auto;}
.image{ margin-top:9px; float:left;}
.text{ float:left; width:230px; padding:15px 0 0 11px;}
.text h2{ font: 700 20px 'maven_probold' , "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#5fac3c; text-transform:uppercase;padding-bottom:12px;}
.text .date {font: 10px 'Lato', sans-serif; color:#6a6a6a; margin-top:-5px; display:block; padding-bottom:5px;}
.text .summary {display:block;font: 12px 'Lato', sans-serif; color:#545454; }
.text .link-see-more {font: 12px 'maven_promedium' , "Lucida Sans Unicode", "Lucida Grande", sans-serif; background:url(../images/backgrounds/btn-see-more.jpg) repeat-x left top;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; padding:8px; height:30px; text-transform:uppercase; color:#fff; height:15px; display:inline-block; vertical-align:middle; margin-top:13px;}
.link-see-more span { display:inline-block; background:url(../images/icons/arrow-left.png) no-repeat left 2px; width:9px; height:15px;vertical-align:middle; margin-left:5px}

.reportAccounts { float:left; width:111px; margin-top:10px;} 
.reportAccounts a { display:block; text-align:center;}
.reportAccounts a span {font:700 14px/14px 'maven_problack' , "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#5fac3c; text-align:center; text-transform:uppercase;}

.fold { background:url(../images/backgrounds/dobra.png) no-repeat left top; width:11px; height:46px; position:absolute; left:-11px; top:17px;}
.about-celesio { background:url(../images/backgrounds/hightlight-celesio.png) no-repeat left top; height:253px;}
.about-celesio .group { width:560px; float:left; margin-right:12px;}
.about-celesio h2 {font: 22px 'Lato', sans-serif; color:#5fac3c; text-transform:uppercase; padding:5px 0 4px 20px; margin-top:18px; background:#fff; display:inline-block;}
.ie7 .about-celesio h2  { display:inline; zoom:1;}
.about-celesio .group span { display:block; font: 14px 'Lato', sans-serif; color:#fff; margin:20px 0 0 300px;}
.about-celesio .video { width:408px; float:left;}
.youtube-video { margin:19px 0 0 114px;}

/* ============================= */
/* ========= SUBMENU LATERAL ========= */
/* ============================= */
.contentWide {width:1280px; margin:auto; position:relative;}
.nav-aside { width:140px; position:absolute; left:0px; top:150px;}
.nav-aside li{font: 14px 'open_sansregular', "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#444444; padding-bottom:5px; width:140px; overflow:hidden;}
.nav-aside li a {color:#444444;width:140px; overflow:hidden; display:block;}
.nav-aside li a .menu-aside { display:block; padding-left:10px;}
.nav-aside li a:hover, .nav-aside li.selected a  {color:#5fac3c; background:url(../images/icons/arrow-left-submenu.png) no-repeat left 4px; }

/* ============================= */
/* ========= FILOSOFIA ========= */
/* ============================= */

.bg-philosophy{background: url(../images/backgrounds/head-filosofia.jpg) no-repeat center top; width:100%; height:270px;  border-bottom:2px solid #5fac3c;}
hgroup { margin:0 24px; padding:20px 0 8px 0; border-bottom:4px solid #5fac3c; width:934px; overflow:hidden;}
hgroup h2 { font: 39px 'maven_promedium' , "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#bbbbbb; float:left; word-spacing:-5px; }
hgroup h3 {font: 15px 'maven_promedium' , "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#bbbbbb; float:left; margin:23px 0 0 15px; word-spacing:-2px;}

.mission { background:url(../images/contents/mission.jpg) no-repeat right 30px; margin-left:24px; padding-bottom:80px;}
.mission h4 {font:700 36px 'maven_probold' , "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#5fac3c; margin-bottom:25px; padding-top:65px; } 
.mission .summary {font: 14px 'Lato', sans-serif; color:#696969; width:508px; padding-left:20px;} 
.mission .summary li { list-style-image:url(../images/icons/bullet.gif);}
.mission .summary span {color:#5fac3c;}

.our-commitment {}
.our-commitment h4{font:700 45px/45px 'maven_probold' , "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align:center; color:#5fac3c; text-transform:uppercase; }
.our-commitment span{color:#5fac3c; font: 16px 'maven_promedium' , "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align:center; display:block; margin-top:5px; }
.commitement-words { background:url(../images/contents/commitement.jpg) no-repeat left top; width:982px; height:830px; margin-top:20px; position:relative;}
.commitement-words .elements {width:292px;position:absolute;}
.commitement-words .elements h5{font:700 30px 'maven_probold' , "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#5fac3c; text-align:center; }
.commitement-words .elements span{font: 15px 'Lato', sans-serif; color:#696969; text-align:center; display:block;}

.society { left:338px; top:157px;}
.clients { left:0; top:366px;}
.suppliers {right:0; top:366px; width:266px !important;}
.employees {left:90px; top:663px;}
.shareholders {right:90px; top:663px; width:300px !important;}

/* ============================= */
/* ========= GROUPO CELESIO ========= */
/* ============================= */

.bg-group-celesio {background: url(../images/backgrounds/head-group-celesio.jpg) no-repeat center top; width:100%; height:270px; border-bottom:2px solid #5fac3c }

.about-ocp {font: 15px/20px 'Lato', sans-serif; color:#696969; margin:0 24px; padding-top:40px;}
.countries-group-celesio { padding-top:30px;}
.countries-group-celesio h4{font:700 22px/22px 'maven_probold' , "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align:center; color:#5fac3c; text-transform:uppercase;}
.countries-group-celesio .slide { height:20px; text-align:center; width:630px; margin:auto; margin-top:20px;}
.countries-group-celesio .slide .prev{ background:url(../images/icons/arrow-left.png) no-repeat left -39px; height:17px; width:10px; display:block; float:left;margin-right:30px;}
.countries-group-celesio .slide .next{ background:url(../images/icons/arrow-left.png) no-repeat left -62px; height:17px; width:10px; display:block; float:left; margin-left:30px;} 
.countries-group-celesio .country-list { float:left; overflow:hidden; width:500px;}
.countries-group-celesio .country-list ul {  overflow:hidden; height:20px;  }
.countries-group-celesio .country-list li { float:left; font: 14px 'open_sansregular'; padding-left:15px;}
.countries-group-celesio .country-list li:first-child { padding-left:0px;}
.btn-celesio { text-align:center; margin-bottom:40px;}
.link-group-celesio {font: 14px 'maven_promedium' , "Lucida Sans Unicode", "Lucida Grande", sans-serif; background:url(../images/backgrounds/btn-see-more.jpg) repeat-x left top;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:8px; height:30px; text-transform:uppercase; color:#fff; height:15px; display:inline-block; vertical-align:middle; margin-top:13px;}
.link-group-celesio span { display:inline-block; background:url(../images/icons/arrow-left.png) no-repeat left 1px; width:9px; height:15px;vertical-align:middle; margin-left:5px}

/* ============================= */
/* ========= ONDE ESTAMOS ========= */
/* ============================= */

.bg-where-we-are {background: url(../images/backgrounds/head-where-we-are.jpg) no-repeat center top; width:100%; height:270px; border-bottom:2px solid #5fac3c;}
.headquarters-location {}
.headquarters-location span {font: 18px/18px 'maven_proregular' , "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#5fac3c; display:block; margin:25px 0 0 44px; }

.location-map { width:938px; overflow:hidden; margin:60px 0 45px 44px;}
.location-map .location { float:left; width:460px;}
.location-map .location h3{font:700 36px 'maven_probold' , "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#5fac3c; margin-top:25px;}
.location-map .location span{font: 700 16px/16px 'Lato', sans-serif; color:#696969; display:block;margin:0px;}
.location-map .location .coordinates { float:right; margin:25px 25px 0 0;}
.location-map .location .coordinates h4 {font: 16px/16px 'maven_promedium' , "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#5fac3c; text-align:right;}
.location-map .location .coordinates span { background:url(../images/icons/marker.png) no-repeat left 14px; display:block; font: 16px/20px 'open_sansregular', "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding:20px 0 20px 68px;}
.location-map .location .coordinates a { background:url(../images/icons/link.png) no-repeat right top; display:block; font: 16px/20px 'maven_promedium', "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#5fac3c;}
.google-maps { float:right; margin-right:30px; }

.warehouses-location{ padding-bottom:100px; width:982px; overflow:hidden;}
.warehouses-location .location { float:left; }
.warehouses-location .location h3 {font:700 36px 'maven_probold' , "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#5fac3c; margin-top:25px; margin-left:44px; padding-bottom:50px;}
.warehouses-location .location .address {margin-left:44px; display:none;}
.warehouses-location .location .address .town{font:700 30px 'maven_probold' , "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#5fac3c; text-transform:uppercase; display:block;}
.warehouses-location .location .address .street{font: 14px 'open_sansregular', "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#696969; display:block;}

.warehouses-location .location .slideshow-warehouse { width:495px; overflow:hidden; background:url(../images/backgrounds/line-bottom.png) no-repeat center bottom; padding:50px 0;}

.map-warehouses { background:url(../images/backgrounds/map-portugal.png) no-repeat left top; width:311px; height:637px; float:right; position:relative;}

.map-warehouses .city {position: absolute;width: 41px;height: 37px;display: block;text-indent: -9999px;z-index: 100; background:url(../images/icons/marker-ocp.png) no-repeat left top;}
.map-warehouses .city span { display:none;}

.option1 { left:101px; top:93px;}
.option1.city-selected { background:url(../images/icons/marker-ocp-selected.png) no-repeat left top !important; width:55px !important; height:53px !important; left:px !important; top:px !important; }

.option2 { left:116px; top:62px;}
.option2.city-selected { background:url(../images/icons/marker-ocp-selected.png) no-repeat left top !important; width:55px !important; height:53px !important; left:110px !important; top:57px !important; }

.option3 { left:175px; top:117px;}
.option3.city-selected { background:url(../images/icons/marker-ocp-selected.png) no-repeat left top !important; width:55px !important; height:53px !important; left:169px !important; top:112px !important; }

.option4 { left:152px; top:169px;}
.option4.city-selected { background:url(../images/icons/marker-ocp-selected.png) no-repeat left top !important; width:55px !important; height:53px !important; left:146px !important; top:164px !important; }

.option5 { left:90px; top:289px;}
.option5.city-selected { background:url(../images/icons/marker-ocp-selected.png) no-repeat left top !important; width:55px !important; height:53px !important; left:84px !important; top:284px !important; }

.option6 { left:44px; top:358px;}
.option6.city-selected { background:url(../images/icons/marker-ocp-selected.png) no-repeat left top !important; width:55px !important; height:53px !important; left:38px !important; top:353px !important; }

.option7 { left:65px; top:408px;}
.option7.city-selected { background:url(../images/icons/marker-ocp-selected.png) no-repeat left top !important; width:55px !important; height:53px !important; left:59px !important; top:403px !important; }

/* ============================= */
/* ========= O QUE FAZEMOS ========= */
/* ============================= */

.bg-what-we-do {background: url(../images/backgrounds/head-what-we-do.jpg) no-repeat center top; width:100%; height:270px; border-bottom:2px solid #5fac3c;}
.about-areas {font: 20px/24px 'maven_promedium' , "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#5fac3c;text-align:left; margin:20px 24px 0 24px; display:block;}
.content-areas { background:url(../images/contents/what-we-do.png) no-repeat left top; width:974px; height:1400px; margin-top:50px;}
.content-areas .areas { position:absolute;}
.content-areas .areas h4{font: 35px 'maven_proregular' , "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#5fac3c;}
.content-areas .areas span{font: 14px/20px 'Lato', sans-serif; color:#696969; display:block; margin-top:5px;}
.content-areas .areas a{ background:url(../images/icons/link.png) no-repeat right -30px; padding-right:40px; font:700 14px/15px 'Lato', sans-serif; color:#696969; text-transform:uppercase; padding-bottom:5px; display: inline-block; margin-top:10px; padding-top:3px;}
.content-areas .areas a:hover { background:url(../images/icons/link.png) no-repeat right top; color:#5fac3c}

.ocp-portugal { text-align:center; width:648px; left:156px; top:410px;}
.ocp-portugal h4 { text-align:center;}

.pharmaceutical-industry {width:400px; left:68px; top:689px;}
.pharmacies {width:400px; right:18px; top:935px;}

.users {left:392px; top:1305px; }
.users h4 {font:700 45px 'maven_probold' , "Lucida Sans Unicode", "Lucida Grande", sans-serif !important; text-transform:uppercase;}

/* ============================= */
/* ========= QUEM SOMOS ========= */
/* ============================= */
.bg-compliance {background: url(../images/backgrounds/compliance_2.jpg) no-repeat center top; width:100%; height:270px; border-bottom:2px solid #5fac3c;}
.bg-who-we-are {background: url(../images/backgrounds/head-quem-somos.jpg) no-repeat center top; width:100%; height:270px; border-bottom:2px solid #5fac3c;}
.text-highlight {font: 20px/24px 'maven_promedium', "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#5fac3c; margin:20px 24px 0 24px;}
.description {font: 14px 'open_sansregular', "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin:20px 24px 10px 24px;}
.description p { padding-bottom:15px;}

.know-us {width:958px; overflow:hidden; margin-right:24px;}
.know-us .top-head{ width:958px; overflow:hidden;}
.know-us .top-head .title{font: 21px 'Lato', sans-serif; color:#444444; display:block; float:left; margin-left:48px;}
.know-us .top-head .line { background:#5fac3c; display:block; height:1px; float:right; margin-top:13px;}

.ceo-sentence { background:url(../images/backgrounds/sentence.jpg) no-repeat left top; width:253px; height:345px; padding:30px 30px 0 30px;  margin:20px 0 0 24px; float:left;}
.ceo-sentence .ceo{ width:253px; overflow:hidden; border-bottom:1px solid #fff; padding-bottom:12px;}
.ceo-sentence .ceo .photo { float:left;}
.ceo-sentence .ceo .name {font: 20px/20px 'maven_promedium', "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#fff; float:left; margin-left:21px;}
.ceo-sentence .ceo .name span { display:block; font: 14px/14px 'Lato', sans-serif; color:#696969;}
.ceo-sentence .sentence{font: 17px/24px 'Lato', sans-serif; color:#fff; font-style:italic; margin-top:18px;}

.know-us .movie { width:542px; height:330px; background:#5fac3c; float:right;  margin:22px 0 0 24px; padding:5px;}

/* ============================= */
/* ========= SERVIÇOS ========= */
/* ============================= */

.bg-services {background: url(../images/backgrounds/head-services.png) no-repeat center top; width:100%; height:270px;}
.services-areas { width:982px; overflow:hidden; padding-top:20px;}
.services-areas .area { width:982px; overflow:hidden; position:relative; padding-top:10px; }

.align-middle {vertical-align:middle;}
.align-bottom {vertical-align:bottom;}

.services-areas .area .image-area{ width:484px; text-align:center; }
.services-areas .area .image-area img { display:block;}
.services-areas .area .description-area { width:470px; margin-right:24px; }
.services-areas .area .description-area h4 {font:700 34px 'maven_probold', "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#5fac3c;}
.services-areas .area .description-area ul { margin-left:18px; padding-top:20px;}
.services-areas .area .description-area li { list-style-image:url(../images/icons/bullet.gif); font: 14px/20px 'Lato', sans-serif; color:#696969; padding-bottom:20px; }
.services-areas .area .description-area span {font:700 16px/20px 'Lato', sans-serif; color:#696969; display:block; padding-left:20px; padding-bottom:40px;}


/* ============================= */
/* ========= CONTACTOS ========= */
/* ============================= */
.bg-contacts {background: url(../images/backgrounds/head-contacts.png) no-repeat center top; width:100%; height:270px;}

.contact-headquarters { width:982px; overflow:hidden;}
.headquarters-address { float:left; margin-left:24px;}
.headquarters-address h4 {font:700 25px 'maven_probold', "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#5fac3c; text-transform:uppercase; padding-top:40px;}
.headquarters-address .phone {font:700 23px/24px 'Lato', sans-serif; color:#00aaf0; margin-left:10px; padding:15px 0 10px 40px; background:url(../images/icons/skype.png) no-repeat left 10px;}
.headquarters-address .address {font:700 14px/18px 'Lato', sans-serif; color:#696969; margin-left:10px; padding-top:15px;}
.headquarters-address .address a {color:#696969; }
.headquarters-map { float:right;}

.contact-form { width:300px; float:left;}

.get-more-info { width:958px; overflow:hidden; margin:30px 0 0 24px; padding-bottom:50px;}
.get-more-info .form-contact{ width:402px; float:left;}

.get-more-info .form-contact .field{ width:300px; overflow:hidden; padding-bottom:16px;}
.get-more-info .form-contact .field label{ width:88px; float:left; font: 14px 'maven_proregular' , "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#696969; margin-top:6px;}
.get-more-info .form-contact .field input{ border:#e3e3e3 1px solid; background:#eeeeee; font: 14px/14px 'Lato', sans-serif; color:#696969; width:199px; height:25px; float:left;padding-left:10px;}
.ie8 .get-more-info .form-contact .field input, .ie7 .get-more-info .form-contact .field input{ padding-top:5px; height:20px;}

.get-more-info .form-contact .field textarea { border:#e3e3e3 1px solid; background:#eeeeee; font: 14px/14px 'Lato', sans-serif; color:#696969; float:left; height:100px; width:195px;padding-left:10px;}
.ie8 .get-more-info .form-contact .field textarea {width:199px;}

.get-more-info .form-contact .btn-send { position:relative; height:31px; margin:-40px 0 0 202px}
.ie8 .get-more-info .form-contact .btn-send { margin-top:-38px;}
.get-more-info .form-contact .btn-send input{ background:url(../images/backgrounds/btn-see-more.jpg) repeat-x left top; padding:9px 18px; border:none; font: 13px/13px 'Lato', sans-serif; color:#fff; text-transform:uppercase; margin-left:7px; cursor:pointer; position:absolute; left:0px; top:0px; }
.ie7 .get-more-info .form-contact .btn-send input { padding: 9px 5px}
.ie7 .get-more-info .form-contact .btn-send input, .ie9 .get-more-info .form-contact .btn-send input { top:2px;}
@-moz-document url-prefix() { 
  .get-more-info .form-contact .btn-send input {
      top:2px;
  }
}

.get-more-info .form-contact .btn-send .fold { background:url(../images/icons/fold-btn.gif) no-repeat left top; position:absolute; left:0px; top:24px; width:7px; height:8px; display:block;}
.ie8 .get-more-info .form-contact .btn-send .fold { top:22px;}

.resultMessage { padding:20px 0 0 88px;}
.resultMessage label{ display:block;  font: 12px/14px 'Lato', sans-serif; color:#575757; padding-left:8px;}

/*CUSTOMIZE SELECT*/
div.selector, div.selector span {  background-image: url(../images/backgrounds/sprite.png);  background-repeat: no-repeat;  -webkit-font-smoothing: antialiased;}
.selector{ margin: 0;  padding: 0; display: -moz-inline-box;  display: inline-block;  vertical-align: middle;  zoom: 1;  *display: inline; background-position:  -489px -28px;  line-height: 28px;  height: 28px;  width: 208px;  font-size: 12px;position: relative;  padding-left: 4px;  overflow: hidden; float:left;}
.selector span {background-position: right 0px;  height: 28px;  line-height: 28px;  cursor: pointer;color: #575757 !important; font: 14px/14px 'Lato', sans-serif !important;  display: block;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; padding-top:6px; padding-left:10px;}
.selector select {top: 0px;  left: 0px;  width: 212px;  font: 14px/14px 'Lato', sans-serif; color:#575757;  position: absolute;  opacity: 0;  filter: alpha(opacity:0);  height: 28px;  border: none;  background: none; padding-left:10px;}
.ie7 .selector select { left:0px;}
.ie8 .selector select, .ie9 .selector select { left:-10px; width: 222px;}

.call-center { background:url(../images/backgrounds/call-center.png) no-repeat left top; width: 484px; float:left; margin-top:30px;}
.call-center .phone {font:700 23px/24px 'Lato', sans-serif; color:#00aaf0; margin-left:10px; padding:15px 0 10px 40px; background:url(../images/icons/skype.png) no-repeat left 10px; margin:35px 0 0 144px;}
.call-center .schedule {font:700 13px/18px 'Lato', sans-serif; color:#696969; margin-left:150px; padding-top:2px;}
.call-center .schedule a { color:#696969; }
.call-center .email {font:700 25px 'maven_probold', "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#5fac3c; text-transform:uppercase; margin-top:87px; text-align:center;}
.call-center .email a {color:#5fac3c;}

/* ============================= */
/* ========= NEWS ========= */
/* ============================= */

.bg-news {background: url(../images/backgrounds/head-news.png) no-repeat center top; width:100%; height:270px; }
.display-news {}
.list-news { margin:50px 244px 0 44px; min-height:auto !important;}
.list-news li { margin-bottom:30px;}
.list-news .highlight { width:914px; overflow:hidden;}
.list-news .highlight .image-news{ float:left; display:block;}
.list-news .highlight .text-news{ float:left; width:515px; margin-left:20px; display:block;}
.list-news .highlight .text-news .head-news{ width:515px; overflow:hidden; display:block;}
.list-news .highlight .text-news .head-news .date-news{ float:left; background:url(../images/backgrounds/date.jpg) no-repeat left top; width:49px; height:56px;font:700 16px/16px 'Lato', sans-serif; color:#fff; text-align:center; display:block; padding-top:16px; text-transform:uppercase;}
.list-news .highlight .text-news .head-news .title-news{ float:left; display:block; font:700 24px/24px 'maven_probold', "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#5fac3c; padding:10px 0 0 18px;}
.list-news .highlight .text-news .head-news .title-news a {color:#5fac3c;}
.list-news .highlight .text-news .summary-news { display:block; font:15px/18px 'Lato', sans-serif; color:#696969; margin-top:20px;}
.list-news .highlight .text-news .link-news {font: 14px 'maven_promedium' , "Lucida Sans Unicode", "Lucida Grande", sans-serif; background:url(../images/backgrounds/btn-see-more-grey.jpg) repeat-x left top;-webkit-border-radius: 5px;
-moz-border-radius: 5px; border-radius: 5px; padding:8px; height:30px; text-transform:uppercase; color:#fff; height:15px; display:inline-block; vertical-align:middle; margin-top:30px;}
.list-news .highlight .text-news .link-news span { display:inline-block; background:url(../images/icons/arrow-left.png) no-repeat left 1px; width:9px; height:15px;vertical-align:middle; margin-left:5px}
.list-news .highlight .text-news .link-news:hover {background:url(../images/backgrounds/btn-see-more.jpg) repeat-x left top;}

.list-news .custom { width:914px; overflow:hidden;}
.list-news .custom .image-news{ float:left; display:block;}
.list-news .custom .date-news{ float:left; background:url(../images/backgrounds/date.jpg) no-repeat left top; width:49px; height:56px;font:700 16px/16px 'Lato', sans-serif; color:#fff; text-align:center; display:block; padding-top:16px; margin-left:30px; text-transform:uppercase;}
.list-news .custom .text-news{ float:left; width:708px; margin-left:20px; display:block;}
.list-news .custom .text-news .title-news{ display:block; font:700 18px/18px 'maven_probold', "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#5fac3c; padding:10px 0 0 0px;}
.list-news .custom .text-news .title-news a {color:#5fac3c;}
.list-news .custom .text-news .summary-news { display:block; font:13px/15px 'Lato', sans-serif; color:#696969; padding-top:5px;}

.pagination {	margin: 15px 0;	text-align:center;}
.pagination a {	font-size: 12px;	cursor: pointer;	margin: 0 5px;	color: #696969;	font: 16px 'maven_promedium' , "Lucida Sans Unicode", "Lucida Grande", sans-serif;	padding-top:4px;}
.pagination a:hover {	color: #5fac3c;}
.pagination a.jp-previous { margin-right: 4px; background:url(../images/icons/pagintation.jpg) no-repeat left -35px; width:15px; height:26px; text-indent:-9999px; display:inline-block }
.pagination a.jp-next { margin-left: 4px;background:url(../images/icons/pagintation.jpg) no-repeat left top; width:15px; height:26px; text-indent:-9999px; display:inline-block }
.pagination a.jp-current, a.jp-current:hover { 	color: #5fac3c;}
.pagination a.jp-disabled { display:none;}
.pagination span { margin: 0 5px; }

/* ============================= */
/* ========= NEWS ========= */
/* ============================= */

.display-news-detail { width:934px; overflow:hidden; margin:30px 24px 0 24px; border-bottom:#5fac3c 1px solid;}
.display-news-detail .head-news {width:934px; overflow:hidden; margin-bottom:30px}
.display-news-detail .head-news .date-news{float:left; background:url(../images/backgrounds/date.jpg) no-repeat left top; width:49px; height:56px;font:700 16px/16px 'Lato', sans-serif; color:#fff; text-align:center; display:block; padding-top:16px; text-transform:uppercase;}
.display-news-detail .head-news .title-news{ float:left;display:block; font:700 34px/34px 'maven_probold', "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#5fac3c; padding:4px 0 0 20px; width:865px;}

.display-news-detail .text-news {}
.display-news-detail .text-news .image-news{ text-align: left;  float:left; margin-right:20px;}
.display-news-detail .text-news .info-news {}
.display-news-detail .text-news .date-time-news{font:700 16px/16px 'Lato', sans-serif; color:#5fac3c;}
.display-news-detail .text-news .summary-news{  font:20px/25px 'Lato', sans-serif; color:#696969; padding-top:5px;}
.display-news-detail .text-news .summary-news p { padding-bottom:5px;}
.display-news-detail .text-news .description-news{font:13px/16px 'Lato', sans-serif; color:#696969; padding-top:15px;}

.link-back {font: 14px 'maven_promedium' , "Lucida Sans Unicode", "Lucida Grande", sans-serif; background:url(../images/backgrounds/btn-see-more-grey.jpg) repeat-x left top;-webkit-border-radius: 5px;
-moz-border-radius: 5px; border-radius: 5px; padding:8px; height:30px; text-transform:uppercase; color:#fff; height:15px; display:inline-block; vertical-align:middle; margin:20px 0 20px 44px;}



