@charset "utf-8";
/* CSS Document */

/*codigo cabezotes paginas productos servicios*/

h2{
	font-weight:700;
	font-size:2.2em !important; 
	color:#37474f;
	text-transform:uppercase
}

.header{
	padding:40px 10px;
}

.header h2{
	font-size:2em;
	margin-bottom:0px;
	margin-top:20px
}

.header p {
	font-size:1.1em;
	padding-left:5%;
	padding-right:5%;
	margin-bottom:20px;
	margin-top:10px;
}

.header .row {
	margin-bottom:0px;
}

.subtitulo {
	width:100%;
	color:rgba(245,245,245,1.00);
	height:150px;
	overflow:hidden !important
}

.subtitulo p {
	font-size:1.2em;
	margin-bottom:10px;
	margin-top:65px;
	line-height:1.2em;
	color:rgba(255,255,255,1.00) !important;
	font-weight:500;
}

.subtitulo h1{
	font-size:3.5em;
	margin:43px 0px 10px 0px;
	padding: 0px;
	font-weight:500 !important;
}


.subtitulo .row{
	margin-bottom:0px;
}

/*terminacion codigo*/



.containerespecial{
	width:90%;
	margin:0 auto;
	position:relative;
}

p{
	font-size:14px;
	color:rgba(23,23,23,1.00);
}

.menu-especial{
	width:90%;
	margin:0 auto;
}

#ti-lista{
	padding:10px 20px;
	text-align:center;
	margin:0 -1px;
}

.menu-especial .collapsible {
	box-shadow:none
}

.menu-especial .collapsible-body{
	    border-bottom:0px solid #424242 !important;
}

.menu-especial .collapsible-body a:active  {
	background-color:#00838f;
}

.collapsible-body a {
	padding:6px 20px 6px 20px;
	display:block;
	color:#e3f2fd;
	background-color:#212121
}

.menu-fixed {
	z-index:998;
	position:fixed;
	top:8px;
	left:75.5%;
	width:16.5%;
}

.btn-cont-fijo{
	position:relative;
	width:100%;
	height:100px;
	/*background:#ED9192;*/
}

.btn-cont-fijo .btn{
	padding:0 1rem !important;
}

/*
#btn-comprar{
	margin-right:7%;
	width:18.5%;
	}*/

#botoncompra{
	width:25%;
	padding-top:10px;
	float:right;
}

#botoncompra .btn {
	width:70%;
	margin:0 15% 10px 15%;
	height:auto;
	max-height:60px;
	font-size:0.8em;
	line-height:1.2em;
	padding:6%;
}

#menulateral{
	width:80%;
	margin:10px auto;
	padding:0px 5px 5px 10px;
	
	border:solid 1px rgba(184,184,184,1.00);
}

section #menulateral h3{
	font-size:1.5em;
	font-weight:500;
	color:#546e7a;
}

section #menulateral li{
	margin-bottom:0px;
}

section #menulateral a{
	padding:3px 2px;
	display:block;
	color:#546e7a;
}

section #menulateral a:hover{
	background-color:#2962ff;
	color:white;
	font-weight:500
}

section #menulateral .categoria {
	background-color:#263238;
	margin-left:-4px;
	padding:10px 10px 12px 10px;
	margin-top:15px;
	margin-bottom:15px;
	
}

section #menulateral .categoria .nonehover:hover {
	background-color:#263238;
}

.hojaproductos{
	width:75%;
	background-color:rgba(237,237,237,1.00);
	margin:15px 0;
	padding:1px 12px;
}

#galeriaproductos .card-content {
	min-height:150px;	
}

.card-content h4 {
	font-size:1.5rem;
	margin-top:0px;
}

.card-content h4 a {
	color:#304ffe 
}

#galeriaproductos, #galeriacomunicaciones .card-content p {
	color:#263238;
}

#galeriacomunicaciones .card-content {
	min-height:150px;
	
}	

footer p{
	color:#cfd8dc;
}

.fijar{
	position:fixed;
	width:100%;
	z-index:998
}

#max {
	width:100%
}

/*Adaptado para tablets y moviles*/

@media only screen and (max-width: 992px)  {
	
	
	.hojaproductos{
	clear:both;
	width:100%;
	background-color:rgba(237,237,237,1.00);
	margin:15px 0;
	padding:1px 12px;
	
}

	#botoncompra{
	width:100%;
	padding:0;
	margin:0 auto;
	float:none;
	}
	
	#menulateral{
	width:100%;
	margin:10px auto;
	padding:5px 5px 5px 15px;
	background-color:#fafafa;
	border:solid 1px rgba(184,184,184,1.00);
}
	
	

}

@media only screen and (max-width: 600px)  {

	.menu-fixed {
	z-index:997;
	position:fixed;
	top:8px;
	left:64.5%;
	width:28.5%;
	padding:0px 0px;
	text-align:center;
}
	.fijar{
	position:static;
	width:100%;
}

	.subtitulo{
		padding-top:8%;
	}
	
	
	.subtitulo h1 {
		font-size:2.4em;
		padding:0px;
		margin:0 0px 10px 0px;
}

	.subtitulo p {
		font-size:1em;
		padding:0px;
		margin:0px;
		text-align:center
}
}

@media only screen and (min-width:601px) {
	
	.subtitulo{
		padding-top:55px;
	}
	
	
	.subtitulo h1 {
		font-size:2.4em;
		padding:0px;
		margin:0 0px 10px 0px;
		
}

	.subtitulo p {
		font-size:1em;
		padding:13px 0px;
		margin:0px;
		text-align:center;
		
}

}

@media only screen and (min-width:993px) {
	
	.subtitulo{
		padding-top:45px;
	}
	
	
	.subtitulo h1 {
		font-size:3em;
		padding:0px;
		margin:0 0px 10px 0px;
		color:white;
}

	.subtitulo p {
		font-size:1.2em;
		padding:16px 0px;
		margin:0px;
		text-align:left;
		color:red
}

}