/* 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%;
	font: inherit;
	vertical-align: baseline; }
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; }

html {
	font-size: 18px;
	line-height: 30px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-family: 'Source Sans Pro', sans-serif;
	color: #000;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}

/* bar - - - - - - - - - - - - - - - - - - - - */

div.bar {
	position: relative;
	background: #2f1f5a;
	display: block;
	z-index: 100;
	font-size: 0;
}

div.bar ul.info {
	position: relative;
	margin-left: 3rem;
	color: #aca8c1;
	font-size: 0.9rem;
	display: inline-block;
	padding: 0.2rem;
}

div.bar ul.info li {
	margin-bottom: 0rem;
}

div.bar ul.info li img {
	height: 1rem;
	margin-left: 0.4rem;
	display: inline-block;
	margin-bottom: -0.1rem;
}

/* menu - - - - - - - - - - - - - - - - - - - - */

div.container {
	position: absolute;
	position: fixed;
	top: 0rem;
	left: 0%;
	width: 100%;
	z-index: 300;
	height: auto;
}

#nav-trigger {
	display: none;
	text-align: center;
}

#nav-trigger span {
	display: inline-block;
	padding: 0.7rem;
	background: #3DB4C1;
	background: linear-gradient(-180deg, rgba(116,158,56,0.99), rgba(63,163,166,0.99));
	color: #f8f8f8;
	font-size:0.8rem;
	cursor: pointer;
	text-transform: uppercase;
	border-radius: 0rem 0rem 0.4rem 0.4rem;
	margin-bottom: -0.4rem;
}

#nav-trigger span:after {
	display: inline-block;
	margin-left: 10px;
	width: 20px;
	height: 10px;
	content: "";
	border-left: solid 10px transparent;
	border-top: solid 10px #f8f8f8;
	border-right: solid 10px transparent;
}

#nav-trigger span:hover {
}

#nav-trigger span.open:after {
	border-left: solid 10px transparent;
	border-top: none;
	border-bottom: solid 10px #f8f8f8;
	border-right: solid 10px transparent;
}

nav {
}

nav#nav-main {
	display: none;
	background: rgba(255,255,255,0.8);
	padding: 0.2rem;
}

nav#nav-main ul {
	background-color:rgba(0,0,0,0.5);
	padding: 0.2rem;
	text-align: center;
}

nav#nav-main ul li {
	background-color:rgba(0,0,0,0.8);
	display: inline-block;
	margin: auto 0.2rem;
	position: relative;
	width: 8rem;
	height: 2rem;
}

nav#nav-main a {
	color: rgba(155,155,155,0.5);
	background: rgba(100,100,100,0.5);
	display: block;
	width: 100%;
	padding: 0.5rem;
}

nav#nav-main a:hover {
	color: rgba(255,255,255,0.5);
	background: rgba(200,200,200,0.5);
	background-color: #333;
}

/* - */

div.power {
	position: fixed;
	display: block;
	z-index: 400;
	height: auto;
	top: 0.2rem;
}

a.logo-center {
	color: rgba(200,0,0,0.5);
	text-decoration: none;
	font-size: 1rem;
	display: block;
	height: 3rem;
	width: 3rem;
	text-align: center;
	-webkit-transition: all 0.5s ease;
	-webkit-transform: scale(1) rotate(0deg) translate(0px);
}

a.logo-center:hover {
	font-size: 1.4rem;
	height: 3.5rem;
	width: 3.5rem;
	margin:-0.25rem;
	-webkit-transition: all 0.5s ease;
	-webkit-transform: scale(1) rotate(0deg) translate(0px);
}

a.logo-center img {
	height: 100%;
}

a.logo-center div {
	background: rgba(0,0,0,0.2);
	position: relative;
	margin-top:-80%;
	width: auto;
}

/* - */

nav#nav-mobile {
	position: relative;
	display: block;
	height: auto;
	font-size: 1rem;
}

