@charset "utf-8";
/* CSS Document */

@font-face {/*font-family: 'Century Gothic', sans-serif;*/
    font-family: "Century Gothic";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/CenturyGothic.eot?#iefix") format("eot"), 
	url("fonts/CenturyGothic.woff") format("woff"), 
	url("fonts/CenturyGothic.woff2") format("woff2"), 
	url("fonts/CenturyGothic.ttf") format("truetype"), 
	url("fonts/CenturyGothic.svg") format("svg");
}
@font-face {/*font-family: 'Century Gothic Bold', sans-serif;*/
    font-family: "Century Gothic Bold";
    font-style: normal;
    font-weight: bold;
    src: url("fonts/CenturyGothic-Bold.eot?#iefix") format("eot"), 
	url("fonts/CenturyGothic-Bold.woff") format("woff"), 
	url("fonts/CenturyGothic-Bold.woff2") format("woff2"), 
	url("fonts/CenturyGothic-Bold.ttf") format("truetype"), 
	url("fonts/CenturyGothic-Bold.svg") format("svg");
}
@font-face {/*font-family: 'Century Gothic Bold Italic', sans-serif;*/
    font-family: "Century Gothic Bold Italic";
    font-style: italic;
    font-weight: bold;
    src: url("fonts/CenturyGothic-BoldItalic.eot?#iefix") format("eot"), 
	url("fonts/CenturyGothic-BoldItalic.woff") format("woff"), 
	url("fonts/CenturyGothic-BoldItalic.woff2") format("woff2"), 
	url("fonts/CenturyGothic-BoldItalic.ttf") format("truetype"), 
	url("fonts/CenturyGothic-BoldItalic.svg") format("svg");
}
@font-face {/*font-family: 'Century Gothic Italic', sans-serif;*/
    font-family: "Century Gothic Italic";
    font-style: italic;
    font-weight: normal;
    src: url("fonts/CenturyGothic-Italic.eot?#iefix") format("eot"), 
	url("fonts/CenturyGothic-Italic.woff") format("woff"), 
	url("fonts/CenturyGothic-Italic.woff2") format("woff2"), 
	url("fonts/CenturyGothic-Italic.ttf") format("truetype"), 
	url("fonts/CenturyGothic-Italic.svg") format("svg");
}

