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

/* FORMATS */
.underline {text-decoration: underline;}
.italic {font-style: italic;}
.no-underline {text-decoration: none !important;}
.bold {font-weight: 700;}
.boldest {font-weight: 900;}
.font-larger {font-size: larger !important;}
.font-bigger {font-size:1.15em !important; line-height:1.1em !important;}
.font-big {font-size:1.33em !important; font-weight: 900 !important;}
.font-smaller {font-size: 0.9em !important; line-height: 1.15em !important;}
.font-small {font-size:13px !important; line-height:1.35em !important;}
.no-margin {margin:0 !important;}
.no-top {margin-top:0 !important;}
.no-bottom {margin-bottom:0 !important;}
.table-default {margin: 0; padding: 0; border:0; border-collapse: collapse; vertical-align: middle;}
.cap-initial {float: left; margin:4px 3px -3px 0;}
.no-wrap {white-space: nowrap;}
img {height:auto; display: block;}
p {text-indent: 1.5em;}
.no-indent {text-indent:0 !important;}
table, tr, td {border:0; border-collapse:collapse; margin:0; padding:0;}
td {vertical-align:top;}
.hilite-y {background-color: yellow;}
.hilite-g {background-color: gold;}

/* Bub's Bootstrap enhancement  (added screen resolution) */
.col-xx-1,.col-xx-10,.col-xx-11,.col-xx-12,.col-xx-2,.col-xx-3,.col-xx-4,.col-xx-5,.col-xx-6,.col-xx-7,.col-xx-8,.col-xx-9 {position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-xx-1,.col-xx-10,.col-xx-11,.col-xx-12,.col-xx-2,.col-xx-3,.col-xx-4,.col-xx-5,.col-xx-6,.col-xx-7,.col-xx-8,.col-xx-9{float:left;}

/* BULLETS */

ul.check-red li {list-style: none; background: url(../images/bullets/check-red-dd1c20.png) top left no-repeat; padding-left: 30px; min-height: 30px; padding-top: 0;}
ul.arrow-red li {list-style: none; background: url(../images/bullets/arrow-red-dd1c20.png) top left no-repeat; padding-left: 30px; min-height: 30px; padding-top: 0;}

/* BUTTONS */
.buttonOwnBook {display: block; width: 300px; height: 55px; background: url('../images/buttons/button-own-this-book.png') bottom; background-position: 0 55;}
.buttonOwnBook:hover {background-position: 0 0;}
.buttonOwnBook-sp {display: block; width: 300px; height: 55px; background: url('../images/buttons/button-consigan-este-libro.png') bottom; background-position: 0 55;}
.buttonOwnBook-sp:hover {background-position: 0 0;}

/* DEFAULT */

html, body {font-family: 'Roboto', sans-serif; line-height: 1.3em; color: #111111; padding:0; margin:0;}
body {margin:0; padding:0;}
p,li,td {margin-top:0.8em; margin-bottom:1.1em; font-weight: 400px; }
h1, h2, h3, h4 {text-align: center; font-weight:800 !important; font-family: 'Merriweather', serif; }
h1, h2, h3 {color:#dd1c20;}
.h1,.h2,.h3,.h4,h1,h2,h3,h4 {line-height:1.35em;margin:1em auto 0.75em auto;} /* fix Bootstrap */
li {margin-bottom:0.75em;}
sup {font-size: 0.65em; }
a {text-decoration:underline;}

.tableColumns {-webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; -o-column-break-inside:avoid; -ms-column-break-inside:avoid; column-break-inside:avoid;}
.myColumns {background: #e0cfc2; background: -webkit-linear-gradient(#f7e7db, #e0cfc2, #e0cfc2); background: -o-linear-gradient(#f7e7db, #e0cfc2, #e0cfc2); background: -moz-linear-gradient(#f7e7db, #e0cfc2, #e0cfc2); background: linear-gradient(#f7e7db, #e0cfc2, #e0cfc2); padding:1em 0; -webkit-column-gap: 1em; -moz-column-gap: 1em; column-gap: 1em;}
.tiltText {-ms-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); transform:rotate(-3deg); margin:0 25px 0 35px; padding-top:1.05em;}
.hide-660 {dispay:block; height:auto; visibility:visible;}
.show-660 {dispay:none; height:0; visibility: hidden;}

.test-header1 {background: #7d501b; background: -webkit-linear-gradient(#bf8847, #7d501b); background: -o-linear-gradient(#bf8847, #7d501b); background: -moz-linear-gradient(#bf8847, #7d501b); background: linear-gradient(#bf8847, #7d501b); outline:10px solid #f1d0a9; margin-bottom:-0.65em;}
.test-body1 {background: #fcf1e3; background: -webkit-linear-gradient(#f1d0a9, #fcf1e3); background: -o-linear-gradient(#f1d0a9, #fcf1e3); background: -moz-linear-gradient(#f1d0a9, #fcf1e3); background: linear-gradient(#f1d0a9, #fcf1e3); padding:1px 0;}

.test-header2 {background: #5e482f; background: -webkit-linear-gradient(#997449, #5e482f); background: -o-linear-gradient(#997449, #5e482f); background: -moz-linear-gradient(#997449, #5e482f); background: linear-gradient(#997449, #5e482f); outline:10px solid #e0cfc2; margin-bottom:-0.65em;}
.test-body2 {background: #e0cfc2; background: -webkit-linear-gradient(#e0cfc2, #f1f1f1); background: -o-linear-gradient(#e0cfc2, #f1f1f1); background: -moz-linear-gradient(#e0cfc2, #f1f1f1); background: linear-gradient(#e0cfc2, #f1f1f1); padding:1px 0;}

.textbox-header {background: #f1f1f1; background: -webkit-linear-gradient(#e2e2e2, #ffffff, #ffffff); background: -o-linear-gradient(#e2e2e2, #ffffff, #ffffff); background: -moz-linear-gradient(#e2e2e2, #ffffff, #ffffff); background: linear-gradient(#e2e2e2, #ffffff, #ffffff); outline:10px solid #e0cfc2; border:1px solid #ffffff; margin-bottom:-0.65em;}
.textbox-body {background: #e0cfc2; background: -webkit-linear-gradient(#e0cfc2, #f1f1f1); background: -o-linear-gradient(#e0cfc2, #f1f1f1); background: -moz-linear-gradient(#e0cfc2, #f1f1f1); background: linear-gradient(#e0cfc2, #f1f1f1); padding:1px 0;}


.test-header1 h3, .test-header2 h3 {color: #ffffff;}

.myItem-0 {background: url('../images/corkboard-tile-y.jpg') repeat-y; background-size:100%; overflow:hidden;}
.myItem-3 {margin:-1.5em 1em 0 1em; padding:1.5em 1em 0.5em 1em;}

.image-1a, .image-1b {width: 100%; margin:0; float:none; display:inline;}
.image-3 {margin:0 auto -20px auto; float:none; width:100%; max-width:375px;}
.image-4 {margin:0 auto -20px auto; float:none; width:100%; max-width:350px;}
.image-5 {margin:0 auto; float:none; width:100%; max-width:450px;}
.image-6 {margin:0 auto -20px auto; float:none; width:100%; max-width:375px;}
.image-7 {margin:0 auto 10px auto; float:none; width:100%; max-width:350px;}
.image-8 {margin:1em auto; float:none;}
.image-r-pt, .image-r-ld, .image-l-pt, .image-l-ld {margin: 0 auto; width:100%;}
.image-r-pt, .image-l-pt {max-width:350px;}
.image-r-ld, .image-l-ld {max-width:500px;}

.break-h1, .break-h2, .break-h3, .break-h4, .break-h5, .break-h6, .break-h7, .break-h8, .break-h9 {margin-left:auto !important; margin-right:auto !important;}
.break-h9 {max-width:500px;}
.break-h11 {max-width:450px;}


/* MAIN CONTENT */
div.mainContent, div.mainContent2 {
	background-color:#fdfdfd;
	width:100%;
	border:0 none;
	padding:0;
}

/* MASTHEAD */
#masthead, #masthead-tmp, #masthead-sp, #masthead-tmp-sp {
	text-align: left;
    width: 100%;
    height: 0;
    text-indent: -9999px;
	margin:0;
	}
	
	#masthead {
		background: url('../images/masthead-hnutrient-540.jpg') no-repeat;
		background-size: 100%;
		padding-top: 70.37037037%;
	}
	#masthead-tmp {
		background: url('../images/masthead-tmp-hnutrient-540.jpg') no-repeat;
		background-size: 100%;
		padding-top: 20.37037037%;
	}
	#masthead-sp {
		background: url('../images/masthead-hnutrient-sp-540.jpg') no-repeat;
		background-size: 100%;
		padding-top: 70.37037037%;
	}
	#masthead-tmp-sp {
		background: url('../images/masthead-tmp-hnutrient-sp-540.jpg') no-repeat;
		background-size: 100%;
		padding-top: 20.37037037%;
	}
	
/* SHADOW */
.shadow {
-moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.55);
-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.55);
box-shadow: 5px 5px 10px rgba(0,0,0,0.55);
}


/* XX-SMALL */
@media only screen and (max-width:539px){
  /* Bub's Bootstrap enhancement  (mini-screens) */
    .col-xx-12{width:100%}
    .col-xx-11{width:91.66666667%}
    .col-xx-10{width:83.33333333%}
    .col-xx-9{width:75%}
    .col-xx-8{width:66.66666667%}
    .col-xx-7{width:58.33333333%}
    .col-xx-6{width:50%}
    .col-xx-5{width:41.66666667%}
    .col-xx-4{width:33.33333333%}
    .col-xx-3{width:25%}
    .col-xx-2{width:16.66666667%}
    .col-xx-1{width:8.33333333%}
	div[class*="col-xs-pull-"] {right: auto !important;}
	div[class*="col-xs-push-"] {left: auto !important;}
    div[class*="col-xs-offset-"] {margin-left:0}
	
	html, body, p, li, td {font-size:18px;} /* override Bootstrap */
    .h1,h1{font-size:28px;} /* override Bootstrap */
    .h2,h2{font-size:28px;} /* override Bootstrap */
    .h3,h3{font-size:24px;} /* override Bootstrap */
    .h4,h4{font-size:20px;} /* override Bootstrap */
    ul {margin-left:-2em;}

	#masthead-wrapper {border:0;}
	.mainContent .wrapper, .mainContent2 .wrapper {margin:0 15px;}
	.unwrapper {margin:0 -15px;}
	.unwrapper .wrapper {margin:0 15px;}
	.unwrapper .wrapper-2 {margin:0 5px;}
	.myColumns {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
	.image-2 {margin:0 auto -20px auto; float:none;}

	.myItem-2 {width:100%; background: url('../images/linedpaper-sm.png') no-repeat; max-width:430px; margin:0 auto;}
   	.tiltText ul {margin-top:-10px; margin-left:-0.5em; max-width:380px;}
	
	.break-h3 {padding-left:20px; padding-right:20px;}
	.break-h3a {padding:0 10px;}
	.break-h4 {max-width: 350px;}
	.break-h5 {max-width: 400px;}
	.break-h6 {max-width: 445px;}
	.break-h7 {max-width: 425px;}
	.break-h8 {max-width: 425px;}

}

/* MICRO */
@media only screen and (max-width:440px){
	.break-h3 {padding-left:10px; padding-right:10px;}
	.break-h3a {padding:0; max-width:310px;}
	.myItem-2 {background-size: 100% 100% !important;}
	.tiltText ul {margin-top:-10px; margin-left:-0.5em;}
}
/* MICRO */
@media only screen and (max-width:375px){
.myItem-2 {width:100%; background: url('../images/linedpaper-xs.png') no-repeat; margin:0 auto;}
.tiltText ul {margin-top:-15px; margin-left:-1em; max-width:300px;}
}
@media only screen and (max-width:320px){
.myItem-2 {width:100%; background: url('../images/linedpaper-xxs.png') no-repeat; margin:0 auto;}
.tiltText ul {margin-left:-1em; max-width:260px;}
}

/* X-SMALL */ 
@media (min-width:540px) {
	html, body, p, li, td {font-size:19px;}
	.h1,h1{font-size:30px;} /* override Bootstrap */
	.h2,h2{font-size:30px;} /* override Bootstrap */
	.h3,h3{font-size:26px;} /* override Bootstrap */
	.h4,h4{font-size:21px;} /* override Bootstrap */
	ul {margin-left:-1em;}
	ol {margin-left:1em;}

	#masthead {
		background: url('../images/masthead-hnutrient-730.jpg') no-repeat;
		background-size: 100%;
		padding-top: 36.98630137%;
	}
	#masthead-tmp {
		background: url('../images/masthead-tmp-hnutrient-730.jpg') no-repeat;
		background-size: 100%;
		padding-top: 15.06849315%;
	}
	#masthead-sp {
		background: url('../images/masthead-hnutrient-sp-730.jpg') no-repeat;
		background-size: 100%;
		padding-top: 36.98630137%;
	}
	#masthead-tmp-sp {
		background: url('../images/masthead-tmp-hnutrient-sp-730.jpg') no-repeat;
		background-size: 100%;
		padding-top: 15.06849315%;
	}
	#masthead-wrapper {border:0;}
	
	.mainContent .wrapper, .mainContent2 .wrapper, .order-cert>.wrapper {margin:0 25px;}
	.unwrapper {margin:0 -25px;}
	.unwrapper .wrapper {margin:0 25px;}
	.unwrapper .wrapper-2 {margin:0 15px;}
	.myColumns {-webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}
	.image-2 {margin:0 auto -20px auto; float:none;}
	.image-r-pt {float:right; max-width:200px; margin:5px 0 10px 20px;}
	.image-r-ld {float:right; max-width:220px; margin:5px 0 10px 20px;}
	.image-l-pt {float:left; max-width:200px; margin:5px 20px 10px 0;}
	.image-l-ld {float:left; max-width:220px; margin:5px 20px 10px 0;}
	
	.myItem-1 {margin:0;}
	.myItem-2 {width:100%; background: url('../images/linedpaper.png') no-repeat; max-width:535px; margin:0 auto;}
	.tiltText ul {margin-left:1em; margin-right:1em; margin-top:-10px; max-width:420px;}
	
	.break-h1 {max-width: 525px;}
	.break-h2 {max-width: 475px;}
	.break-h3 {max-width: 510px; padding-left:30px; padding-right:30px;}
	.break-h3a {padding:0;}
	.break-h4 {max-width: 500px;}
	.break-h5 {max-width: 475px;}
	.break-h6 {max-width: 500px;}
	.break-h7 {max-width: 470px;}
	.break-h8 {max-width: 450px;}

}

