/* CSS Document */
@import url("bootstrap.css");
/************************************
BODY
************************************/
body
{

}
/************************************
HEADER
************************************/
.navbar-principal
{
	margin-bottom:0px;
	background-color:#335BB2;/*#DDDDDD*/
	border:0px;
	min-height:60px;
}
.navbar-principal .navbar-toggle
{
	background-color:#fff;
	border:0px;	
}
.header-direccion h3
{
  color: #fff;
  margin-top:5px; 
}
/************************************
MENU
************************************/
.navbar-principal .nav li a,
.navbar-principal .nav li a:link,
.navbar-principal .nav li a:visited
{
	background-color:#00CC00;
	color:#fff;
	font-size:14px;
	font-weight:bold;	
}
.navbar-principal .nav li a:hover,
.navbar-principal .nav li a:active
{
	color:#4D4D4D;
	background-color:#F5F5F5;/*#4974CB;	*/
}
.navbar-principal .nav li.active a
{
	background-color:#335BB2;
}
.navbar-principal .btn-search
{
  background-color:#00C800;
}
/************************************
SUBMENU
************************************/
.navbar-principal .dropdown .dropdown-menu li a
{
	font-size:12px;
	font-weight:bold;
	color:#4D4D4D;
	background-color:#FFF;	
}
.navbar-principal .dropdown .dropdown-menu li a:hover
{
	color:#4D4D4D;
	background-color:#DDDDDD;
}
@media screen and (max-width:767px)
{
  .navbar-nav
  {
    background-color:#FFFFFF;
    
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #4D4D4D;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: #e7e7e7;
  }
}
/***********************************/
div.list-group a.list-group-item,
div.list-group a:link.list-group-item,div.list-group a:visited.list-group-item 
{
	color:#555;
}
div.list-group a:hover.list-group-item,div.list-group a:active.list-group-item 
{
	color:#555;
	background-color:#F5F5F5;
}
div.list-group a.list-group-item.active,div.list-group a.list-group-item.active:link,
div.list-group a.list-group-item.active:visited
{
	color:#FFF;
	background-color:#335BB2;
}
a.list-group-item
{
  border-left: 1px solid #00C800;
  border-right: 1px solid #00C800;
}
a.list-group-item:first-child
{
  border-radius:0;
  /*border-top: 1px solid #335BB2;*/
}
a.list-group-item:last-child
{
   border-bottom: 1px solid #00C800;  
}

div.list-group-subitem
{
  border-left: 1px solid #00C800;
  border-right: 1px solid #00C800;
  margin-left: 8px;
}
div.list-group-subitem a.list-group-subitem
{
  display: block;
  padding: 10px 5px;
  text-decoration: none;
}
div.list-group-subitem a.list-group-subitem:hover
{
  background-color: cornsilk;
}

a.list-group-subitem:first-child
{
  border-top: 1px solid red;
}
a.list-group-subitem:last-child
{
  border-bottom: 1px solid #00C800;
}

div.list-group a.list-group-subitem.active,div.list-group a.list-group-subitem.active:link,
div.list-group a.list-group-subitem.active:visited
{
	color:#2C2C2C;
	background-color:#BBFFBB;
}

/************************************/
.header-direccion
{
	font-size:11px;	
	color:#fff;
	background-color:#335BB2;	
	padding-bottom: 10px;
}
.titulo-principal
{
	font-size:30px;
	font-weight:bold;
	background-color:#F4F4F4;
	color:#335BB2;
	height:60px;
	padding:10px 0 0 0;
}
/**********************************************
SECTION
**********************************************/
.suscribir-content
{
	padding:5px;
	border:solid 1px #DDDDDD;
	border-radius:0px 0px 4px 4px;
/*	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
*/
}
h4.titulo-boletin
{
	color:#fff;
	font-weight:bold;
	font-size:17px;
	text-align:center;	
	background-color:#335BB2;
	height:30px;
	padding-top:5px;
	margin-bottom:0px;
	margin-top:0px;
	border:solid 1px #335BB2;
	border-radius:4px 4px 0px 0px;
}
.img-header img 
{
  width: 100% !important;
	margin-bottom:15px;
}
/************************************
SECTION.MAIN
************************************/
.main
{
	margin-bottom:20px;
	
}
.contenido
{
  margin-bottom:15px;
}
.main h1
{
	color:#0F1B5F;
	font-weight:bold;
}
.post
{	
	margin-bottom:10px;
}