body { margin: 0; background: #EEE url(img/bg.png); font-family: 'Century Gothic', sans-serif; font-size: 13px; text-align: center; }
#body { width: 1000px; margin: 0 auto; color: #333; }
#top { height: 90px; margin-bottom: 10px; background: #FFF; }
.logo { float: left; }
.text { color:#7ea433; font-weight: bold; text-align: right; float: right; font-size: 18px; margin-top: 26px; padding-right: 10px; line-height: 18px;}
.text img { vertical-align: top; }
.text a { color:#7ea433; text-decoration: none; }
.text a:hover { text-decoration: underline; }
#menu { background: #498838; height: 35px; margin-bottom: 5px; }
#menu ul { list-style: none; margin: 0; padding: 0; float: right; }
#menu ul li { float: left; }
#menu ul li a { display: block; float: left; background: #498838; padding: 0 32px; line-height: 35px; color: #FFF; text-transform: uppercase; font-size: 16px; font-weight: bold; text-decoration: none; }
#panel { background: #FFF; overflow: hidden; margin-bottom: 7px; }
#pleft { width: 200px; float: left; overflow: hidden; }
#content { width: 920px; padding: 20px 40px; overflow: hidden; text-align: center; }
#bottom { padding: 10px 20px; background: #316335; text-align: center; clear: both; color: #a3bd30; font-size: 12px; position: relative; }
#content div { text-align: center; }
#content h1 { padding: 5px 0; margin: 0 0 20px; text-align: left; color: #555; font-size: 22px; }
#content p { margin: 0 0 15px; text-align: justify; }
#content table { margin: 0 auto 0 0; }
#content div table { margin: 0 auto; }
#content table td { text-align: left; }
#content ul { text-align: left; margin: 0 0 0 20px; padding: 0; }
#content ol { text-align: left; margin: 0 0 0 20px; padding: 0; }
#content li { text-align: justify; }
.clear { clear: both; }
.right { float: right; }
.left { float: left; }
.iright { float: right; margin: 0 0 12px 12px; }
.ileft { float: left; margin: 0 12px 12px 0; }
.slist { list-style: none; }
.hide { display: none; }
#content a { color: #386AB6; text-decoration: none; }
#content a:hover { color: #555555; text-decoration: underline; }
#content .tleft { text-align: left !important; }
#content .tright { text-align: right !important; }
.u { text-decoration: underline; }
a, input { outline: 0px; }
a img { border: 0; }
.sac { color: #999; float: right; margin: 5px 0; font-size: 11px; }
.sac a { color: #666; text-decoration: none; }
.sac a:hover { color: #444; }
input { font-family: 'Century Gothic', sans-serif; }
.input { background: #FFF; border: 1px solid #D0D0D0; font-size: 12px; padding: 3px 2px; margin: 0; }
.inputerror { background: #FBEAE6; border: 1px solid #EEBFBF; }
.submit { background-color: #498838; border: 1px solid #498838; padding: 10px 8px; color: #FFF; cursor: pointer; }
.submit:hover { background-color: #58A745; }
span.error { display: inline-block; padding: 2px 7px 2px 22px; color: #777; margin: 0 0 0 1px; display: none; background: #FDF5E8 url(img/error.png) no-repeat 2px 0px; border: 1px solid #E7CA96; position: absolute; border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.tcontacto { width: 570px; }
.tcontacto .tdlabel label { display: block; width: 140px; text-align: right; }
.tcontacto .tdlabel { width: 140px; }
.dlist dt { float: left; width: 120px; color: #000; text-align: left; font-weight: bold; padding: 3px 0px; white-space: nowrap; }
.dlist dd { padding: 3px 0px; color: #C87224; }
.colset { margin: 0 -10px; }
.colset img { max-width: 100%; height: auto; }
.colset iframe { max-width: 100%; }
.colset .col12,  .colset .col13,  .colset .col14,  .colset .col23,  .colset .col34 { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 10px; float: left; }
.col12 { width: 50%; }
.col13 { width: 33.333%; }
.col14 { width: 25%; }
.col23 { width: 66.667%; }
.col34 { width: 75%; }
/***/

.nivoSlider { position:relative; width:100%; height:auto; overflow: hidden; }
.nivoSlider img { position:absolute; top:0px; left:0px; }
.nivo-main-image { display: block !important; position: relative !important; width: 100% !important; }
/* If an image is wrapped in a link */

.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:709px; height:350px; background: rgba(255,255,255,0); border:0; padding:0; margin:0; z-index:6; display:none; }
/* The slices and boxes in the Slider */

.nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; }
.nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; }
.nivo-box img { display:block; }
/* Caption styles */

.nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */ box-sizing: border-box;         /* Opera/IE 8+ */ }
.nivo-caption p { padding:5px; margin:0; }
.nivo-caption a { display:inline !important; }
.nivo-html-caption { display:none; }
/* Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a { position:absolute; top:44%; z-index:9; cursor:pointer; }
.nivo-prevNav { left:0px; }
.nivo-nextNav { right:0px; }
/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav { text-align:center; padding: 15px 0; }
.nivo-controlNav a { cursor:pointer; }
.nivo-controlNav a.active { font-weight:bold; }
.theme-default .nivoSlider { position:relative; background:#fff url(img/loading.gif) no-repeat 50% 50%; margin-bottom:0px; }
.theme-default .nivoSlider img { position:absolute; top:0px; left:0px; display:none; }
.theme-default .nivoSlider a { border:0; display:block; }
.theme-default .nivo-controlNav { text-align: center; padding: 0; position:absolute; bottom: 15px; left: 25px; z-index: 9999; }
.theme-default .nivo-controlNav a { width:22px; background: rgba(255,255,255,0.4); line-height: 21px; height:22px; border:0; margin: 0 0 0 6px; border-radius: 11px; color: rgba(0,0,0,0.3); display: inline-block; font-weight: bold; }
.theme-default .nivo-controlNav a.active { background-color: #FFF; line-height: 22px; background-position: 0 0; padding: 0; line-height: 22px !important; color: #111; }
.index .nivo-controlNav a.active { background-position:0 -21px !important; }
.index .nivo-controlNav { text-align: right !important; padding: 0; position:absolute; bottom: 15px; right: 25px !important; z-index: 9999; }
.index .nivo-controlNav a { display:inline-block !important; width:22px; height:22px; background:url(img/slider-bullets.png) no-repeat !important; text-indent:-9999px; text-align: left !important; border:0; margin: 0 0 0 10px !important; border-radius: 0 !important; }
.theme-default .nivo-directionNav a { display:block; width:43px; height:43px; background:url(img/arrows.png) no-repeat; text-indent:-9999px; border:0; }
.theme-default a.nivo-nextNav { background-position:-43px 0; right:28px; }
.theme-default a.nivo-prevNav { left:28px; }
.theme-default a.nivo-nextNav:hover { background-position: -43px -43px; }
.theme-default a.nivo-prevNav:hover { background-position: 0 -43px; }
.theme-default .nivo-caption { font-family: 'Century Gothic', sans-serif; }
.theme-default .nivo-caption a { color:#fff; border-bottom:1px dotted #fff; }
.theme-default .nivo-caption a:hover { color:#fff; }
.theme-default .nivo-controlNav.nivo-thumbs-enabled { width: 100%; }
.theme-default .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; }
.theme-default .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; }
/****/

#slider { height: 365px; overflow: hidden; position: relative; margin-bottom: 5px; }
#slider h1 { background: rgba(0,0,0,0.6); color: #FFF; position: absolute; left: 10px; font-size: 24px; top: 10px; line-height: 60px; padding: 0 30px; margin: 0; text-transform: uppercase; border-top-left-radius: 20px; border-bottom-right-radius: 20px; z-index: 99999; }
#slider .content { background: rgba(255,255,255,0.9); color: #777; font-family: 'Century Gothic', sans-serif; position: absolute; right: 10px; width: 400px; font-size: 12px; bottom: 10px; padding: 15px 20px 8px; margin: 0; text-align: left; border-top-left-radius: 20px; border-bottom-right-radius: 20px; z-index: 99999; }
#slider .content p { margin: 0 0 7px !important; line-height: 15px; font-style: italic; }
.menu_productos { background:#a2bd30; padding: 12px 0 15px; }
.menu_productos a { width: 70px; margin: 0 4px; display: inline-block; text-decoration: none; vertical-align: top; }
.menu_productos a strong { display: inline-block; width: 54px; height: 54px; background: url(img/icons.png) no-repeat; }
.menu_productos a span { display: block; text-align: center; font-weight: bold; color: #FFF; text-transform: uppercase; font-size: 13px; }
.menu_productos a.banderas strong { background-position: 0px 0; }
.menu_productos a.levantapiques strong { background-position: -54px 0; }
.menu_productos a.pins strong { background-position: -108px 0; }
.menu_productos a.toallas strong { background-position: -162px 0; }
.menu_productos a.indumentaria strong { background-position: -216px 0; }
.menu_productos a.lapices strong { background-position: -270px 0; }
.menu_productos a.llaveros strong { background-position: -324px 0; }
.menu_productos a.paraguas strong { background-position: -378px 0; }
.menu_productos a.indicadores strong { background-position: -432px 0; }
.menu_productos a.cristaleria strong { background-position: -486px 0; }
.menu_productos a.vajilla strong { background-position: -540px 0; }
.menu_productos a.medallas strong { background-position: -594px 0; }
.menu_productos a:hover strong { opacity: 0.8; }
.menu_productos a:hover> span { color: #4A6332; }
#body .texto { text-align: justify; padding: 10px; font-style: italic; line-height: 15px; background: rgba(255,255,255,0.9); color: #777; font-family: Arial; font-size: 12px; }