/* Tween fix */ 
@media (min-width:660px) {
	.show-660 {dispay:block; height:auto; visibility:visible;}
	.hide-660 {dispay:none; height:0; visibility: hidden;}
	
	.myItem-1 {margin:0 0 0 -40px;}
	.myItem-2 {width:100%; background: url('../images/linedpaper-md.png') no-repeat; max-width:498px; margin:0;}
	.tiltText ul {margin-left:0; margin-top:-15px}
	
    .break-h1 {max-width: 590px;}
    .break-h2 {max-width: 730px;}
	.break-h3 {max-width: 580px; padding-left:5px; padding-right:5px;}
	.break-h5 {max-width: 600px;}
	.break-h6 {max-width:525px;}
	.break-h8 {max-width: 600px;}

		
	.image-1a {width: 49%; height: auto; margin-right:1%;}
	.image-1b {width: 49%; height: auto; margin-left:1%; float:right;}
    .image-2 {margin:0 -25px 0 0; float:right;}
	.image-4 {margin:0 0 -20px 20px; float:right;}
	.image-5 {margin:0 0 0 20px; float:right; max-width:250px;}
	.image-6 {margin:0 0 -20px 20px; float:right; max-width:200px;}
	.image-7 {margin:0 0 10px 20px; float:right; max-width:210px;}
	.image-r-pt {max-width:275px;}
	.image-r-ld {max-width:300px;}
	.image-l-pt {max-width:275px;}
	.image-l-ld {max-width:300px;}

}

