
/* FUENTE DE GOOGLE */
@import url('https://fonts.googleapis.com/css?family=Asap+Condensed');

body {
  font-family: 'Asap Condensed', sans-serif;
  padding-top: 0px;
  padding-bottom: 0px;
   overflow-x: hidden; /*eliminio el scroll horizontal*/
}

/*AL INICIO EL LOGO DEL MENO O TEXTO NO SE MUESTRA PERO ABAJO CUANDO EL SITIO ES MENOS A 800PX DE ANCHO APARECE*/
#logobar
{
display:none;
}
/********************************************************************************

 /* Tooltip **************************************/
  .test + .tooltip > .tooltip-inner {
      background-color: #000; 
      color: #FFFFFF; 
      border: 1px solid #000; 
      padding: 15px;
      font-size: 14px;
  }
  /* Tooltip on top data-placement="top" */
  .test + .tooltip.top > .tooltip-arrow {
      border-top: 5px solid #000;
  }
  /* Tooltip on bottom */
  .test + .tooltip.bottom > .tooltip-arrow {
      border-bottom: 5px solid blue;
  }
  /* Tooltip on left */
  .test + .tooltip.left > .tooltip-arrow {
      border-left: 5px solid red;
  }
  /* Tooltip on right */
  .test + .tooltip.right > .tooltip-arrow {
      border-right: 5px solid black;
  }
/* FIN Tooltip **************************************/

/* 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:#D61C07;
    color:#ddd;
    min-height:100px;
    padding-top:20px;
    padding-bottom:10px;
	
}

footer .nav>li>a {
    padding:3px;
    color:#ccc;
	
}

footer .nav>li>a:hover {
    background-color: #FF2222; /*AL PASAR EL MOUSE POR EL MUNU DE PIE DE PAGINA */
	color:#FFFFFF;
	
}

