/*
*****************************************
 PVII Harmony: CSS Page Grid Framework
 by Project Seven Development - ver 1.2.0
 www.projectseven.com
*****************************************
*/

Descendant Selectors
.girl .hmy-section {
background-color: rgba(0,0,0,0.75); /*Allows BG to Peek Through*/
}

.girl .hmy-content {
max-width: 1000px; /*Sets Maximum content width*/
margin: auto; /*Centers content DIV*/
}



@media only screen and (min-width: 0px) and (max-width: 600px) {
.abstract .hmy-content-wrapper {border-left: 1px dashed #000;}
.girl {background-attachment: scroll; background-size: auto;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.girl {background-attachment: scroll; background-size: auto;}
}


body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 100%;
	margin: 0px;
}
.p7HMY {
	margin: auto;
}

/*
******************************
         COLORS
******************************
*/
.p7HMY.hmy-color-root-gray,
.p7HMY .hmy-content-wrapper.hmy-color-content-gray {
	background-color: rgb(134,134,134);
	color: #000;
}
.p7HMY.hmy-color-root-gray.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-gray.transparent {
	background-color: rgba(134,134,134,0.90);
	color: #000;
}
.p7HMY.hmy-color-root-black,
.p7HMY .hmy-content-wrapper.hmy-color-content-black {
	background-color: rgb(21,21,21);
	color: #FFF;
}
.p7HMY.hmy-color-root-black.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-black.transparent {
	background-color: rgba(21,21,21,0.70);
	color: #FFF;
}
.p7HMY.hmy-color-root-white,
.p7HMY .hmy-content-wrapper.hmy-color-content-white {
	background-color: rgb(255,255,255);
	color: #000;
}
.p7HMY.hmy-color-root-white.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-white.transparent {
	background-color: rgba(255,255,255,0.70);
	color: #000;
}
.p7HMY.hmy-color-root-green,
.p7HMY .hmy-content-wrapper.hmy-color-content-green {
	background-color: rgb(126,188,89);
	color: #FFF;
}
.p7HMY.hmy-color-root-green.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-green.transparent {
	background-color: rgba(126,188,89,0.90);
	color: #FFF;
}
.p7HMY.hmy-color-root-mint,
.p7HMY .hmy-content-wrapper.hmy-color-content-mint {
	background-color: rgb(76,182,159);
	color: #000;
}
.p7HMY.hmy-color-root-mint.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-mint.transparent {
	background-color: rgba(76,182,159,0.90);
	color: #000;
}
.p7HMY.hmy-color-root-blue,
.p7HMY .hmy-content-wrapper.hmy-color-content-blue {
	background-color: rgb(69,114,150);
	color: #FFF;
}
.p7HMY.hmy-color-root-blue.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-blue.transparent {
	background-color: rgba(69,114,150,0.60);
	color: #FFF;
}
.p7HMY.hmy-color-root-red,
.p7HMY .hmy-content-wrapper.hmy-color-content-red {
	background-color: rgb(251,11,11);
	color: #000;
}
.p7HMY.hmy-color-root-red.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-red.transparent {
	background-color: rgba(251,11,11,0.90);
	color: #000;
}

.p7HMY.hmy-color-root-skyblue,
.p7HMY .hmy-content-wrapper.hmy-color-content-skyblue {
	background-color: rgb(140,188,208);
	color: #000;
}
.p7HMY.hmy-color-root-skyblue.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-skyblue.transparent {
	background-color: rgba(140,188,208,0.90);
	color: #000;
}

.p7HMY.hmy-color-root-silver,
.p7HMY .hmy-content-wrapper.hmy-color-content-silver {
	background-color: rgb(230,219,201);
	color: #000;
}
.p7HMY.hmy-color-root-silver.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-silver.transparent {
	background-color: rgba(230,219,201,0.90);
	color: #000;
}

.p7HMY.hmy-color-root-purple,
.p7HMY .hmy-content-wrapper.hmy-color-content-purple {
	background-color: rgb(17,28,48);
	color: #FFF;
}
.p7HMY.hmy-color-root-purple.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-purple.transparent {
	background-color: rgba(17,28,48,0.90);
	color: #FFF;
}

.p7HMY.hmy-color-root-lavender,
.p7HMY .hmy-content-wrapper.hmy-color-content-lavender {
	background-color: rgb(154,77,85);
	color: #fff;
}
.p7HMY.hmy-color-root-lavender.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-lavender.transparent {
	background-color: rgba(154,77,85,0.90);
	color: #fff;
}

.p7HMY.hmy-color-root-beige,
.p7HMY .hmy-content-wrapper.hmy-color-content-beige {
	background-color: rgb(231,213,175);
	color: #000;
}
.p7HMY.hmy-color-root-beige.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-beige.transparent {
	background-color: rgba(231,213,175,0.90);
	color: #000;
}

.p7HMY.hmy-color-root-wine,
.p7HMY .hmy-content-wrapper.hmy-color-content-wine {
	background-color: rgb(167,27,27);
	color: #FFF;
}
.p7HMY.hmy-color-root-wine.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-wine.transparent {
	background-color: rgba(167,27,27,0.90);
	color: #FFF;
}

.p7HMY.hmy-color-root-forest,
.p7HMY .hmy-content-wrapper.hmy-color-content-forest {
	background-color: rgb(107,138,85);
	color: #FFF;
}
.p7HMY.hmy-color-root-forest.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-forest.transparent {
	background-color: rgba(107,138,85,0.90);
	color: #FFF;
}

.p7HMY.hmy-color-root-mist,
.p7HMY .hmy-content-wrapper.hmy-color-content-mist {
	background-color: rgb(218,239,217);
	color: #000;
}
.p7HMY.hmy-color-root-mist.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-mist.transparent {
	background-color: rgba(218,239,217,0.90);
	color: #000;
}

.p7HMY.hmy-color-root-rust,
.p7HMY .hmy-content-wrapper.hmy-color-content-rust {
	background-color: rgb(193,67,46);
	color: #FFF;
}
.p7HMY.hmy-color-root-rust.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-rust.transparent {
	background-color: rgba(193,67,46,0.90);
	color: #FFF;
}

.p7HMY.hmy-color-root-silverblue,
.p7HMY .hmy-content-wrapper.hmy-color-content-silverblue {
	background-color: rgb(75,103,119);
	color: #FFF;
}
.p7HMY.hmy-color-root-silverblue.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-silverblue.transparent {
	background-color: rgba(75,103,119,0.90);
	color: #FFF;
}

.p7HMY.hmy-color-root-gold,
.p7HMY .hmy-content-wrapper.hmy-color-content-gold {
	background-color: rgb(226,160,71);
	color: #000;
}
.p7HMY.hmy-color-root-gold.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-gold.transparent {
	background-color: rgba(226,160,71,0.90);
	color: #000;
}

.p7HMY.hmy-color-root-orange,
.p7HMY .hmy-content-wrapper.hmy-color-content-orange {
	background-color: rgb(239,118,51);
	color: #FFF;
}
.p7HMY.hmy-color-root-orange.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-orange.transparent {
	background-color: rgba(239,118,51,0.90);
	color: #FFF;
}

/*
******************************
           BORDERS
******************************
*/
.p7HMY.hmy-border-root-all,
.p7HMY .hmy-content-wrapper.hmy-border-content-all {
	border: 1px solid;
}
.p7HMY.hmy-border-root-top,
.p7HMY .hmy-content-wrapper.hmy-border-content-top {
	border-top: 1px solid;
}
.p7HMY.hmy-border-root-right,
.p7HMY .hmy-content-wrapper.hmy-border-content-right {
	border-right: 1px solid;
}
.p7HMY.hmy-border-root-bottom,
.p7HMY .hmy-content-wrapper.hmy-border-content-bottom {
	border-bottom: 1px solid;
}
.p7HMY.hmy-border-root-left,
.p7HMY .hmy-content-wrapper.hmy-border-content-left {
	border-left: 1px solid;
}
.p7HMY.hmy-border-root-left-right,
.p7HMY .hmy-content-wrapper.hmy-border-content-left-right {
	border-left: 1px solid;
	border-right: 1px solid;
}
.p7HMY.hmy-border-root-top-bottom,
.p7HMY .hmy-content-wrapper.hmy-border-content-top-bottom {
	border-top: 1px solid;
	border-bottom: 1px solid;
}
.border-black {
	border-color: #000 !important;
}
.border-white {
	border-color: #FFF !important;
}

/*
******************************
       BORDER-RADIUS
******************************
*/
.p7HMY.hmy-root-rounded,
.p7HMY .hmy-content-wrapper.hmy-content-rounded {
	border-radius: 5px;
}

/*
********************************
     Section Text Styles
********************************
*/
/*No desktop*/
@media only screen and (min-width: 767px) and (max-width: 2000px) {
    .col-1 {display: none !important;}
} 

/*tablet*/
@media only screen and (min-device-width: 481px) and (max-width: 1024px) {
    .col-2 {display: none !important;}
}

/*smartphone*/
@media only screen and (min-width: 0px) and (max-width: 767px) {
   .col-2 {display: none !important;}
   .col-3 {display: none !important;}
}

/*Encabezado tablet*/
@media only screen and (min-device-width: 481px) and (max-width: 1024px) {
	.tablet-head {display: block;}
}
/* imagen flotante izquierda abajo
div.fixed {
  position: fixed;
  width: 100%;
  bottom: 10px;
  border: 0px solid #8AC007;
  right: 10px;	
  z-index: 1000;
} 
*/

/* imagen flotante derecha arriba*/

div.fixed_right {
  position: fixed;
  right: 10px;
  width: 65px;
  top: 100px;
  
  z-index: 10000;
} 



.p7HMY .hmy-section a.text-link {
	border-bottom: 1px dotted;
	transition: all linear .5s;
	color: inherit;
	text-decoration: none;
}
.p7HMY .hmy-section a.text-link:hover {
	border-bottom: 1px solid;
}
.hmy-section .hmy-img a,
.hmy-section .hmy-img a:hover {
	border: none;
	display: block;
}
.hmy-section h1 {
	font-size: 1.5rem;
}
.hmy-section h2 {
	font-size: 1.4rem;
}
.hmy-section h3 {
	font-size: 1.3rem;
}
.hmy-section h4, .hmy-section h5 {
	font-size: 1.2rem;
}
.hmy-section h1,
.hmy-section h2,
.hmy-section h3,
.hmy-section h4,
.hmy-section h5 {
	margin: 24px 0px 0px 0px;
	font-weight: bold;
}
.hmy-section h1:first-child,
.hmy-section h2:first-child,
.hmy-section h3:first-child,
.hmy-section h4:first-child,
.hmy-section h5:first-child {
	margin: 0px;
}
.hmy-section p {
	margin: 6px 0px 10px 0px;
	line-height: 1.25;
}

/*
********************************
       CONTENT AREAS
********************************
*/
.p7HMY .hmy-content p:first-child {margin-top: 0px;}
.rounded {border-radius: 4px;}
.hmy-content {padding: 20px;}

/*
**********************************
   CORE STYLES - DO NOT EDIT
**********************************
*/

.p7HMY {
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	display: -webkit-box;
	display: flex;
}
.hmy-section {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	box-sizing: border-box;
	display: flex;
}
.hmy-content-wrapper {
	box-sizing: border-box;
	width: 100%;
}
.hmy-content {
	box-sizing: border-box;
}
.hmy-vertical-center.hmy-content-wrapper {
	display: inline-flex;
	justify-content: center;
	flex-direction: column;
	width: 100%;
}
.p7HMY img {
	width: auto;
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
}
.hmy-box-separation .hmy-content-wrapper {
	margin: 5px;
	box-sizing: border-box;
	position: relative;
}
.hmy-overflow {
	overflow: hidden;
}
/*
*************************
  Video-Map Iframe Styles
*************************
*/
.hmy-video-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0px;
	overflow: hidden;
}
.hmy-video-wrapper iframe, .hmy-video-wrapper object, .hmy-video-wrapper embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

