body {
	
	
	background-color: #fff;
	background-image: url(../img/fondo.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	margin-top:0;
	padding:0px;
	 margin:0px;
	  -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-position: 50% 50%;

	
	letter-spacing: 0px; 
	
  padding-top: 0px;
  padding-bottom: 0px;
   overflow-x: hidden; /*eliminio el scroll horizontal*/
}






/********************************************************************************

/*SEPARACION DE ELEMENTOS AL TOP */
.separacion_top {
	
	margin-top:0px;
    
	
}
 /* FIN SEPARACION DE ELEMENTOS AL TOP */

/* BOTON QUE APARECE AL BAJAR EL WEB */
.arrowtop{
	width: 60px;
	height: 60px;
	position: fixed;
	bottom: 40%;
	right: 20px;
	display: none;
	text-indent: -9999px;
	background: url(../img/up.png) no-repeat;
	cursor: pointer;
	z-index:1002;
}

/*FONDO CAPTION CARRUSEL */
.carousel-caption {
    background: rgba(0, 0, 0, 0);
	
}

/*PIE DE PAGINA*/
footer {
	
	background-color:#000000;  /*********CAMBIAR*/
    color: #fff;
    min-height:100px;
    padding-top:20px;
    padding-bottom:10px;
	margin-top:80px;
	
}
footer .nav>li>a {
    padding:3px;
    color:#FFF;
	 padding-bottom:10px;
	
}

footer .nav>li>a:hover {
    background-color: #cab768; /*AL PASAR EL MOUSE POR EL MUNU DE PIE DE PAGINA */
	color:#fff;
	
}

footer .nav>li> a:focus {
  background-color: transparent;
  
}

#color_vinculo_pie{	
color:#fff;	
}
/***************************************FIN PIE */


/********************************************************************** NAV BAR//

/* PERMITE CENTRAR TODO ***********************************/
.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;
}
/* FIN PERMITE CENTRAR TODO ***********************************/



.navbar-custom {   /*FONDO*/

background-color:#000;  /*********CAMBIAR*/


  margin-bottom: 0; /*ESPACIADO DE LA BASE CON OTRO ELEMENTO*/
}


.navbar-custom .navbar-text {  /*COLOR LETRA MENU*/
  color: #fff;
}

.navbar-custom .navbar-nav > li > a {
  color: #fff; /*COLOR LETRA MENU*/
  font-size:12px;
  border-left: 0px solid #87AB1E;  /*BORDE  LINEA SEPARACION */
  
  
}


.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {/* AL PASAR EL MOUSE */
  color: #FFF;
  background-color:#cab768;  /*********CAMBIAR*/
   
    
}

/************************************************************************MENU CUADRADO */
.navbar-custom .navbar-toggle {  /*COLOR BORDE BOTON MENU CHICO*/

  border-color: #FFF;
  background-color:#cab768;   /*********CAMBIAR*/
  border-radius:0;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {  /*COLOR FONDO AL PAGAR EL MAUSE BOTN MENU CHICO*/
  background-color:#000000;  /*********CAMBIAR*/
}
.navbar-custom .navbar-toggle .icon-bar { /*COLOR 3 LINEAS BOTON MENU CHICO*/
  background-color: #FFF;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form { /*COLOR LINEA MENU CHICO*/
  border-color: #FFF;
}

/***************************************************************** FlECHITA SUBMNU */

.navbar-custom .navbar-nav > .dropdown > a .caret { /*COLOR FLECHA NORMAL */
  border-top-color: #C5E859;
  border-bottom-color: #C5E859;
  font-size:36px;
}

.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {  /*AL PASAR EL MOUSE */
  border-top-color: #FFF;
  border-bottom-color: #FFF;
}

.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
  border-top-color: #000; /*COLOR FLECHA AL HACER CLIC */
  border-bottom-color: #000;
}

/***************************************************************** FIN FlECHITA SUBMNU */