nav#nav-mobile .box {
	display: none;
	list-style-type: none;
	position: absolute;
	left: 0rem;
	right: 0rem;
	top:0rem;
	margin-left: auto;
	margin-right: 0;
	text-align: center;
	background: #f6f6f6;
	border-radius: 0.6rem 0rem 0.6rem 0.6rem;
	border: 4px solid #3DB4C1;
	border-width: 4px;
	border-style: solid;
	border-image: linear-gradient(0deg, rgba(116,158,56,1)55%, rgba(63,163,166,1)55%)1;
	padding: 0.2rem;
	width: 18rem;
}

/* - */

.listpro {
	margin-top: 0rem;
}

.listdev {
	margin-top: 0rem;
}

.listmail {
	margin-top: 0rem;
}

/* - */

nav#nav-mobile .box .indication {
	font-size: 1rem;
	font-weight: 700;
	color: rgba(0,0,0,0.8);
	text-align: left;
	position: absolute;
	transform: rotate(-90deg); transform-origin: left top;
	z-index: 100;
	margin-left: 0rem;
	margin-top: 5rem;
}

nav#nav-mobile .box .listpro .indication {
	color: #3fa2a6;
}

nav#nav-mobile .box .listdev .indication {
	color: #749e38;
}

/* - */

nav#nav-mobile li {
	display: block;
	padding: 0px;
	margin: 0px;
	text-align: left;
	height: 2rem;
	position: relative;
	margin-left: 1.4rem;
}

nav#nav-mobile li:last-child {
	border-bottom: none;
}

nav#nav-mobile a {
	display: block;
	color: white;
	background: rgba(246,246,246,1);
	padding: 0.4rem;
	margin: 0px;
	text-decoration: none;
	height: 100%;
}

nav#nav-mobile a:hover {
	color: #42117B;
	background: #47D2D8;
	cursor: pointer;
}

nav#nav-mobile a img {
	height: 100%;
	margin-bottom: -0.3rem;
	margin-left: 0rem;
}

nav#nav-mobile .listpro a {
	color: #3fa2a6;
	border-bottom: solid 1px #B0B8D0;
}

nav#nav-mobile .listdev a {
	color: #749e38;
	border-bottom: solid 1px #B0B8D0;
}

nav#nav-mobile .listmail a {
	color: #aca8c1;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

#nav-trigger {
	display: block;
	text-align: right;
}

nav#nav-main {
	display: none;
}

nav#nav-mobile {
	display: block;
}

/* header - - - - - - - - - - - - - - - - - - - - */

header {
	position: relative;
	display: block;
	font-size: 0;
	width: auto;
	height: auto;
	margin: 0;
	background: #f6f6f6;
	z-index: 10;
}

.head1 {
	position: relative;
	display: block;
	font-size: 1rem;
	vertical-align: top;
	width: 100%;
	z-index: 20;
	padding: 0;
}

.head2 {
	position: relative;
	display: inline-block;
	font-size: 1rem;
	vertical-align: top;
	width: 100%;
	z-index: 30;
	text-align: right;
}

