@charset "utf-8";
/* CSS Document SHGM MAY09*/

/* general */
* {margin:0; padding:0}
img{border:0}
body{font:12px/normal Georgia, "Times New Roman", Times, serif; color:#222; background:#fff url(img/bg.png) repeat-x; background-position:0 -350px}
h1{font-size:18px; line-height:22px}
h2{font-size:16px; line-height:18px}
h3{font-size:14px; line-height:16px}
h1,h2,h3,h4,h5,h6,p,ul{margin-bottom:15px}
.legend{font:9px/normal Arial, Helvetica, sans-serif}
.grey{color:#eee}
.grey-med{color:#bbb}
.greenflou{color:#7d9525}
.red{color:#a60303}
.black{color:#222}
.clearer{clear:both}

#container, #mainbanner, #mainbanner2, #content, #footer, #form-reg-container{ width:980px; overflow:hidden}
#container{margin:0 auto; background-color:#f2f2cb; display:block}
.green{color:#5f7219}
.legend{font-size:10px; font-family:Arial, Tahoma; color:#666}
a.legend{text-decoration:none; padding:5px}
a.legend:hover{text-decoration:underline}

/* topnav */
#topnav{ width:980px; overflow:hidden; background:#222 url(img/domain.png) right no-repeat; clear:both; padding:10px 0; font-size:14px}
#topnav ul{margin-left:10px}
#topnav li{float:left; list-style:none; color:#666}
#topnav li.sep{ padding-top:5px}
#topnav li a{display:block; padding:5px; text-decoration:none; color:#eff2e4}
#topnav li.active{background-color:#eff2e4; color:#222; padding:5px}
#topnav li a.greenflou{color:#c1d86e}
#topnav li a:hover{background-color:#eee; color:#222}

/* mainbanner */
#mainbanner{height:350px; background:#FFCC66 url(img/mbanner.jpg) no-repeat}
#callaction-container ul { margin-left:25px}
#callaction-container ul h2{font-size:21px; line-height:21px}
#callaction-container {width:350px; margin-top:50px; margin-right:10px; float:right}
a#mbutton{width:310px; height:67px; overflow:auto; display:block; background:url(img/mbutton.gif) top no-repeat; text-indent:-9999px; margin-top:40px}
a#mbutton:hover{ background-position:0 -67px}

/* funciona */
#mainbanner2{height:250px; background:url(img/como-funciona.gif) no-repeat}
#mainbanner2 ul{margin-left:145px; list-style:none}
#mainbanner2 li{ width:130px; height:90px; float:left; margin-right:70px; margin-top:115px }
#mainbanner2 li a{display:block; height:90px; text-decoration:none}
#mainbanner2 li a:hover{/*border:#eee 1px solid*/}
#content.funciona h2, #content.funciona h1{ margin-left:25px}
#content.funciona p{ margin-left:30px; width:925px}

/* login */
#right h2{text-indent:15px}
#mlogin {padding:15px; margin-left:20px}
#mlogin label {font-size:14px}
#mlogin label, #mlogin input.txtfield{clear:both; display:block}
#mlogin input.txtfield{width:290px; height:30px; padding:3px; background-color:#fff; border:#ddd 1px solid; margin-bottom:10px; margin-top:5px; font-size:18px; color:#a60303}
#mlogin input.button{width:160px; padding:5px; color:#222; font-size:14px; margin-bottom:5px; margin-top:10px}
#mlogin input.button:hover{cursor:pointer}

/* content */
#content{padding:25px 0; line-height:16px}
#left, #right{overflow:hidden}
#left{width:480px; padding:15px 15px 15px 20px; float:left; margin-right:30px}
#right, #banner-ad1, #banner-ad2{ width:378px; padding:15px; background-color:#f8f9f4; float:left; border:#ddd 1px solid}
#banner-ad1, #banner-ad2{margin-top:25px; height:75px; border:#999 1px dashed; overflow:hidden}
#banner-ad2{margin-top:45px}
#indent-txt *{ margin-left:25px}
#indent-txt strong{margin-left:0}

/* left */
.ulsolutions{margin-left:25px}

/* ventajas */
.detalle, .importe{ font-weight:700; font-size:13px; display:inline-block; border-bottom:#eee 1px dotted; padding-bottom:2px; height:18px}
.detalle{width:325px;}
.importe{width:85px; text-align:right; font-size:16px}
#ctapropia, #comersite{width:420px; float:left; height:360px; margin-left:20px; background-color:#f8f9f4; padding:15px; border:#eee 1px solid; }
.h1ventajas{ margin-left:25px}
#ctapropia { margin-right:10px}

/* contacto */
#form-container{ display:block; background-color:#fff; border:#eee 1px solid; padding-top:20px; padding-left:20px}
#form-container label, #form-container input{clear:both; display: block; width:300px}
#form-container label{font-size:16px; font-weight:700}
#form-container input{height:21px}
#form-container input, #form-container select, #form-container textarea{margin: 5px 0 10px; font-size:16px}
#form-container input{width:300px}
#asunto, #hora{width:310px}
#form-container input#call, #form-container label#call-label{float:left !important}
#form-container input#call{width:16px; margin-right:10px}
#form-container #calltxt{ line-height:29px; margin-bottom:15px}
#form-container .button{width:100px; height:33px; margin-top:15px; padding:3px}

/* registro */
#form-reg-container{ width:940px; padding:0 20px 20px 40px}
#registro{width:900px; overflow:hidden}
#form-reg-container fieldset{width:400px; padding-left:20px; padding-bottom:10px; display:block; margin-bottom:10px; float:left}
#form-reg-container fieldset#first{margin-right:40px}
#form-reg-container fieldset#second{ width:400px; margin-right:10px; clear:right}
#form-reg-container legend{font-size:21px; color:#a4bf41; line-height:21px; float:right}
#form-reg-container .legend-tit{ margin-left:150px}
#form-reg-container label{ display:block; margin:10px 0; font-size:16px; color:#a60303}
#form-reg-container input, #form-reg-container select{display:block; font-size:14px}
#form-reg-container input{font-size:16px; padding:4px 0 0 2px; width:300px; height:22px; line-height:16px; margin-top:5px}
#form-reg-container select{font-size:16px; width:300px; height:30px; margin-top:5px}
#form-reg-container #check-acepto{display:block; width:16px; height:16px; float:left; margin:5px 5px 0}
#form-reg-container #regtxt{line-height:25px}
#form-reg-container #regbtn{width:160px; height:30px; float:right; margin-right:20px; margin-top:30px}


/* nueva factura */
#form-nueva-factura{overflow:hidden}
#form-nueva-factura form{background-color:#fff; padding:10px 15px}
#form-nueva-factura fieldset {padding:15px; margin-bottom:15px}
#form-nueva-factura legend{ margin-left:220px; color:#a4bf41; text-transform:capitalize}
#form-nueva-factura label{display:block; height:21px; line-height:24px; color:#a60303}
#form-nueva-factura label:first-child{ padding-top:20px}
#form-nueva-factura input, #form-nueva-factura select, #form-nueva-factura label, #form-nueva-factura legend{font-size:16px}
#form-nueva-factura input {width:260px; margin:3px 0; padding:3px}
#form-nueva-factura #regbtn{width:160px; height:30px; float:right}
#form-nueva-factura input#reg-acepto{width:15px; height:15px; margin-right:15px;}
#form-nueva-factura regtxt{line-height:18px}
#form-nueva-factura select {margin-bottom:5px}


/* footer */
#footer {padding:15px 0; text-align:center; background-color:#222}

/* interface */
.admin #topnav{background:#a60303}
.admin #topnav li.sep{ color:#fff}
.admin #left, .admin #right{padding:10px; background-color:#fff; border:#eee 1px solid}
.admin #left{width:150px; margin:0 15px}
.admin #right{width:720px}

#menu-interface{list-style:none}
#menu-interface li{border-bottom:#eee 1px solid }
#menu-interface li.tit-menu{ padding:8px 0; text-indent:3px; background-color:#222; margin:2px 0; color:#eff2e4; font-size:16px; border:0}
#menu-interface a{display:block; text-decoration:none; padding:8px 0; text-indent:3px; color:#222; font-size:16px}
#menu-interface a:hover{background-color:#a60303; color:#eff2e4}

#right table{font-family:Arial, Helvetica, sans-serif; border-collapse:collapse; font-size:11px}
#right table td {border:#ddd 1px solid; padding:3px; text-align:center}
#right .table-title td{ height:30px; padding:3px; color:#222; background-color:#eee; text-align:center; font-weight:700; text-transform:uppercase}
#mail-icon{width:16px; height:16px; margin:0 auto}
#right table td  a{text-decoration:none}
#right table td  a:hover{ text-decoration:underline}
#menu-interface li.active2{background-color:lightyellow; padding:8px 0; color:#222; font-size:16px; text-indent:10px; color:#5f7219/*; border-bottom:#a60303 1px solid*/}

#faqs{width:900px; margin:0 auto; padding:15px}
#faqs p{margin-left:30px; margin-bottom:25px}