/*!
 * Start Bootstrap - 3 Col Portfolio (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

 body {
 	/*padding-top: 70px;  Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
 	background-color:#fff;
 	color: #000 !important;
 	font-family:Arial, verdana, sans-serif;
	font-size:12pt;
 }
#file{
	background:url(../imagenes/excel.jpg);
	background-repeat:no-repeat;
	outline:0px;
	height:50px;
	cursor:pointer;
	display:inline-block;
	
}
 .excel{
 	font-size: 15px;
 	margin-top: 10px;
 	margin-bottom: 10px;
	display:inline-block;
	height:25px;
 }

.faq,
.masinfo{
	margin: 30px auto;
	font-size:14pt;
}
 .faq li{
 	margin-bottom: 20px;
 }

.sagemurano{
	color:#c70a0a;
}

.masinfo h3{
	text-decoration: underline;
}
 /*Busqueda*/
 #busqueda {
 	width: 90%;
 	margin-top: 50px;
 	margin-left: auto;
 	margin-right: auto;
 	margin-bottom: 160px;
 	font-size:11pt;
 }
 #busqueda h2 {
 	float: left;
 	width: 115px;
 	padding-right: 10px;
 	margin-top:0px;
 }

 .checbox-tipoart {
 	width: 440px;
 	margin: 15px auto;
 }

 /* Mensajes de error */
 p.no-articulos {
 	text-align: center;
 }

 #no-articulo{
 	display: none;
 	text-align: center;
 	margin-top: 45px;
 }

#excel-correcto{
	display: none;
}
 #errorrellenar,
 #errorbd{
 	display: none;
 	text-align: center;
 	max-width: 393px;
 	margin: 10px auto;
 }

 #errorbusqueda{
 	display: none;
 	text-align: center;
 	width: 100%;
 }




 #contenedor-articulos {
 	margin-top:20px;
 	font-size: 11pt;
 }
 
 
 /*Cabecera*/
#cabecera{
	margin-bottom: 20px;
}


 #banner{
 	float: left;
 	margin-bottom: 40px;
 	width: 60%;
 }

 #logo{
 	float:left;
 	width: 39%;
 }

 .container {
 	margin:auto;
 	margin-top:15px;
 	margin-bottom:15px;
 	padding-right: 15px;
 	padding-left: 15px;
 	box-sizing: content-box;
 }
 .titulo-sitio, .logo-sitio {
 	margin-bottom:10px;
 }
 .titulo-sitio > h1 {
 	text-align:center;
 	color:#bf1613;
 	margin:5px;
 }
 .slider {
 	height:245px;
 }
 .carousel {
 	padding:0px;
 }

 .cabecera > div > img{
 	max-width: 102%;
 }
 /*Pagina de login*/

.login{
	padding: 40px !important;
    max-width: 393px !important;
}

 div.formulario-login {
 	float:right;
 	padding-top: 0px !important;
 }

 .form-control{
 	color:#000 !important;
 }
 div.contenedor-formulario {
 	margin-top:40px;
 	border-left:1px solid #c9302c;
 	padding: 0px;
 }
 div.explicacion-sitio {
 	float:left;
 	margin-top:40px;
 	padding-left:0px;
 }
 div.explicacion-sitio p {
 	font-size: 15pt;
 	margin: 20px;
 	line-height: 32px;
 }

 a.link-crear-cuenta {
 	display:block;
 	margin-top:20px;
 	color:#1D1D1D;
 	text-decoration:underline;
 	text-align:center;
 }
 a.link-crear-cuenta:hover {
 	color:#1D1D1D;
 }

 div.info{
 	padding-bottom:20px;
 	height: 65px;
 }

 h1.bienvenidasitio{
 	font-size: 36pt;
 	color: #c70a0a;
 	font-weight: bold;
 	text-align: center;
 }

 /*menu de navegacion*/
 nav.navbar-inverse {
 	background-color: #ca2925;
 	border-color: #7d1512;
 	font-size: 14pt;
 	color: #fff;
 }

 nav.navbar-inverse {
 	border-radius:0px;
 }

 nav.navbar-inverse .navbar-nav>li>a {
 	color: #fff;
 }

 
 /*Paginacion*/
 div#paginacion {
 	/*margin: 20px 30px 20px 0px;*/
 	float: right;
 }
 div#paginacion a {
 	font-size: 16px;
 	cursor: pointer;
 	color: #333;
 	padding: 5px 11px;
 }
 div#paginacion a:hover {
 	background-color: #222;
 	text-decoration:none;
 	color:#fff;
 }
 div#paginacion a.jp-previous {
 }
 div#paginacion a.jp-next {
 }
 div#paginacion a.jp-current, a.jp-current:hover {
 	color: #FF4242;
 	font-weight: bold;
 }
 div#paginacion a.jp-disabled, a.jp-disabled:hover {
 	color: #bbb;
 }
 div#paginacion a.jp-current, a.jp-current:hover, #paginacion a.jp-disabled, a.jp-disabled:hover {
 	cursor: default;
 	background: none;
 }
 div#paginacion span {
 	margin: 0 5px;
 }
 /*Row*/
 div.row {
 	margin-left:20px;
 	margin-right:20px;
 }
 /*Botones*/
 button.boton-submit {
 	width:50% !important;
 	font-size:15px !important;
 	background-color: #333 !important;
 	color:#fff !important;
 	height:45px !important;
 }

 input.codigoarticulofabricante {
 	background: transparent;
 	border:none;
 }
 input.codigoarticulofabricante:hover {
 	color:#D02421;
 	text-decoration:none;
 }
 input.codigoarticulofabricante:focus {
 	color:#D02421;
 	text-decoration:none;
 }
 button.boton-submit:hover {
 	background-color: #1F1F1F !important;
 	color:#fff !important;
 }
 input.anadirArticulo, input.borrarArticulo, input.editarArticulo, 
 input.mostrarDatosUsuario, input.mostrarArticulosUsuario, input.logout {
 	border: none !important;
 	background-color: transparent !important;
 	padding:0px;
 }
 input.anadirArticulo:hover, input.borrarArticulo:hover, input.editarArticulo:hover, 
 input.mostrarDatosUsuario:hover, input.mostrarArticulosUsuario:hover, input.logout:hover {
 	color:#000;
 }

 .clear {
 	clear:both;
 }

 /*menu desplegable*/
 .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
 	color:#000;
 	background-color: transparent;
 }
 /*Info articulo*/
 .info-articulo {
 	background-color:#fff;
 	padding: 30px 0px 0px 0px;
 }

 .info-articulo img {
 	float:left;
 	padding-right:25px;
 }

 /*Formularios*/



