/*logo y contactos*/

#logo{
	padding-top: 10px;
}

.telefono{
	color:#2b800e; 
}


/*color naranja #f4a802*/

/*barra de menu*/

#barra-de-navegacion{
	background: #DF7401;
}

nav{
	background: #DF7401;
	color: white;
}

.letra-menu{
	color: white;
	font-family:Copperplate / Copperplate Gothic Light, sans-serif;
}

.letra-menu:hover{
	color:#e8e5e0;
	line-height:30px;

}

/*cuerpo*/
section{
	background:#F2F2F2; 
	padding-bottom:30px;
}

#cuerpo{
	background: white;
	border:1px solid #E6E6E6; 
}

.circulo-logo{
	width: 70%;
}


/*cajitas*/


.texto-cajitas{
	text-align: justify;
	color: #424949;
}


.ver-mas{
	background:#2b800e;
	color: white;
}

.ver-mas-1{
	background:#009bdb;
	color: white;
}

.ver-mas-2{
	background:#f19700;
	color: white;
}

.titulo-cajitas{
	color:#2b800e;	
	font-size: 21px;
}

.titulo-cajitas-1{
	color:#009bdb;
	font-size: 21px;	
}

.titulo-cajitas-2{
	color:#f19700;
	font-size: 21px;
}



.thumbnail{
	padding:15px;
	border: 1px solid #2b800e;
	border-radius:10px;
	box-shadow: 2px 2px 10px #2b800e;
}

.thumbnail-1{
	padding:15px;
	border: 1px solid #009bdb;
	border-radius:10px;
	box-shadow: 2px 2px 10px #009bdb;
}

.thumbnail-2{
	padding:15px;
	border: 1px solid #f19700;
	border-radius:10px;
	box-shadow: 2px 2px 10px #f19700;
}


.thumbnail.:hover{
	animation: bounce 1s;
}
	@keyframes bounce {
	0%, 20%, 60%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	80% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
}



/*quienes somos y formulario*/

#cajita-quienes-formulario{
	padding: 20px;
	border-radius:10px;
}

.titulo{
	color:#2b800e;
	padding-left:20px;
}

.list-group-item{
	border:none !important;
	color: #424949;
	font-size:18px;
}

.texto-quienes-somos{
	padding-left:20px;
	color:#424949;
	font-size:18px;
	text-align: justify; 
}


/*contactenos*/
#cajita-formulario{
	padding-right:25px;
	padding-left:25px;
	background: transparent;
}

label{
	color:#424949;
}

/*footer*/

#footer{
	padding-right:20px;
	padding-left: 20px;
 	/*background:#ebfbe4;*/
}

.titulo-footer{
	color:#424949;  
}

.letra-footer{
	text-align: justify;
	color:#424949;
}

#logo-footer{
	text-align: center;
}


/*solicitud de cotizacion*/

#solicitud-de-cotizacion{
	padding-right:30px;
	padding-left: 30px;
}

.cotizacion{
	position: fixed; 
	right:-118px; 
	top: 350px; 
	z-index: 2000; 
	-webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}  

.cotizacion ul {
	list-style: none;
}

.boton-solicitud{
	background:#DF7401;
	color:white;
}