.head3 {
	position: absolute;
	display: block;
	font-size: 1rem;
	vertical-align: top;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.head4 {
	position: relative;
	display: block;
	font-size: 1rem;
	vertical-align: top;
	width: 100%;
	margin-left: 0%;
	margin-bottom: 0;
	height: auto;
	z-index: 20;
	padding: 0rem 0rem 0rem 0rem;
}

.cb-slideshow-beta {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 50;
	background: #2f1f5a;
}

.cb-slideshow-beta img {
	position: relative;
	display: none;
	width: 100%;
}

.cb-slideshow-beta div {
  width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	color: transparent;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: none;
	opacity: 0;
	z-index: 0;
	-webkit-backface-visibility: hidden;
	-webkit-animation: imageAnimation 42s linear infinite 0s;
	-moz-animation: imageAnimation 42s linear infinite 0s;
	-o-animation: imageAnimation 42s linear infinite 0s;
	-ms-animation: imageAnimation 42s linear infinite 0s;
	animation: imageAnimation 42s linear infinite 0s;
}

.cb-slideshow-beta div:nth-child(1) {
	background-image: url(../img/jpg/roll-01.jpg)
}

.cb-slideshow-beta div:nth-child(2) {
	background-image: url(../img/jpg/roll-02.jpg);
	-webkit-animation-delay: 6s;
	-moz-animation-delay: 6s;
	-o-animation-delay: 6s;
	-ms-animation-delay: 6s;
	animation-delay: 6s;
}
.cb-slideshow-beta div:nth-child(3) {
	background-image: url(../img/jpg/roll-03.jpg);
	-webkit-animation-delay: 12s;
	-moz-animation-delay: 12s;
	-o-animation-delay: 12s;
	-ms-animation-delay: 12s;
	animation-delay: 12s;
}
.cb-slideshow-beta div:nth-child(4) {
	background-image: url(../img/jpg/roll-04.jpg);
	-webkit-animation-delay: 18s;
	-moz-animation-delay: 18s;
	-o-animation-delay: 18s;
	-ms-animation-delay: 18s;
	animation-delay: 18s;
}
.cb-slideshow-beta div:nth-child(5) {
	background-image: url(../img/jpg/roll-05.jpg);
	-webkit-animation-delay: 24s;
	-moz-animation-delay: 24s;
	-o-animation-delay: 24s;
	-ms-animation-delay: 24s;
	animation-delay: 24s;
}
.cb-slideshow-beta div:nth-child(6) {
	background-image: url(../img/jpg/roll-06.jpg);
	-webkit-animation-delay: 30s;
	-moz-animation-delay: 30s;
	-o-animation-delay: 30s;
	-ms-animation-delay: 30s;
	animation-delay: 30s;
}
.cb-slideshow-beta div:nth-child(7) {
	background-image: url(../img/jpg/roll-07.jpg);
	-webkit-animation-delay: 36s;
	-moz-animation-delay: 36s;
	-o-animation-delay: 36s;
	-ms-animation-delay: 36s;
	animation-delay: 36s;
}

/* Animation for the slideshow img */

@-webkit-keyframes imageAnimation {
	0% { opacity: 0;	-webkit-animation-timing-function: ease-in; }
	8% { opacity: 1;	-webkit-animation-timing-function: ease-out; }
	17% { opacity: 1; }
	25% { opacity: 0; }
	100% { opacity: 0; }
}

@-moz-keyframes imageAnimation {
	0% { opacity: 0;	-moz-animation-timing-function: ease-in; }
	8% { opacity: 1;	-moz-animation-timing-function: ease-out; }
	17% { opacity: 1; }
	25% { opacity: 0; }
	100% { opacity: 0; }
}

@-o-keyframes imageAnimation {
	0% { opacity: 0;	-o-animation-timing-function: ease-in; }
	8% { opacity: 1;	-o-animation-timing-function: ease-out; }
	17% { opacity: 1; }
	25% { opacity: 0; }
	100% { opacity: 0; }
}

@-ms-keyframes imageAnimation {
	0% { opacity: 0;	-ms-animation-timing-function: ease-in; }
	8% { opacity: 1;	-ms-animation-timing-function: ease-out; }
	17% { opacity: 1; }
	25% { opacity: 0; }
	100% { opacity: 0; }
}

@keyframes imageAnimation {
	0% { opacity: 0;	animation-timing-function: ease-in;}
	8% { opacity: 1;	animation-timing-function: ease-out; }
	17% { opacity: 1; }
	25% { opacity: 0; }
	100% { opacity: 0; }
}

/* Show at least something when animations not supported */

.no-cssanimations .cb-slideshow-beta li span{
opacity: 1;
}

/* - */

h1 {
	position: relative;
	display: inline-block;
	font-size: 1rem;
	width: 40%;
	margin-top: 5rem;
	margin-left: 10%;
	padding: 0rem 0;
}

header h1 img {
	width: 100%;
}

/* - */

.lang {
	position: relative;
	display: inline-block;
	height: 3rem;
	width: 40%;
	right: 50%;
	margin-top: 5rem;
}

.lang a {
 	position: relative;
	display: inline-block;
	font-size: 1rem;
	padding: 0rem 0.5rem 0.5rem 0.5rem;
	top: 0.5rem;
	right: 0.5rem;
	border-radius: 3rem;
	text-decoration: none;
	background: rgba(0,0,0,0.3);
	color: #f6f6f6;
	opacity: 0.3;
	-webkit-transition: all 0.5s ease;
	-webkit-transform: scale(1) rotate(0deg) translate(0px);
	-moz-transition: all 0.5s ease;
	-moz-transform: scale(1) rotate(0deg) translate(0px);
}

.lang a:hover {
	top: 0.2rem;
	color: #2f1f5a;
	background: #f6f6f6;
	opacity: 1;
}

.lang a img {
	position: relative;
	display: inline-block;
	height: 1.4rem;
	bottom: -0.4rem;
}

/* - */

img.loop {
	position: absolute;
	display: block;
	width: 100%;
}

/* - */

.head4 div.text {
	position: relative;
	display: inline-block;
	width: 40%;
	margin-left: 10%;
	font-size: 0;
	vertical-align: top;
	z-index: 100;
	padding: 0rem;
	margin-bottom: 5rem;
	color: #f6f6f6;
}

.head4 div.text h2,
.head4 div.text p {
	color: #f6f6f6;
	opacity: 0.7;
}

/* block - - - - - - - - - - - - - - - - - - - - */

section.block {
	position: relative;
	background: #f6f6f6;
	display: block;
	font: 0;
	z-index: 20;
	padding: 1rem 0 0 0;
}

section.block img.image3 {
	position: absolute;
	background: #0ff;
	text-align: center;
	position: relative;
	display: block;
	width: 100%;
	margin-top: 1rem;
}

/* book - - - - - - - - - - - - - - - - - - - - */

section.book {
	position: relative;
	background: #2f1f5a;
	display: inline-block;
	width: 100%;
	font: 0;
	padding-top: 3rem;
	z-index: 20;
}

section.book div.flex div.text h2,
section.book div.flex div.text p {
	color: #f6f6f6;
}

section.book div.flex div.text p span {
	color: #4ac1b8;
	font-weight: 700;
}
section.book div.flex div.text p span + span{
	color: #8cc14a;
}

section.pro {
	position: relative;
	background: #f6f6f6;
	display: block;
	font-size: 0;
	margin-left: 0;
	margin-top: 4rem;
	margin-bottom: 4rem;
	width: 80%;
	left: 10%;
	border-radius: 1rem;
	padding: 2rem ;
}

/* - */

img.icon-proj-big {
	position: relative;
	width: 4rem;
	display: inline-block;
	vertical-align: top;
	-webkit-box-shadow: none;
}

div.minihead {
	position: relative;
	width: 28rem;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 2rem;
	padding-left: 0.5rem;
}

div.minidescrip {
	position: relative;
	width: 32rem;
	vertical-align: top;
	margin-bottom: 2rem;
}

/* - */

div.minihead p.pre {
	font-weight: 700;
	margin-bottom: -0.2rem;
	color: #2f1f5a;
	opacity: 0.4;
	font-size: 0.8rem;
}

.pro div.minihead p.pre {
	color: #3fa2a6;
}

.pro + .pro + .pro + .pro + .pro + .pro div.minihead p.pre {
	color: #749e38;
}

div.minihead h4 {
	font-size: 1.3rem;
	color: #2f1f5a;
	font-weight: 700;
	line-height: 1.7rem;
	margin-bottom: 0rem;
}

div.minihead h4 i {
	font-size: 1rem;
	display: inline-block;
	opacity: 0.3;
	font-style: italic;
	margin-bottom: 0rem;
}

div.minihead p.sub {
	color: #2f1f5a;
	font-weight: 600;
	font-size: 0.8rem;
	margin-bottom: 0rem;
}

div.minihead h4 {
	color: #3FA2A6;
}

.pro + .pro + .pro + .pro + .pro + .pro div.minihead h4 {
	color: #749e38;
}

/* - */

div.one {
	border-bottom: 1px solid #2f1f5a;
}

div.two {
}

img.photo {
	position: relative;
	display: block;
	width: 100%;
	border-radius: 0rem 0rem 0.7rem 0.7rem;
}

/* - */

section.pro-sub div.minidescrip div.one ul {
}

section.pro-sub div.minidescrip div.one ul li {
}

section.pro-sub div.minidescrip div.two p {
}

section.pro-sub div.minidescrip div.two ol {
}

section.pro-sub div.minidescrip div.two ol li {
}

div.minidescrip ul {
	font-size: 1rem;
	margin-left: 1rem;
	list-style: disc;
}
div.minidescrip  ul li {
	font-size: 1rem;
	margin-bottom: 0.3rem;
	font-weight: 300;
}

div.minidescrip p {
	margin-bottom: 0.3rem;
	font-weight: 300;
}

div.minidescrip p,
div.minidescrip ul li,
div.minidescrip ol li {
	font-size: 1rem;
	color: #49126C;
	font-weight: 300;
}

.custom-counter {
	list-style-type: none;
	margin-left: 0;
	padding-right: 0;
}

.custom-counter li {
	counter-increment: step-counter;
	margin-bottom: 0.2rem;
	font-size: 1rem;
}

.custom-counter li::before {
	content: "(" counter(step-counter) ")";
	font-weight: 700;
	margin-right: 0.4rem;
}

/* contacto - - - - - - - - - - - - - - - - - - - - */

section.contact {
	position: relative;
	background: #e5cc17;
	display: inline-block;
	width: 100%;
	z-index: 20;
	padding: 4rem 0;
	background-image:	url("../img/svg/icon-mail-bg.svg"),
	 									url("../img/svg-alt/icon-mail-bg.png");
	background-size: auto 100%;
	background-position: center;
	box-shadow: inset 0rem  4rem 4rem -4rem #000,
							inset 0rem -4rem 4rem -4rem #000;
}

/* - */

.contact div.flex div.text {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	margin-top: 0;
	margin-left: 0;
}

/* - */

.contact div.flex img.seal {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 0;
	margin-left: 0;
	width: 15rem;
	opacity: 0.04;
}

section.contact div.contact-sub form div {
}

section.contact div.contact-sub form div label {
}

section.contact div.contact-sub form div input {
}

section.contact div.contact-sub form div input#send {
}

