body {
  /* Ubicaci�n de la imagen */
  background-image: url(../_image/fondo1.jpg);

  /* Nos aseguramos que la imagen de fondo este centrada vertical y
    horizontalmente en todo momento */
  background-position: center center;

  /* La imagen de fondo no se repite */
  background-repeat: no-repeat;

  /* La imagen de fondo est� fija en el viewport, de modo que no se mueva cuando
     la altura del contenido supere la altura de la imagen. fixed o scroll*/
  background-attachment: fixed;

  /* La imagen de fondo se reescala cuando se cambia el ancho de ventana
     del navegador */
  background-size: cover;

	-webkit-transition:background 1s ease-out;
	-moz-transition:background 1s ease-out;
	-o-transition:background 1s ease-out;
	-ms-transition:background 1s ease-out;
	transition:background 1s ease-out;
  /* Fijamos un color de fondo para que se muestre mientras se est�
    cargando la imagen de fondo o si hay problemas para cargarla  */
  background-color: #232122;
}


/*body {
background: url(../_image/fondo.jpg) repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}*/

#images_1{background:transparent url("../_image/fondo1.jpg") no-repeat 0 0;}
#images_1{background:transparent url("../_image/fondo2.jpg") no-repeat 0 0;}
#images_1{background:transparent url("../_image/fondo3.jpg") no-repeat 0 0;}
#images_1{background:transparent url("../_image/fondo4.jpg") no-repeat 0 0;}
#images_1{background:transparent url("../_image/fondo5.jpg") no-repeat 0 0;}



#id_info{
	border-radius: 10px;
}

.logoever{
	max-width: 300px;
	padding: 0px 10px 10px 10px;
}

.panel-slider{
	background-color: rgba(255,255,255,0.9);
	border-radius: 10px;
}

.logocalif{
	max-width: 400px;
	padding: 10px 0px 0px 20px;
}

.panel-info{
   background-color: rgba(255,255,255,0.6);
	border-radius: 10px;
}

.panel-info > .panel-heading{
   background-color: rgba(255,255,255,0.6);
}


#id_contenido{
	margin-top: 20px;
	background-color: rgba(255,255,255,0.5);
	border-radius: 10px;
}

.panel-default{
	border-radius: 10px;
}

.font-slider-1{
	font-family: sans-serif;
	font-weight: bold;
	color:#e49c10;
}

.font-slider-2{
	font-family: sans-serif;
	font-weight: bold;
	color:#352ce0;
}

.font-slider-3{
	font-family: sans-serif;
	font-weight: bold;
	color:#1c6e13;
}


.sinborde{
  border: 0px solid transparent;

}


.font-tit-2{
	font-family: sans-serif;
	font-size:1.5em;
	color:#083e24;
}

.font-blanco-1r{
	font-family: sans-serif;
	font-size:1.2em;
	color:#083e24;
}

.font-blanco-1s{
	font-family: sans-serif;
	font-size:0.8em;
	color:#ffffff;
}

.font-blanco-1{
	font-family: sans-serif;
	font-size:1em;
	font-weight: bold;
	color:#ffffff;
}

.font-blanco-2{
	font-family: sans-serif;
	font-size:1em;
	font-weight: bold;
	color:#ff0000;
}

.font-blanco-3{
	font-family: sans-serif;
	font-size:1em;
	font-weight: bold;
	color:#0d4307;
}

.font-blanco-4{
	font-family: sans-serif;
	font-size:1em;
	font-weight: bold;
	color:#312e36;
}

.font-cartel-4{
	font-family: sans-serif;
	font-size:4em;
	font-weight: bold;
	color:#312e36;
}

.font-ch-bl-2{
	font-size:1.1em;
	color:#3f2e0e;
}

.font-datos{
	font-family: Verdana, Arial, Helvetica;
	font-size:1.2em;
	color:#070707;
}

.padding-05{
	padding-top: 0.5em;
	padding-bottom: 2em;
}


.sombra{
	text-shadow: 3px 3px 4px #cccccc;
	text-align: center;
}

