@font-face {
    font-family: 'OpenSansRegular';
    src: url(../fonts/opensans-regular-webfont.eot);
    src: url(../fonts/opensans-regular-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/opensans-regular-webfont.woff) format('woff'),
         url(../fonts/opensans-regular-webfont.ttf) format('truetype'),
         url(../fonts/opensans-regular-webfont.svg#OpenSansRegular) format('svg');

    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url(../fonts/opensans-semibold-webfont.eot);
    src: url(../fonts/opensans-semibold-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/opensans-semibold-webfont.woff) format('woff'),
         url(../fonts/opensans-semibold-webfont.ttf) format('truetype'),
         url(../fonts/opensans-semibold-webfont.svg#OpenSansSemibold) format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
	background:#fafafa;
	margin: 0;
	padding:0;
	font-family: 'OpenSansRegular';
	font-size:13px;
}
a { 
	text-decoration:none; }
#wrap, .inner {
	width:980px;
	margin: 0 auto;
}

.box {
	background:url(../images/box-bottom.png) repeat-x bottom #fff;
	border-top:thin solid #f3f3f3; 
	border-left:thin solid #f3f3f3; 
	border-right:thin solid #f3f3f3; 
	padding: 15px 15px 20px 15px;	
}
.login {
	width: 320px;
	text-align:center;
	margin: 130px auto;
}
.login form {
	margin: 15px auto 0 auto;
	width:80%;
}
.login input {
	width:100%;
}
.login .button {
	background: none;
	border: none;
	font-size:14px;
	font-family: 'OpenSansSemibold';
	text-transform:uppercase;
	width:auto;
	float:right;
}
.login .button:hover {
	border-bottom: 2px solid #f3f3f3;
	border-right: 2px solid #f3f3f3;
}


input {
	background:#fafafa;
	border:thin solid #e7e7e7; 
	padding: 8px;
	margin: 5px 0;
	font-family: 'OpenSansRegular';
}
a.tools-item { 
	font-size:10px;
}
.clear {
	clear:both;
}


/* HEADER AREA */

#header { 
	width: 100%;
	background:#fff;
	margin: 0; 
	padding: 10px 0;
	border-bottom:thin solid #f3f3f3;
}
#header h1.logo {
	padding:0;
	margin:0;
	width: 270px;
	float:left;
	}
#header h1.logo img {
	height:100px;
	}
#header div.user-tools {
	float:right;
	width: 270px;
	font-size:16px;
	color:#555555;
}
div.user-welcome span { 
	font-style:italic;
	}
div.user-company span { 
	font-weight: bold;
	}
div.user-company a { 
	display:block;
	font-size:9px;
	}
#header div.user-tools ul {
	list-style:none;
	padding:10px 0;
	margin:0;
	font-size:14px;}
#header div.user-tools ul li {
	float:left; 
	padding:5px 10px;}
#header div.user-tools ul li:first-child {
	padding:5px 10px 5px 0;}
#header div.user-tools ul li a {
	padding:5px 5px 5px 20px;}
#header div.user-tools ul li a.user-home {
	background:url(../images/ico-home-16.jpg) no-repeat left center;}
#header div.user-tools ul li a.user-admin {
	background:url(../images/ico-user-16.jpg) no-repeat left center;}
#header div.user-tools ul li a.user-logout {
	background:url(../images/ico-logout-16.jpg) no-repeat left center;}
	
/*BOXES INDEX CATEGORIAS */

div.boxes-container { 
	width: 665px;
	margin: 20px auto;
	}
div.boxes-container .box { 
	width: 148px;
	height:130px;
	overflow:hidden;
	margin:8px;
	text-align:center;
	float:left;
	padding:10px 0 20px; 
	position: relative;}
div.boxes-container .box span { 
	display:block;
	padding:2px;
	font-size:14px;
	font-style: italic;
	}
	
/*footer */

#copyright { 
	text-align:center;
}


/* CATEGORY */

h2.cat-title { font-size:30px;
	font-weight:bold;
	padding:0;
	margin:10px 0 0 0;
	text-align:center;
	}
	
/* CATALOG */
h2.catalog-title {
	font-size:30px;
	font-weight:bold;
	padding:0;
	margin:10px 0 20px 0;}
table.catalog-content {
	background:#fff;
	border-bottom:thin solid #f3f3f3; 
	border-left:thin solid #f3f3f3; 
	border-right:thin solid #f3f3f3;
	margin: 0 0 20px 0;	
	 }
table.catalog-content td {
	padding: 4px;}
tr.catalog-colname td {
	padding:10px;
	font-size:16px;
	}
table.catalog-content td a{
	color:#000000;
	}
/* MENU CARRUSEL */

.bottom-menu { position:fixed;
	bottom: 0;
	left: 0;
	/*background:#fff;
	border-top:thin solid #f3f3f3;*/
	width:100%;
	z-index: 10000;
	}
.bottom-menu-inner {
	background:#fff;
	border-top:thin solid #f3f3f3;
	width:100%;
	clear:both;
}
.bottom-menu a.hidebutton {
	background:#fff;
	border-top:thin solid #f3f3f3;
	display: block;
	padding:10px;
	float:right;
	text-align:center;
	margin:0 100px 0 0;
	font-size: 14px;
	}
.bottom-menu a.hidden {
	background:#8d8d8d;
	color:#FFFFFF;
	}

.carrusel {
	overflow: hidden;
	width:90%;
	float:left;
	}
.prev, .next { width:5%;
	float:left;
	padding:20px 0;
	text-align:center;
	}
.carrusel ul {
	padding:0;
	position:relative;
        left:-210px;
	}
.carrusel ul li {
	float: left;
	list-style: none;
	padding:10px;
	margin:0 20px;
	text-align:center;
	width:60px;
	height:60px; }
.carrusel ul li img { width:50px; }
.carrusel ul li span {
	display: block;
	font-size: 9px;
	font-style:italic;
	}
/********** Estilo de la barra de paginación *******/
#pagination a, #pagination strong {
        background: #f5f5f5;
        padding: 4px 7px;
        text-decoration: none;
        border: 1px solid #cac9c9;
        color: #292929;
        font-size: 9px;
}

#pagination strong, #pagination a:hover {
         font-weight: normal;
         background: #dff4ff;
}

/*BOTONES*/
button.positive, button.negative { background: #F1F1F1;
	border: none;
	font-size:14px;
	font-family: 'OpenSansSemibold';
	text-transform:uppercase;
	width:auto;
	padding: 10px 10px 10px 18px;
	}
button.positive {
	background:url(../images/ico-save-16.png) no-repeat left center #F1F1F1;
	}
button.positive:hover, button.negative:hover {
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}
button.negative {
	background:url(../images/ico-cancel-16.png) no-repeat left center #F1F1F1;
	}