section.contact div.contact-sub div#response {
}

section.contact div.contact-sub a.reload {
}

section.contact ul.info {
	color: #2f1f5a;
	font-weight: 300;
	display: inline-block;
	padding: 0.2rem;
}

section.contact ul.info li {
	margin-bottom: 0.4rem;
}

section.contact ul.info li img {
	height: 1rem;
	display: inline-block;
	margin-bottom: -0.1rem;
	opacity: 0.4;
}

section.contact div.flex form {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	margin-top: 0;
	margin-left: 0;
	width: 50%;
}

.reload {
	display: inline-block;
	position: relative;
	top: 0;
	left: 0;
	margin-top: 1rem;
	margin-left: 0;
	background: #7F9EBF;
	text-decoration: none;
	color: #f6f6f6;
	font-size: 0.8rem;
	padding: 0.4rem 0.8rem;
	cursor: pointer;
	border-radius: 0.4rem;
}

.contact div.mail {
	position: relative;
	display: block;
}

.error[generated=true] {
	color: #dc0000;
	font-size: 0.8rem;
	display: block;
}

div.error {
	position: absolute;
	font-weight: 700;
	margin-top: 0rem;
	margin-bottom: -0.2rem;
}

#response .success {
	color: #08a300;
}

#response .failure {
	color: #dc0000;
}