.form-control:focus {
    border-color: #9d9d9d;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px #ddd, 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #ddd;
}


.formulario-accion{
	display: inline-block;
}

 div.content-form {
 	padding: 20px 50px 30px 50px;
 }
 #form {
 	padding: 30px 35px 0px 35px;
 	border:1px solid #ccc;
 	max-width: 435px;
 	margin: auto;
 	border-radius: 3px;
 	box-sizing: border-box;
 }

 
 .page-header{
 	text-align: center;
 }
 
 

 /* Pie */
 div.footer {
 	margin-top: 70px;
 	width: 100%;
 	border: 1px solid #ccc;
 	padding: 17px;
	font-size:9pt;
 }

.info-contacto{
	margin-bottom:5px;
}
 div.enlaces,
 div.info-contacto{
	text-align:center;
}

 div.enlaces a{
 	color: #c70a0a;
	text-decoration:underline;
 }

 /*Botones*/
 .btn-danger {
 	margin: 10px auto;
 	display: block;
 }
 /*Paginacion*/
 .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
 	z-index: 3;
 	color: #fff;
 	cursor: default;
 	background-color: #e31c18;
 	border-color: #a5100d;
 }
 .pagination>li>a, .pagination>li>span {
 	position: relative;
 	float: left;
 	padding: 6px 12px;
 	margin-left: -1px;
 	line-height: 1.42857143;
 	color: #313131;
 	text-decoration: none;
 	background-color: #fff;
 	border: 1px solid #ddd;
 }
 .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
 	z-index: 2;
 	color: #ffffff;
 	background-color: #D02421;
 	border-color: #9a1b19;
 }
 .pagination>li>a:active, .pagination>li>a:active, .pagination>li>span:active, .pagination>li>span:active {
 	z-index: 2;
 	color: #ffffff;
 	background-color: #D02421;
 	border-color: #9a1b19;
 }

 div#success{
 	display: none;
 }

 div.datos-articulo{
 	width:70%;
 	margin: auto;
 	float: left;
 }

 div.foto-tipoarticulo > a > img{
 	max-width: 103%;
 }
 .foto-tipoarticulo{
 	width:25%;
 	float: left;
 	padding-left: 15px;
 	padding-right: 15px;
 }
 .foto-tipoarticulo-info {
 	width:200px;
 	float:left;
 	margin-right:15px;
 	margin-bottom: 15px;
 }

 .info-usuario{
 	margin-top:30px;
 }

 /*Responsive*/


 @media(max-width:991px) {
 	.explicacion-sitio {
 		width: 100%;
 		text-align:center;
 	}
 	.contenedor-formulario {
 		max-width: 393px;
 		margin:auto;
 	}

 	.contenedor-formulario {
 		border-left:0px !important;
 	}

	div.explicacion-sitio{
		float:none;
	}
 	

 }
 
 @media(max-width:480px) {

 	.foto-tipoarticulo {
 		width:100%;
 		text-align: -webkit-center;
 	}

 }


 @media(max-width:425px) {

 	#form input[type="text"],
 	#form textarea{
 		width: 90% !important;
 		display: inline-block;
 	}


 	div.formulario-login input[type="text"]{
 		width: 100%;
 		display: block;
 	}
 }