/************************************************ AL HACER CLIC ENCIMA DE UN MENU CON SUBMENU */
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
	
	
	background-color:#FF4501;
	
    color: #FFF;
}
/**********************************************************************************************/


/***********************************SUB MENU *****************************************/

.dropdown-menu{  /*estilos para fondo */
	border-radius:5px;
	background-color:transparent !important;
   background-color:#cab768;  /*********CAMBIAR*/
}

.dropdown-menu > li > a { /*enlaces iniciales color*/
	
color:#fff;	
}

 .dropdown-menu > li > a:hover  { /*al pasar el mouse*/
          
		 
		  color:#000; /*********CAMBIAR*/
    }
/*************************************FIN SUB MENU *****************************************/





/*FIN NAV BAR****************************************************************/

/*************ICONOS EN LOS IMPUT */

/* enable absolute positioning */
.inner-addon { 
    position: relative; 
}

/* style icon */
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align icon */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }


/*******************************************MASCARA IMAGEN */

.view-sixth img {
   -webkit-transition: all 0.4s ease-in-out 0.5s;
   -moz-transition: all 0.4s ease-in-out 0.5s;
   -o-transition: all 0.4s ease-in-out 0.5s;
   -ms-transition: all 0.4s ease-in-out 0.5s;
   transition: all 0.4s ease-in-out 0.5s;
}
.view-sixth .mask {
   background: rgba(255,255,255,0.8);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-in 0.4s;
   -moz-transition: all 0.3s ease-in 0.4s;
   -o-transition: all 0.3s ease-in 0.4s;
   -ms-transition: all 0.3s ease-in 0.4s;
   transition: all 0.3s ease-in 0.4s;
}



.view-sixth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-sixth:hover img {
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}




/* BORDE IMAGEN */
.view {
   width: auto;
   height: auto;
   margin: 0px;
   border: 0px;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
   background: #fff;
}
.view .mask,.view .content {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
  
}



/***********************************************************FIN EFECTO IMAGEN/


/***********************TITULOS */


.precio {
	font-size: 24px;
	text-align:center;
	color:#666; 
	
	
	}

.precio_agregamas {
	font-size: 24px;
	text-align:center;
	color: #999; 
	
	}



.titulos {
	font-size: 28px;
	text-align:center;
	color: #999;
	margin-bottom:10px;
	margin-top:10px;

	}
	
.Estilo_nombre {	

	font-size: 12px;
	color: #666666;
}

/**********************************ESTILO PAGINACION ************/


.pagination2>li>a,
.pagination2>li>span {
  
  color: #cab768;
  background-color:#fff;
}
.pagination2 > li > a:focus,
.pagination2 > li > a:hover,
.pagination2 > li > span:focus,
.pagination2 > li > span:hover {
   
    color: #fff;
    background-color: #cab768;
   
}

/**********************************************************************************/



/********************************************************* BOTONES PRODUCTOS */

.btn_comprar  {
	
	color: #fff;
	
	border-radius:0;
	font-size:14px;
	background-color:#000 ;
}


a.btn_comprar:hover { 

	background-color:#cab768;
	color: #000;
	
}

.btn_vermas  {
	color: #333;
	margin-top:120px;
	background-color:transparent;
	border-color:#cab768;
	border-radius:0;
	font-size:18px;
}


a.btn_vermas:hover { 
	color: #666;
}

.btn_buscar  {
	background-color:#cab768;
	color: #FFF;
	border-color:#FFFFFF;
}


a.btn_buscar:hover { 

	background-color: #000;
	color: #666;
	border-color:#FFFFFF;
}


.btn_quitar_carro {
	background-color: transparent;
	color: #FF1492;
	font-size:18px;
	border-color:#000;
	border-radius:0;

}

a.btn_quitar_carro:hover { 

	background-color: #CDCDCD;
	color: #2D5B8A;
	border-color:#FFFFFF;
}


