/*Reset*/  
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*VARIABLES*/

    


@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);


/*SELECTORS*/
    
body {background: #fff; position: relative;
	
font-family: 'Noto Sans TC', sans-serif;	

}



h1, h2, h3, h4 {font-weight: 900;}

    
h1 {font-size: 3em;}

h2 {
    font-size: 4em; 
    border-bottom: solid 4px #333;
    text-transform: uppercase;
	font-weight: 900;
	
}


h3 { 
    font-size: 1.3em;}

h4 {
    font-size: 2.5em;
    text-transform: uppercase;
	margin: 15px 0; 
	 
}

h5 {font-size: 2em; font-weight: 700;}



ul {list-style-type: disc; padding-left: 20px;}

ul li {line-height: 150%;}


p {font-size: 1.5em; line-height: 150%;}

/*LAYOUT*/

    
header {padding: 14px 0; border-bottom: solid 4px #333;}

header a, nav a {color: #333;}

nav {
    background: #fff;
    background-position: center top; 
    padding: 10px 0;
    }


.nav_sec, .nav_sec a {color: #ccc;} 


.cabecera {
background: #66b755 url('landing_tw/bunkyo_madrid.jpg') no-repeat;
    min-height: 500px;
    background-size: cover;
    background-position: bottom left;
}

.cabecera h1 {
    border: solid 3px #fff;
    padding: 50px;
    color: #fff;
    margin-top: 100px;
    text-align: center;
}
.cabecera h1 strong {
    display: block;
    font-size: 1.4em;
}

.prefooter {
        background: #6e4692;
        color: #fff; padding: 20px 0;
    }
    
footer {
         background: #6e4692;
        background-position: center top; 
        padding: 50px 0;
        color: #fff;}
    
footer a {color: #fff;}
    

/*BLOQUES*/

.bloque {}

.bloque img {margin-bottom: 5px;}



/*PANELS*/

.social_top {position: absolute; right: 0; top: 0; font-size: 2.5em;}

.padtop50 {padding-top: 50px;}
.padbottom50 {padding-bottom: 50px;}

.verde {background: #C4B90C;}

.panel_blanco {background: #fff; padding: 20px;}
.panel_gris {background: #eee; padding: 20px;}
.panel_verde {background: #66b755; padding: 20px; color:#fff; position: relative;}

.panel_blanco h4 {border: solid 3px #fff;}
.panel_verde h4 {border: solid 3px red}


.panel_pack {
    background: #66b755 url('landing_tw/bg_frutas.jpg') no-repeat;
    padding: 20px;
    color: #fff;
    position: relative;
    margin-bottom: 20px;
    min-height: 150px;
    position:  relative;
}

.panel_pack_txt {position: absolute; left: 15px; bottom: 10px;}

.panel_pack .btn-default {position: absolute;right: 15px; top: 15px;}
.panel_pack strong {font-size: 2em; font-weight: 100;}
.panel_pack h4 a {font-weight: bold; color: #fff; font-size: 1.4em;}
.panel_pack span {}

#relacionado{
        background: url('landing_tw/bg_lineas.png') repeat-x;
        background-position: center top; 
        padding: 50px 0;
    }


.producto {background: #fff; padding: 20px;}


.panel_descarga {
	text-align: center;
	font-size: 2.5em;
	font-weight: bold;
	margin-bottom: 50px;
	color: #fff;
	}
	
.panel_descarga a {color: #fff; display: block; background: #6e4692; padding: 30px;}



/*LISTS*/

.lst_productos {}
.lst_productos .item {text-align: center;}
.lst_productos .item img {max-height: 150px; 
    display: block;
    margin-left: auto;
    margin-right: auto}

.lst_productos .item span {display: block;}
.lst_productos .item h4 a {color: #333; font-size: 0.8em;}

.lst_pedido img {max-height: 80px;}

.linea_pedido {padding: 10px 0; margin-bottom: 3px; background: #fff;}
.linea_pedido img {max-height: 50px;} 

.linea_pedido i {font-size: 2em; color: green;}

 
/*FORMS*/
.frm_datos {padding: 60px; background: #fff;}
.form-control {border-radius: 0px;}

/*BUTTONS*/

.btn_negro {
    text-shadow: none;
    background: none;
    border-radius: 0;
    font-weight: bold; 
}

.btn_negro {background: #333; color: #fff;}
a.btn_negro:hover {background: #000; color: #fff;}

/*BOOTSTRAP*/
    

.nav-pills {margin-top: 0px;}
.nav-pills>li {margin-right: 15px;}
.nav-pills>li>a {border-radius: 0px; border: solid 3px #fff; color:#333; font-weight: bold; background: transparent; font-size: 1.2em;}

.nav-pills>li>a:hover {background: #fff; color: green;}
.nav>li>a {position: relative;display: block;padding: 10px 15px;}
    
.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}

.label-default {background-color: #6e4692;}
.label {border-radius: 0;}

/*MediaQ*/


@media only screen and (max-width: 500px) {

	.cabecera {
    min-height: 200px;
	}
	
	
	.cabecera h1 {
    margin: 15px 0;
	font-size: 1.5em;
}

	
}
    
@media only screen and (max-width: 768px) {
	
	nav {padding: 0;}
	
	
	nav .container {padding-right: 0px;padding-left: 0px;}
	
	
	.nav-pills {background: #6e4692; padding: 0 15px;}
	.nav-pills>li {margin-right: 5px;}
    .nav-pills>li {width: 100%;}
    .nav-pills>li a {border-bottom: solid 3px #fff; color: #fff; padding: 0; border-top: 0; border-left: 0; border-right: 0;}
    
.panel_pack {margin: 0 3px 3px 0; width: 47%; float: left;}
    
#cuerpo {padding: 10px 0;}


}


@media only screen and (max-width: 992px) {
    
    .nav-pills>li {margin-right: 0px;}
    
}

@media only screen and (min-width: 1024px) {
    .nav-pills {text-align: center;}
    .nav-pills>li {margin-right: 17px; font-size: 1.3em;}
    
    }
























































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */