@charset "utf-8";
/* Canalmail Sept 08 - CSS Document - SHG */

/* global */
* {margin:0; padding:0; border:0}
body{ font:14px/normal "Trebuchet MS", Arial, Helvetica, sans-serif; background:url(img/bbg.png) repeat-x}
h1,h2,h3{margin:20px 0}
p{margin-bottom:18px}
.clearer{clear:both}
.blue{color:#1f91c1}
.bluel{color:#1f91c1; text-decoration:underline; background-color:#FFFFCC}
.blue2{color:#1f91c1; background-color:#FFFFCC}
.blues{color:#1f91c1; font-weight:700}
.red{color:#cb354f}
.redl{color:#cb354f; text-decoration:underline; background-color:#FFFFCC}
.reds{color:#cb354f; font-weight:700}
.green{color:#17cea0}
.greenl{color:#17cea0; text-decoration:underline; background-color:#FFFFCC}
.green2{color:#17cea0;background-color:#FFFFCC}
.greens{color:#17cea0; font-weight:700}
.longp{width:630px}
/* */

/* container */
#container{ width:1024px; margin:0 auto; overflow:auto}
#container div{float:left}
/* */

/* header */
#header{width:1024px; height:226px}
#login{width:630px; background-color:#FFFFCC; margin-bottom:20px; padding:10px; margin:20px 0}
#head_graf{width:1024px; height:160px; margin-bottom:30px;}
#logo{margin-top:30px; margin-left:50px; float:left}
#logo{margin-right:130px}
#logo p{ text-indent:-9999px}
#logo h2{ font-size:38px; margin:0; text-indent:10px; color:#333}
#logo h2 a{color:#333; text-decoration:none}
#slogan{ width:475px; margin-top:45px; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic}
#slogan big{ color:#fff}
#slogan h3{ margin:0; font-size:21px; color:#555; line-height:28px}
#topmenu{width:1024px; height:35px; font-size:18px}
#ul_topmenu{float:right; margin-right:15px}
#ul_topmenu li{display:inline; list-style:none; color:#ccc; border-right:#999 1px dotted}
#ul_topmenu li a{color:#fff; text-decoration:none; padding:0px 25px; display: inline-block}
#ul_topmenu li a.green{color:#17cea0}
#ul_topmenu li a:hover{background-color:#ea8a29; color:#fff}
#stick{width:140px; height:162px; background:url(img/stick.png) no-repeat; position: relative; margin-top:-117px; margin-left:240px}
/* */

/* content */
#content{width:1024px; margin:20px 0}
#left{width:345px; margin-right:20px; color:#666; font-size:10px}
#mainimg_i, #mainimg_a, #mainimg_w {width: 200px; height:252px; overflow:hidden; background: url(img/bags.jpg); margin-left:45px}
#mainimg_a{ background-position:-200px}
#mainimg_w{ background-position:-400px}
#mainimg img{margin-left:45px; margin-bottom:15px}
#left p{text-indent:70px}
#right{ padding:0 0 30px}
#right{width: 659px}
#txt h1{font-size:21px}
#txt h1.blue{font-size:18px}
#txt h1.red{font-size:18px}
#txt h1.green{font-size:18px}
#right p a{color:#1f91c1; font-weight:700; text-decoration:none}
#right p a:hover{color:#1f91c1; font-weight:700; text-decoration:underline }
#right h2{font-size:16px;background-color:#eee; padding:10px}
/* */

/* footer */
#footer{ width:100%; height:174px; background:url(img/foobg.png) repeat-x;}
#content_footer{width:1024px; margin:0 auto; padding-top:20px}
#bottom_menu{ width:1024px; height:30px; margin:0 0 10px; padding-top:20px; text-align:center}
#ul_bottommenu {width:300px; margin:0 auto; padding-bottom:10px; border-bottom:#666 1px dotted}
#ul_bottommenu li{list-style:none; display:inline}
#ul_bottommenu li a{font-size:12px; color:#ccc; text-decoration:none}
#ul_bottommenu li a:hover{color:#90cae2; text-decoration:underline}
#copyright{font-size:11px; color:#ccc; text-align:center}
/* */

/* button */
.button{margin-top:0px}
a.button_blue{width:250px; height:50px; display:block; color:#333; text-decoration:none; font-size:20px; line-height:48px; text-indent:11px; letter-spacing:-.25px; background:url(img/button3states.gif) no-repeat}
a.button_blue:hover{cursor:pointer;color:#fff; background-position:-250px}
a.button_blue:active{cursor:pointer;color:#fff; background-position:-500px}
/* */

/* form */
form h2{margin:0 0 20px; font-size:21px}
fieldset{ width:272px; height:480px; padding:20px; margin:0 0 10px; background-color:#eee; display:block; float:left; margin-right:15px}
#form2 fieldset{width:450px; height:530px; padding:20px; margin:0 0 10px; background-color:#eee; display:block; float:left; margin-right:15px}
#DatosWeb{clear:right}
legend{display:none}
input{width:230px; height:24px; padding-left:4px; padding-top:8px}
#form2 input{width:320px; height:24px; padding-left:4px; padding-top:8px}
input, select{border:#aaa 1px solid; color:#aaa}
select{ width: 40%; padding:5px}
input:focus, select:focus{color:#333; border:#FF9933 1px solid; background-color:#FFFFCC}
input:active, select:active{color:#333; border:#FF9933 1px solid;background-color:#FFFFCC}
form p{margin:15px 0 4px}
input.normal_button{ width:100px; height:50px; padding:0; display:block; color:#1f91c1; font-weight:700; position:relative; clear:both; float:right; margin-right:21px; margin-top:10px}
input.normal_button:hover{ cursor:pointer}
#form2 input.normal_button2{ width:100px; height:50px; padding:0; display:block; color:#1f91c1; font-weight:700; position:relative; clear:both; margin-left:390px; margin-top:10px}
#form2 input.normal_button2:hover{ cursor:pointer}

#logina *{ clear:both}
#logina fieldset, #loginb fieldset{border:#ddd 1px solid; overflow: hidden}
#logina label, #loginb label{clear:both}
#logina fieldset, #loginb fieldset{ width:260px; height:260px; padding:20px; margin:0 0 10px; background-color:#eee; margin-right:15px}
#logina input, #loginb input{width:180px; height:30px; padding-left:4px; padding-top:8px}
#logina input.normal_button3, #loginb input.normal_button3{width:90px; height:40px; color:#1f91c1; font-weight:700; background-color:#FFFFCC; padding:4px; margin-top:20px; }
/* */

.active{ background-color:#ea8a29}
.activeb{color:#90cae2}

/* manual integracion */

.div_manual_container{float:left; width:720px; margin:0; margin-bottom:30px; padding:10px 20px; border:#ea8a29 1px solid}

.div_manual_container h1{font-size:21px}

.div_manual_container h2{ display:block; margin-top:15px}

.div_manual_container p{width:690px}

.div_manual_container img{border:#eee 1px solid; margin-bottom:20px}

.div_manual_container #lista_pasos_integracion {list-style:decimal; margin-left:40px; color:#1f91c1; font-weight:700}

.div_manual_container #lista_pasos_integracion li{margin-bottom:15px}

.div_manual_container #lista_pasos_integracion span{color:#444}

.div_manual_container .legend{font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#444}

.div_manual_container code{display:block; margin:10px 0; font-size:12px; margin-left:40px}

.div_manual_container ul{margin-left:30px; list-style:square}

.div_manual_container li{ margin-bottom:15px}

/* form sample*/
#form-sample{ width:580px; display:block; float:left; font-size:13px; padding:20px 0 10px 15px; border:#222 1px dashed; margin-left:15px; background-color:lightyellow; margin-bottom:15px }
#form-sample input, #form-sample select { font-size:13px; width:160px; padding:0!important}
#form-sample input {width:60px; height:21px} 
#form-sample h1{font-size:18px}
#form-sample #button { width:150px; border:#555 1px solid; background:#EA8A29; color:#fff; /*padding:0 0 2px;*/ height:30px; line-height:21px; font-weight:700}
.form-tag{ width:100px; height:25px;  text-align:right}
.checkk { width:80px; line-height:22px; margin:0 5px 15px 0}
.checkk input{ width:15px!important; float:left; margin-right:10px; border:0}