.sombra-box{
	-webkit-box-shadow: 0px 0px 18px 0px rgba(255, 255, 255, 0.21);
	-moz-box-shadow:    0px 0px 18px 0px rgba(255, 255, 255, 0.21);
	box-shadow:         0px 0px 18px 0px rgba(0, 0, 0, 0.21);
}


.rotarY:hover{
   transform:rotateY(360deg);
   transition-duration: 1s;
   -webkit-transform:rotateY(360deg);
   -webkit-transition-duration: 1s;
}

.opacity {
	opacity: 0.5;
	filter:  alpha(opacity=50);
}

.navbar-brand {
  margin-top:-10px;
}

footer{
	margin-top: 1em;
	background-color: #222;
	padding: 0.55em 0;
}

.costos, .costos1{
	font: sans-serif, Verdana, Arial, Helvetica, ;
	padding: 1.5em;
}

.costos1{
	padding: 1.0em;
}

label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	font: sans-serif, Verdana, Arial, Helvetica, ;
	color: #900f30;
	font-size: 0.9em;
	font-style:italic;
	padding: 3;
}



@media screen and (min-width: 300px){

	.logocalif{
		max-width: 300px;
		padding: 0px 0px 0px 0px;
	}

	#cartel1, #cartel2, #cartel3, #cartel4{
		margin-top: 20px;
	}

	#div_cotiz{
		margin-top: 10px;
	}

	.panel-slider{
		height: 300px;
		max-width: 340px;
	}

	.font-slider-1{font-size:2.2em;}
	.font-slider-2{font-size:2.2em;}
	.font-slider-3{font-size:1.1em;}

	#id_contenido{max-width: 350px;}
	#div_contacto{max-width: 350px;}
	#id_info{max-width: 350px;}

	.max-box{max-width: 280px;}
	.max-box-col{max-width: 50px;}

	.costos, .costos1{font-size: 1em;}
}

@media screen and (min-width: 480px){

	.logocalif{
		max-width: 400px;
		padding: 10px 0px 0px 20px;
	}

	#cartel1, #cartel2, #cartel3, #cartel4{
		margin-top: 30px;
	}

	#div_cotiz{
		margin-top: 10px;
	}

	.panel-slider{
		height: 300px;
		max-width: 450px;
	}

	#id_contenido{max-width: 450px;}
	#div_contacto{max-width: 450px;}
	#id_info{max-width: 450px;}


	.max-box{max-width: 300px;}
	.max-box-col{max-width: 60px;}

}

@media screen and (min-width: 750px){

	#cartel1, #cartel2, #cartel3, #cartel4{margin-top: 30px;}


	.panel-slider{height: 200px;max-width: 700px;}
	#id_contenido{max-width: 700px;}

	#div_frases{max-width: 300px;}
	.font-slider-1{font-size:1.7em;}
	.font-slider-2{font-size:1.7em;}
	.font-slider-3{font-size:0.8em;}

	.max-box{max-width: 200px;}
	.max-box-col{max-width: 120px;}


}

@media screen and (min-width: 1000px){
	#cartel1, #cartel2, #cartel3, #cartel4{margin-top: 25px;}

	.panel-slider{height: 200px;max-width: 970px;}
	#id_contenido{max-width: 1200px;}

	#div_frases{max-width: 700px;}
	.font-slider-1{font-size:2.5em;}
	.font-slider-2{font-size:2.5em;}
	.font-slider-3{font-size:1.3em;}


	.max-box{max-width: 250px;}
	.costos, .costos1{font-size: 2em;}

}

@media screen and (min-width: 1200px){

	#cartel1, #cartel2, #cartel3, #cartel4{margin-top: 25px;}
	.panel-slider{height: 170px;max-width: 1170px;}
	.max-box{max-width: 300px;}


}

.btn-whatsapp {
	display:block;
	width:70px;
	height:70px;
	color:#fff;
	position: fixed;
	right:20px;
	bottom:20px;
	border-radius:50%;
	line-height:80px;
	text-align:center;
	z-index:999;
}

.cpointer {
	cursor: pointer;
}