@charset "utf-8";
* {
	vertical-align: baseline;
	list-style:none;
	color:inherit;
	text-decoration: none;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}
header, section, footer, aside, nav, article, figure {
	display: block;
}
@font-face {
	font-family: 'gothic';
	src: url('../webfonts/gothic/gothic.eot');
	src: url('../webfonts/gothic/gothic.eot?#iefix') format('embedded-opentype'),
		url('../webfonts/gothic/gothic.woff') format('woff'),
		url('../webfonts/gothic/gothic.ttf') format('truetype');
}
@font-face {
	font-family: 'DroidSerif Italic';
	src: url('../webfonts/DroidSerif_Italic/DroidSerif-Italic.eot');
	src: url('../webfonts/DroidSerif_Italic/DroidSerif-Italic.eot?#iefix') format('embedded-opentype'),
		url('../webfonts/DroidSerif_Italic/DroidSerif-Italic.woff') format('woff'),
		url('../webfonts/DroidSerif_Italic/DroidSerif-Italic.ttf') format('truetype'),
		url('../webfonts/DroidSerif_Italic/DroidSerif-Italic.svg') format('svg');
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
body {
	background-color:#B2B2B2;
}
#content {
	width:1000px;
	overflow:auto;
	margin:0 auto;
	background-color:#F5F5F5 !important;
}
/************************* BANNER SLIDER *************************************/
#banner {
	position:relative;
	width:995px;
	height:200px;
	margin:auto;
	clear:left;
}
#fssPrev {
	display:none;
}
#fssNext {
	display:none;
}
#fssPlayPause {
	display:none;
}
ul#slideshow {
	width:995px;
	height:200px;
	list-style:none;
	margin:auto;
	overflow:hidden;
}
#fssList {
	display:none;
}
/***************************** NAV *******************************************/
header {
	width:995px;
	height:65px;
	margin:0px auto;
	background:#F5F5F5;
}
#logo {
	height:65px;
	float:left;
}
#logo img {
	margin:0 20px;
	padding:5px 0px;
}
nav {
	width:100%;
}
nav ul {
	padding:20px 0;
}
nav ul li {
	width:10%;
	display:inline;
	margin:0px 15px;
}
nav ul li a {
	font-family:'gothic';
	font-size:.9em;
	color: #777;
	text-transform: uppercase;
	padding:5px 0px;
	border-bottom:2px solid #F3F3F3;
    -webkit-transition: all 900ms ease-in-out;
    -moz-transition: all 900ms ease-in-out;
    -o-transition: all 900ms ease-in-out;
    -ms-transition: all 900ms ease-in-out;
    transition: all 900ms ease-in-out;
}
nav ul li a:hover {
	color:#7A1108;
	border-bottom:2px solid #7A1108;
}
nav ul li:last-child a {
	border:2px solid #999;
	padding:5px 10px;
    -webkit-transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    transition: all 900ms ease;
}
nav ul li:last-child a:hover {
	border:2px solid #7A1108;
}
/******************************  NAV MENU 2 *****************************/
#menu2 {
	width:995px;
	margin:0 auto;
}
#menu2 ul {
	height:25px;
	padding:10px 0;
	background:#444;
}
#menu2 ul li {
	float:left;
	text-align:center;
	padding:0px 10px;
	margin:0px 0px 0px 20px;
}
#menu2 ul li input {
	cursor:pointer;
	font-family:'gothic';
	font-size:.9em;
	color: #FFF;
	text-transform: uppercase;
	padding:4px 0px;
	background:none;
	border-bottom:1px solid #444;
    -webkit-transition: all 900ms ease-in-out;
    -moz-transition: all 900ms ease-in-out;
    -o-transition: all 900ms ease-in-out;
    -ms-transition: all 900ms ease-in-out;
    transition: all 900ms ease-in-out;
}
#menu2 ul li input:hover {
	color:#999;
	border-bottom:1px solid #999;
}
/******************************INDEX*****************************/
section {
	width:995px;
	overflow:auto;
	margin:0 auto;
	background:#F5F5F5;
}
#contenido {
	float:left;
	width:70%;
	overflow:auto;
	padding:30px 0;
}
#contenido h2 {
	width:90%;
	font:1.4em 'DroidSerif Italic';
	color:#7A1108;
	text-align:left;
	border-bottom:1px solid #7A1108;
	padding-bottom:5px;
	margin:0px auto;
}
#contenido h3 {
	width:90%;
	font:1.4em 'DroidSerif Italic';
	color:#7A1108;
	text-align:left;
	border-bottom:1px solid #7A1108;
	padding-bottom:5px;
	margin:0px;
}
#contenido h4 {
	width:90%;
	font:1.4em 'DroidSerif Italic';
	color:#7A1108;
	text-align:left;
	margin:20px 0 0 30px;
}
#contenido p {
	width: 90%;
	font:.9em 'gothic';
	color: #333;
	text-align: justify;
	margin:20px auto;
}
#contenido a {
	color: #7A1108;
	text-decoration:underline;
}
#contenido a:hover {
	color: #7A1108;
	text-decoration:none;
}
#contenido img {
	margin:10px 0px;
}
#contenido ul {
	float:left;
    width: 23%;
    text-align:left;
	margin:0 30px;
	padding:30px 0;
}
#contenido ul li {
	width:100%;
	font:.9em 'gothic';
	color: #333;
	text-align:left;
	vertical-align:top;
    display: inline-block;
	margin-bottom:10px;
}
#proveedores {
	width:100%;
	margin:0 auto;
}
#proveedores ul {
	width:90%;
}
#proveedores ul li {
	width:204px;
	margin-right:80px;
	text-align:center;
	display:inline;
}
#proveedores ul li img {
	margin-bottom:80px;
}
/***************  LATERAL ***************/
#lateral {
	width:28%;
	overflow:auto;
	padding:30px 0;
	background:#F5F5F5 !important;
}
#lateral h2 {
	width:90%;
	font:1.3em 'DroidSerif Italic';
	color:#7A1108;
	text-align:left;
	margin:0px 0px 10px 10px;
}
#lateral h3 {
	width:90%;
	font:1em 'DroidSerif Italic';
	color:#7A1108;
	text-align:left;
	margin:40px 0 0 10px;
}
#lateral img {
	margin:10px 10px 0px 10px;
}
#lateral p {
	width: 90%;
	font:.7em 'gothic';
	color: #333;
	text-align: justify;
	margin:0px 10px 10px 10px;
}
#lateral a {
	margin:10px 0 0px 10px;
	text-decoration:underline;
	font:.9em 'gothic';
	color:#7A1108;
    -webkit-transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    transition: all 900ms ease;
}
#lateral a:hover {
	color:#7A1108;
	text-decoration:none;
}
/***************************************** PRODUCTOS *******************************************/
#productos {
	width:100%;
}
#productos ul {
	width:90%;
}
#productos ul li {
	width:90%;
	margin-top:10px !important;
	padding-bottom:20px;
	border-bottom:1px solid #7A1108;
}
#productos img {
	float:left;
	width:107px;
	height:80px;
	margin:0px 20px 0 0;
}
#productos h3 {
	font:1.1em 'DroidSerif Italic';
	color:#7A1108;
	text-align:left;
	margin:0px 0 0 0px;
	border:none;
}
#productos h4 {
	font:.9em 'DroidSerif Italic';
	color:#7A1108;
	text-align:left;
	margin:0px 0 0 0px;
	border:none;
}
#productos p {
	font:.9em 'gothic';
	color: #333;
	text-align: justify;
	margin:0px 0 0px 0px;
}
#productos a {
	margin:10px 0 10px 0;
	text-decoration:underline;
	font:.8em 'gothic';
	color:#7A1108;
    -webkit-transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    transition: all 900ms ease;
}
#productos a:hover {
	color:#7A1108;
	text-decoration:none;
}
/****************************************** DETALLE ********************************************/
#detalle {
	width:100%;
}
#detalle ul {
	width:90%;
}
#detalle ul li {
	width:90%;
	margin-top:10px !important;
	padding-bottom:20px;
	border-bottom:1px solid #7A1108;
}
#detalle img {
	width:300px;
	height:225px;
	margin:0px 20px 0 0;
}
#detalle h3 {
	font:1.4em 'DroidSerif Italic';
	color:#7A1108;
	margin:0px 0 10px 0px;
	border:none;
}
#detalle h4 {
	font:1em 'DroidSerif Italic';
	color:#333;
	margin:0px 0 10px 0px;
	border:none;
}
#detalle p {
	font:.9em 'gothic';
	color: #333;
	text-align: justify;
	margin:0px 0 0px 0px;
}
#detalle a {
	margin:30px 0 10px 0;
	text-decoration:underline;
	font:.9em 'gothic';
	color:#7A1108;
    -webkit-transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    transition: all 900ms ease;
}
#detalle a:hover {
	color:#7A1108;
	text-decoration:none;
}
#detalle table {
	margin:0;
	border:1px solid #333;
}
#detalle table tr {
	border:1px solid #333;
}
#detalle table tr td {
	border:1px solid #333;
}
/****************************************** CATEGORIAS ********************************************/
#categorias {
	width:100%;
}
#categorias ul {
	float:left;
    width: 23%;
    text-align:left;
	margin:0 30px;
	padding:30px 0;
}
#categorias ul li {
	width:100%;
	font:.9em 'gothic';
	color: #333;
	text-align:left;
	vertical-align:top;
    display: inline-block;
	margin-bottom:10px;
}
#categorias img {
	width:300px;
	height:225px;
	margin:0px 20px 0 0;
}
#categorias h3 {
	font:1.4em 'DroidSerif Italic';
	color:#7A1108;
	margin:0px 0 10px 0px;
	border:none;
}
#categorias h4 {
	font:1em 'DroidSerif Italic';
	color:#333;
	margin:0px 0 10px 0px;
	border:none;
}
#categorias p {
	font:.9em 'gothic';
	color: #333;
	text-align: justify;
	margin:0px;
}
#categorias input {
	cursor:pointer;
	margin:0px 0 0px 0;
	padding-bottom:3px;
	border-bottom:1px solid #F5F5F5;
	font:.9em 'gothic';
	color:#111;
	background:none;
    -webkit-transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    transition: all 900ms ease;
}
#categorias input:hover {
	color:#7A1108;
	border-bottom:1px solid #7A1108;
}
/***************************************** CONTACTO ********************************************/
#contacto {
	float:left;
	width:60%;
	overflow:auto;
	padding:30px 0;
	background:#F5F5F5;
}
#contacto h1 {
	width:90%;
	font:1.4em 'DroidSerif Italic';
	color:#7A1108;
	text-align:left;
	margin:0px auto;
	padding-top:30px;
	border-bottom:1px solid #7A1108;
	padding-bottom:5px;
}
#contacto p {
	width:80%;
    font:1em 'gothic';
	color:#333;
	text-align:left;
	margin:10px 30px;
}
#contacto form ul {
	width:90%;
	margin:0 auto;
}
#contacto form ul li {
	width:60%;
	display:block;
}
#contacto form ul li label {
	width:100%;
    font-family:'gothic';
	font-size:.9em;
	color:#555;
}
#contacto form ul li input {
	width:350px;
	font:.9em 'gothic';
	color:#222;
	margin:10px 0px 10px 0px;
	padding:10px;
	background:none !important;
	border:1px solid #333;
}
#contacto form ul li textarea {
	width:350px;
	height:10%;
	font:.9em 'gothic';
	color:#222;
	margin:10px 0px 10px 0px;
	padding:10px;
	background:none !important;
	border:1px solid #333;
}
#contacto form ul li .enviar {
	cursor:pointer;
	width:20%;
	font:.9em 'gothic';
    color:#222;
	padding:5px;
    background:#555;
    border:2px solid #7A1108;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    transition: all 600ms ease;
}
#contacto form ul li .enviar:hover {
    color:#FFF;
    border:2px solid #555;
    background:#888 !important;
}
#contacto ul li p {
	font:.9em 'gothic';
    color:#555;
	margin:10px 0;
}
#contacto ul li strong {
	color:#7A1108;
}
#lateralcontacto {
	width:38%;
	overflow:auto;
	padding:30px 0;
}
#lateralcontacto h2 {
	width:90%;
	font:1.4em 'DroidSerif Italic';
	color:#7A1108;
	text-align:left;
	margin:0px 0px 20px 0px;
	padding-top:30px;
	border-bottom:1px solid #7A1108;
	padding-bottom:5px;
}
#lateralcontacto ul li {
	width: 90%;
	font:.9em 'gothic';
	color: #333;
	text-align: justify;
	margin:0px 0px 10px 0px;
}
#mapa {
	width:344px;
	height:304px;
	overflow:none;
	border:2px solid #7A1108;
	margin:10px 0;
}
/****************************** FOOTER *****************************/
footer {
	width:995px;
	background-color:#222;
	overflow:auto;
	margin:0 auto;
}
#contfooter {
	height:100%;
	overflow:auto;
	padding:20px 0;
	background-color:#333;
}
#datos1 {
	width:450px;
	float:left;
	font:.9em 'gothic';
	color:#999;
	text-align:left;
	letter-spacing:.09em;
	margin:0px 0 0 40px;	
}
#datos2 {
	width:450px;
	float:right;
	font:.9em 'gothic';
	color:#999;
	text-align:right;
	letter-spacing:.09em;
	margin:0px 40px 10px 0px;	
}
#datos1 ul li {
	margin:5px 0;
}
#datos2 ul li {
	margin:5px 0;
}
.tred {
	color:#FFF;
}
#hr {
	clear:right;
	width:90%;
	margin:10px auto;
	border-bottom:1px solid #555;
}
#legal {
	width:45%;
	float:left;
	font-family:'gothic';
	text-align:left;
	font-size:.7em;
	color:#999;
	margin:10px 0 0 5%;	
}
#madweb {
	width:45%;
	float:right;
	font-family:'gothic';
	text-align:right;
	font-size:.7em;
	color:#777;
	margin:10px 5% 0px 0px;
}
#madweb a {
	color:#777;
    -webkit-transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    transition: all 900ms ease;
}
#madweb a:hover {
	color:#CCC;
}