/* Small screens */
@media (min-width:768px){
	html, body, p, li, td  {font-size:20px;}
	/* 
	html, body {background: #350000; background: -webkit-linear-gradient(#541714, #250000, #250000); background: -o-linear-gradient(#541714, #250000, #250000); background: -moz-linear-gradient(#541714, #250000, #250000); background: linear-gradient(#541714, #250000, #250000); background-attachment:fixed;}
	*/
	html, body {background: #350000; width:100%; background: url('../images/background-texture-maroon.jpg') repeat-x; background-attachment:fixed; background-size: auto 100%;}
	div.mainContent{margin:1em auto 0 auto; max-width:730px;}
	div.mainContent2 {margin:0 auto;}
	.h1,h1{font-size:32px;} /* override Bootstrap */
	.h2,h2{font-size:33px;} /* override Bootstrap */
	.h3,h3{font-size:28px;} /* override Bootstrap */
	.h4,h4{font-size:22.5px;} /* override Bootstrap */
	ul {margin-left:0;}
	ol {margin-left:2em;}

    #masthead-wrapper {border:10px solid #fdfdfd;}
	
	#masthead-tmp {
		background: url('../images/masthead-tmp-hnutrient-1220.jpg') no-repeat;
		background-size: 100%;
		padding-top: 15.08196721%;
	}
	#masthead-tmp-sp {
		background: url('../images/masthead-tmp-hnutrient-sp-1220.jpg') no-repeat;
		background-size: 100%;
		padding-top: 15.08196721%;
	}
	
	.tiltText ul {margin-right:0; margin-top:-25px;  max-width:450px;}

	.mainContent .wrapper {margin:0 30px;}
	.unwrapper {margin:0 -30px;}
	.unwrapper .wrapper {margin:0 30px;}
	.unwrapper .wrapper-2 {margin:0 20px;}
	.myItem-0 {overflow:visible;}
	.myItem-2 {width:100%; background: url('../images/linedpaper.png') no-repeat; max-width:525px;}
	.image-2 {margin-right:-30px; margin-bottom:-40px; margin-top:-40px;}
	.image-5 {max-width:300px;}
	.image-5 {max-width:325px;}
	.image-6 {max-width:245px;}
	.image-7 {max-width:270px;}
	.image-8 {margin:1.75em 0 1em 20px; float:right;}
	
	.break-h1 {max-width: 730px;}
	.break-h3 {max-width: 640px;}
	.break-h4 {max-width: 570px;}
	.break-h7 {max-width: 600px;}

}



/* Medium screens */
@media (min-width:992px){
	div.mainContent {max-width:730px;}
	div.mainContent2 {max-width:800px;}

}


/* Large screens */
@media (min-width:1200px){
	div.mainContent2 {max-width:1000px;}

}

/* Large screens */
@media (min-width:1500px){
	div.mainContent2 {max-width:1340px;}

}