.hmy-map-wrapper {
	position: relative; 
	padding-bottom: 100%; 
	padding-top: 0px; 
	height: 0px; 
	overflow: hidden; 
	margin-bottom: 20px;
}
.hmy-map-wrapper iframe, .hmy-map-wrapper object, .hmy-map-wrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.hmy-video-wrapper iframe,
.hmy-map-wrapper iframe {
	box-sizing: border-box;
}
.hmy-frame-border iframe {
	border: 1px solid #000 !important;
}
.hmy-frame-rnd iframe {
	border-radius: 5px;
}


/*
**********************************
     Legacy Browser Rules
**********************************
*/
.p7HMY.hmy-legacy {
	overflow: hidden;
	display: block;
}
.p7HMY.hmy-legacy .hmy-section {
	display: block;
	float: left;
	box-sizing: border-box;
	padding: 0px !important;
}
/*
***********************************
        Style Options 
***********************************
*/
.hmy-no-pad.hmy-content {padding: .5px 0px !important;}
.no-pad {padding: 0px !important;}
.hmy-center {text-align: center;}
.hmy-right {text-align: right;}
.hmy-left {text-align: left;}

/*
***********************************************
    No Script Rules... For DW Design View
***********************************************
*/
.p7HMY.hmy-noscript {}


