/*
 * Enlaces
 */

.link1{
    text-decoration:none;
    color:#646464;
    font-weight:bold;
}

.link1:hover{ color:#262425; }


/*
 * Buttons (http://webdesignerwall.com/tutorials/css3-gradient-buttons)
 */

.button {
    display: inline-block;
    border-radius: 5px;
    cursor: pointer;
    font-family: 'Exo-Bold',sans-serif;
    padding: 5px 20px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.button:hover { text-decoration: none; }

.button:active { position: relative; }


/*
 * button1: Gris oscuro (fondo gris claro)
 *
 * button3: Amarillo
 */

.button.button1 {
    border: 1px solid #262425;
    background-color: #262425;
    color: #fff;
}

.button.button1:hover { color:#FF0F00; }

.button.button1:active { background-image: linear-gradient(to bottom, #797075, #262425); }

.button.button3 {
    border: 1px solid #c82506;
    background-color: #c82506;
    color: #fff;
}

.button.button3:hover { color: #262425; }

/*.button.button3:active { background-image: linear-gradient(to bottom, #fecf66, #e5ac2e); }*/

.button.button_icon { padding: .1em .8em; }

.button.button_icon > a,
.button.button_icon > span,
.button.button_icon > input,
.button_remove,
.button_single_upload {
    display: block;
    border: 0;
    height: 24px;
    width: 24px;
}

.button.button_icon.cart_add > input, .button.button_icon.cart_add > span { background: url("../img/icons/cart_add.png") no-repeat; }
.button.button_icon.cart_del > input { background: url("../img/icons/cart_del.png") no-repeat; }
.button.button_icon.order_cancel > input { background: url("../img/icons/order_cancel.png") no-repeat; }
.button.button_icon.order_list > span { background: url("../img/icons/order_list.png") no-repeat; }
.button.button_icon.order_pdf > span { background: url("../img/icons/order_pdf.png") no-repeat; }
.button.button_icon.user_edit > span { background: url("../img/icons/user_edit.png") no-repeat; }
.button.button_icon.user_permission_edit > span { background: url("../img/icons/user_permission_edit.png") no-repeat; }
.button.button_icon.user_del > input { background: url("../img/icons/user_del.png") no-repeat; }
.button.button_icon.ip_unlimit > input { background: url("../img/icons/ip_unlimit.png") no-repeat; }
.button.button_icon.ip_reset > input { background: url("../img/icons/ip_reset.png") no-repeat; }
.button.button_icon.ip_unlock > input { background: url("../img/icons/ip_unlock.png") no-repeat; }
.button.button_icon.ip_lock > input { background: url("../img/icons/ip_lock.png") no-repeat; }
.button.button_icon.ip > span { background: url("../img/icons/ip.png") no-repeat; }
.button.button_icon.generic_edit > span { background: url("../img/icons/edit.png") no-repeat; }
.button.button_icon.generic_delete > span { background: url("../img/icons/delete.png") no-repeat; }
.button_remove { background: url("../img/icons/delete.png") no-repeat; }
.button.button_icon.button_upload > span { background: url("../img/icons/upload_document.png") no-repeat; }
.button_single_upload { background: url("../img/icons/upload_document.png") no-repeat; }
.order_download { background: url("../img/icons/order_download.png") no-repeat; }
.button_ok { margin-top: 3px;  padding: 3px 5px; }

.button_trash {
    margin: 0;
    padding: 0;
    border: 0;
    width: 16px;
    height: 16px;
    background: url("../img/icons/trash.png") no-repeat;
}


.input_file_wrapper {
    position: relative;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
}

.input_file_hidden {
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
}


/*
 * Form styles
 */

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"] {
    border: 1px solid #B7B7B7;
    padding: 2px;
    height:22px;
    background-image: linear-gradient(to bottom, #FFFFFF, #F5F5F5);
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    color: #363D44;
    margin:3px 0;
}

option {
    padding: 1px 4px;
    background-color: #F5F5F5;
}

input[type="number"],
input.input_cantidad,
input.input_precio {
    padding: .2em;
    width: 3.8em;
}

input[disabled] {
    background: #CCC;
}


/*
 * Checkbox
 */

.campocheck { position: absolute; left: -3000px; } /* Fix IE8 */

.campocheck + label {
    background-image: linear-gradient(to bottom, #FFFFFF, #F5F5F5);
    border: 1px solid #B7B7B7;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 -15px 10px -12px rgba(0, 0, 0, 0.05) inset;
    display: inline-block;
    margin-right: 10px;
    padding: 9px;
    position: relative;
}

.campocheck + label:active, .campocheck:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.campocheck:checked + label {
    border: 1px solid #b7b7b7;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #363d44;
}

.campocheck:checked + label:after {
    content: '\2714';
    font-size: 17px;
    position: absolute;
    top: 3px;
    left: 3px;
    color: #363d44;
}

::selection { background-color: #FFDFB8; }

::-moz-selection { background-color: #FFDFB8; }

::-ms-clear { display: none; }


/*
 * Select
 */

select::-ms-expand {
    display: none;
}

select {
    padding-right: 58px !important;
}

.camposelect {
    float: left;
    height: 30px;
    overflow: hidden;
    background: url('../img/image_arrow-2.png') #f6f6f6 no-repeat right;
    border: 1px solid #C1C1C1;
    margin:0;
}

.camposelect select {
    background: transparent;
    padding: 5px;
    border: 0 none;
    border-radius: 0;
    line-height: 1;
    height: 30px;
    margin:0;
}


/*
 * Msg ok / Msg Error
 */

.msg { }

.msg_info {
    font-size: 13px;
    margin: 1% 0 !important;
    padding: 1.5%;
    background-color: #BDE5F8;
    border: 1px solid #00529B;
    color: #00529B;
    border-radius: 4px;
}

.msg_fail {
    font-size: 13px;
    margin: 1% 0 !important;
    padding: 1.5%;
    background-color: #f0d8d8;
    border: 1px solid #d36565;
    color: #884646;
    border-radius: 4px;
}

.msg_fail_metro {
    font-size: 13px;
    margin: 1% 0 !important;
    padding: 1.5%;
    background-color: #CF3636;
    color: #FFFFFF;
}

.msg_done {
    font-size: 13px;
    margin: 1% !important;
    padding: 1.5%;
    background-color: #dff0d8;
    border: 1px solid #65d367;
    color: #468847;
    border-radius: 4px;
}

#formulario_msg{
    width:100%;
}

.boton_atras{
    margin-left:910px;
    position:absolute;
    width: 70px;
    height: 20px;
    background: url("../img/icons/back.png") no-repeat;
}


/*
 * Otros estilos
 */

.bold { font-weight: bold; }

.tip { font-size: .88em; }
.tip2 { font-size: .7em; }
.tip3 { font-size: .8em; }

.clearfix { clear: both; }

.tooltip { cursor: pointer; }

.negro { color: #000; }

.text_right { text-align: right; }

.italic { font-style: italic; }


/*
 * jQuery-UI
 */

.ui-widget { font-size: 1em !important; }