div#countdown {
	background-color: #c8b537;
	position: relative;
	font-size: 2em;
	padding: .5em;
	border-radius: 0.2em;
	text-align: center;
	width: 600px;
	margin: 20px auto;
}

div#countdown > span {
	background:#c7c92f;
	padding: .2em 1.5em .2em .2em;
	font-size: .7em;
}

div.c-line {
	position: relative;
	top: 0.8rem;
}

div.c-line label,
div.c-line input,
div.c-line textarea {
	font-size: 0.9rem;
	font-weight: 300;
	color: #2f1f5a;
	-moz-transition: all 0.8s ease-out;
	-o-transition: all 0.8s ease-out;
	-webkit-transition: all 0.8s ease-out;
	-ms-transition: all 0.8s ease-out;
	transition: all 0.8s ease-out;
}

::-webkit-input-placeholder {
	font-size: 0.9rem;
	font-weight: 300;
	-moz-transition: all 0.8s ease-out;
	-o-transition: all 0.8s ease-out;
	-webkit-transition: all 0.8s ease-out;
	-ms-transition: all 0.8s ease-out;
	transition: all 0.8s ease-out;
}

div.c-line label {
	position: relative;
	top: 0px;
	left: 0%;
	height: auto;
	width: 100%;
	display: inline-block;
}

