@import "ptsans.css";
@import "../vendor/FlexSlider/flexslider.css";
@import "../vendor/bootstrap-select/bootstrap-select.css";
@import url("../vendor/bootstrap/css/bootstrap.min.css");
@import "normalize.css";
@import url("normalize.css");

@font-face {
    font-family: sinzano;
    src: url('Sinzano-Regular.ttf');
}

@font-face {
    font-family: BreeRegular;
    src: url('BreeRegular.otf') format("opentype");
}
h2 {
    font-family: BreeRegular;
/*    font-style: italic;*/
}

/*@font-face {
    font-family: broadway;
    src: url('broadway.otf') format("opentype");
}*/
@font-face {
    font-family: introinline;
    src: url('IntroInline.otf') format("opentype");
}

@font-face {
    font-family: intro;
    src: url('Intro.otf') format("opentype");
}


html,button,input,select,textarea{color:#3f3f3f;}

/* body{font-size:1em;line-height:1.4;}
*/

/*
* Remove text-shadow in selection highlight:h5bp.com/i
* These selection declarations have to be separate.
* Customize the background color to match your design.
*/::-moz-selection{background:#b3d4fc;text-shadow:none;}
::selection{background:#b3d4fc;text-shadow:none;}

/*
* A better looking default horizontal rule
*/
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}

/*
* Remove the gap between images and the bottom of their containers:h5bp.com/i/440
*/
img{vertical-align:middle;}

/*
* Remove default fieldset styles.
*/
fieldset{border:0;margin:0;padding:0;}

/*
* Allow only vertical resizing of textareas.
*/
textarea{resize:none;}
iframe{border:none;}

/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0;}
.disabled{opacity:0.5;filter:alpha(opacity=50);}
.no_disabled{opacity:1;filter:alpha(opacity=100);}
input,div,textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;}
.clear{clear:both;}
.right{float:right!important;}
.right10{padding-right:10px;}
.left10{padding-left:10px;}
.left{float:left!important;}
.display-none{display:none;}
.red-color{color:#f00;}
.txt_center{text-align:center;}
.width100{width:100%;}
.no-display{display:none;}

/* ==========================================================================
Author's custom styles
========================================================================== */

/* Some more resets */

/* @font-face{font-family:"Raleway";src:url(fonts/RALEWAY.TTF) format("truetype");}
@font-face{font-family:"Raleway";src:url(fonts/RALEWAY-EXTRABOLD.TTF) format("truetype");}
*/

html,body{height:100%;}
h1,h2,h3,h4,h5{margin:0;padding:0;}
.row{margin:0;padding:0;}
.left{float:left;}
.right{float:right;}

html, body {
    font-family: 'Roboto', sans-serif;
    line-height: 24px;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    font-display: swap;
}
body { background:#f1f1f1; }
.only-mobile { display:none; }
header { width:100%; background: #fff; position: fixed; z-index:100; box-shadow: 0 -1px 0 0rgba(0,0,0,.05) inset; padding: 10px 20px;}
header.mini { height:86px; }
header.mini img { height:50px; }
header.mini .menu div { padding-top: 26px;}

.boton_circular { 
   background: #4e0149;
    color: #e2f215;
    font-weight: bold;
    text-align: center;
    position: fixed;
    z-index: 1;
    bottom: 10px;
    right: 10px;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    line-height: 48px;
    padding-left: 2px;
    font-size: 14pt;
    -webkit-box-shadow: 1px 4px 4px 0px rgba(0,0,0,0.31);
    -moz-box-shadow: 1px 4px 4px 0px rgba(0,0,0,0.31);
    box-shadow: 1px 4px 4px 0px rgba(0,0,0,0.31);
}

.redondo { 
    background: #4e0149;
    color: #fff !important;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14pt;
    -webkit-box-shadow: 1px 4px 4px 0px rgba(0,0,0,0.31);
    -moz-box-shadow: 1px 4px 4px 0px rgba(0,0,0,0.31);
    box-shadow: 1px 4px 4px 0px rgba(0,0,0,0.31);
}

.clientes { padding:10px;position: fixed;width: 100%;top: 101px; }
.modcliente { background:#fff;border-radius:5px;padding:10px;margin-bottom:10px;-webkit-box-shadow: 3px 3px 1px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 3px 3px 1px 0px rgba(0,0,0,0.3);
box-shadow: 3px 3px 1px 0px rgba(0,0,0,0.3); }
.modcliente .nomeinterno { font-weight:bold; }
.modcliente .nomefiscal { font-size:9pt;color:#444; }
.modcliente .fa-solid { color:#4e0149; }

h1 { font-family: 'Poppins', sans-serif; color:#f1c63e; font-size: 13pt; }
h2 { font-family: 'DM Serif Display', serif; font-weight:bold;color:#9f8ba4;font-size:22pt; }

.broadway { 
    font-family: introinline;
/*    font-style: italic;*/
}

.evento { background:#fff; border: 2px solid #7fc3a0;max-height:360px;height:360px;overflow:hidden; }
.evento .titulo { font-family: 'intro', sans-serif;background:#7fc3a0;padding:0 20px;color: #fff;text-align:center;padding:5px 0; height: 34px; overflow: hidden; }
.evento .fecha { padding:15px 20px 5px 20px;text-align:center;font-size:16px;}
.evento .fecha a { color:#12304c; }
.evento .sitio { padding:5px 20px 5px 20px;text-align:center;font-size:16px;}
.evento .sitio a { color:#12304c; }
.evento .tipo { padding:5px 20px 5px 20px;text-align:center; font-size:13pt; }

.separador { border-bottom:1px solid #f1c63e; width:90%;margin:0 auto; }

.items { float:right; background: #ccc; border-radius: 50%; width: 30px; height: 30px; line-height: 30px; text-align: center; }

hr { margin:5px 0; }

.glyphicon,.fa-brands { font-size: 14pt; }
a { color:#7fc3a0; }
.btn-primary { background:#7fc3a0 !important; border:none; font-weight:bold; font-size:12pt; }

.carteleratitulo { font-family: 'intro', sans-serif;color:#fff;background:#7fc3a0;text-align:center;padding:5px; }
.bordeinferior { border-top:2px solid #7fc3a0; }