/* Fonts */
@font-face {
    font-family: 'typo_groteskregular';
    src: url('fonts/typo_grotesk_demo_0-webfont.eot');
    src: url('fonts/typo_grotesk_demo_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/typo_grotesk_demo_0-webfont.woff2') format('woff2'),
         url('fonts/typo_grotesk_demo_0-webfont.woff') format('woff'),
         url('fonts/typo_grotesk_demo_0-webfont.ttf') format('truetype'),
         url('fonts/typo_grotesk_demo_0-webfont.svg#typo_groteskregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'MyriadProRegular';
	src: url('fonts/myriadpro-regular-webfont.eot');
	src: local('☺'), url('fonts/myriadpro-regular-webfont.woff') format('woff'), url('fonts/myriadpro-regular-webfont.ttf') format('truetype'), url('fonts/myriadpro-regular-webfont.svg#webfontqSLjBSsd') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* common styles */
body{ margin:0; padding:0; font-style:normal; color: #39393B; font-family: 'PT Sans', sans-serif; font-size:14px; font-weight:400; background:#fff; line-height: 1em; min-width:1280px;-webkit-text-size-adjust: none}
.content_center{ width:1280px; margin:0 auto;}
.text_align_center { text-align:center; }
.display_table { display:table;  width:100%; height:100%;  }
.vertical_align { vertical-align:middle; display:table-cell; width:100%; height:100%; }
.position_relative { position:relative;}
.clear { clear:both; }
.float_left { float:left; }
.float_right { float:right; }


/* Header */
header { background:#E3E4E9; height:63px; }
.company_logo { background:url(images/company_logo.png) no-repeat; width:245px; height:43px; display:inline-block; margin:10px 5px 0 0px; float:left; }
.pse_logo { background:url(images/pse_60.png) no-repeat; width:130px; height:63px; display:inline-block; margin:0px 0px 0 0xpx; float:right; }
.header_socials { float:right; color:#808080; margin:25px 0 0 0;  }
.header_socials span { float:right; color:#808080; border-left:1px solid #808080; height:19px; display:inline-block; margin:0 11px; }
.header_socials a { float:right; color:#808080; display:inline-block; font-size:14px; }
.main_menu { margin:26px 0 0 0; padding:0; list-style-type:none; color:#808080; float:left; letter-spacing: -0.5px;   }
.main_menu li { float:right; margin:0 20px;  }
.main_menu li span { border-left:1px solid #808080; height:16px; display:inline-block;  }
.main_menu li a { color:#3C3939; text-decoration:none; font-weight:700; font-family: 'PT Sans', sans-serif; }
.main_menu li a:hover { text-decoration:underline; } 

/* Home slider */

.home_main_image{ height:600px; position:relative; width:100%; background:#ccc; width: 100%;}
.home_main_image ul{ margin:0; padding:0; list-style-type:none; width:100%; height:100%;}
.home_main_image li{ display:none; width:100%; height:100%; position:absolute; background:no-repeat center center / cover;}
.home_main_image li img{ display:none;}
.home_main_image .paginator{ width:100%; text-align:center; position:absolute; left:0; bottom:15px; z-index:2;}
.home_main_image .paginator span{ transition:0.3s ease; width:16px; height:16px; border-radius:50%; cursor:pointer; border:2px solid #fff; box-sizing:border-box; margin:0 10px; display:inline-block;}
.home_main_image .paginator span.active{ background:rgba(255,255,255,1) !important;}
.home_main_image .paginator span:hover{ background:rgba(255,255,255,0.6);}
.preloadDiv{ width:0px; height:0px; overflow:hidden;}

/* Section */
.section_main_image { height:800px;}
.services_title { text-align:center; font-weight:bold; font-size:27px; margin:0 0 19px 0; }
.line_services { border-bottom:1px solid #3D3D3D; width:78px; margin:0 auto 74px auto;}
.services_cont { width:1180px; }

.services_box { text-align:center; width:224px; background:#D6D6D6; float:left; margin: 0 6px 54px 6px; height:185px; padding: 45px 0 0 0; position:relative; }
.services_box_image { text-align:center; position: absolute; top:-44px; left:0; width:100%; }
.services_box_image img { width:80px; height:80px; }
.services_box p { font-size:12px; color:#000; margin: 7px 0 0 0; }
.services_box h2 { margin:0; padding:15px 0 12px 0; font-weight:normal; }
.line_services_box { border-bottom:1px solid #626262; width:142px; margin:0 auto 0 auto; }
.services_big_text { text-align:center; font-size:21px; line-height: 24px;margin: 0 0 45px 0;}
.services_button { width:80px; height:21px; line-height:21px; text-align:center; color:#fff; font-size:12px; display:inline-block; margin:0 auto; text-decoration:none; }
.button_center { text-align:center; width:100%; position:absolute; left:0; bottom:15px;  }
.services_button_bg1 { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,c76f69+0,ba3339+100 */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(left,  #1e5799 0%, #c76f69 0%, #ba3339 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #1e5799 0%,#c76f69 0%,#ba3339 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #1e5799 0%,#c76f69 0%,#ba3339 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#ba3339',GradientType=1 ); /* IE6-9 */
}
.services_button_bg2 { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,68a59e+0,2f8381+100 */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(left,  #1e5799 0%, #68a59e 0%, #2f8381 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #1e5799 0%,#68a59e 0%,#2f8381 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #1e5799 0%,#68a59e 0%,#2f8381 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#2f8381',GradientType=1 ); /* IE6-9 */}
.services_button_bg3 { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,f0e545+0,72a13b+100 */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(left,  #1e5799 0%, #f0e545 0%, #72a13b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #1e5799 0%,#f0e545 0%,#72a13b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #1e5799 0%,#f0e545 0%,#72a13b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#72a13b',GradientType=1 ); /* IE6-9 */}
.services_button_bg4 {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,b73176+0,58167d+100 */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(left,  #1e5799 0%, #b73176 0%, #58167d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #1e5799 0%,#b73176 0%,#58167d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #1e5799 0%,#b73176 0%,#58167d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#58167d',GradientType=1 ); /* IE6-9 */}
.services_button_bg5 {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,d3b263+0,d49624+100 */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(left,  #1e5799 0%, #d3b263 0%, #d49624 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #1e5799 0%,#d3b263 0%,#d49624 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #1e5799 0%,#d3b263 0%,#d49624 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#d49624',GradientType=1 ); /* IE6-9 */}
.service_block { padding:0 0 38px 0;}
.service_description { width: 500px; float:left; padding: 45px 0 0 145px;}
.service_description img { width:54px; height:54px; float:left;}
.service_description_text { width:420px; float:left; padding:0 0 0 11px;}
.service_description_text h2 { font-size:28px; margin:0; padding:11px 0 5px 0; line-height:28px;}
.service_description_text_line { border-bottom:1px solid #3C3939; width:258px; margin:0 0 20px 0; }
.service_description_text p { padding:0 0 0 5px; font-size:13px; margin:0 0 15px 0; }
.service_description ul { padding:0; list-style-type:none; margin:0 0 15px 22px; display:block;  }
.service_description ul li { background:url(images/list_line.png) no-repeat 0 7px; padding: 0 0 0 18px; }
.service_description_image { float: right; margin: 74px 49px 0 0;width: 547px;height: 418px;}
.service_description_image2 { float: right; margin: 110px 49px 0 0; width: 585px; height: 300px;}
.block_bg1 { background:url(images/block_bg1.png) no-repeat top center/cover; padding:43px 0 58px 0; color:#fff; } 
.block_bg2 { background:url(images/block_bg2.png) no-repeat top center/cover; padding:43px 0 58px 0; color:#fff; border-bottom:46px solid #E3E4E9; } 
.block1 h2 { margin:0; font-size:28px;}
.block1 p { margin:0; line-height:18px; font-size:17.5px; font-family: 'MyriadProRegular'; letter-spacing:0.2px;  }
.block1_line { border-bottom:1px solid #fff; width:77px; margin:19px auto 32px auto;}
.block2 {   }
.block2 h2 { margin:0; font-size:28px;}
.block2 p { margin:0; line-height:18px; font-size:17.5px; font-family: 'MyriadProRegular'; letter-spacing:0.2px;  }
.block2_line { border-bottom:1px solid #000; width:77px; margin:19px auto 32px auto;}

.image_border { border-top:2px solid #D0D0D0 ; border-bottom: 2px solid #D0D0D0 ; height:63px; width:983px; margin:0 auto 70px auto; padding:25px 0 32px 0; }
.image_icon {  color:#808080; margin:25px 0 0 0;  }
.image_icon span { color:#808080; border-left:1px solid #808080; display:inline-block; margin:0 11px; }





/* Internal Pages Carga, Especial, Intermunicipal, Rastreo General, Urbana */

/* Generic Section Header */
.generic_header { height:430px; color:#fff;  }
.generic_header_bg1 { width:100%;}
.generic_header_bg2 { background-position:left;}
.generic_header_title { float:right; width:500px; padding:156px 20px 0 0; font-size:17px; }
.generic_header_title h1 { font-size:48px; margin:0; line-height:47px; padding:0 0 14px 0;}
.generic_header_title h2 { font-size:31px; margin:0; line-height:15px;}
.generic_header_title p { font-size:17px; line-height:18px; margin:0; }
.generic_header_line { border-bottom:1px solid #fff; width:257px; margin:0 0 12px 0; } 

/* System Entry */
.system_entry { background: rgba(58,162,215,1);background: -moz-linear-gradient(left, rgba(58,162,215,1) 0%, rgba(47,98,164,1) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgba(58,162,215,1)), color-stop(100%, rgba(47,98,164,1)));background: -webkit-linear-gradient(left, rgba(58,162,215,1) 0%, rgba(47,98,164,1) 100%);background:-o-linear-gradient(left, rgba(58,162,215,1) 0%, rgba(47,98,164,1) 100%);background:-ms-linear-gradient(left, rgba(58,162,215,1) 0%, rgba(47,98,164,1) 100%);background:linear-gradient(to right, rgba(58,162,215,1) 0%, rgba(47,98,164,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3aa2d7', endColorstr='#2f62a4', GradientType=1 );height:55px;}
.input1_bg { background:url(images/login_logo.png) no-repeat scroll 10px 4px #fff; padding:0 0 0 50px; width:225px; height:34px; }
.input1_bg input {border:none; line-height:34px; padding:0; color:#808080; font-size:10px; font-weight:bold; width:210px;}
.input2_bg { background:url(images/pass_logo.png) no-repeat scroll 10px 4px #fff; padding:0 0 0 50px; width:225px; height:34px; }
.input2_bg input {border:none; line-height:34px; padding:0; color:#808080; font-size:10px; font-weight:bold; width:210px;}
.system_entry h2 { margin: 0; float: left;width: 103px;text-align: right;font-size: 18.4px;font-weight: normal;color: #fff;padding: 1px 17px 0 19px;line-height: 20px;letter-spacing: -0.2px; }
.system_entry_vertical { height:46px; border-left:1px solid #fff; float:left; margin:0 22px 0 0; }
.input_box_bg { padding:2px; width:279px; height:38px; background: rgba(58,162,215,1);background: -moz-linear-gradient(left, rgba(58,162,215,1) 0%, rgba(47,98,164,1) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgba(58,162,215,1)), color-stop(100%, rgba(47,98,164,1)));background: -webkit-linear-gradient(left, rgba(58,162,215,1) 0%, rgba(47,98,164,1) 100%);background: -o-linear-gradient(left, rgba(58,162,215,1) 0%, rgba(47,98,164,1) 100%);background: -ms-linear-gradient(left, rgba(58,162,215,1) 0%, rgba(47,98,164,1) 100%);background: linear-gradient(to right, rgba(58,162,215,1) 0%, rgba(47,98,164,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3aa2d7', endColorstr='#2f62a4', GradientType=1 ); margin:2px 17px 0 0; float:left;}
.input_box { margin:2px; height:34px; }


.login_button { background:url(images/boton_ingreso.png) no-repeat; width:76px; height:49px; display:inline-block; float:left;border:0; border-radius:20%; margin:0px 0px 0px 0px;}
.urbana { background:url(images/urbana_2.png) no-repeat; width:64px; height:41px; display:inline-block; border:none; float:left; margin:3px 16px 0 4px; }
.carga { background:url(images/carga_logo2.png) no-repeat; width:64px; height:41px; display:inline-block; border:none; float:left;  margin:3px 16px 0 4px;}
.intermunicipal { background:url(images/intermunicipal_logo2.png) no-repeat; width:64px; height:41px; display:inline-block; border:none; float:left;  margin:3px 16px 0 4px; }
.especiales { background:url(images/especiales_logo2.png) no-repeat; width:64px; height:41px; display:inline-block; border:none; float:left;  margin:3px 16px 0 4px; }
.general { background:url(images/rastreo_general2.png) no-repeat; width:64px; height:41px; display:inline-block; border:none; float:left; margin:3px 16px 0 4px;}


.service_button { float:left; width:46px; height:46px; display:inline-block; margin:0 0px 0 0px; border-radius:50%; }
.service_button img { width:46px; height:46px; display:inline-block; }

/* Generic Page Browser */
.gen_browser { height:46px; line-height:46px; font-weight:bold; font-size:14px; color:#3C3939; background:#E2E4E9; }
.gen_browser ul { margin:0 0 0 145px; padding:0; list-style-type:none; }
.gen_browser ul li { float:left; margin:0 22px 0 0; }
.gen_browser ul li a { font-weight:bold; color:#3C3939; text-decoration:none; }
.gen_browser ul li a:hover { text-decoration:underline; }

/* Footer */
footer { font-family: 'typo_groteskregular'; padding:0 0 60px 0; border-bottom:36px solid #E2E4E9; }
footer .content_center { width:980px; border-top:1px solid #B9B9B9; padding:51px 0 0 0; }
footer .content_center img { margin:0 5px 0 0; }
.footer_box { float:left; width:148px; letter-spacing:1px; line-height:12px; margin:19px 0 0 0; }
.footer_divider { height:30px; float:left; border-left:1px solid #3C3C3C; margin:17px 22px 0 0;}
.footer_divider2 { border-bottom:1px solid #3E3C3D; margin:19px 0 10px 0;}
footer p { margin:0; line-height:18px; padding:6px 0 0 0; letter-spacing:0.3px;}