@font-face {
    font-family: 'antoniobold';
    src: url('../fuentes/Antonio-Bold-webfont.eot');
    src: url('../fuentes/Antonio-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/Antonio-Bold-webfont.woff2') format('woff2'),
         url('../fuentes/Antonio-Bold-webfont.woff') format('woff'),
         url('../fuentes/Antonio-Bold-webfont.ttf') format('truetype'),
         url('../fuentes/Antonio-Bold-webfont.svg#antoniobold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'antoniolight';
    src: url('../fuentes/Antonio-Light-webfont.eot');
    src: url('../fuentes/Antonio-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/Antonio-Light-webfont.woff2') format('woff2'),
         url('../fuentes/Antonio-Light-webfont.woff') format('woff'),
         url('../fuentes/Antonio-Light-webfont.ttf') format('truetype'),
         url('../fuentes/Antonio-Light-webfont.svg#antoniolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'antonioregular';
    src: url('../fuentes/Antonio-Regular-webfont.eot');
    src: url('../fuentes/Antonio-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/Antonio-Regular-webfont.woff2') format('woff2'),
         url('../fuentes/Antonio-Regular-webfont.woff') format('woff'),
         url('../fuentes/Antonio-Regular-webfont.ttf') format('truetype'),
         url('../fuentes/Antonio-Regular-webfont.svg#antonioregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
    width: 100%;
    margin: 0 auto;
}
header {
    margin-bottom: 20px;
	margin:0 auto;
	width:100%;


}

header nav {
	max-width:100%;
	float:left;
	margin-top:1%;
	margin-bottom:1%;
}



/* MENU */


#menu {
 float:left;
 left:35%;
 list-style-type:none;
 margin:0 auto;
 padding:0;
 position:relative;

}

#menu li {
 float:left;
 position:relative;
 right:20%;

}

#menu li a {

    color: #000000;
    padding: 2px 21px;
	letter-spacing:2px;
    text-decoration: none;
	float:left;
	font: 17px/25px 'antonioregular',serif;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
-moz-font-feature-settings:"kern=1";
-ms-font-feature-settings:"kern" 1;
-webkit-text-size-adjust:100%
	
}


#menu li a:hover  {

    color: #99020d;

}

.menu_select {
    width:97%;
    float:left;
    display:none;
    position:relative;

}

#selectme {
    min-width:200px;
	max-width: 200px;
    background-color:#363637;
    color:#ffffff;
    padding:10px;
    font-weight: bold;
    text-align:left;
    cursor:pointer;
    float:left;
font: 17px/25px 'antonioregular',serif;

}

ul#options {
    width:90%;
    float:left;
    margin:0px;
    padding:0px;
    display:none;
}

ul#options li {
    width:97%;
    float:left;
    list-style-type:none;
	padding-left:5%;
}

ul#options li a {
    color: #ffffff;
    padding:1%;
    font-weight: bold;
    text-align:left;
	text-decoration:none;
    cursor:pointer;
    margin-bottom:1px;
    width:100%;
    float:left;
	font: 15px/22px 'antonioregular', Arial, Verdana;
	border-bottom:1px solid gray;
}

ul#options li a:hover {
    color:#000000;
    background-color:#EEEEEE;
    text-decoration: none;
	font: 15px/22px 'antonioregular', Arial, Verdana;
}


#arrow {
    position: absolute;
    right: 10px;
    top: 12px;
    cursor: pointer;
}

.down {
    background-image:url("../img/menu.png");
    background-repeat:no-repeat;
    height:20px;
    width:20px;
}

.up {
    background-image:url("../img/menu-on.png");
    background-repeat:no-repeat;
    height:20px; 
    width:20px;
}

/* END MENU */



#sidebar {
    width: 200px;
    float: left;
}

#sidebar .widget {
    background-color:#fff;
    float: left;
    min-height: 150px;
    padding: 10px;
	margin-bottom:20px;
    width: 94%;
}

#sidebar .widget h2 {
	margin-top:0px;
}


/*CSS*/


/*Mobile portrait (320x480)*/
@media only screen and (max-width:480px) {
	body {
		width:100%;
	}
	
	header {
		margin-bottom: 10px;
	}
	
	header h1 {
		font-size:25px;
	}
	
	#sidebar {
		width:100%;
	}
	
	#sidebar .widget {
		margin-bottom: 10px;
		padding: 8px;
		width: 95%;
	}
	
	.content {
		width:100%;
	}
	
	footer {
		margin-bottom: 10px;
	}
}

@media only screen and (min-width:480px) and (max-width:767px) {
	body {
		width:100%;
	}
	
	#sidebar {
		width:100%;
	}
	
	#sidebar .widget {
		margin-bottom: 10px;
		padding: 9px;
		width: 96%;
	}
	
	.content {
		width:100%;
	}
}

/*Small tablet landscape (800x600)*/
@media only screen and (min-width:768px) and (max-width:980px) {
	body {
		width:100%;
	}
	
	#sidebar {
		width:25%;
	}
	
	#sidebar .widget {
		margin-bottom: 10px;
		padding: 9px;
		width: 97%;
	}
	
	.content {
		width:72%;
	}
}

@media only screen and (max-width: 980px) {
nav ul { display: none; }
nav select { display: inline-block; width:100%; background-color: #363637; color:#FFF; font-size: 16px; font-weight: bold; }
nav .menu_select { display: inline-block; width:100%; background-color: #363637; color:#FFF; font-size: 16px; font-weight: bold; }
}

.seleccionado{

background-color:#363637;
color:white;
font-weight:bold;

}

.seleccionado:hover{

background-color:#338b26;
color:white;
font-weight:bold;

}

.seleccionadoprod{

background-color:#fda84e;
color:white;
font-weight:bold;

}

.seleccionadoprod:hover{

background-color:#72b368;
color:black;
font-weight:bold;

}