/*
Theme Name: WordPress CFS 0.1
Theme URI: http://www.confirmsign.com/
Description: Base para el Web publico de ConfirmSign.
Version: 0.1
Author: Josuke
Author URI: http://www.josuke.net/
Tags: cfs, minimal, fixed width, menu top
*/

/* generales */
body { margin:0px; padding:0px; background-color:#FFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#555; line-height:1.2; }
img { border: none; }
a { border:none; text-decoration:none; }
a:hover {  }
p { margin-top:10px; margin-bottom:10px; }
br { margin-top:3px; margin-bottom:3px; }


/* cabecera */
#cabecera { height:75px; background-color:#000; background-image:url(/_img/cabecera/fondo.jpg); background-repeat:repeat-x; color:#FFF; }


/* menu */
#menu { font-family: Arial, Helvetica, Verdana, sans-serif; background-color:#d97207; background-image:url(/_img/menu/fondo.gif); background-repeat:repeat-x; color:#FFF; font-size:16px; font-weight:bold; padding:5px 0px 5px 0px; }
#menu li { display:inline; }
#menu a { color:#FFF; padding:5px 10px 5px 10px; }
#menu a:hover { background-image:url(/_img/menu/fondo_on.gif); background-repeat:repeat-x; }
#menu a.on { background-image:url(/_img/menu/fondo_on.gif); background-repeat:repeat-x; }


/* submenu */
.submenu { font-family: Arial, Helvetica, Verdana, sans-serif; background-color:#cf4a16; color:#FFF; font-size:12px; margin-bottom:25px; padding:5px 0px 5px 0px; }
.submenu li { display:inline; }
.submenu a { color:#FFF; padding:0px 10px 6px 10px; }
.submenu a:hover { }
.submenu_on { background-image:url(/wp-content/uploads/submenu/tabs_on.gif); background-repeat:no-repeat; background-position:bottom center; }



/* tabs de los pasos de alta */
#alta_tabs { font-family: Arial, Helvetica, Verdana, sans-serif; font-size:13px; color:#FFF; background:url(/_img/alta/bg_tabs.gif); width:700px; height:50px; margin:0px; padding:0px; overflow:hidden; text-align:center; background-repeat:no-repeat; }
#alta_tabs a { color:#FFF; text-decoration:none; }
#alta_tabs b { font-size:16px; font-weight:bold; }
#alta_tab_01, #alta_tab_02, #alta_tab_03 { padding-top:8px; height:50px; float:left; text-align:right; }
#alta_tab_01 { width:233px; }
#alta_tab_02 { width:234px; }
#alta_tab_03 { width:233px; }
#alta_tab_01.active { background:url(/_img/alta/bg_tab_01_on.gif); background-repeat:no-repeat; }
#alta_tab_02.active { background:url(/_img/alta/bg_tab_02_on.gif); background-repeat:no-repeat; }
#alta_tab_03.active { background:url(/_img/alta/bg_tab_03_on.gif); background-repeat:no-repeat; }
.alta_inferior { background-image:url(/_img/alta/bg_inferior.gif); background-repeat:no-repeat; height:50px; padding-top:20px; }
.alta_miniprecio { background-image:url(/_img/alta/mini_precio.gif); background-repeat:no-repeat; background-position:center; font-weight:bold; color:#FFF; }
.alta_precio { font-size:18px; color:#FFF; font-weight:bold; }


/* pie */
#pie { height:500px; margin-top:25px; padding-top:35px; font-size:10px; background-color:#d6d6d6; }
#pie li { font-size:12px; line-height:1.8em; height:25px; border-bottom:#939393 1px solid; margin:2px 0px 1px 0px; }
#pie b { font-weight:bold; }
#pie a { color:#6f6f6f; }
#pie a:hover { color:#444444; }
.pie_division { height:1px; border-bottom:#7a7a7a 1px solid; margin:10px 10px 10px 10px; overflow:hidden;}


/* pie_sistema_public */
 #piep { height:500px; margin-top:25px; padding-top:35px; font-size:10px; background-color:#d6d6d6; }
 #piep li { font-size:12px; line-height:1.8em; height:25px; border-bottom:#939393 1px solid; margin:2px 0px 1px 0px; }
 #piep b { font-weight:bold; }
 #piep a { color:#6f6f6f; }
 #piep a:hover { color:#444444; }
 .pie_division { height:1px; border-bottom:#7a7a7a 1px solid; margin:10px 10px 10px 10px; overflow:hidden; }


/* formulario */
input, textarea, select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#222; width:99%; background-color:#e0e0e0; border:#bdbdbd solid 1px; }
input, textarea { padding:3px; margin:5px 0px 5px 0px; }
.input_on { border-color:#555; }
.input_destacado { background-color:#e39b35; border-color:#c35f14; }
.input_error { border-color:#af1212; }


/* estilos para checks y radio */
span.checkbox { width:25px; height:25px; margin:4px 0 0 10px; padding:0 5px 0 0; background:url(/_img/comunes/form_radio.gif) no-repeat; display:block; clear:left; float:left; }
span.radio { width:25px; height:25px; margin:4px 0 0 10px; padding:0 5px 0 0; background:url(/_img/comunes/form_radio.gif) no-repeat; display:block; clear:left; float:left; }
span.select { position:absolute; width:290px; height:23px; padding:7px 0 0 5px; background: url(/_img/comunes/form_select.gif) no-repeat; overflow:hidden; text-align:center; font-weight:bold; }


/* botones */
.btn_grande { border:none; background:none; width:200px; height:50px; }
.btn_mediano { border:none; background:none; }
.btn_peque { border:none; background:none; }


/* mensajes de error */
.msg_error { background-image:url(/_img/mensajes_error/fondo_00.jpg); background-repeat:no-repeat; width:300px; height:150px; margin-left:150px; color:#333; padding:50px 50px 50px 350px; text-align:center; }
.msg_error h1 { font-size:16px; color:#111; }


/* tipos de letra */
h1, h2, h3, h4, h5 { font-family: Arial, Helvetica, Verdana, sans-serif; font-weight:bold; margin:10px 0px 0px 0px; }

h1 { font-size:18px; color:#222; }
h2 { font-size:16px; color:#333; }
h3 { font-size:14px; color:#444; }
h4 { font-size:12px; color:#efa133; }
h5 { font-size:12px; color:#555; font-weight:normal; }

.t_blanco { font-size:12px; color:#FFF; font-weight:bold; }
.mini { font-size:9px; }

.naranja { font-size:24px; color:#EF8C08; font-weight:bold; }
.naranja_16 { font-size:16px; color:#EF8C08; font-weight:bold; }
.naranja_16 a { color:#EF8C08; }
.naranja_16 a:hover { color:#555; }

.bold { font-weight:bold; color:#555; }
.bold a { font-weight:bold; color:#555; }
.bold a:hover { color:#EF8C08; }

/* utilidades */
.brisa { margin:5px; }
.aire { margin:10px; }
.vendaval { margin:25px; }
.ciclon { margin:50px; }
.huracan { margin:100px; }

.brisa_vertical { margin:5px 0px 5px 0px; }
.aire_vertical { margin:10px 0px 10px 0px; }
.vendaval_vertical { margin:25px 0px 25px 0px; }
.ciclon_vertical { margin:50px 0px 50px 0px; }
.huracan_vertical { margin:100px 0px 100px 0px; }

.brisa_horizontal { margin:0px 5px 0px 5px; }
.aire_horizontal { margin:0px 10px 0px 10px; }
.vendaval_horizontal { margin:0px 25px 0px 25px; }
.ciclon_horizontal { margin:0px 50px 0px 50px; }
.huracan_horizontal { margin:0px 100px 0px 100px; }

.brisa_inferior { margin-bottom:5px; }
.aire_inferior { margin-bottom:10px; }
.vendaval_inferior { margin-bottom:25px; }
.ciclon_inferior { margin-bottom:50px; }
.huracan_inferior { margin-bottom:100px; }

.lin_superior { border-top:solid 1px;}
.lin_inferior { border-bottom:solid 1px;}
.lin_izq { border-left:solid 1px;}
.lin_der { border-right:solid 1px;}

.txt_izq { text-align:left; }
.txt_der { text-align:right; }
.txt_cen { text-align:center; }

.izq { float:left; }
.der { float:right; }

.division { height:1px; border-bottom:#CCC 1px solid; margin:10px 0px 10px 0px; overflow:hidden; }


/* colores de fondo */
.bg_vapor { background-color:#F9F; }
.bg_agua { background-color:#8b8c8e; }
.bg_charca { background-color:#222; }

/* imagenes de fondo */
.fondo_marcaagua { background:url(/_img/cfsrecord/fondopaso2.gif) no-repeat;  height:1170px; }


/* tarifas*/
#tabla_pricing { font-size:12.5px; }

#tabla_pricing .headline { width:930px; height:25px; background-color:none; clear:both; margin:0; font-size:15px; font-weight:bold; text-align:center; padding-top:3px; border-bottom:solid 1px #CCC; }

#tabla_pricing .item1 { width:930px; height:25px; background-color:none; clear:both; margin:0; border-bottom:solid 1px #CCC; }
#tabla_pricing .item2 { width:930px; height:25px; clear:both; margin:0; border-bottom:solid 1px #CCC; background-image:url(/wp-content/uploads/productos/bg_grey.gif); background-repeat:repeat-y; }

#tabla_pricing .item1:hover { background-color:#3C0; }
#tabla_pricing .item2:hover { background-image:none; background-color:#3C0; }

#tabla_pricing .cell1 { width:431px; height:22px; float:left; text-align:left; padding:3px 0px 0px 15px; }
#tabla_pricing .cell2 { width:120px; height:22px; border-left:solid 1px #CCC; float:left; text-align:center; padding-top:3px; }
#tabla_pricing .cell3 { width:120px; height:22px; border-left:solid 1px #CCC; float:left; text-align:center; padding-top:3px;}
#tabla_pricing .cell4 { width:120px; height:22px; border-left:solid 1px #CCC; float:left; text-align:center; padding-top:3px;}
#tabla_pricing .cell5 { width:120px; height:22px; border-left:solid 1px #CCC; float:left; text-align:center; padding-top:3px;}

#tabla_pricing .verde { background-color:none; }
#tabla_pricing .etiqueta_gris { width:120px; height:65px;text-align:center; float:left; font-size:35px; font-weight:bold; color:#FFF; background-image:url(/wp-content/uploads/productos/pastilla_precio_gris.gif); background-position:center center; background-repeat:no-repeat;padding-top:20px;border-left:solid 1px #CCC;}
#tabla_pricing .etiqueta_verde {  width:120px;height:65px;text-align:center; float:left; font-size:35px; font-weight:bold;color:#FFF; background-image:url(/wp-content/uploads/productos/pastilla_precio_verde.gif); background-position:center center; background-repeat:no-repeat;padding-top:20px;border-left:solid 1px #CCC;}
#tabla_pricing .no_et {  width:114px; height:75px;text-align:center; float:left; font-size:9px; border-left:solid 1px #CCC;padding:10px 2px 0px 2px;}
#tabla_pricing .image {margin-top:4px;}

#internacional { height:85; padding:10px 15px 10px 15px; float:left; font-size:13px; background-color:#EEE; margin-left:20px;  }
#internacional .fila { height:25px; float:left; text-align:left; }
#internacional .campo { width:128px; float:left; text-align:left; margin-right:5px; }
#internacional .image { float:left; text-align:left; margin:3px 5px 0px 0px; }

#internacional_2 { height:85; padding:10px 15px 10px 15px; float:left; font-size:13px; background-color:#EEE; margin-left:20px;  }
#internacional_2 .fila { height:25px; float:left; text-align:left; }
#internacional_2 .campo { width:128px; float:left; text-align:left; margin-right:5px; }
#internacional_2 .image { float:left; text-align:left; margin:3px 5px 0px 0px; }