@media screen and (max-width:768px)
{
	.post .thumb
	{
		width:100%;
		margin-bottom:20px;
		margin-right:0px;
		
	}	
}
.bg-azul
{
	background-color:#335BB2;
}
.bg-verde
{
	background-color:#00CC00;
  color:#FFF;
}
.bg-gris1
{
	background-color:#F5F5F5;
}
.demostracion-container
{
	padding-left:15px;
  padding-right:15px;
}
.demostracion-container .header
{
	color:#fff;
	background-color:#335BB2;
	padding-top:3px;
	border-radius:4px 4px 0px 0px;
	min-height:30px;
}
.novedad-list
{  
  padding-bottom:5px;
  margin-bottom:5px;
  border-bottom:dashed 1px #CCCCCC;
}
.novedad-list a.list, .novedad-list a.list:link, .novedad-list a.list:visited
{
  display:block;  
}
.novedad-list a.list:hover, .novedad-list a.list:active
{
  background-color:#F4F4F4;  
}
.producto-list
{
}
.producto-list a:hover, .producto-list a:active
{
  text-decoration:none;  
}
h1,h2,h3,h4
{ 
  color:#777777;
  font-weight:bold;
}
.producto-list .producto-item
{
  min-height:300px;
}
.producto-list .producto-item a span
{
  color:#808080;
}
.producto-list .producto-item a h4
{
  font-size:13px;
	color:#335BB2;
  min-height:29px;	
	margin-bottom: 0;
}
.producto-list .producto-item a p.descripcion
{
	font-size:12px;
  color:#777777;
	height:55px;
}
.producto-item div.precio
{
  text-align: center;
  font-weight: bold;
	font-size:16px;
  color:#777777;
  margin-bottom: 5px;
}

.producto-item:hover
{  
  background-color:#E9E9E9;
  border: solid 1px #C0C0C0;
}
p.total_registro
{
	font-size: 12px;
	font-weight:bold;
}
@media screen and (max-width:991px)
{
  .producto-list .producto-item h4
  {
    min-height:78px;
  }
}
@media screen and (max-width:534px)
{
  .producto-list .producto-item h4
  {
    font-size:10px;
    height:auto;
  }
}
@media screen and (max-width:768px)
{
  .producto-detalle
  {
    margin-top:10px;    
  }
}
.categoria-list h4
{
  min-height:40px;
}

.contacto-frm h4
{  
  font-weight:bold;
}
/**********************************************
CAROUSEL
**********************************************/
.carousel-caption
{
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
}
.carousel-caption a
{
	color:#fff;	
}
.carousel-control.right,.carousel-control.left 
{
	background-image:none;
}
.carousel-producto
{
  border: solid 3px #DDDDDD;
  /*border-radius:10px;*/
}
.carousel-principal img
{
  width: 100% !important;
}
/**********************************************
ASIDE
**********************************************/
h4.page-demostraciones
{
  text-align:center;
  color:#fff;
  background-color:#00C800;
  min-height:40px;
  border-radius:4px 4px 0px 0px;
  padding-top:10px;
  margin:0px;
}
h4.page-categorias
{
  text-align:center;
  color:#fff;
  background-color:#00C800;
  min-height:40px;
  border-radius:4px 4px 0px 0px;
  padding-top:10px;
  margin:0px;
}
h4.page-contacto
{
  text-align:center;
  color:#fff;
  background-color:#00C800;
  min-height:40px;
  border-radius:4px 4px 0px 0px;
  padding-top:10px;
  margin:0px;
}
/**********************************************
YOUTUBE
**********************************************/
.video-responsive 
{
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 60px;
  overflow: hidden;
}
.video-responsive iframe,
.video-responsive object,
.video-responsive embed 
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/**********************************************
OTROS
**********************************************/
a.btn-primary,button.btn-primary
{
  background-color:#335BB2;
}
.white
{
  color:#FFF;
}
/**********************************************
TABLE
**********************************************/
table.celdas
{
	border-collapse:collapse;
}
table.celdas td
{
	border:solid 1px #D3D2D9;
}
/**********************************************
FOOTER
**********************************************/
footer
{
	background-color:#335BB2;
	padding-bottom: 40px;
}
footer .footer_link h4
{
	color:#fff;
	font-weight:bold;
	border-bottom:solid 2px #fff;
}
footer .footer_link ul
{
	list-style-type:none;
	padding-left:0px;
}
footer .footer_link ul a,
footer .footer_link ul a:link,
footer .footer_link ul a:visited
{	
	color:#fff;
	font-size:12px;
}
footer .footer_link ul a:hover,
footer .footer_link ul a:active
{
	color:#E4EBF8;
}
footer .social
{
	padding-top:10px;	
}
div.whatsapp_mensaje
{	
	position:fixed;
	bottom: 24px;
	z-index: 1000;
	right:100px;	
}
.titulo
{
  font-size: 14px;
  font-weight:bold;
  color:black;
  text-align: center;
}
.black
{
  color:black;
}
/**********************************************
BODY  SHOPPING
**********************************************/
div.body-shopping
{
  border: solid 1px #e2e2e2;
  padding: 0px 5px 0px 5px;  
}
/**********************************************
SIDE RESUMEN
**********************************************/
div.side-resumen
{
  border: solid 1px #e2e2e2;
}