.btn_servicio {
	background-color:#C3C;
	color: #FFFFFF;
	border-color:#FFF;
	border-radius:0;
	font-size:26px;

}

a.btn_servicio:hover { 

	background-color: #DFDFDF;
	color: #666;
	border-color:#000;
}



/************************ ZOOM DE IMAGENES **/
.zoom {      
-webkit-transition: all 0.35s ease-in-out;    
-moz-transition: all 0.35s ease-in-out;    
transition: all 0.35s ease-in-out;     
cursor: -webkit-zoom-in;      
cursor: -moz-zoom-in;      
cursor: zoom-in;  
}     

.zoom:hover,  
.zoom:active,   
.zoom:focus {
/**adjust scale to desired size, 
add browser prefixes**/
-ms-transform: scale(3.0);    
-moz-transform: scale(3.0);  
-webkit-transform: scale(3.0);  
-o-transform: scale(3.0);  
transform: scale(3.0);    
position:relative;      
z-index:999;  
}
/***********************************************************************************/


/*COLOR DE TOTOS LOS LINK POR DEFECTO */

a {
    color:#1F315F;
}



.caja_ordenar {
	height:40px;
	/*width:200px; */
	text-align:center;
	border-radius:0;
    color:#999;
}

/************************+ ENLACES AL PIE DE LA PAGINA CONTACTOS */
div#enlaces_pie 
{
bottom: 0;
background-color: transparent;
position:fixed;
margin-top:20px;
width:100%;
font-size:30px;
}




div#enlaces_pie_escritorio 
{
bottom: 0;
background-color: transparent;
position:fixed;
width: auto;
padding:40px;
bottom: 0;
  right: 0;
}







.color_enlaces_pie {
    
    color:#87AB1E;
	
}


.color_iconos {
    
    color:#87AB1E;
	
}


.color_menu {
    
    color:#fff;
	
}

.titulos_pie {
	margin-top:20px;
	margin-bottom:40px;
	
	}

/************************+ FIN ENLACES AL PIE DE LA PAGINA CONTACTOS */


/* AL AGRANDARSE LA PAGINA */
		@media screen and (min-width:800px) {


		#enlaces_pie {
		display:none;
		}
		
		#cabecera {
			display:block;
			}
			
			
			#enlaces_pie_escritorio	{
			display:block;
			}

		}
		
		 /* AL ACHICARSE LA PAGINA */
		@media screen and (max-width:800px) {
	
	        /*#cabecera {
			display:none;
			}*/
			
			
			#enlaces_pie {
			display:block;
			}
			
			#enlaces_pie_escritorio	{
			display:none;
			}	
			
			#logo {
			
			text-align:center;
		
			margin-top:0px;
			margin-bottom:0px;
			}
			
			
			
         }


/************************ESTILOS MAS Y MENOS CANTIDAD**************************/
  
.caja_cantidad {
	height:40px;
	text-align:center;
	border-radius:0;
    color:#666;
	
}

input[readonly].caja_cantidad{
  background-color:transparent;
  border: 0;
  font-size:18px;
  
}

/************************FIN ESTILOS MAS Y MENOS CANTIDAD**************************/


.agotado  {
	
	color: #CCC;
	border-color:#87AB1E;
	border-radius:0;
	font-size:14px;
}


.close  {
	
	color: #000;
	
	font-size:36px;
}

.sombra {
-webkit-box-shadow: 10px 10px 5px -8px rgba(161,161,161,1);
-moz-box-shadow: 10px 10px 5px -8px rgba(161,161,161,1);
box-shadow: 10px 10px 5px -8px rgba(161,161,161,1);
}