/*
***********************************************
               Media Queries
***********************************************
*/
@media only screen and (min-width: 0px) and (max-width: 1025px) {

}
@media only screen and (min-width: 0px) and (max-width: 768px) {
body {font-size: 95%;}
html {-webkit-text-size-adjust: 100%;}
.p7HMY .hmy-section .p7HMY .hmy-section {flex-basis: 100% !important;}
.p7HMY.hmy-legacy .hmy-section .p7HMY .hmy-section {float: none !important; width: 100% !important;}
}
@media only screen and (min-width: 0px) and (max-width: 600px) {
body {font-size: 90%;}
.p7HMY .hmy-section {flex-basis: 100% !important;}
.p7HMY .hmy-section .hmy-content-wrapper {border-radius: 0px !important; border-left: none !important; border-right: none !important;}
.p7HMY.hmy-legacy .hmy-section {float: none !important; width: 100% !important;}
}

/*
 -------------------------------- 
 PVII Zeitgeist - version: 1.0.4
 by Project Seven Development
 www.projectseven.com
 --------------------------------
*/

/*
--------------------------------------------------------
 Reset Box Model for all elements in page
--------------------------------------------------------
*/
* {box-sizing: border-box;}

/*
--------------------------------------------------------
 Set font for all body elements and for headings
--------------------------------------------------------
*/
body {
	font-family: Montserrat, Verdana, Geneva, sans-serif;
	font-weight: 300;
	font-size: 100%;
}
.hmy-section h1, 
.hmy-section h2, 
.hmy-section h3, 
.hmy-section h4, 
.hmy-section h5 {
	font-family: Montserrat, Verdana, Geneva, sans-serif;
	font-weight: 600;
}
strong, b {font-weight: 600;}