div.c-line input {
	position: relative;
	top: 0px;
	left: 0%;
	height: auto;
	width: 100%;
	display: block;
	margin-bottom: 1rem;
	border: 1px solid #C4C5B1;
	border-radius: 0.2rem;
}

div.c-line textarea {
	position: relative;
	top: 0px;
	left: 0%;
	height: 9rem;
	width: 100%;
	display: block;
	margin-bottom: 1rem;
	border: 1px solid #C4C5B1;
	border-radius: 0.2rem;
}

div.c-line input,
div.c-line textarea {
	background: rgba(255,255,255,0.6);
	font-size: 1rem;
	min-height: 2rem;
	padding: 0.2rem 0.6rem;
}

div.c-line input[type=submit] {
	background: #548444;
	border-radius: 1rem;
	color: #fff;
	font-weight: 700;
	border:none;
	cursor: pointer;
}

div.c-line input:focus,
div.c-line textarea:focus {
	border-color: #4D247F;
	outline: none;
	background: #D6EFE2;
}

/* footer - - - - - - - - - - - - - - - - - - - - */

footer {
	position: relative;
	background: #2f1f5a;
	display: inline-block;
	width: 100%;
	padding: 2rem 0;
	z-index: 20;
}

footer div.flex p {
	color: #f6f6f6;
	font-size: 0.9rem;
	margin-bottom: 1rem;
}

div.ubi {
	position: absolute;
	display: block;
	bottom: 0.2rem;
	left: 0.2rem;
	font-size: 0.8rem;
	color: #4FB8BB;
}

p.quote { font-style: italic;
}

p.autor {
}

/* otros - - - - - - - - - - - - - - - - - - - - */

div.flex {
	position: relative;
	display: inline-block;
	width: 80%;
	margin-left: 10%;
	font-size: 0rem;
	vertical-align: top;
	z-index: 100;
	padding: 0rem;
	margin-bottom: 0;
}

p {
	font-weight: 300;
	font-size: 1rem;
	color:#3B0E59;
	margin-bottom: 1rem;
	line-height: 1.4rem;
}

p span {
	font-weight: 400;
}

h2 {
	font-size: 1.6rem;
	color:#3B0E59;
	font-weight: 700;
	margin-bottom: 1rem;
}

.text {
	position: relative;
	width: 50%;
	display: inline-block;
	vertical-align: top;
	z-index: 200;
	font-size: 1rem;
}

.headbook {
	position: relative;
	height: 200%;
	width: 50%;
	display: inline-block;
	vertical-align: top;
	z-index: 200;
}

.icobook {
	width: 12%;
	margin-right: 4%;
	margin-top: 10%;
}

hr {
	background: #3A1860;
	height: 0.2rem;
	border:none;
	margin: 1rem 0rem;
}

img.explanation {
	position: relative;
	display: inline-block;
	width: 50%;
	top: 0px;
	font: 1rem;
}

i {
	font-style: italic;
}

/* Error 404 - - - - - - - - - - - - - - - - - - - - */

section.nofound {
	background-image: url(../img/jpg/error404.jpg);
	background-size: cover;
	background-position: center ;
	height: 100%;
	width: 100%;
	display: inline-block;
	position: absolute;
}

section.nofound div {
	position: absolute;
	background: rgba(255,208,30,0.7);
	height:18rem;
	width:18rem;
	margin-top: -9rem;
	margin-left: -9rem;
	top: 50%;
	left: 50%;
	border-radius: 0.5rem;
	padding: 1rem;
}

section.nofound div img {
	width: 100%;
	margin-bottom: 0.5rem;
}