/* loading animado para carga de proceso en espera ajax*/
.animar_loading {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
	color: #CCC; /****************************** <=====   CAMBIAR AQUI  */
	
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
/****************************************************************************/



/***********************************************************/
/*********************************************************/
/******************************NUEVOS ESTILOS************/





/********************************************************* TOLTIP  WS */
/* Tooltip container */
.tooltip_ws {
  position: relative;
  display: inline-block;
 /* border-bottom: 1px dotted black;  If you want dots under the hoverable text*/
}

/* Tooltip text */
.tooltip_ws .tooltiptext_ws {
  
  visibility: visible;
  /*antes visibility: hidden;*/
  width: 120px;
  background-color: #FFFFFF;  /************ <------ CAMBIAR AQUI   */
  color: #4BB050;
  text-align: center;
  padding: 5px 0;
  border-radius: 10px;
  border-color: #4BB050;
  border: 3px solid;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 110%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 1;
  
  /*antes opacity: 0; */
  transition: opacity 0s;
}

/* Tooltip arrow */
.tooltip_ws .tooltiptext_ws::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #390 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip_ws:hover .tooltiptext_ws {
  
  visibility: visible;
  opacity: 1;
  
 
  
  
}

/****************************************************************************/



/***************************ESTILO MODAL A LA DERECHA***********/

.come-from-modal.left .modal-dialog,
.come-from-modal.right .modal-dialog {
    position: fixed;
    margin: auto;
	margin-top:100PX;
	width:350px;
	
	 -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    border-radius: 20px !important; 
  
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.come-from-modal.left .modal-content,
.come-from-modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
    /*border-radius: 0px;*/
}

.come-from-modal.left .modal-body,
.come-from-modal.right .modal-body {
    padding: 15px 15px 80px;
}
.come-from-modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.come-from-modal.right.fade.in .modal-dialog {
    right: 0;
}
/****************************************************************************  class="modal fade come-from-modal right"*/



.btn_fono {  /* <===================== CAMBIAR  */
	font-size: 24px;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
	color:#FFF ;/* <===================== CAMBIAR  */
	background: #333;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	line-height: 40px;
	margin-bottom:5px;	
	
}

.btn_fono:hover {  /* <===================== CAMBIAR  */
	background-color: #000;
	color: #fff;	
}


.btn_respuestas_dudas  {
	
	color: #FFF;
	
	border-radius:20px;
	border-color: #cab768;
	font-size:14px;
	background-color: #000;
}


a.btn_respuestas_dudas:hover { 

	background-color:#FFF;
	color: #000;
	
}


a.btn_respuestas_dudas:focus { 

	color: #FFF;
	background-color: #000;
	
}






.btn_ir_ws  {
	
	color: #FFF;
	border-radius:40px;
	
	font-size:14px;
	background-color:#4BB050;
}


a.btn_ir_ws:hover { 

	background-color:#FFF;
	color: #4BB050;
	border-color:#4BB050;
	
}


.fondo_formulario {
	
	color: #666;
	border-radius:8px;
	border-color: #cab768;
	font-size:14px;
	background-color:#FFF;
	padding:30px;
	max-width:400px;
	
-webkit-box-shadow: -1px 4px 23px -14px rgba(125,46,125,1);
-moz-box-shadow: -1px 4px 23px -14px rgba(125,46,125,1);
box-shadow: -1px 4px 23px -14px rgba(125,46,125,1);
}

.fondo_intermedio1{
	
	background:url(../img/fondo_intermedio1.jpg);
	padding:20px;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	
	 -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-position: 50% 50%;
	
	
	-webkit-backface-visibility: hidden; /*POSIBLE SOLUCION PARA QUE FUNCIONE EN MOVIL*/

}



.btn_ir_formulario  {
	
	color: #fff;
	
	border-radius:20;
	font-size:16px;
	background-color: #F06;
}


a.btn_ir_formulario:hover { 

	background-color:#cab768;
	color: #000;
	
}


/************************NUEVOS*****/

.btn_pagar_final{

background-color:#000000; 
color:#FFFFFF;
	
}

.color_fondo_pagar_final{

background-color:#cab768; 
	
}

.color_texto_ocaciones {

color: #CCC;
border:0px; 
padding:0px;

}

.color_titulo_primera_pagina {
color: #F09;
}