/*
--------------------------------------------------------
 Set font-sizes for various elements
--------------------------------------------------------
*/
.hmy-section h1 {font-size: 200%;}
.hmy-section h2 {font-size: 180%}
.hmy-section h3 {font-size: 155%;}
.hmy-section h4, .hmy-section h5 {font-size: 138%;}

.footer {font-size: 75%;}

/*
--------------------------------------------------------
 Root Menu Links and sub-menu links must be expressed in
 pixel sizes. 16px is the default font-size for all
 browsers. The first rule is for root links, the 
 second is for sub-menu links.
--------------------------------------------------------
*/
.p7AMM li a {font-size: 16px;}
.p7AMM ul ul li a {font-size: 13px;}


/*
--------------------------------------------------------
 Restrict height of logo image to a maximum of 60px
--------------------------------------------------------
*/
img.z-logo, img.footer-logo {max-height: 60px;}


/*
--------------------------------------------------------
 Set custom styles for the Team Grid Harmony instance 
 in Layout-04, including animating the images on hover.
--------------------------------------------------------
*/
.team-grid .hmy-section.member .hmy-content {
	padding: 10px;
	overflow: hidden;
}
.team-grid .hmy-section.member img {
	transition: all ease-out .5s;
	transform: scale(1);
	transform-origin: center;
	opacity: 1;
}
.team-grid .hmy-section.member img:hover {
	transform: scale(1.75);
	opacity: .5;
}
.image-caption {
	margin: 0px;
	letter-spacing: .5em;
}
.image-description {
	font-size: 80%;
}

/*
--------------------------------------------------------
 Custom media queries for Team Grid. Flex-basis 50%
 sets the grid to two boxes per row at 1280px screen
 width, while 100% linearizes all boxes.
--------------------------------------------------------
*/
@media only screen and (min-width: 0px) and (max-width: 1280px) {
	.team-grid .hmy-section.member {flex-basis: 50% !important;}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
	.team-grid .hmy-section.member {flex-basis: 100% !important;}
}

/*
--------------------------------------------------------
 Handy-dandy utility rules you can apply to any element
--------------------------------------------------------
*/
.centered {text-align: center;}
.bordered {border: 1px solid;}
.rounded {border-radius: 3px;}
.tagline {
	font-size: 85%;
	letter-spacing: .25em;
}
.fancy {
	border-radius: 3px;
	box-shadow: 10px 10px 20px rgba(0,0,0,0.45);
}

.blocked-indent {
	padding: 1% 10%;
	line-height: 1.25;
	font-size: 100%;
	letter-spacing: .1em;
}
.bump-padding-top {
	padding-top: 48px;
}

/*
--------------------------------------------------------
 Section Headers. Use this class when you want a single
 page-wide Harmony column to act as a header between
 sections of your page. The media query undoes the
 large amount of top padding for linearized views.
--------------------------------------------------------
*/
.section-header .hmy-content {padding: 4em 2.5em 1.5em 2.5em;}
@media only screen and (min-width: 0px) and (max-width: 767px) {
	.section-header .hmy-content {padding: 1em 2.5em;}
}


/*
--------------------------------------------------------
 Sticky elements. Sticky elements act like elements
 that are "position: fixed" when they are full-width.
 When an element is not full-width, and has an adjacent
 element that is not set to "sticky", the sticky
 element will stick in view until a taller sibling
 element has been scrolled its full height. 
--------------------------------------------------------
*/
.header {
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	z-index: 10;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.75);
}
.sticky .hmy-content {
	position: -webkit-sticky;
	position: sticky;
	top: 80px;
}

/*
-------------------------------------------------------------
 Harmony custom and exception rules. Where you see a
 class name in front or after the Harmony element, such as:
 ".logo .hmy-content" or ".hmy-content-wrapper.full-height", 
 it indicates a User Class assignment in the Harmony UI.
 ************************************************************
 NOTE: position: sticky will cease to work if the element
 or one of its parents is also set to overflow: hidden.
-------------------------------------------------------------
*/
.hmy-content {padding: 2.5em;}

