@font-face {
	font-family: 'Conv_N_O__ Movement Bold';
	src: url('../fonts/N_O__ Movement Bold.eot');
	src: local('☺'), url('../fonts/N_O__ Movement Bold.woff') format('woff'), url('../fonts/N_O__ Movement Bold.ttf') format('truetype'), url('../fonts/N_O__ Movement Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
     /* Header
      -------------------------------------------------- */
	  
	  #wrap .container.padding_cont { padding-top:83px !important; }

	.navbar-inner  { background: #005c94 url(../imagenes/header_bg.png) repeat-x top center !important; border-bottom: 5px solid #003454 !important; height:auto; min-height:80px; filter: none !important; }
	.navbar-inverse .brand, .navbar-inverse .nav > li > a { color:#FFF !important; text-shadow:none; font:18px 'Conv_N_O__ Movement Bold',Sans-Serif; letter-spacing:1px; text-rendering:  geometricPrecision !important;  }
	 .navbar-inverse .nav > li > a { 
	 	background: #003454; 
		padding:8px 10px; 
		margin:0 4px;
		-webkit-border-radius: 6px;
     	-moz-border-radius: 6px;
        border-radius: 6px; 
		 }

	.navbar .nav { margin-top:25px; }
	.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus  { background-color:#1770a6; color: #ffcb08; box-shadow: none;  }
	.navbar.navbar-inverse.navbar-fixed-top .navbar-inner .container .logo { position:absolute; margin-right:100px; left:-30px  }
	.navbar.navbar-inverse.navbar-fixed-top .navbar-inner .container .brand .lapescadora { font-family:'Conv_N_O__ Movement Bold',Sans-Serif; display:block; margin-left:130px; text-transform:uppercase; margin-top:20px; letter-spacing:1px; font-size:25px !important;   }
	
	.navbar-inverse .nav > li > a:focus,
.navbar-inverse .nav > li > a:hover {
  background-color: #1770a6;
  color: #bfdef1;
}
.navbar-inner .container { position:relative; }
	
	.lt-ie8 .navbar.navbar-inverse.navbar-fixed-top .navbar-inner .container .brand .lapescadora { float:none !important; }
	
	.navbar-inverse.navbar-fixed-top .navbar-inner .container .lang { display:block; float:right; background: #1770a6 url(../imagenes/world.png) no-repeat 6px center; border: #679ebf 1px solid; border-radius: 10px; padding:3px 3px 3px 38px; margin:15px 0 0 0;  }
	.navbar-inverse.navbar-fixed-top .navbar-inner .container .lang li { list-style:none; display:inline; color:#FFF; }
	.container .lang li a { color:#FFF; font: 12px 'Open Sans',Sans-Serif;  }
	
	.navbar-inverse .btn-navbar { float: left; background-color:#1770A6 !important; background-image:none !important; }


.breadcrumb { background-color:transparent; }
.breadcrumb > .active {
color: #333;
}
.breadcrumb > li > .divider { color:#333; }

.container h1 { color: #004772; font: 35px 'Droid Serif', serif;}
.container h2 { color: #004772; font: 25px 'Droid Serif', serif; font-weight:500;}
/*.container h3 { color: #004772; font-family:'Conv_N_O__ Movement Bold',Sans-Serif;}*/

     /* Home (Destacados)
      -------------------------------------------------- */
	  .container .featured { 
	  	width:98%;
	-webkit-border-radius: 6px;
     -moz-border-radius: 6px;
    border-radius: 6px;
	padding:1%; 
	background: #e4e4e4; 
	border: #d2d2d2 1px solid; }
	  .span9 {
/*width: 640px;*/
max-width: 640px;
}
.container .breadcrumb.not_display { display:none; }
.featured_2 { margin:20px 0; }



     /* MENÚ EMPRESA Y PRODUCTOS
      -------------------------------------------------- */

#wrap .container .row .span3.menu .nav-list {
		background-color:#e4e4e4;
	  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
 	 -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
     -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
          box-shadow: 0 1px 4px rgba(0,0,0,.065);
		/*-moz-box-shadow: inset 1px 1px 15px 1px rgba(124, 121, 121, 0.7);
		-webkit-box-shadow: inset 1px 1px 15px 1px rgba(124, 121, 121, 0.7);
		box-shadow: inset 1px 1px 15px 1px rgba(124, 121, 121, 0.7);*/
		border:	none;
}

.nav-list > li > a { padding: 10px 15px; border-bottom: #005c94 1px dotted; }
.nav-list li:last-child a{ border:none; }

.span3.menu .nav.nav-list .nav-tit a, .span3.menu .nav.nav-list .nav-tit.active a { 
	background:#005C94 url(../imagenes/menu-square.png) no-repeat 5px center; 
	color: #ffffff;
	font: 20px 'Conv_N_O__ Movement Bold',Sans-Serif;
	-moz-border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
	border-radius: 6px 6px 0px 0px;
	text-shadow:none !important;
	letter-spacing:1px;
	padding-left:40px; 
	 }
	 
.nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus {
color: #000000;
text-shadow: none;
background-color: #FFFFFF;
}

.btn-navbar {
	
	}


.destacados .span4 {
	text-align:center;
 -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
	background: #e4e4e4; 
	border: #d2d2d2 1px solid;
	width:298px; padding-bottom:15px;  }

.destacados .span4 p { width:90%; margin:auto; }
.destacados a .span4 p { color: #333333; text-decoration:none; }
.destacados a:hover { text-decoration:none; }
	
.destacados .span4 .cont_img {
	position:relative;
	
}
	
.destacados .span4 .featured_img { 
	/*	  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;*/
	/*padding:11px; 
	background: #e4e4e4; */
	/*border: #d2d2d2 1px solid;*/
	-moz-border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
	border-radius: 6px 6px 0px 0px;
	
}

.destacados .span4 .cont_img .featured_ico { position:absolute; bottom:-20px; left:37%; }
.featured_2 {
	text-align:center;
 	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	background: #e4e4e4; 
	border: #d2d2d2 1px solid;
	overflow:hidden;

	}
.destacados .span4  h3 { color: #004772; font: 22px 'Droid Serif', serif; padding-top:10px; }
	
.featured_2 .featured2_img { max-width:35%; float:left; margin-right:15px; }	
.featured_2 h2 { text-align:left; clear:right; color: #004772; font: 30px 'Droid Serif', serif; }
.featured_2 p { text-align:left; line-height:20px; }



.bg_white {
	min-height:600px; 
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC42Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.6) 1%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.6)), color-stop(1%,rgba(255,255,255,0.6)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 1%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 1%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 1%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 1%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */



		  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
		 padding:30px;

	
	}
	
	
		
	
 /* PRODUCTOS
      -------------------------------------------------- */	
.row .span9 .product_list { margin:0; padding:0; }
.row .span9 .product_list li { width:26%; padding:1.75%; margin:1.75%; display:inline-block; float:left; text-align:center; height:230px; list-style:none;
		  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
	background: #e4e4e4; 
	border: #d2d2d2 1px solid;  }
.row .span9 .product_list li div .detalles p { text-align:center; font-size:0.9em; margin-bottom:5px; }

.row .span9 .category_list { margin:0; padding:0; }
.row .span9 .category_list li { width:26%; padding:1.75%; margin:1.75%; display:inline-block; float:left; text-align:center; height:180px; list-style:none;
		  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
	background: #e4e4e4; 
	border: #d2d2d2 1px solid;  }
.row .span9 .category_list li div .detalles p { text-align:left; font-size:0.9em; margin-bottom:5px; }
.span5 {
width: 320px;
}

.span9 .category_img {
	  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
      border-radius: 6px;
	  margin-bottom:15px; 
	 }
     /* Sabías (Accordion)
      -------------------------------------------------- */

.accordion-heading .accordion-toggle, .accordion-inner { background:#FFF; }
.accordion-heading .accordion-toggle h2 { font-size:1.4em; margin:0; padding:0; }
.accordion-heading .accordion-toggle:hover { text-decoration:none; }

     /* CONTACTO
      -------------------------------------------------- */
	  .span8 { max-width:560px; }
	  
	  #demo { padding-top:25px; }


	
      /* Sticky footer styles
      -------------------------------------------------- */

      html,
      body {
        height: 100%;
		
        /* The html and body elements cannot have any padding or margin. */
      }
	  body { background: url(../imagenes/bg_ola.jpg) no-repeat left 80px;
	  			/*background-attachment: fixed;*/
				-webkit-background-size: 100%;
				-moz-background-size: 100%;
				-o-background-size: 100%; 
				background-size: 100%;
				}
	  
	  #wrap > .container {
       padding-top: 120px;  /*  Quitamos padding al body y se lo ponemos al container. Para poner el menú fijo.*/
	   padding-bottom:40px;
      }

      /* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
        margin: 0 auto -60px; 
      }

      /* Set the fixed height of the footer here */
      #push,
      #footer {
        height: 60px;
      }
      #footer {
        background:  #005c94 url(../imagenes/footer_bg.png) repeat-x top center; 
      }
	  .container .credit {
margin: 30px 0 10px 0; color:#FFF;
display:inline-block; float:left; /*width:45%;*/
}

#footer .container .footer { margin:0; padding:30px 0 0 0; float:right;}
#footer .container .footer li { display:inline;color:#FFF; }
#footer .container .footer li a { /*display:block; float:left;*/ color:#FFF; }
#footer .container .footer li a:hover { text-decoration:none; }

 /* Lastly, apply responsive CSS fixes as necessary */
 
 
 
@media (max-width: 767px) {
        #footer {
          margin-left: -20px;
          margin-right: -20px;
          padding-left: 20px;
          padding-right: 20px;
		  height:auto;
        }
		 .row .span9 .product_list li, .row .span9 .category_list li { width:42%; }
		 .destacados .span4 { width:100%; margin-bottom:15px; }
		 #wrap .container.padding_cont { padding-top:0 !important; }
		 .featured_2 .featured2_img { max-width:100%; clear:both; margin:15px auto; float:none; }	
		 .featured_2 { text-align: center; }
		 .featured_2 h2 {width:90%; margin:auto; text-align:center; }
		 .featured_2 p { width:90%; margin:auto;}
		 #footer .container .footer { float:none; text-align:center; }
		 .container .credit { float:none; text-align:center; }
		 .bg_white { padding:10px; }
		 .nav-collapse .nav > li { margin-bottom: 5px; }
		 
      }
	  
@media (max-width: 480px) {
	
.navbar.navbar-inverse.navbar-fixed-top .navbar-inner .container .logo { 
		width:30% ; 
		position:static;
		float:left;
		margin-right:10px ;
	 }
	 
	.navbar.navbar-inverse.navbar-fixed-top .navbar-inner .container .brand .lapescadora {
		float:left;
		margin-left:0;
		font-size:23px !important;
		}
		 .featured_2 .featured2_img { margin-top:0; }
		 .bg_white { padding:0; }
		 .category_list li {
			 width: 94%;
			height: auto;
			}
		#wrap > .container { padding-top:0; }
}
	
	  
@media (min-width: 768px) and (max-width: 979px) {

  .span9 {
    width: 478px;
  }
  .span8 {
    width: 476px;
  }
  .span7 {
    width: 414px;
  }
  .span6 {
    width: 352px;
  }
  .span5 {
    width: 290px;
  }
  .span4 {
    width: 228px;
  }
  .span3 {
    width: 166px;
  }
  
  .row .span9 .product_list li, .row .span9 .category_list li { width:42%;}
  
  	.destacados .span4 { width:225px; }
	
		
	.navbar.navbar-inverse.navbar-fixed-top .navbar-inner .container .logo { 
		width: 25% !important; 
		position:static;
		float:left;
		margin-right:10px ;

	 }
	 
	.navbar.navbar-inverse.navbar-fixed-top .navbar-inner .container .brand .lapescadora {
		float:left;
		margin-left:0;
		font-size:25px !important;
		}


}