/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/* Your custom css codes start here: */
#home_form h2 {
    color: #fff;
}

.message.good {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

#cartContent .table-cotizacion tbody td,
#cartContent .table-cotizacion tbody th {
    vertical-align: middle;
}

div.field.form-control {
    height: auto !important;
    border: 0 !important;
    padding: 0 !important;
    margin-bottom: 20px;
}

.field-miel {
    position: absolute;
    left: -3px;
    opacity: 0;
    width: 1px;
    height: 1px;
    border: 0;
    overflow: hidden;
}

.image {
    padding: 5px;
    border: 1px solid #999;
    margin: 0 0 20px 0;
}

.image.left {
    float: left;
    margin-right: 20px;
}

.image.right {
    float: right;
    margin-left: 20px;
}

.ss-htmleditorfield-file.embed {
    width: 100% !important;
    height: 0;
    padding-top: 56.25%;
    position: relative;
    margin: 0 0 20px 0;
}

.ss-htmleditorfield-file.embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*.fluid-width-video-wrapper {
    height: 0;
    padding-top: 56.25%;
    position: relative;
    margin: 0 0 20px 0;

    iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}*/