footer .nav>li> a:focus {
  background-color: transparent;
  
}
/***************************************ESTILOS PANELES */
/*.panel-default > .panel-heading-custom{
  background-image: none;
  background-color: #0784D6;
  color: #ffffff;
  
} */
.panel-default > .panel-heading-custom2{
   background-image: -webkit-gradient(linear, left 0%, left 100%, from(#0784D6), to(#63BEFA));
  background-image: -webkit-linear-gradient(top, #0784D6, 0%, #63BEFA, 100%);
  background-image: -moz-linear-gradient(top, #0784D6 0%, #63BEFA 100%);
  background-image: linear-gradient(to bottom, #0784D6 0%, #63BEFA 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0784D6', endColorstr='#63BEFA', GradientType=0);
  
  color: #ffffff;
}

.panel-default > .panel-heading-custom3{
  background-image: none;
 background-color: #9E238C;
 
  color: #fff;
}


/**********************************************************************/

/* navbar */

.navbar-custom {   /*FONDO*/
  background-color: #D61C07;
  border-color: #D61C07;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#D61C07), to(#FF2222));
  background-image: -webkit-linear-gradient(top, #D61C07, 0%, #FF2222, 100%);
  background-image: -moz-linear-gradient(top, #D61C07 0%, #FF2222 100%);
  background-image: linear-gradient(to bottom, #D61C07 0%, #FF2222 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D61C07', endColorstr='#FF2222', GradientType=0);
  margin-bottom: 0; /*ESPACIADO DE LA BASE CON OTRO ELEMENTO*/
}
.navbar-custom .navbar-brand { /*COLOR LETRA AREA DE LOGO*/
  color: #ffffff;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {  /*COLOR LETRA AREA DE LOGO PASAR EL MOUSE*/
  color: #FF2222;
  background-color: transparent;
}
.navbar-custom .navbar-text {  /*COLOR LETRA MENU*/
  color: #ffffff;
}
.navbar-custom .navbar-nav > li:last-child > a {
  border-right: 0px solid #D61C07;        /*BORDE IZQ LINEA */
}
.navbar-custom .navbar-nav > li > a {
  color: #ffffff;
  border-left: 1px solid  #D61C07;  /*BORDE  LINEA SEPARACION */
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {/* AL PASAR EL MOUSE */
  color: #f5f1f1;
  background-color:#FF2222;  
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #f5f1f1;
  background-color: #D61C07;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#D61C07), to(#FF2222));
  background-image: -webkit-linear-gradient(top, #D61C07, 0%, #FF2222, 100%);
  background-image: -moz-linear-gradient(top, #D61C07 0%, #FF2222 100%);
  background-image: linear-gradient(to bottom, #D61C07 0%, #FF2222 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D61C07', endColorstr='#FF2222', GradientType=0);
}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-custom .navbar-toggle {  /*COLOR BORDE BOTON MENU CHICO*/
  border-color: #FFF;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {  /*COLOR FONDO AL PAGAR EL MAUSE BOTN MENU CHICO*/
  background-color: #FF2222;
}
.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;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #f5f1f1;
  border-bottom-color: #f5f1f1;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  background-color: #FF2222; /* COLOR FONDO Y LETRA CUANDO CLIC SOBRE SUBMENU */
  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: #FF2222; /*COLOR FLECHA AL HACER CLIC */
  border-bottom-color: #FF2222;
}
.navbar-custom .navbar-nav > .dropdown > a .caret { /*COLOR FLECHA NORMAL */
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}


/*-- SUBMENU


 color fondo y texto --*/
  .navbar-default .navbar-nav .open .dropdown-menu>li>a,.navbar-default .navbar-nav .open .dropdown-menu {
    background-color: #D61C07;
    color:#ffffff;
  }


/*.navbar-default .navbar-nav .dropdown-menu > li > a {
     color:#ffffff;
    background-color: #000;
   
  } */ 
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
     color: #fff;
   }
   
   /* AL PASAR EL MOUSE */
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
     background-color: #FF2222;
	 color: #fff;
   }

/********************************************** FIN MENU BAR */
 
 /*ESTILOS PARA VENTANA DE DIALOGO */
 .modal-body {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}


/*CAMBIAR EL TAMAÑO A ICONOS 

.glyphicon {
    font-size: 50px;
}

/*EJEMPLO DE SOLO A UNO 
.glyphicon.glyphicon-info-sign {
    font-size: 75px;
}*/


/*************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(0, 0, 0, 0.5);
   -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 a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}

.view-sixth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -webkit-transition: all 0.3s ease-in-out 0.2s;
   -moz-transition: all 0.3s ease-in-out 0.2s;
   -o-transition: all 0.3s ease-in-out 0.2s;
   -ms-transition: all 0.3s ease-in-out 0.2s;
   transition: all 0.3s ease-in-out 0.2s;
}

.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;
}

.view-sixth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}


/* BORDE IMAGEN */
.view {
   width: auto;
   height: auto;
   margin: 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;
  
}

.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 13px;
   position: relative;
   color: #fff;
  /* padding: 10px 20px 20px;*/
   text-align: center;
}

/***************************************************************************************


/*CUANDO LA PAGINA SE ACHICA ******************************************************/
@media screen and (max-width:800px) {
	
	
#fonos_cabecera,#botones_cabezera,#pelotas_slider,#logo
{
display:none;
}	
	
#logo
{

text-align:center;
margin-left:0px;

}


#logobar
{
display:block;
}	
	

}
/*CUANDO LA PAGINA SE ACHICA ******************************************************/



/*********ESTILO ICONOS REDES SOCIALES BOOTSTRAP */
.social .fa-facebook:hover {
     color: #0FF;
}

.social .fa-twitter:hover {
    color: #0FF;
}

.social .fa-google-plus:hover {
    color: #0FF;
}

.social .fa-linkedin:hover {
     color: #0FF;
}

.social .fa-youtube:hover {
     color: #0FF;
}
.social .fa-instagram:hover {
     color: #0FF;
}

.social .fa-whatsapp:hover {
    color: #0FF;
}
/*****************************************************/





/***********************CABECERA */

.fono_arriba {
font-size:24px; 
color: #CCC;
}

.ws_arriba {
font-size:48px; 
color:#CCC;
}

.Estilo_precio_ahora {font-family: Arial, sans-serif; font-size: 28px; color: #999; }

.Estilo_nombre {	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}



.Estilo_cantidad {	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
}




/**********************************ESTILO PAGINACION ************/
div.navigation { 
 
margin: 2px auto; 
text-align: center; 
padding: 9px 5px; 
white-space: nowrap; 
font: 14px Verdana; 
color: #fff; 
} 
span.nav2this { 
padding: 3px 8px; 
background-color: #9DDF13; 
color: #FF7F00; 
font-weight: bold; 
font-size: 14px; 
} 


/* AL HACER CLICK  Y ESTATICO */
a.nav2:link, a.nav2:visited, a.nav2:active { 
padding: 7px 14px; 
background-color: #FFF; 
border: 1px solid #0CF; /* borde al pasar el mouse */ 
color: #09F; 
text-decoration: none; 
} 

 /* AL PASAR EL MOUSE */

a.nav2:hover { 
padding: 7px 14px; 
color: #09F; /* color letra al pasar el mouse */ 
background-color: #EEE; /* Fondo al pasar el mouse */ 
border: 1px solid #0CF; /* borde al pasar el mouse */ 
}
/**********************************************************************************/