@font-face {
    font-family: Raleway;
    src: url(../fonts/Raleway-Medium.ttf);
}
@font-face {
    font-family: Raleway;
    src: url(../fonts/Raleway-Bold.ttf);
    font-weight: bold;
}

P {
font-size : 12pt;
font-weight : normal;
margin-bottom: 5px;
}
H3 {
font-size : 12pt;
font-weight :bold;
text-align : left;
color : #345773;

}
H4 {
font-size : 14px;
font-weight :bold;
text-align : left;
color : #337ab7;

}
H2 {
font-size : 14pt;
font-weight :bold;
text-align : left;
color : #67A9E0;

}
H1 {
font-size : 16pt;
font-family : 'Raleway' ,arial;
font-weight :bold;
text-align : left;
color : #4C7DA5;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-family: sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
}


font {
font-size : 16pt;
text-align : left;
color : #337ab7;
}

body {
background-color : White;
font-style: color :  #337ab7;
}

th {
	border-top-width: medium;
	border-color: #337ab7;
        font-size : 10pt;
        font-weight: bold;
}

a{
display: block;
    width: 100%;
    color: #333;
    border-color: #ccc;
    padding: 6px 12px;
    margin-bottom: 0;
    font-family: sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    box-sizing: border-box;  

}

a.linkgris, 
a.linkgris:focus, 
a.linkgris:hover,
a.visited {
    color: #333;
    text-decoration: underline;
    outline: 0;
     text-decoration: none;
}

a.linkgris:active, 
linkgris.a:hover {
    outline: 0;
     text-decoration: none;
}

/*
Estilos globales
**********************************************
*/

.input-login, body.login section form input.form-control, body.login section form .btn {
  height: 46px; }

.huge {
  font-size: 40px; }

.exportar {
  width: 45px;
  height: 51px;
  text-align: left;
  text-indent: -9999px;
  overflow: hidden;
  display: inline-block; }

.exportar-excel {
  background: transparent url("../images/icons/file-format-xlsx.png") no-repeat; }

.exportar-pdf {
  background: transparent url("../images/icons/file-format-pdf.png") no-repeat; }

.btn {
    display: block;
    width: 100%;
    color: #333;
    border-color: #ccc;
    padding: 6px 12px;
    margin-bottom: 0;
    font-family: sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    box-sizing: border-box;
}

  
.headerImg{
	max-width: 65%; 
	max-height: 65%;
	display: block;
  	margin-left: auto;
 	margin-right: auto;
 	margin-top: 5px;
 	margin-bottom: 10px;		
}
.container{
	background-color: #F0F0F0;
}
.headerLine {
    height: 2px;
    background-color: #2C8BC5;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.panel-menu{
	padding: 0px 5px 0px;
	margin: 8px;
	color: #000;
}
.panel-menu-content{
	padding: 0px;
	color: #000;
}
.menu{
	margin-top:10px;
	margin-bottom: 10px;
	font-family:'Raleway', arial;
	font-size:17px;
	text-transform:uppercase;	
	line-height: 55px;
}
#cartelera{
	margin-top: 12px;
}
.panel-cartelera{
	padding: 2px 2px 2px 2px;
	margin: 5px 5px 5px 5px;
	color: #000;
	font-size:21px;
}
.card.panel-cartelera:last-of-type{
	margin-bottom: 17px;
}
.footerContent{
	background-color: #D9D9D9;
	color: #000;
	wordspacing: 55pt;	
    max-width: 1170px;
    font-family: 'Raleway', arial;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
}
.imgCartelera{
	max-width: 100%;
	height: auto;
}
#subtitulo{
	font-family: 'Raleway';
	font-size: 18px;
/* 	background-color:#115279;	 */
	background-color:#2C8BC5;	
	color: #FFF;
	margin: 10px 0px 10px 0px;
	padding: 7px 11px 7px 11px;
	width: 100%;
    box-sizing: border-box;
}

.solapa.active{
	background-color:#2C8BC5 !important;	
	color: #FFF !important;
}

.solapa{
	font-family: 'Raleway' !important;
	font-size: 18px !important;
	background-color:#AAB7B8 !important;	
	color: #4D5656 !important;
	margin: 10px 0px 10px 0px;
	padding: 7px 11px 7px 11px;
}

.categoria{
	padding: 0px 5px 0px;
}
.titulo-categoria{
	margin: 0px !important;
	color: #000;
	font-family:'Raleway', arial;
	font-size:17px;
	text-transform:uppercase;	
	line-height: 55px;
}
.suplemento{
	margin: 0px !important;
	color: #4D5656;
	font-family:'Raleway', arial;
	font-size:15px;
	text-transform:uppercase;	
	line-height: 30px;
}
.nota{
	margin: 0px !important;
	color: #4D5656;
	font-family:'Raleway', arial;
	font-size:15px;
	text-transform:uppercase;	
	line-height: 30px;
}

.attributeinput input {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;    
}


input[type="submit"] {
    display: block;
    width: 100%;
    color: #333;
    border-color: #ccc;
    padding: 6px 12px;
    margin-bottom: 0;
    font-family: sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    box-sizing: border-box;  

}


/* 
.error {
  color: #595959;
  font-size : 14pt;
  display: block;
  font-weight: 600;
  margin-top: 5px;
}

*/
.required {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-family: sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
}