/* FUENTE DE GOOGLE */
/*@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600'); */

@import url('https://fonts.googleapis.com/css?family=Prompt');

body {
	
font-family: 'Prompt', sans-serif;

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


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


 /* 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-image:url(../img/fondo_pie.jpg);*/
	
	/*degrade */
    background: -webkit-linear-gradient(#3284D6,#00CCFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#3284D6,#00CCFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#3284D6,#00CCFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#3284D6,#00CCFF); /* Standard syntax */
	/*fin */

    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: #00CCFF; /*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-image:url(fondo_menu.png);*/


background: -webkit-linear-gradient(#3284D6,#00CCFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#3284D6,#00CCFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#3284D6,#00CCFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#3284D6,#00CCFF); /* Standard syntax */

  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:transparent;*/
  background-color:#00CCFF;
   
    
}

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

  border-color: #FFF;
  background-color:#00CCFF;
  border-radius:0;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {  /*COLOR FONDO AL PAGAR EL MAUSE BOTN MENU CHICO*/
  /*background-image:url(fondo_menu2.png);  */
  background-color: #36C;
}
.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:transparent; */
	
	background-color:#FF4501;
	
    color: #FFF;
}
/**********************************************************************************************/


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

.dropdown-menu{  /*estilos para fondo */
	border-radius:5px;
	background-color:transparent !important;
    background-image:url(fondo_menu2.png);  
}

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

 .dropdown-menu > li > a:hover  { /*al pasar el mouse*/
          
		  background-image:url(fondo_menu.png); 
		  
		  color:#000;
    }
/*************************************FIN SUB MENU *****************************************/


/*************************************MENU 3 NIVEL *********************************************/


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


/*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;
   /*border: 1px solid #CCC; */
   overflow: hidden;
   position: relative;
   text-align: center;
   
   /*
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   */
   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: 28px;
	text-align:center;
	color: #F00; 
	
	
	}

.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: #3284D6;
  background-color:#fff;
}
.pagination2 > li > a:focus,
.pagination2 > li > a:hover,
.pagination2 > li > span:focus,
.pagination2 > li > span:hover {
   
    color: #fff;
    background-color: #3284D6;
   
}

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



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

.btn_comprar  {
	
	color: #fff;
	
	/*border-radius:0;*/
	font-size:14px;
	background-color:#00CCFF;
}


a.btn_comprar:hover { 

	background-color: #3284D6;
	color: #fff;
	
}

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


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

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


a.btn_buscar:hover { 

	background-color:#CCC;
	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:14px;

}

a.btn_servicio:hover { 

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



/************************ 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;
padding:10px;
margin-right:30px;
width:auto;
font-size:30px;
z-index:1001;
right:0;
}

.color_enlaces_pie {
    
    color:#00CCFF;
	
}


.color_iconos {
    
    color:#00CCFF;
	
}


.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:700px) {


		
		
		#cabecera {
			display:block;
			}
			
			#logo_menu {
			display:none;
			}	
			
			/*SEPARACION DE ELEMENTOS AL TOP */
			.separacion_top {
				margin-top:0px;
				}	

		}
		
		 /* AL ACHICARSE LA PAGINA */
		@media screen and (max-width:700px) {
	
	        #logo_menu {
			display:block;
			}
			
			
			#cabecera {
			display:none;
			}
			
			
			
			#logo {
			
			text-align:center;
		
			margin-top:0px;
			margin-bottom:0px;
			}
			
			/*SEPARACION DE ELEMENTOS AL TOP */
			.separacion_top {
				margin-top:55px;
				}
			
         }


/************************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);
}

/***************************************CHECK SISTIO********************/
.switch_sis {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch_sis input {display:none;}

/* The slider */
.slider_sis {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider_sis:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider_sis {
  background-color: #F03;
}

input:focus + .slider_sis {
  box-shadow: 0 0 1px #F03;
}

input:checked + .slider_sis:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider_sis.round {
  border-radius: 34px;
}

.slider_sis.round:before {
  border-radius: 50%;
}


/****************************FONDO DE SITEMA */


/********************************************************* 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: #2CD26C;  /************ <------ CAMBIAR AQUI   */
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 10px;
  border-color: #F7F7F7;
  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 15s;
}

/* 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;
  
  
    /* visibility: hidden;
  opacity: 0;
   transition: opacity 0.3s;*/
  
  
}

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