section.nofound h1 {
	font-size: 1.6rem;
	font-weight: 700;
	width: 100%;
	color: #2f1f5a;
	margin: 0;
	margin-bottom: 0.5rem;
}

section.nofound div p {
}

section.nofound div p a {
	text-decoration: none;
	font-weight: 700;
	color: #2f1f5a;
	background: rgba(255,255,255,0.6);
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
	transition: all 0.5s ease;
	transform: scale(1) rotate(0deg) translate(0px);
	-webkit-transition: all 0.5s ease;
	-webkit-transform: scale(1) rotate(0deg) translate(0px);
	-moz-transition: all 0.5s ease;
	-moz-transform: scale(1) rotate(0deg) translate(0px);
}

section.nofound div p a:hover {
	background: rgba(255,255,255,0.9);
	padding: 0.2rem 0.6rem;
	margin-left: -0.1rem;
}



header.book_header {}
header.book_header div.head1 {}
header.book_header div.head1 h1.head {}
header.book_header div.head1 h1.head img{}


header.book_header{
	display: inline-block;
	position: relative;
	width: 100%;
	height: auto;
	background: #241746;
	/*background: #2f1f5a;*/
	/*border: 5px solid #000;*/
}

.book_video{
	position: relative;
	display: inline-block;
	width: 100%;
	height: 500px;
}

body{
	font-size: 0;
}
.book.book_esp{
	background-color: #241746
}

/* @media Media queries - - - - - - - - - - - - - - - - - - - - */

.respo {
}

.respo:before {
	z-index:1000;
	width:auto;
	bottom:5px;
	right:5px;
	position: fixed;
	padding: 5px;
	color:#000;
	font-size: 12px;
	font-weight: 700;
	transition: all 1s ease;
	opacity: 0.8;
}

.respo:before {
	content: "(none)";
	background: cyan;
}

/* 980px min - Large desktop - - - - - - - - - - */

@media (min-width: 980px) {
}

/* 980px max - Large desktop - - - - - - - - - - */

@media (max-width: 980px) {

.respo:before {
	content: "(max-width: 980px)";
	background:magenta;
}

html {
	font-size: 18px;
}

.book_video{
	position: relative;
	display: inline-block;
	width: 100%;
	height: 350px;
	/*border: 4px solid #ff0;*/
}

}

/* 980px max - portrait */

@media (max-width: 980px) and (orientation:portrait) {

.respo:before {
	content: "(max-width: 980px portrait)";
	transform: rotate(90deg); transform-origin: top right;
}

}

/* 980px max - landscape */

@media (max-width: 980px) and (orientation:landscape) {

.respo:before {
	content: "(max-width: 980px landscape)";
	transform: rotate(0deg);
}

}

/* 768px max - Landscape phone to portrait tablet - - - - - - - - - - */

@media (max-width: 768px) {

.respo:before {
	content: "(max-width: 768px)";
	background: yellow;
}

html {
	font-size: 20px;
}

div.flex {
	width: auto;
	display: block;
	margin-left: 1rem;
	margin-right: 1rem;
}

#nav-trigger span {
	padding: 0.2rem 0.7rem;
}

.cb-slideshow-beta {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 50;
}

.cb-slideshow-beta img {
	position: relative;
	display: block;
	width: 100%;
}

.cb-slideshow-beta div:nth-child(1) {
	background-image: url(../img/jpg/roll-01m.jpg)
}

.cb-slideshow-beta div:nth-child(2) {
	position: absolute;
	background-image: url(../img/jpg/roll-02m.jpg);
}

.cb-slideshow-beta div:nth-child(3) {
	position: absolute;
	background-image: url(../img/jpg/roll-03m.jpg);
}

.cb-slideshow-beta div:nth-child(4) {
	position: absolute;
	background-image: url(../img/jpg/roll-04m.jpg);
}

.cb-slideshow-beta div:nth-child(5) {
	position: absolute;
	background-image: url(../img/jpg/roll-05m.jpg);
}

.cb-slideshow-beta div:nth-child(6) {
	position: absolute;
	background-image: url(../img/jpg/roll-06m.jpg);
}

