/* CSS Estilos generales */


/* --------------------------- Clases globales ------------------------------ */

.carro {
    clear:                  both;
}

.path {
    color:                  #888888;
    text-transform:         lowercase;
}

.path a {
    color:                  #888888;
}

.nodisplay {
    display:                none;
}

/* tipografia */

.small_text {
    font-size:              10px;
}

.price_big_text{
    margin:                 12px 0px 0px 30px;
    color:                  #3B7AB5;
    font-size:              16px;
    font-weight:            bold;                 
}

.product_big_text{
    margin:                 20px 0px 10px 30px;
    color:                  #3B7AB5;
    font-size:              14px;
    font-weight:            bold;                 
}

.big_text {
    font-size:              14px;   
}

.lowercase { 
    text-transform:         lowercase;
}

.uppercase {
    text-transform:         uppercase;
}

.capitalize {
    text-transform:         capitalize;
}

.speech {
    font-style:             oblique;
}

.price_big {
    color:                  #3B7AB5;
    font-size:              16px;
    font-weight:            bold;
}

.price_small {
    color:                  #3B7AB5;
    font-size:              12px;    
}



.bold {
    font-weight:            bold;
}

.italic {
    font-style:             italic;
}

.weight_normal {font-weight: normal;}


/* colores */

.gray   { color:                  #888888; }
.blue   { color:                  #3B7AB5; }
.red    { color:                  #FF0000; }
.black  { color:                  #000000; }

/* controles */

.combo {
    font-size:              10px;
    width:                  122px !important;
    width:                  104px;
    *width:                 104px !important;
}

.button_custom {
    background:             url(/img/grounds/button.gif);
    font-size:              11px;
}

.accept_button {
    background:             url(/img/grounds/accept_button.gif) no-repeat right;
    padding-right:          20px !important;
    padding-right:          13px;
    font-size:              11px;
    height:                 23px;
}

/*.next_button {
    background:             url(/img/grounds/next_button.gif) no-repeat right;
    padding-right:          20px;
    font-size:              11px;
    height:                 23px;
}

.back_button {
    background:             url(/img/grounds/back_button.gif) no-repeat left;
    padding-left:           20px !important;
    padding-left:           13px;
    font-size:              11px;
    height:                 23px;
}

.add_button {
    background:             url(/img/grounds/add_button.gif) no-repeat left;
    padding-left:           20px !important;
    padding-left:           6px;
    font-size:              11px;
    height:                 23px;
}
*/
.accept_button {
    font-family:            "Lucida Sans Unicode";
    font-size:              16px;
    height:                 30px;
    color:                  #000000;
    background:             #F0EFEF;
}

.next_button {
    font-family:            "Lucida Sans Unicode";
    font-size:              16px;
    height:                 30px;
    color:                  #000000;
    background:             #F0EFEF;
}

.back_button {
    font-family:            "Lucida Sans Unicode";
    font-size:              16px;
    height:                 30px;
    color:                  #000000;
    background:             #F0EFEF;
}

.add_button {
    font-family:            "Lucida Sans Unicode";
    font-size:              16px;
    height:                 30px;
    color:                  #000000;
    background:             #F0EFEF;
}

.refresh_button {
    background:             url(/img/grounds/refresh_button.gif) no-repeat left;
    padding-left:           20px !important;
    padding-left:           6px;
    font-size:              11px;
    height:                 23px;
}

.button_sin{
    text-align:     center;
    margin:         2px;
    padding:        0px;
    display:        block;
    float:          left;
    background:     #F0EFEF none repeat scroll 0%;
    color:          #000000;    
    font-size:      12px;
    height:         30px;
    width:          100px;
}

label {
    padding:                2px 5px;
    float:                  left;
}

form input {
    font-size:              9px;
    margin:                 2px;
    padding:                0px;
    display:                block;
    float:                  left;
    height:                 16px;
}

form select {    
    width:                  105px;
    font-size:              9px;
    float:                  left;
    margin:                 2px;
}

textarea {
    /*font-size:              10px;*/
}


/* control de errores */

.in_error {
    background:             url(/img/grounds/gr_input_error.gif) left no-repeat;
    text-indent:            18px;
}

.in_error2 {
    background:             url(/img/grounds/gr_input_error.gif) left no-repeat;
    text-indent:            18px;
}

.in_error_select {
    background:             #FF5353;
/*        width:105px;*/
}

.in_input{
    background-image:       url(../img/grounds/gr_input.gif);
    background-repeat:      repeat-x;
    background-position:    left bottom;
}


/* alineacion */

.centered           { text-align:           center; }
.center_element     { margin:              0px auto;}
.vertical_middle    { vertical-align:       middle; }
.vertical_top       { vertical-align:          top; }
.vertical_bottom    { vertical-align:       bottom; }

.elem_left          { float:                  left; }
.elem_right         { float:                 right; }

.inline             { display:              inline; }

/* margenes */

.margin             { margin:                 10px; }
.no_margin          { margin:                 0;    }
.margin_left        { margin-left:            10px; }
.margin_right       { margin-right:           10px; }
.margin_top         { margin-top:             10px; }
.middle_margin_top  { margin-top:              5px; }
.margin_bottom      { margin-bottom:          10px; }


/* padding */

.padding_small      { padding:                 2px; }
.padding            { padding:                10px; }
.padding_left       { padding-left:           10px; }
.padding_right      { padding-right:          10px; }
.padding_right_40   { padding-right:          40px; }
.padding_top        { padding-top:            10px; }
.padding_bottom     { padding-bottom:         10px; }


/* altura */
.h20px  { height:           20px; }
.h30px  { height:           30px; }
.h60px  { height:           60px; }
.h90px  { height:           90px; }
.h100px { height:          100px; }
.h110px { height:          110px; }
.h120px { height:          120px; }
.h130px { height:          130px; }
.h150px { height:          150px; }
.h170px { height:          170px; }
.h180px { height:          180px; }
.h200px { height:          200px; }
.h220px { height:          220px; }


/* anchura */
.w20px  { width:             20px; }
.w30px  { width:             30px; }
.w38px  { width:             38px; }
.w40px  { width:             40px; }
.w50px  { width:             50px; }
.w60px  { width:             60px; }
.w70px  { width:             70px; }
.w80px  { width:             80px; }
.w90px  { width:             90px; }
.w100px { width:            100px; }
.w120px { width:            120px; }
.w150px { width:            150px; }
.w160px { width:            160px; }
.w180px { width:            180px; }
.w200px { width:            200px; }
.w220px { width:            220px; }
.w230px { width:            230px; }
.w240px { width:            240px; }
.w245px { width:            245px; }
.w250px { width:            250px; }
.w100pxF{ width: 112px !important; *width: 100px !important; }


/* --------------------------- Redefinicion de elementos -------------------- */

body {            
    margin:                 5px;
    padding:                0;
    font-family:            Arial, Verdana, Helvetica, sans-serif;
    font-size:              11px;    
    color:                  #0070b2;
}


h1 {
    color:                  #3b7ab5;
    font-size:              24px;
    font-weight:            normal;
    margin:                 0 0 0 0;
    
}

h2 {
    color:                  #3b7ab5;
    font-size:              20px;
    font-weight:            500;
    margin:                 0 0 6px 0;
    padding-bottom:         10px;
}

.h2_big {
    font-size:              21px;
}

h3 {
    color:                  #000000;
    font-size:              12px;
    margin:                 4px 0;
}

h4 {
    color:                  #3b7ab5;
    font-size:              11px;
    margin:                 4px 0;
}

h5 {    
    color:                  #3b7ab5;
    font-size:              9px;
    margin:                 0;
}

h6 {
    font-size:              9px;
    font-weight:            bold;
    margin:                 6px 0;
}

p {
    margin:                 11px 0;
}

p:first-letter {
    text-transform:         uppercase;
}

a {
    color:                  #164e6f;
}

img {
    border:                 none;
}

ul {
    list-style-image:       url(/img/icons/list_item.gif);
}

li {
    padding-bottom:         6px;
}



/* -------------------------- Contenedores con formato  --------------------- */

/* bordes redondeados */

b.bt, b.bt b, b.bb, b.bb b {  
    display:                block; 
    height:                 10px;
    font-size:              1px;  
    background:             url(/img/grounds/rounded_corners.gif) no-repeat;  
    position:               relative;
}  

b.bt {
    top:                    -2px;
    left:                   -2px
}  

b.bt b {
    background-position:    100% -10px;
    left:                   4px
}  

b.bb {
    background-position:    0 -20px;
    top:                    2px;
    left:                   -2px
}  

b.bb b {
    background-position:    100% -30px;
    left:                   4px
}  

.rounded_border {
    border:                 #e7ebed 2px solid;
}  

.rounded_logo {
    background:             url(/img/logos/icon_mini.gif) no-repeat top right;
}

.rounded {
    padding:                0 6px 6px 12px;
}

.info_paragraph{
    width:          75%;
    margin:         0px;
}

.divLogo{
    float:          left;
    /*height:         60px;*/
    margin-right:   20px;
    text-align:     center;
}

.titleLogo{
    width:          150px;
    text-align:     center;
}

.insideList{
    margin:                 0px;
    padding:                0px 0px 0px 10px;
    list-style-position:    outside;
}

.insideList li {
    margin:         10px 0px;
}

.insideList li span {
    font-weight:    bold;
    font-variant:   small-caps;
    text-decoration: underline;
    margin-bottom: 5px;
}

.divDatos{
    border:     1px solid #000000; 
    background: #B9E0A6; 
    width:      90%;
    padding:    5px 10px 5px 10px;
}