* {margin: 0;padding: 0}
h1, h2, h3, h4, h5, h6, pre, blockquote, label, ul, ol, dl, fieldset, address {margin:0}
ul, ol, dl {padding-left:1em;list-style: square;}
li, dd, blockquote {margin-left: 5%}
form label {cursor: pointer}
fieldset {border: none}
abbr, acronym {border:none;}
abbr[title], acronym[title] {border-bottom: 1px dotted #666;cursor: help}
img {border: none}
table {border: 0;border-collapse: collapse}
table tr, table td {margin: 0;padding: 0}
a {color: #0b7ac0;text-decoration: none}
a:hover {text-decoration:underline}
h1 {color: #0b7ac0;font: 2.5em "Trebuchet MS", arial, helvetica, sans-serif;padding: 2px 0;margin: 0 0 8px 0}
h2 {color: #333c41;font: 1.7em "Trebuchet MS", arial, helvetica, sans-serif;padding: 2px 0;margin: 8px 0}
h3 {color: #0b7ac0;font: 1.25em "Trebuchet MS", arial, helvetica, sans-serif;padding: 2px 0;margin: 8px 0 16px 0}
.fleft {float:left}
.fright {float:right}
.padright {padding-right:10px}

/* HEADER */
#header {background: transparent url(../images/bg-header.gif) top left no-repeat;width: 976px;margin:0 auto;height:98px}
#header-content {float: right;width: 500px;padding:18px 40px 0 0;text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:0.8em}
#header-content a {padding:2px 0 0 20px; margin-left:6px; color:gray}
#header-content a:hover {text-decoration:underline;color: #1b86c8}
#header-content .spa {background: transparent url(../images/flag-spain.gif) top left no-repeat;}
#header-content .spa:hover, #header-content .spaact {background-position: 0 -16px}
#header-content .eng {background: transparent url(../images/flag-uk.gif) top left no-repeat;}
#header-content .eng:hover, #header-content .engact {background-position: 0 -16px}
#header-content .por {background: transparent url(../images/flag-br.gif) top left no-repeat;}
#header-content .por:hover, #header-content .poract {background-position: 0 -16px}
img.logo {padding: 18px 0 12px 24px;float:left}
.highlight {background:#f4f4f4; padding:12px 24px; margin-top:20px}
/* END HEADER */

/* MENU */
#menu {background:#1b86c8 url(../images/menu-bg.gif) repeat-x;float:left;width: 960px;height:31px;text-align:center;position:relative; z-index:9999}
.menu-left {background:transparent url(../images/menu-left.gif) no-repeat; position:absolute; left:-7px; top:0; width:7px; height:41px}
.menu-right {background:transparent url(../images/menu-right.gif) no-repeat; position:absolute; right:-7px; top:0; width:7px; height:41px}
#menu ul {margin:0;padding:0}
#menu ul li {background:transparent url(../images/menu-separator.gif) top right no-repeat;list-style-image:none;display:block;text-align:center;margin:0;padding:5px 0 5px 0;float:left;height:20px;font: 1.25em "Trebuchet MS", arial, helvetica, sans-serif;font-weight:bold;width:137px;position:relative}
#menu ul li.last {background:none}
#menu ul li.active {background: #333c41 url(../images/menu-bg-active.gif) repeat-x; height:21px}
#menu ul li.active a {color: #fff;}
#menu a {color: #fff; display:block}
#menu a:hover {text-decoration:none}
#menu ul li ul{left: 0;top: 0;position: absolute;display: block;visibility: hidden;z-index:10000; margin-top:-2px}
#menu ul li ul li{display: inline;float: left; text-align:left; z-index:9998; background:none; width:auto; height:18px}
#menu ul li ul li a, #menu ul li.active ul li a{width: 180px;padding: 5px 10px;background: #f4f4f4;font-size:0.7em; border:1px solid #ccc;border-top:1px solid #fff; color:#0B7AC0; }
#menu ul li.contact ul li a {width:123px}
#menu ul li ul li a:hover{background: #333c41; text-decoration:none; color:#fff}
#menu .arrowdiv{position: absolute;right: 0}
* html p#iepara{padding-top: 1em}
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
/* END MENU */

/* HOME SLIDER */
#simpleshow-holder {margin:0 auto;width: 960px;position:relative; float:left; padding-left:1px; height:290px}
*:first-child+html #simpleshow-holder {z-index:-1} *html #simpleshow-holder {z-index:-1}
#simpleshow-holder .slider-bottom {width:958px; height:10px; background:#1b86c8 url(../images/menu-bg.gif) bottom repeat-x; position:absolute; top:289px}
#simpleshow, #simpleshow div {width: 960px;height:290px}
#simpleshow, #simpleshow div, #simpleshow div div, #simpleshow div div h2, #simpleshow div div p {position:relative}
#simpleshow img {float:right; padding-right:2px}
#simpleshow .slider-option-content {position: absolute;width:420px; left: 20px; top:20px; line-height:1.1em}
#simpleshow h2 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 2.8em;line-height: 30px;color: #333c41;	margin:0; font-weight:bold}
#simpleshow p {color: #3b3b3b; font-size:1.25em; margin:0; padding-top:4px; font-style:italic; line-height:1.35em}
*:first-child+html #simpleshow p {font-weight:bold; line-height:1.25em}
.slide-pagination {position:absolute; top:230px; right:20px; background: transparent url(../images/slider-actions-bg.png) top left no-repeat; width:137px; height:38px}
*html .slide-pagination {background: transparent url(../images/slider-actions-bg.gif) top left  no-repeat; right:30px}
.slider-option .slider-details {background: url(../images/slider-btn-detail.gif) top left no-repeat; width:157px; height:26px; color:#fff; text-align:center; display:block; position:absolute; top:210px; left: 0; text-decoration:none; padding-top:4px; font-weight:bold; font-size:1.25em; text-align:center; padding-top:10px}
.slider-option .slider-demo {background: url(../images/slider-btn-demo.gif) top left no-repeat; width:167px; height:26px; text-align:center; display:block; position:absolute; top:210px; left: 166px; text-decoration:none; padding-top:4px;font-weight:bold; font-size:1.25em;text-align:center;padding-top:7px}
.slide-pagination .previous, .slide-pagination .next, .slide-pagination .pause {border:0; width:45px; height:33px; display: block; float:left; cursor:pointer; background:none;}
.home-content p {font-size:1.25em!important}
/* END HOME SLIDER */

/* HOME CAROUSEL */
.mycarouselContainer {width:912px; position:relative; padding-top:20px}
.mycarouselContainer .prev, .mycarouselContainer .next {background: transparent url(../images/prev-next.jpg) top left no-repeat; width:24px; height:100px; border:0; position:absolute}
.mycarouselContainer .prev {top:0; left:0}
.mycarouselContainer .next {background-position:right;top:0;right:0}
.mycarouselContainer .prev:hover, .mycarouselContainer .next:hover {cursor:pointer}
.mycarousel {width:840px!important; margin-left:36px}
.mycarousel ul li {width:152px!important; height:120px; margin:0 8px; text-align:center}
/* END HOME CAROUSEL */

/* MAIN */
body {background: #fff url(http://viapool.com/images/body-bg.gif) repeat-x;color : #4C5658;font: 0.75em "Trebuchet MS", lucida, arial, helvetica, sans-serif;line-height: 16px;margin: 0;padding: 10px 0}
#global {margin: 0 auto;width: 976px}
#container {background: #fff url(../images/bg-page.gif) repeat-y;float: left;width:960px; position:relative}
#content {float:left; width:670px; padding:24px}
#content p {font-size:1.1em; line-height:1.75em; padding-bottom:12px}
#right {float:left; width:216px; padding:24px 24px 0 0}
#left {float:left; width:216px; padding:24px 0 12px 24px}
.menu-client a{background: transparent url(../images/submenu.gif) bottom left no-repeat; width:204px; height:25px;float:left; font-size:1.2em; font-weight:bold; padding:8px 0 0 14px; margin-bottom:5px}
#left a.active {background: transparent url(../images/submenu-active.gif) bottom left no-repeat; color:#fff }
.gray-bg {background: #fff url(../images/bg-gray-rounded.gif) bottom left no-repeat; padding:4px 18px 18px; width:180px; margin-bottom:24px; font-style:italic; min-height:70px}
.gray-bg h4 {color: #333c41; font-size:1.5em; padding-bottom:8px}
.gray-bg p {padding-bottom:10px}
.work p {padding-bottom:6px}
.gray-bg a {text-decoration:underline}
.gray-bg a:hover {text-decoration:none}
.gray-top {background: #fff url(../images/bg-gray-rounded.gif) top left no-repeat;width:216px; height:14px}
#clients-home {clear:both; padding:12px 24px 0}
#clients-home h2 {border-bottom:1px solid #ccc; margin-bottom:20px}
.homeFirst {padding-top:20px}
.top-section {float:right; padding:0 0 20px 20px}
.list li {list-style-image: url(../images/li.gif)}
#clients-home a {display:block}
#clients-home a span {position:absolute; left:-9999px}
#clients-home a.client01 {background: #fff url(../images/logo-nobleza.jpg) top left no-repeat; width:144px; height:75px}
#clients-home a.client02 {background: #fff url(../images/logo-sap.jpg) top left no-repeat; width:104px; height:52px}
#clients-home a.client03 {background: #fff url(../images/logo-unilever.jpg) top left no-repeat; width:140px; height:76px}
#clients-home a.client04 {background: #fff url(../images/logo-johnson.jpg) top left no-repeat; width:142px; height:43px}
#clients-home a.client05 {background: #fff url(http://viapool.com/images/logo-telefonica.jpg) top left no-repeat; width:128px; height:71px}
#clients-home a.client06 {background: #fff url(../images/logo-tgestiona.jpg) top left no-repeat; width:125px; height:59px}
#clients-home a.client07 {background: #fff url(../images/logo-quilmes.jpg) top left no-repeat; width:140px; height:70px}
#clients-home a.client08 {background: #fff url(../images/logo-aquanima.jpg) top left no-repeat; width:150px; height:70px}
#clients-home a.client09 {background: #fff url(../images/logo-fresenius.jpg) top left no-repeat; width:150px; height:60px}
#clients-home a.client10 {background: #fff url(../images/logo-kraft.jpg) top left no-repeat; width:150px; height:70px}
#clients-home a.client11 {background: #fff url(../images/logo-lanacion.jpg) top left no-repeat; width:150px; height:60px}
#clients-home a.client12 {background: #fff url(../images/logo-lojack.jpg) top left no-repeat; width:150px; height:70px}
#clients-home a.client13 {background: #fff url(../images/logo-mtl.jpg) top left no-repeat; width:150px; height:73px}
#clients-home a.client14 {background: #fff url(../images/logo-carre.jpg) top left no-repeat; width:140px; height:70px}
#clients-home a.client15 {background: #fff url(../images/logo-bayer.jpg) top left no-repeat; width:140px; height:70px}
#clients-home a.client16 {background: #fff url(../images/logo-danone.jpg) top left no-repeat; width:150px; height:70px}
#clients-home a.client17 {background: #fff url(../images/logo-johnsonc.jpg) top left no-repeat; width:150px; height:70px}
#clients-home a.client18 {background: #fff url(../images/logo-qbe.jpg) top left no-repeat; width:150px; height:70px}
#clients-home a.client19 {background: #fff url(../images/logo-televisa.jpg) top left no-repeat; width:140px; height:70px}
#clients-home a.client20 {background: #fff url(../images/logo-3m.jpg) top left no-repeat; width:150px; height:70px}
#clients-home a.client21 {background: #fff url(../images/logo-nestle.jpg) top left no-repeat; width:150px; height:70px}
#clients-home a:hover {background-position: bottom left!important}
#content .clientes p {font-size:1.1em}
.clientes img {float:right; padding: 0 12px 100px 40px}
.clientes .client-item {width:470px}
.clientes .client-item ul li {padding-bottom:10px; font-size:1.1em}
.clientes a {display:block}
img.right {float:right; padding:0 0 24px 24px}
/* END MAIN */

/* CONTACT */
form.cmxform {padding-left: 20px}
form.cmxform input, form.cmxform textarea, form.cmxform select {font-family: Arial, Helvetica, sans-serif;font-size:0.9em;padding: 6px;width: 290px;margin: 2px 0 2px 12px;}
form.cmxform textarea {height:136px}
form.cmxform input.small, a.blueBtn {margin-top: 8px;color: #fff;text-align: center;border: 0;background: #1b86c8 url(../images/menu-bg.gif) repeat-x;padding: 4px 0;cursor: pointer;width: 140px;font: normal 1.2em "Trebuchet MS", lucida, arial, helvetica, sans-serif; border-radius:4px}
a.blueBtn {width:auto; padding:4px 8px; font-size:1em; margin-top:0; text-decoration:none}
td.pad {padding-left: 10px}
table th {text-align:right}
#asterisco {display:block;background-color:#f4f4f4;padding: 4px 6px;margin: 0 24px 12px 0;}
form.cmxform input.error,
form.cmxform textarea.error {border:1px solid #DC0000}
label.error {display:block; margin:0 0 0 12px; color:#DC0000}
.googleMap {clear:both; margin-top:20px; float:left}
.googleMap iframe {margin-bottom:8px}
.empleos th {width:200px}
form.cmxform #archivo1 {width:auto}
.address {padding-left:20px; width:214px}
.address h3 {margin-bottom:10px; border-bottom:1px solid #0B7AC0}
fieldset {border:1px solid #ccc; padding:10px 10px 10px 0; margin-bottom:10px}
legend {background:#fff; padding:3px; margin-left:12px; font-weight:bold}
form.cmxform input.radio, form.cmxform input.check  {width:auto; margin-right:8px}
.bannerProv {background:transparent url(../images/bannerProveedores.jpg) top left no-repeat; float:left; width:210px; height:71px; border:1px solid #ccc; padding-left:8px; border-radius:6px}
.bannerProv h3 {border:0; margin:0; color:#333c41}
#content .bannerProv p {margin:0; padding:0}
/* END CONTACT */

/* FOOTER */
#footer {background: transparent url(../images/bg-footer.gif) bottom left no-repeat;clear:both;text-align:center;margin: 0 auto;width: 976px;height:240px;color:#fff;padding-top: 24px;font-size:1.1em}
#footer a {color:#fff}
#footer p {font-size:0.9em; font-weight:normal}
#footer p span {clear:both; display:block}
#footer p span.last {padding-bottom:4px}
#footer .itemContainer {float:left;margin-left:14px}
#footer .main {clear:both; font-weight:bold; width:100%; display:block}
#footer .itemContainer .item {float:left; padding:0 8px; height:180px; border-left:1px dotted #77b5dc; text-align:left; font-size:1.05em}
#footer .itemContainer .firstItem {border:0}
#footer .itemContainer .item .fleft {width:138px; font-size:0.9em; margin-right:6px}
#footer .itemContainer .item .fleft a {display:block; clear:both; font-weight:normal}
#footer .itemContainer .item .small {width:64px}
#footer .itemContainer .item .pressContainer .small {width:136px}
#footer a.clientes {clear:both; width:100%}
#footer .itemContainer .item .fleft a {padding-bottom:0}
#footer .itemContainer .item a.social {float:left;padding-bottom:4px}
#footer .itemContainer .item .subitems a {clear:both; float:left; font-weight:normal; font-size:0.9em;padding-bottom:0; text-decoration:none}
#footer .itemContainer .item .subitems a:hover {text-decoration:underline}
#footer .social {margin-top:6px}
#footer .copy {padding-top:24px; width:100%; clear:both}

/* END FOOTER */


.datepickerContainer {position:relative; display:block; padding-right:38px!important}
.datepickerContainer input {width:131px}
.ui-datepicker-trigger {position:absolute; top:5px; right:42px; cursor:pointer}
.ui-datepicker {background:#fff; border:1px solid #ccc}
.ui-datepicker-header {color:#fff}
.ui-datepicker-prev, .ui-datepicker-next {display:none!important}
.ui-datepicker .ui-datepicker-title {background:#fff!important}