.logo .hmy-content {padding: 0px 0px 0px 10px;}

.nav .hmy-content {padding: 0px;}

.search .hmy-content {
	padding: 10px 6px 10px 6px;
	text-align: right;
}
.hmy-content-wrapper.intro .hmy-content {
	max-width: 1000px;
	margin: auto;
}
.p7HMY.hmy-color-root-gray,
.p7HMY .hmy-content-wrapper.hmy-color-content-gray,
.p7HMY.hmy-color-root-gray.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-gray.transparent {
	color: #FFF; /*we change text color for the gray theme*/
}

/*
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 Setting a Harmony content wrapper to a 
 min-heigt of 100vh sets that element to 
 the full height of the browser window.
 When we do this, it is also advisable to
 use the Harmony UI to vertically center
 the content within.
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
*/
.hmy-content-wrapper.full-height {
	min-height: 100vh;
}
.hmy-content-wrapper.intro {
	min-height: 100vh;
	border-bottom: 1px solid;
}


/*
---------------------------------------------------------------
 Special fixed background images. The first class "top-panel"
 sets the smoky wisp background in the first content box in
 layout-01. The second class "banner-01" is for the large, 
 full-width image of the woman in the hat in layouts 01-03.
---------------------------------------------------------------
*/
.top-panel {
	background-image: url(img/smoke.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-attachment: fixed;
}

.banner-01 {
	background-image: url(img/peeking-out.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
}

/*
**************************************************************
 The following classes are for the various background
 images used. The first part of the class name relates to the
 layout page number. ".zeit-2 .spirit" is assigned to the 
 "spirit" element in layout-02.
***************************************************************
 Each of these elments is assigned both a linear gradient and
 a conventional background image, with the gradient serving as
 a mask between the background and the actual content.
***************************************************************
*/
.zeit-2 .spirit {
	color: #FFF;
	background: linear-gradient(rgba(120,120,120,0.98), rgba(120,120,120,0.30)), url(img/face.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
}
.zeit-3 .spirit {
	color: #FFF;
	background: linear-gradient(rgba(120,120,120,0.98), rgba(120,120,120,0.30)), url(img/face.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
}


/*
***************************************
         MENU CUSTOMIZATIONS
***************************************
*/

/*
---------------------------------------------------------------------------------------
 Customize pointer arrow between menu trigger and sub-menu, when sub-menu is showing. 
---------------------------------------------------------------------------------------
*/
.p7AMM.amm-pointer ul ul:after {
	border-top: 15px solid #FFF;
	border-left: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-right: 15px solid transparent;
	top: -10px;
	left: 32px;
}


/*
**********************************************
 Set Root links to be visible in design view.
 This rule has no effect in browsers and is
 used in concert with the amm-noscript class
 to fix flaws in DW design view.
**********************************************
*/
.p7AMM.amm-noscript ul li a {background-color: #000 !important;}


/*
*****************************************************
 Remove default white space between root menu items.
*****************************************************
*/
.p7AMM ul li {padding: 0;}


/*
*****************************************************
   Add border separators between root menu items.
   Remove borders for sub-menu items.
   Remove border from last root menu item.
   Add a drop shadow to root items on hover.
   Remove drop shadow from sub-menu items.
*****************************************************
*/
.p7AMM li {
	border-right: 1px dotted rgba(255,255,255,0.35); 
}
.p7AMM ul ul li, .p7AMM ul ul li:hover {
	border-right: none;
}
.p7AMM li.last-root {
	border-right: none;
}
.p7AMM ul ul li,
.p7AMM ul ul li:last-child {
	border-right: none;
}

/*
**********************************************************************
Remove background color for root menu items when Black theme is used.
If you change the color in the AMM UI, you must change color name for
this rule from black.
**********************************************************************
*/
.p7AMM.amm-rootlinks-black ul a {
	background-color: transparent;
}
.p7AMM.amm-rootlinks-white ul a:hover, .p7AMM.amm-rootlinks-white ul a:focus, .p7AMM.amm-rootlinks-white ul a.amm-trigger.open {
	background-color: rgb(20,20,20);
	color: #FFF;
}
/*
****************************************************
 We nudge the position of the triangle drop-down
 indicators to the right by 4 pixels.
****************************************************
*/
.p7AMM a.amm-trigger {
	background-position: 4px center;
}
.p7AMM ul ul a.amm-trigger {
	background-position: 0px center;
}
/*
****************************************************
    Adjust Padding on root level menu links
****************************************************
*/
.p7AMM li a { padding: 20px 24px; }

/*
****************************************************
   Set the search icon (a character entity) size
****************************************************
*/
.p7AMM ul li a.search {
	font-size: 32px;
}
/*
*****************************************************
 Reset line height for ALL root menu items to 
 ensure alignment with search icon, which is set to 
 a larger font size. Then reset sub-menu line 
 height to normal.
*****************************************************
*/
.p7AMM li a { line-height: 24px; }
.p7AMM ul ul li a {line-height: normal;}

/*
*****************************************************
 Make pop-down trigger stick to gray background 
 while pop-down box is showing.
*****************************************************
*/
.search.scs-active {
	background-color: rgb(134,134,134) !important;
	color: #FFF !important;
}

/*
*****************************************************
  Menu Hamburger bar. We set background color and
  set to block so that entire bar is "live".
  We also disable Hamburger text (Show Menu)
*****************************************************
*/
.amm-toolbar {background-color: #444 !important;}
.amm-toolbar a {display: block !important;}
.p7AMM.amm-responsive .amm-toolbar.closed a:before,
.p7AMM.amm-responsive .amm-toolbar.opened a:before {
	display: none;
}

/*
---------------------------------------------------------------------------
 Search Pop-Down. Note that the popdown can be used for anything you
 want. It does not have to house a search box.
---------------------------------------------------------------------------
*/
.popper {
	transition: all ease-out .75s;
	position: absolute;
	left: 0px;
	z-index: -1;
	width: 100%;
	top: -100%;
	opacity: 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background-color: rgba(115,115,115,0.9);
}
.hmy-noscript .popper {
	position: static;
}
#popper.show-popper {
	top: 100%;
	opacity: 1;
}
#popper.hide-popper {
	top: -100%;
}

/*
**************************************************
 The search form elements.
**************************************************
*/
input#search, input#do-search {
	box-sizing: border-box;
	border: 1px solid #000;
	padding: 15px;
	background-color: #919191;
	color: #000;
	transition: all linear .5s;
	width: 100%;
	border-radius: 3px;
}
input#search:focus {
	background-color: #222;
	color: #FFF;
}
input#search {
	max-width: 400px;
}
input#do-search {
	max-width: 100px;
	min-width: 6em;
	color: #000;
}
input#do-search:hover {
	box-shadow: 5px 5px 20px rgba(0,0,0,0.5);
	color: #FFF;
}
input::-webkit-input-placeholder { color: #000; opacity: .5; }
input::placeholder { color: #000; opacity: .5; }

input:focus::-webkit-input-placeholder { opacity: 0; }
input:focus::placeholder { opacity: 0; }



/*
-------------------------------------------------------------------------
                           Media Queries
-------------------------------------------------------------------------
*/

/*
*********************************
      Basic Cosmetics
*********************************
*/
@media only screen and (min-width: 0px) and (max-width: 767px) {
	.footer .hmy-content.hmy-left, .footer .hmy-content.hmy-right {text-align: center;}
	.footer p {margin: 0px;}
	.hmy-content-wrapper.search .hmy-content {text-align: center;}
	input#search {max-width: 75%;}
	input#do-search {max-width: 20%; min-width: 0px;}
	.hmy-content-wrapper {min-height: 0px !important;}
	.p7AMM ul li a.search {padding: 11px 20px 17px 20px;}

}

/*
******************************************************
 Read by IE10 and 11 ONLY. These browsers do not do 
 well with viewport height and vertical centering.
 We add significant top/bottom padding to simulate
 vertical centering.
******************************************************
*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.hmy-content-wrapper.intro {min-height: 0; padding: 10% 0;}
	.p7AMM li a {line-height: 20px;}
}


/* 
*******************************************************
Overrides to default Adaptive Menu Magic media query 
*******************************************************
*/
@media only screen and (min-width: 0px) and (max-width: 767px) {
.p7AMM.amm-responsive {
	padding: 0px !important;
}

.p7AMM.amm-fixed {
    max-height: 100% !important;
    overflow-y: auto;
}

.p7AMM.amm-responsive li {
	text-align: left !important;
	display: block;
	max-height: 700777px;
}
.p7AMM.amm-responsive a { padding: 10px 24px; }

.p7AMM.amm-responsive.amm-pointer ul ul:after {
	display: none !important;
}
.p7AMM.amm-responsive ul ul {
	width: 100%;
	min-width: 0px;
	margin: 0px !important;
	position: relative !important;
}
.p7AMM.amm-responsive ul,
.p7AMM.amm-responsive a {
	border-radius: 0px !important;
}
.p7AMM.amm-responsive .amm-toolbar {
	display: block;
	text-align: right;
	margin: 0px 0px;
	padding: 0px 10px;
	background-color: #151515;
	color: #FFF !important;
}
.p7AMM.amm-responsive .amm-toolbar a {
	display: inline-block;
	text-decoration: none;
	font-size: 2rem;
	color: #FFF;
	opacity: 0.7;
}
.p7AMM.amm-responsive .amm-toolbar a:hover {
	opacity: 1;
}
.p7AMM.amm-responsive .amm-toolbar.amm-toggle-text.closed a:before {
	display: inline-block;
	content: "Show Menu";
}
.p7AMM.amm-responsive .amm-toolbar.amm-toggle-text.opened a:before {
	display: inline-block;
	content: "Hide Menu";
}

.p7AMM.amm-responsive ul.closed {
	display: none;
}
.p7AMM.amm-responsive ul.opened {
	display: block;
}
.p7AMM.amm-responsive li.amm-more {
	display: none !important;
}
.p7AMM.amm-responsive li.amm-root-moved {
	position: relative !important;
	top: 0px !important;
	left: 0px !important;
}
}

/* 
****************************************************
    Overrides to default Harmony Media Queries
****************************************************
*/
@media only screen and (min-width: 0px) and (max-width: 767px) {
.p7HMY .hmy-section {flex-basis: 100% !important;}
.hmy-content {padding: 1.5em;}
.p7HMY .hmy-section .hmy-content-wrapper {border-radius: 0px !important; border: none !important;}
.p7HMY.hmy-legacy .hmy-section {float: none !important; width: 100% !important;}
}

/* 
**************************************
            Tablets 
**************************************
*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
  div {background-attachment: scroll !important;}
  .zeit-5 .sidebar, .zeit-6 .sidebar {background-size: contain; background-position: top;}
  .hmy-content-wrapper.hmy-vertical-center.sticky {display: block;}
}

/* 
**************************************
            Smartphones
**************************************
*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
     div {background-attachment: scroll !important;}
  	.zeit-5 .sidebar, .zeit-6 .sidebar {background-size: contain; background-position: top;}
}

/*End Media Queries*/


/* Frank rules */

/* DIV background banner */
.abstract-1 {
background-image: url("../images/banners/casa-exterior.jpg");
background-repeat: no-repeat;
background-size: cover;
}

@media only screen and (min-width: 0px) and (max-width: 600px) {
.abstract-1 .hmy-content-wrapper {border-left: none;}
}

.abstract-2 {
background-image: url("../images/banners/Campanas.jpg");
background-repeat: no-repeat;
background-size: cover;
}

@media only screen and (min-width: 0px) and (max-width: 600px) {
.abstract-2 .hmy-content-wrapper {border-left: none;}
}

.abstract-3 {
background-image: url("../images/banners/flores.jpg");
background-repeat: no-repeat;
background-size: cover;
z-index: 0;	
}

@media only screen and (min-width: 0px) and (max-width: 600px) {
.abstract-3 .hmy-content-wrapper {border-left: none;}
}

.abstract-4 {
background-image: url("../images/banners/luxury.jpg");
background-repeat: no-repeat;
background-size: cover;
}

@media only screen and (min-width: 0px) and (max-width: 600px) {
.abstract-4 .hmy-content-wrapper {border-left: none;}
}

.abstract-5 {
background-image: url("../images/banners/house.jpg");
background-repeat: no-repeat;
background-size: cover;
}

@media only screen and (min-width: 0px) and (max-width: 600px) {
.abstract-5 .hmy-content-wrapper {border-left: none;}
}
/* End DIV background banner */


/* imagen flotante izquierda abajo*/
div.fixed {
  position: fixed;
  width: 75px;
  bottom: 0px;
  border: 0px solid #8AC007;
  right: 0px;	
  z-index: 1000;
} 

/* Fondos de casas*/
.image-back1 {
  height: 100%;	
  background: url("../images/casas_1800/livingBW.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
   background-attachment: fixed;
  background-position: center; 	
}

.image-back2 {
  height: 100%;	
  background: url("../images/Casas_1200/fondo1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
   background-attachment: fixed;
  background-position: center; 	
}

.image-back3 {
  height: 100%;	
  background: url("../images/Casas_1200/fondo2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
   background-attachment: fixed;
  background-position: center; 	
}

.image-back4 {
  height: 100%;	
  background: url("../images/casas_1800/casa-campanas.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
   background-attachment: fixed;
  background-position: center; 	
}

.image-back5 {
  height: 100%;	
  background: url("../images/casas_1800/casa-la-cantera.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
   background-attachment: fixed;
  background-position: center; 	
}

.image-back6 {
  height: 100%;	
  background: url("../images/casas_1800/comedor-bw.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
   background-attachment: fixed;
  background-position: center; 	
}

.image-back7 {
  height: 100%;	
  background: url("../images/casas_1800/casa-moderna.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
   background-attachment: fixed;
  background-position: center; 	
}

.image-back8 {
  height: 100%;	
  background: url("../images/casas_1800/mediterranea.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
   background-attachment: fixed;
  background-position: center; 	
}

.image-back9 {
  height: 100%;	
  background: url("../images/casas_1800/palacios-bw.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
   background-attachment: fixed;
  background-position: center; 	
}

.image-back10 {
  height: 100%;	
  background: url("../images/casas_1800/americano.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
   background-attachment: fixed;
  background-position: center; 	
}

/* Termina Fondos de casas*/


/* Information Div */

.polaroid {
  width: 80%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
  background-position: center;	
}

.polaroidcontainer {
  text-align: center;
  padding: 10px 20px;
}


.logotrans {
	
  position: fixed;
  bottom: 100px;
  left: 26px;
 
  opacity: 0.1;
  	
}




.Infodiv {
  height: 550px;
  width: 100%;
  border: 1px solid #4CAF50;
}




html, body {
  height: 100%;
  margin: 0;
}

.full-yellow {
  height: 100%;
  background: yellow;
}

.full-red {
  height: 100%;
  background: red;
}

.full-blue {
  height: 100%;
  background: blue;
  	
}

.full-black {
  height: 100%;
  background: black;
  	
}


.full {
  height: 100%;
 
}


/* Fondo gradiente*/
.simple-linear {
  background: linear-gradient(blue, blue);
}
/* texto con sombra*/
.textShadow {
    font: bold 60px arial, sans-serif;
    background-color: #565656;
    color: transparent;
    text-shadow: 2px 2px 3px rgba(255, 255, 255, 0.5);
	/*Chrome, Safari*/
    -webkit-background-clip: text;
	/*Firefox*/
    -moz-background-clip: text;
	/*Standard Syntax*/
    background-clip: text;
}


/* caja con sombra*/
.boxShadow {
	/*Chrome, Safari*/
	-webkit-box-shadow: 6px 6px 12px 8px #ebebeb;
	/*Standard Syntax*/
	box-shadow: 6px 6px 14px 6px #ebebeb;
}

/* boton con apuntador*/
      .button {
        background-color: #1c87c9;
        border: ridge;
		border-width: 5px;
		border-radius: 20px;
        color: white;
        padding: 20px 34px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 20px;
        margin: 4px 2px;
        cursor: pointer;
      }
    



/*Background transparent blue*/
.blue-transparent {
 background: blue;	
  opacity: 0.2;	
}

/*Background transparent black*/
.black-transparent {
 background: black;	
  opacity: 0.2;	
}

/*Background transparent yellow*/
.yellow-transparent {
 background: yellow;	
  opacity: 0.3;	
}
/*Background yellow*/
.yellow-fondo {
 background: yellow;	
 
}

/*Background transparent white*/
.white-transparent {
 background: white;	
  opacity: 0.3;	
}


.background1  {
background-image:url("../images/casas_300/model-monteverde.jpg"); 
background-position:center; 
background-attachment:scroll; 
-o-background-size:cover; 
-moz-background-size:cover; 
-webkit-background-size:cover; 
background-size:cover; 
background-repeat:no-repeat;
	
	
	
  /*background-image: url("../images/casas_300/model-monteverde.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: fill*/
  
}


.luna {
background-image: url("../images/fondo-azul-IPHONE.jpg");
background-repeat: no-repeat;

background-attachment: fixed;
background-size: fill 	
	
}

.luna2 {
background-image: url("../images/fondo-media-luna.jpg");
background-repeat: no-repeat;

background-attachment: fixed;
background-size: fill 	
	
}

.blue-circle {
background-image: url("../images/fondos/blue-circle.png");
	
background-repeat: no-repeat;

/* background:  kground-attachment: fixed;*/
background-size: fill; 	
	
}

.logo_fondo {
background-image: url("../images/fondo-logo.png");
background-repeat: no-repeat;
}
.logo_fondo .hmy-content-wrapper {
background-color: rgba(199,82,85,0.5);
border-left: 1px dashed #000;
}
.backgroud {
background-image: url(../images/casas_1200/living.jpg);
background-repeat: no-repeat;
}


/*texto dentro de imagen*/
.bottom-center {
  position: absolute;
   bottom: 10%;
   right: 10%;
	
}
.container {
  position: relative;
  text-align: center;
  color: white;
}

/*texto enseguida imagen*/
.container-img {
        display: flex;
        align-items: center;
        justify-content: center
      }
.imagen {
        max-width: 100%
      }
      .image {
        flex-basis: 40%
      }

.text-container {
	    display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        padding-left: 40px;
}

/* Lazy load image rules */ 

img {
 
  width: 400px;
  height: 300px;
  display: block;
  margin: 10px auto;
  border: 0;
}

.RedDiv {
  border: 0px outset red;
  background-color: red;
  text-align: center;
}

.BlackDiv {
  border: 0px outset red;
  background-color: black;
  text-align: center;
}