/********** autor: www.grupadigital.com ************/
body {font:normal 12px/17px arial, tahoma, verdana; background-color:#19357d; margin:auto;}
#header {margin:auto; width:970px;}
#header img {float:left; padding:10px 30px 0 0;}
#footer {margin:auto; width:970px; padding:15px 0; font-size:11px; color:#8c8db3;}
.bck, .bck-sub {float:left; width:100%; border-top:6px solid #fff; background:#fff url(../images/back-home.jpg) repeat-x;}
.bck .column-a {float:left; border-right:6px solid #fff; height:290px; width:50%; background:#fff url(../images/back-product-left.jpg) repeat-x;}
.bck-sub {background:#fff url(../images/back-sub.jpg) repeat-x;}
.content {margin:auto; width:970px;}
.content-sub {margin:auto; width:970px;}

/*MENU*/
.menu {float:left; height:27px; width:600px; z-index:10; margin-top:53px;}
.menu table {position:absolute; border-collapse:collapse; z-index:80; left:0px; font-size:12px;}/* use the table to position the dropdown list */
.menu ul li a {display:block; width:70px; height:27px; line-height:26px; color:#fff; text-decoration:none; padding:0 5px;} /* style all the links */
.menu ul {list-style-type:none; padding:0; margin:0;}
* html .menu ul {margin:20px 0 0 0;}
.menu li {float:left; position:relative; z-index:100;} /* make the top level links horizontal and position relative so that we can position the sub level */
.menu :hover {color:#fff; background-color:#3d8fd8; text-decoration:none;} /* style the links hover */
.menu ul ul {visibility:hidden; position:absolute; width:105px; height:0; left:0;} /* hide the sub level links */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible;}/* make the sub level visible on hover list or link */
.menu ul li ul li a {background-color:#fff !important; color:#1963b8 !important; width:105px; background-image:none; text-align:left !important; height:25px !important; padding:0 10px; font-weight:normal; font-size:11px !important;}
.menu ul li ul li a:hover {background-color:#3d8fd8 !important; color:#fff !important;}
.menu .bullet {font-weight:normal; color:#fff;}

/*COLS HOME*/
.col-a {float:left; width:470px; margin:0 0 46px 0; border-right:7px solid #fff; height:255px;}

.col-b {float:left; width:440px; margin:30px 0 46px 20px; height:225px;}
.col-b .monitor {float:left; margin:0 10px 0 0; width:156px;}
.col-b p {float:left; width:266px; margin:10px 0 0 0; font-size:12px; line-height:17px}
.col-b p img {float:left; margin:0 0 10px 0;}

.col-c {float:left; width:980px; color:#fff; text-align:center;}
.col-c a {color:#fff;}
.col-c a:hover {color:#fff; text-decoration:underline;}

.col-d {float:left; width:300px; margin:35px 35px 0 0;}
.col-e {float:left; width:300px; margin:35px 34px 0 0;}
.col-f {float:left; width:300px; margin:35px 0 0 0;}

.col-def {float:left; width:930px; border-top:1px solid #dcdde5; border-right:1px solid #dcdde5; border-left:1px solid #dcdde5; padding:0 20px 10px 20px; margin-top:20px;}

ul.countries {list-style-type:none; padding:0; margin:0;}
ul.countries li {float:left; padding-top:15px; border-right:1px solid #dcdde5; padding-right:18px; margin-right:18px; }

ul.logos {float:right; list-style-type:none; padding:0; margin:0;}
ul.logos li {float:left; padding:12px 0 0 30px;}

ul.courses {float:left; list-style-type:none; width:300px; margin:10px 0 0 0; padding:0; font-size:13px;}
ul.courses li {float:left; padding:3px 0; margin:0; width:270px;}
ul.courses img {float:left; margin:2px 5px 0 0;}
ul.courses li h3 {float:left; border-right:1px solid #3d8fd8; margin:5px; padding:0 5px 0 15px; background: url(../images/check.png) no-repeat left top;}

.testimonials {float:left; width:234px; height:270px; padding:50px 50px 20px 15px; background: url(../images/testimonials.gif) no-repeat;}

.controls {visibility:hidden; position:absolute; margin:746px 0 0 867px; z-index:5;}
* html .controls {margin:768px 0 0 867px}

/* shadow 300 */
.shadow-300 {float:left; width:299px; font-weight:normal; border-right:1px solid #eff2f4; border-bottom:1px solid #eff2f4; margin:10px 0 20px 0; clear:both;}
.shadow-300-1 {float:left; width:268px; padding:15px; border-right:1px solid #dddfe1; border-bottom:1px solid #dddfe1; background-color:#fff;}
.shadow-300 .btn-small {margin:0 !important;}
.shadow-300 p {float:left; width:120px; margin-right:15px;}

/* shadow 180*/
.shadow-180 {float:left; width:179px; font-weight:normal; border-right:1px solid #eff2f4; border-bottom:1px solid #eff2f4; margin:20px 30px 10px 0;}
.shadow-180-1 {float:left; width:147px; padding:15px; border-right:1px solid #dddfe1; border-bottom:1px solid #dddfe1; background-color:#fff;}

/* shadow 210*/
.shadow-210 {float:left; width:209px; font-weight:normal; border-right:1px solid #eff2f4; border-bottom:1px solid #eff2f4; margin:10px 20px 10px 0;}
.shadow-210-1 {float:left; width:177px; padding:15px; border-right:1px solid #dddfe1; border-bottom:1px solid #dddfe1; background-color:#fff;}
.shadow-210-1 img {float:left; margin:10px 7px 7px 0; padding:0;}


.shadow {float:left; font-weight:normal; border-right:1px solid #eff2f4; border-bottom:1px solid #eff2f4; margin:10px 0; clear:both;}
.shadow-1 {float:left; padding:10px 10px 10px 0; border-right:1px solid #dddfe1; border-bottom:1px solid #dddfe1; background-color:#fff;}

.who {float:left; border:1px solid #191a66; padding:10px 15px; width:268px; margin-top:10px; color:#191a66; line-height:19px;}

p.text {float:left; margin-top:7px; font-size:11px !important; line-height:16px; width:100%;}
p.tks {float:left; border:1px solid #f14f00; color:#f14f00; width:256px; font-size:11px; line-height:14px; padding:5px; margin-bottom:8px;}

/*SUBPAGES dinamic*/
ul.acu {float:left; width:600px; list-style-type:none; margin:0 0 10px 0; padding:0 0 10px 0; font-size:12px; line-height:20px;}
ul.acu li {float:left; margin-bottom:10px; padding-bottom:10px; width:600px; border-bottom:1px dotted #71a3de; font-size:13px;}

ul.acu img {float:left; margin:0 7px 7px 0; padding:0;}

ul.courses-page {float:left; width:177px; list-style-type:none; margin:10px 0 0 0; padding:10px 0 0 0; line-height:20px; border-top:1px dotted #71a3de; }
ul.courses-page li {float:left; margin-bottom:3px; padding-bottom:3px; width:177px; font-size:12px;}

.course-description {float:left; margin-top:6px;}

/*SUBPAGES*/
.sub .col-f {float:left; width:300px; margin:20px 0}
.col-de {float:left; width:600px; padding-right:30px; margin:0 30px 20px 0; border-right:6px solid #fff; min-height:400px;}

ul.history {float:left; list-style-type:none; width:100%; margin:10px 0 0 0; padding:0; font-size:13px;}
ul.history li {float:left; padding:4px 0; margin:0; width:100%;}
ul.history img {float:left; margin:3px 5px 0 0;}

ul.training {float:left; list-style-type:none; width:600px; margin:10px 0 5px 0; padding:0; font-size:13px; border-top:1px solid #9ec7eb;}
ul.training li {float:left; padding:4px; margin:0; width:590px; border-bottom:1px solid #9ec7eb; border-right:1px solid #9ec7eb; border-left:1px solid #9ec7eb;}

ul.training-a {float:left; list-style-type:none; width:600px; margin:10px 0 5px 0; padding:0; font-size:13px;}
ul.training-a li {float:left; padding:4px; margin:0 0 10px 0; width:590px; border:1px solid #a6cfee;}

ul.clients {float:left; list-style-type:none; width:580px; margin:10px 0 5px 0; padding:0; font-size:12px;}
ul.clients li {float:left; width:173px; padding:4px; margin:0 7px 7px 0; border:1px solid #9ec7eb;}

/* staff */
.staff {margin:0; width:600px;}
.staff td {width:170px; padding:5px; vertical-align:top;}
.staff td.on {border:1px solid #9ec7eb;}

/* TABS */
#navlist {float:left; padding:3px 0; margin:10px 0 0 0; width:600px; font-weight:bold; font-size:11px;}
#navlist li {list-style:none; margin:0; padding:0; display:inline;}
#navlist li a {padding:6px 8px; text-decoration:none; color:#fff;}
#navlist li a:hover {background-color:#fff !important;}
#navlist li a.navlist_current {background-color:white; color:#3c8fe2 !important;}
#navlist li a.navlist_not_current {background-color:#e7f1fa; color:#3d8fd8;}
#navlist li img {vertical-align:middle; margin:-3px 5px 0 0;}
*+html #navlist li img {vertical-align:middle; padding:2px 5px 0 0; margin:0;}

#tab-body1 {width:580px; background-color:#fff; margin:0 0 10px 0; display:block; padding:10px; float:left;}
#tab-body2 {width:580px; background-color:#fff; margin:0 0 10px 0; display:none; padding:10px; float:left;}
#tab-body3 {width:580px; background-color:#fff; margin:0 0 10px 0; display:none; padding:10px; float:left;}
#tab-body4 {width:580px; background-color:#fff; margin:0 0 10px 0; display:none; padding:10px; float:left;}
#tab-body5 {width:580px; background-color:#fff; margin:0 0 10px 0; display:none; padding:10px; float:left;}
#tab-body6 {width:580px; background-color:#fff; margin:0 0 10px 0; display:none; padding:10px; float:left;}
#tab-body7 {width:580px; background-color:#fff; margin:0 0 10px 0; display:none; padding:10px; float:left;}

.pack {float:left; padding:15px 10px 10px 0; margin:0; width:590px;}
.pack img {float:left; padding:0 10px 0 0; margin:0;}
.pack p {float:left; padding:12px 0 0 5px; margin:0; width:380px;}

/* TAGS */
p {font-size:13px; line-height:21px; margin:0;}
p.clear {margin:0;padding:0;clear:both;}

A {color:#3d8fd8; text-decoration:none;}
A:hover {color:#3d8fd8; text-decoration:underline;}

H1, H2, H3 {font:normal 22px/18px arial, tahoma, verdana; margin:0 0 3px 0; color:#2e3191;}
H2 {font-weight:bold; font-size:16px; line-height:21px; margin:10px 0;}
H3 {font-weight:bold; font-size:13px; line-height:18px; margin:0;}

H1.top {float:left; border:1px solid #e4f1fa; color:#fff; background: url(../images/pattern.gif) repeat; width:586px; padding:8px 7px 7px 7px; margin-bottom:10px;}

.path {color:#2981cd; float:left; padding:10px 10px 10px 0; font-size:11px;}
.path a {color:#2981cd; text-decoration:none;}
.path a:hover {color:#2981cd; text-decoration:underline;}

/* COLOR */
.white {color:#fff;}
.white a {color:#fff;}
.white a:hover {color:#dee1e4;}

.black {color:#000;}

.blue {color:#1b4e9b;}

.ten {font-size:10px; line-height:12px; font-weight:normal;}
.eleven {font-size:11px; line-height:14px; font-weight:normal;}
.thirdteen {font:bold 13px/18px arial, tahoma, verdana; margin:0 0 3px 0;}

/* COMMON ELEMENTS */
.box-left {float:left;}
.box-right {float:right;}
.box-center {text-align:center; vertical-align:middle;}

.line, .line-d, .line-dot {border-bottom:1px solid #71a3de; margin:10px 0; clear:both;}
.line-d {border-bottom:1px dashed #71a3de;}
.line-dot {border-bottom:1px dotted #71a3de; margin:6px 0 10px 0;}
.bullet {font:normal 11px/17px "comic sans ms"}

/*btn*/
.btn, .btn-small  {float:left; font-weight:bold; padding-bottom:3px; color:#0791d1; text-align:center; height:29px; width:141px; background:url(../images/btn-big.gif) no-repeat; margin:10px 0; border:none; cursor:pointer; display:block;}
.btn-small {width:95px; background:url(../images/btn-small.gif) no-repeat;}

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

.field-wrapper {float:left; margin:4px 0; font-size:12px; line-height:24px; width:125px}
label {float:left; width:140px; text-align:right;}

select, textarea, .field, input {vertical-align:middle; border:1px solid #abcced; background-color:#f3f8fc; color:#00305c; font:normal 12px/18px  arial, tahoma, verdana; height:18px; margin-bottom:7px;}
textarea {height:80px; overflow:auto;}
input {margin-bottom:7px;}

input:focus {background-color:#dae9f7;}

.error-mark, .error {padding:5px 0px; margin:10px 0; vertical-align:middle; width:643px;}
.error, .thanks, .alert {float:left; padding:10px; margin:10px 0; font-size:13px; width:623px; color:#000;}
.thanks {background-color:#ecf0df; text-align:left;}
.alert {border:1px solid #c80f07; color:#c80f07;}
.error-mark {border:1px solid #c80f07; color:#c80f07; padding:5px 0px; margin:10px 0; vertical-align:middle; width:593px;}

.size80 {width:80px;}
.size100 {width:100px;}
.size150 {width:125px;}
.size200 {width:200px;}
.size300 {width:300px;}
.size305 {width:304px;}

*+html .floatFix {height:1%}
* html .floatFix {height:1%}
.floatFix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}