.cb-slideshow-beta div:nth-child(7) {
	position: absolute;
	background-image: url(../img/jpg/roll-07m.jpg);
}

header {
	position: relative;
	font-size: 0;
	background: #f6f6f6;
	display: inline-block;
	z-index: 10;
	padding: 0;
	margin: 0;
}

.head1 {
	margin-left: 0;
	padding: 0rem;
	position: absolute;
	width: 100%;
}

h1 {
	position: relative;
	width: 90%;
	margin: 2rem 1rem;
}

.head2 {
	position: relative;
	display: inline-block;
	width: 100%;
	text-align: ;
	margin-top: 0;
	bottom: 0rem;
	right: 0rem;
	background: #2f1f5a;
	text-align: right;
	padding-right: 1rem;
}

div.lang {
	width:auto;
	left: 0;
	margin-top: 0;
}

.head3 {
	position: relative;
	display: inline-block;
	width: 100%;
	left: 0;
	top: 0;
}

.head4 {
	position: relative;
	width: auto;
	margin-top:0;
	margin-left: 0;
	background: #2f1f5a;
}

img.explanation {
	width: 100%;
}

.head4 div.text {
	position: relative;
	display: inline-block;
	width: auto;
	margin: 1rem;
	font-size: 0;
}

.text {
	width: 100%;
}

hr {
	margin: 3rem auto;
}

section.book {
	position: relative;
	background: #452579;
	display: inline-block;
	width: 100%;
	font: 0;
	padding-top: 3rem;
}

section.book div.flex div.text h2,
section.book div.flex div.text p {
	color: #f6f6f6;
}

section.pro {
	position: relative;
	background: #f6f6f6;
	display: block;
	font-size: 0;
	margin-left: 1rem;
	margin-right: 1rem;
	margin-top: 4rem;
	margin-bottom: 4rem;
	width: auto;
	left: 0%;
	border-radius: 1rem;
	padding: 2rem 0.5rem 0.5rem 0.5rem;
}

img.icon-proj-big {
	width: 20%;
}

div.minihead {
	width: 80%;
}

div.minidescrip {
	width: 100%;
}

section.contact div.flex img.seal {
	width: 10rem;
}

.contact div.flex div.text {
	display: inline-block;
	margin-top: 10rem;
}

section.contact div.flex form {
	width: 100%;
}

.headbook {
	width: 100%;
}

.icobook {
	width: 10%;
	margin-right: 4%;
	margin-top: 0%;
}

section.nofound {
	background-image: url(../img/jpg/error404m.jpg);
}

header.book_header{
	height: 200px;
}

.book_video{
	position: relative;
	display: inline-block;
	width: 100%;
	height: 350px;
	/*border: 4px solid #0f0;*/
}

}

/* 768px max - portrait */

@media (max-width: 768px) and (orientation:portrait) {

.respo:before {
	content: "(max-width: 768px portrait)";
	transform: rotate(90deg);
	transform-origin: top right;
}

}

/* 768px max - landscape */

@media (max-width: 768px) and (orientation:landscape) {

.respo:before {
	content: "(max-width: 768px landscape)";
	transform: rotate(0deg);
}

}

/* 480px Landscape phones and down - - - - - - - - - - - - - - - - - - - - */

@media (max-width: 480px) {

.respo:before { content: "(max-width: 480px)";
background: grey;
}

html {
	font-size: 18px;
}

section.book {
}

section.pro {
}

header.book_header{
	height: 150px;
}

.book_video{
	position: relative;
	display: inline-block;
	width: 100%;
	height: 350px;
	/*border: 4px solid #00f;*/
}

}

/* 480px max - portrait */

@media (max-width: 480px) and (orientation:portrait) {

.respo:before {
	content: "(max-width: 480px portrait)";
	transform: rotate(90deg);
	transform-origin: top right;
}

.book_video{
	height: 150px;
}

}

/* 480px max - landscape */

@media (max-width: 480px) and (orientation:landscape) {

.respo:before {
	content: "(max-width: 480px landscape)";
	transform: rotate(0deg);
}

.book_video{
	height: 350px;
}

}

/* END - - - - - - - - - - - - - - - - - - - - */