@font-face {
    font-family: 'asapbold';
    src: url('fonts/asap-bold-webfont.eot');
    src: url('fonts/asap-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/asap-bold-webfont.woff') format('woff'),
         url('fonts/asap-bold-webfont.ttf') format('truetype'),
         url('fonts/asap-bold-webfont.svg#asapbold') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'asapitalic';
    src: url('fonts/asap-italic-webfont.eot');
    src: url('fonts/asap-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/asap-italic-webfont.woff') format('woff'),
         url('fonts/asap-italic-webfont.ttf') format('truetype'),
         url('fonts/asap-italic-webfont.svg#asapitalic') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'asapregular';
    src: url('fonts/asap-regular-webfont.eot');
    src: url('fonts/asap-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/asap-regular-webfont.woff') format('woff'),
         url('fonts/asap-regular-webfont.ttf') format('truetype'),
         url('fonts/asap-regular-webfont.svg#asapregular') format('svg');
    font-weight: normal;
    font-style: normal;}
	
@font-face {
    font-family: 'bahianaregular';
    src: url('fonts/bahiana-regular-webfont.eot');
    src: url('fonts/bahiana-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bahiana-regular-webfont.woff') format('woff'),
         url('fonts/bahiana-regular-webfont.ttf') format('truetype'),
         url('fonts/bahiana-regular-webfont.svg#bahianaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




* {
	margin: 0px;
	outline: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
html, body { width: 100%;}

body {font-family:'asapregular';
font-size:12px;
text-decoration:none;
}

#logo {
	display: block;
	margin: auto;
	margin-top:45px;}
	
#menu1 {  text-align: center;
font-size: 0.7em;
width: 320px;
margin: 20px;

}
#menu1 ul { list-style-type: none;
}
#menu1 ul li.nivel1 { 
width: 162px;
}
#menu1 ul li.primera { border-top: solid 1px #FFF;
}
#menu1 ul li a {display: block;
text-decoration: none;
color: #fff;
background-color: #399;
border: solid 1px #fff;
border-top: none;
padding: 8px;
position: relative;
}
#menu1 ul li:hover {position: relative;
background-color: #6CC;
color: #000;
}
#menu1 ul li a:hover, #menu ul li:hover a.nivel1 {background-color: #6CC;
color: #000;
position: relative;
}
#menu1 ul li a.nivel1 {display: block!important;display: none;
position: relative;
}
#menu1 ul li ul {display: none;
}
#menu1 ul li a:hover ul, #menu ul li:hover ul {display: block;
position: absolute;left: 161px;top:-1px!important;top: -31px;
}
#menu1 ul li ul li a {width: 160px;
background-color: #6CC;
color: #000;
}
#menu1 ul li ul li a:hover {position: relative;
background-color: #399;
color: #FFF;
}
table.falsa {border-collapse:collapse;
border:0px;
float: left;
position: relative;
}

##LayoutDiv1 img

 #main-menu {
    width:128px;
    background:#fff;
    position:relative;
    
    height:100%;
    
    perspective:1500px;
    perspective-origin:0 50%;
    -moz-perspective:1500px;
    -moz-perspective-origin:0 50%;
    -o-perspective:1500px;
    -o-perspective-origin:0 50%;
    -webkit-perspective:1500px;
    -webkit-perspective-origin:0 50%;
    -ms-perspective:inherit;
    -ms-perspective-origin:inherit;
    
    transition:width 400ms;
    -moz-transition:width 400ms;
    -o-transition:width 400ms;
    -webkit-transition:width 400ms;
    -ms-transition:width 400ms;
    
    transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    -o-transform-style:preserve-3d;
    /*-webkit-transform-style:preserve-3d;*/
    -ms-transform-style:preserve-3d;
  }
    .no3d #main-menu { overflow:hidden; }
    #main-menu > .scroll-layout {
      transition:transform 400ms;
      -moz-transition:-moz-transform 400ms;
      -o-transition:-moz-transform 400ms;
      -webkit-transition:-webkit-transform 400ms;
      -ms-transition:-ms-transform 400ms;
      
      backface-visibility:hidden;
      -moz-backface-visibility:hidden;
      -o-backface-visibility:hidden;
      -webkit-backface-visibility:hidden;
      -ms-backface-visibility:hidden;
      
      transform-style:preserve-3d;
      -moz-transform-style:preserve-3d;
      -o-transform-style:preserve-3d;
      -webkit-transform-style:preserve-3d;
      -ms-transform-style:preserve-3d;
      
      position:absolute;
      width:128px;
      top:0;
      right:0;
    }
      #main-menu > .scroll-layout.small {
        transform:rotateY(-180deg);
        -moz-transform:rotateY(-180deg);
        -o-transform:rotateY(-180deg);
        -webkit-transform:rotateY(-180deg);
        -ms-transform:rotateY(-180deg);
        
        width:100px;
      }
        .no3d #main-menu > .scroll-layout.small {
          left:100%;
          right:auto;
        }
      
    #main-menu nav {
      position:relative;
      /*border-top:181px solid transparent;
      border-bottom:92px solid transparent;*/
      padding-bottom:37px;
    }
      #main-menu > .scroll-layout.small nav {
        padding-bottom:183px;
      }
      
    
    #main-menu nav > a,
    #main-menu nav > span.logo {
			font-size:10px;
			display:block;
			position:relative;
			text-align:center;
			color:#e8e7db;
			text-transform:uppercase;
			letter-spacing:0.5px;
			font-family:'gothambold', Helvetica, Arial, sans-serif;
			
			/*perspective:1500px;
			-moz-perspective:1500px;
			-webkit-perspective:1500px;
			-o-perspective:1500px;
			-ms-perspective:1500px;*/
		}
		  #main-menu nav > a:after,
      #main-menu nav > span.logo:after {
        content:"";
        display:block;
        position:absolute;
        z-index:5;
        top:0;
        left:0;
        width:100%;
        height:100%;
      }
      
			#main-menu nav > a > *,
			#main-menu nav > span.logo > * {
				display:block;
				padding-top:70px;
				height:27px;
				box-shadow:inset 0 0 0 100px rgba(0,0,0,0);
				
				transition:transform 400ms, box-shadow 400ms;
				-moz-transition:-moz-transform 400ms, box-shadow 400ms;
				-webkit-transition:-webkit-transform 400ms, box-shadow 400ms;
				-o-transition:-o-transform 400ms, box-shadow 400ms;
				-ms-transition:-ms-transform 400ms, box-shadow 400ms;
				
				transform-origin:50% 50% -63px;
				-moz-transform-origin:50% 50% -63px;
				-webkit-transform-origin:50% 50% -63px;
				-o-transform-origin:50% 50% -63px;
				-ms-transform-origin:50% 50% -63px;
				
				transform-style:preserve-3d;
				-moz-transform-style:preserve-3d;
				-webkit-transform-style:preserve-3d;
				-o-transform-style:preserve-3d;
				-ms-transform-style:preserve-3d;
				
				backface-visibility:hidden;
				-moz-backface-visibility:hidden;
				-webkit-backface-visibility:hidden;
				-o-backface-visibility:hidden;
				-ms-backface-visibility:hidden;
			}
			#main-menu nav > a > .menu-el-content { position:relative; z-index:1; }
			#main-menu nav > a > .menu-el-hover-content {
				position:absolute;
				top:0;
				left:0;
				width:100%;
				box-shadow:inset 0 0 0 100px rgba(0,0,0,0.5);
				
				transform:rotateY(-90deg);
				-moz-transform:rotateY(-90deg);
				-webkit-transform:rotateY(-90deg);
				-o-transform:rotateY(-90deg);
				-ms-transform:rotateY(-90deg);
			}
			
			#main-menu nav > a:hover > .menu-el-content {
				box-shadow:inset 0 0 0 100px rgba(0,0,0,0.5);
				
				transform:rotateY(90deg);
				-moz-transform:rotateY(90deg);
				-webkit-transform:rotateY(90deg);
				-o-transform:rotateY(90deg);
				-ms-transform:rotateY(90deg);
			}
			#main-menu nav > a:hover > .menu-el-hover-content {
				box-shadow:inset 0 0 0 100px rgba(0,0,0,0);
				z-index:1;
				
				transform:rotateY(0deg);
				-moz-transform:rotateY(0deg);
				-webkit-transform:rotateY(0deg);
				-o-transform:rotateY(0deg);
				-ms-transform:rotateY(0deg);
			}
			
				#main-menu nav > a > * > img,
				#main-menu nav > span.logo > * > img {
					display:block;
					width:42px;
					margin:auto;
					margin-top: -50px;
				}
				
				#main-menu nav > a.logo,
				#main-menu nav > span.logo {
					letter-spacing:3px;
					color:#48264b;
					margin:0 !important;
				}
					#main-menu nav > a.logo > *,
					#main-menu nav > span.logo > * {
						padding-top:84px;
						height:37px;
						background-color:#fff;
					}
						#main-menu nav > a.logo > * > img,
						#main-menu nav > span.logo > * > img { width:66px; margin-top:-66px; }
				#main-menu a.iphone-app > * {
					background-color:#462445;
				}
				#main-menu a.discover > * {
					background-color:#673453;
				}
				/*#main-menu a.users { background:#ae7239; }*/
				#main-menu a.users > * {
					background-color:#ffa755;
				}
				#main-menu a.about-us > * {
					background-color:#ff6b53;
				}
				#main-menu a.partners > * {
					background-color:#37b494;
				}
				
				/*#main-menu > .scroll-layout.small nav > a { height:22px; padding-top:68px; }
					#main-menu > .scroll-layout.small nav > a.main > .menu-el-content > img { width:44px; margin-top:-44px; margin-bottom:0; }*/
  
  /*.layout.small-menu #main-menu { width:100px; }
  
    .layout.small-menu #main-menu > .scroll-layout.full {
      transform:rotateY(180deg);
      -moz-transform:rotateY(180deg);
      -o-transform:rotateY(180deg);
      -webkit-transform:rotateY(180deg);
      -ms-transform:rotateY(180deg);
    }
    .layout.small-menu #main-menu > .scroll-layout.small {
      transform:rotateY(0deg);
      -moz-transform:rotateY(0deg);
      -o-transform:rotateY(0deg);
      -webkit-transform:rotateY(0deg);
      -ms-transform:rotateY(0deg);
    }
      .no3d .layout.small-menu #main-menu > .scroll-layout.full {
        transform:translate(-100%, 0);
        -moz-transform:translate(-100%, 0);
        -o-transform:translate(-100%, 0);
        -webkit-transform:translate(-100%, 0);
        -ms-transform:translate(-100%, 0);
      }
      .no3d .layout.small-menu #main-menu > .scroll-layout.small {
        transform:translate(-100%, 0);
        -moz-transform:translate(-100%, 0);
        -o-transform:translate(-100%, 0);
        -webkit-transform:translate(-100%, 0);
        -ms-transform:translate(-100%, 0);
      }*/
      
  
  #social {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    padding:14px 12px;
    text-align:justify;
    line-height:0;
    display:block;
  }
    #social:after {
      content: ' ';
      display:inline-block;
      width:100%;
      height:0;
      overflow:hidden;
    }
  
    #social a {
      display:inline-block;
      width:30px;
      height:30px;
    }
      #main-menu > .scroll-layout.small #social a { margin-bottom:10px; }
        #main-menu > .scroll-layout.small #social a:last-child { margin-bottom:0; }
      
      #social a img { max-width:100%; max-height:100%; }

  .footer-policy { text-align:center; padding:12px 0; height:13px; }
    .footer-policy a {
      font-family: 'gothambold', Helvetica, Arial, sans-serif;
      color:#c4c3b4;
      font-size:10px;
      text-transform:uppercase;
      line-height:13px;
      display:inline-block;
      vertical-align:top;
      letter-spacing:0.5px;
    }
	
	
	
/*FORMATO MENU VERTICAL BAJADO*/

@charset 'UTF-8';
/* Some stylesheet reset */
#menu-lateral > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  line-height: 1;
}
/* The container */
#menu-lateral > ul {
  display: block;
  position: relative;
  /*width: 150px;*/
  left: 20px;
  top: 40px;
  
}
/* The list elements which contain the links */
#menu-lateral > ul li {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 65%;
  
}
/* General link styling */
#menu-lateral > ul li a {
  /* Layout */

  display: block;
  position: relative;
  margin: 0;
  border-top: 2px solid #333;
  /*border-bottom: 1px solid #d9d9d9;*/
  padding: 30px 20px;
  color: #a7ca45;
  text-decoration: none;
  text-transform: uppercase;
  /*text-shadow: 0 1px 0 #fff;*/
  font-family:'bahianaregular';
  font-size: 26px;
  font-weight: 300;
  /* Background & effects */

  background:url(img/fondo-item.svg);
  
  
}
/* Rounded corners for the first link of the menu/submenus */
#menu-lateral > ul li:first-child > a {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top: 0;
  font-size:26px;
}
/* Rounded corners for the last link of the menu/submenus */
#menu-lateral > ul li:last-child > a {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: 0;
  font-size:26px;
   
}
/* The hover state of the menu/submenu links */
#menu-lateral > ul li a:hover,
#menu-lateral > ul li:hover > a {
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  background: #a7ca45;
  background: -webkit-linear-gradient(#a7ca45, #8bab31);
  background: -moz-linear-gradient(#a7ca45, #8bab31);
  background: linear-gradient(#a7ca45, #8bab31);
  border-color: transparent;
}
/* The arrow indicating a submenu */
#menu-lateral > ul .has-sub > a::after {
  content: '';
  position: absolute;
  top: 16px;
  right: 10px;
  width: 0px;
  height: 0px;
  /* Creating the arrow using borders */

  border: 4px solid transparent;
  border-left: 4px solid #a7ca45;
  
}
/* The same arrow, but with a darker color, to create the shadow effect */
#menu-lateral > ul .has-sub > a::before {
  content: '';
  position: absolute;
  top: 17px;
  right: 10px;
  width: 0px;
  height: 0px;
  /* Creating the arrow using borders */

  border: 4px solid transparent;
  border-left: 4px solid #fff;
  
}
/* Changing the color of the arrow on hover */
#menu-lateral > ul li > a:hover::after,
#menu-lateral > ul li:hover > a::after {
  border-left: 4px solid #fff;
}
#menu-lateral > ul li > a:hover::before,
#menu-lateral > ul li:hover > a::before {
  border-left: 4px solid rgba(0, 0, 0, 0.25);
}
/* THE SUBMENUS */
#menu-lateral > ul ul {
  position: absolute;
  left: 100%;
  top: -9999px;
  padding-left: 5px;
  opacity: 0;
  width: 150px;
  /* The fade effect, created using an opacity transition */

  -webkit-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
#menu-lateral > ul ul li a {
  font-size: 26px;
}
/* Showing the submenu when the user is hovering the parent link */
#menu-lateral > ul li:hover > ul {
  top: 0px;
  opacity: 1;
  z-index: 1;
}	

.hijo {
	background:#000;
	
	
}



/*FORMATO MENU CHICO*/

@font-face {
	font-family: 'icomoon';
	src:url(./fonts/icomoon.eot);
	src:url(./fonts/icomoon.eot?#iefix) format('embedded-opentype'),
		url(./fonts/icomoon.woff) format('woff'),
		url(./fonts/icomoon.ttf) format('truetype'),
		url(./fonts/icomoon.svg#icomoon) format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Common styles of menus */

.dl-menuwrapper {
	width: 100%;
	max-width: 300px;
	float: left;
	position: relative;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
}

.dl-menuwrapper:first-child {
	margin-right: 100px;
}

.dl-menuwrapper button {
	background: #a7ca45;
	border: none;
	width: 48px;
	height: 45px;
	text-indent: -900em;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	outline: none;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
	background: #000;
}

.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 68%;
	height: 5px;
	background: #fff;
	top: 10px;
	left: 16%;
	box-shadow: 
		0 10px 0 #fff, 
		0 20px 0 #fff;
}

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;
	
	
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 15px 20px;
	font-size: 24px;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	outline: none;
	text-decoration:none;
	border-bottom: 0.5px solid #333;

}

.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 50px;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(212,204,198,0.3);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(0,0,0,0.15);
}

.dl-menuwrapper .dl-menu {
	margin: 5px 0 0 0;
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;
	top: 50px;
	left: 0;
	margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	0% { }
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	0% { }
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	0% { }
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	0% { }
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	0% { }
	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	0% { }
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	0% { }
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	0% { }
	100% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}

/* Colors for demos */

/* Demo 1 */
.demo-1 .dl-menuwrapper button {
	background: #c62860;
}

.demo-1 .dl-menuwrapper button:hover,
.demo-1 .dl-menuwrapper button.dl-active,
.demo-1 .dl-menuwrapper ul {
	background: #9e1847;
}

/* Demo 2 */
.demo-2 .dl-menuwrapper button {
	background: #e86814;
}

.demo-2 .dl-menuwrapper button:hover,
.demo-2 .dl-menuwrapper button.dl-active,
.demo-2 .dl-menuwrapper ul {
	background: #D35400;
}

/* Demo 3 */
.demo-3 .dl-menuwrapper button {
	background: #08cbc4;
}

.demo-3 .dl-menuwrapper button:hover,
.demo-3 .dl-menuwrapper button.dl-active,
.demo-3 .dl-menuwrapper ul {
	background: #a7ca45;
}

/* Demo 4 */
.demo-4 .dl-menuwrapper button {
	background: #90b912;
}

.demo-4 .dl-menuwrapper button:hover,
.demo-4 .dl-menuwrapper button.dl-active,
.demo-4 .dl-menuwrapper ul {
	background: #79a002;
}

/* Demo 5 */
.demo-5 .dl-menuwrapper button {
	background: #744783;
}

.demo-5 .dl-menuwrapper button:hover,
.demo-5 .dl-menuwrapper button.dl-active,
.demo-5 .dl-menuwrapper ul {
	background: #643771;
}

/*FIN FORMATO MENU CHICO*/

#LayoutDiv2 {
	font-family:'bahianaregular';
	font-size: 21px;
	text-decoration:none;
	}

#arriba-fondo {
	height:58px;
	background-color:#FBE35B;
	}
	
#bloque-contacto {
	height:58px;
	background-image:url(img/arriba-fondo-contacto.svg);
	text-decoration:none;}
	
	
.social{
	margin-top: 15px;
	padding-left: 6px;
	float: right;
	margin-left: 5px;
	overflow: hidden;
}



/* DOCENTES! */

.docentes #doc {
	display:block;
	float:left;
	width:100%;
	margin-left:2.0408%;}
	
#docentes {
    width: 800px;
    position: relative;
    float:left;
    margin-top: 20px; 
	display: block;
    margin-left: 0;
    padding-left: 0;}

#docentes ul {
	list-style:none;
	display: inline; }
	 
#docentes ul li {
	width: 200px;
	display: inline; 
	list-style:none;
	padding-right:20px;}
	


/***************************
NUEVO CONTACTO
***************************/

.CajaRedes{
    background-image: url(img/fondomenu.svg);
    background-repeat: no-repeat;
    float: right;
    padding: 10px;
    /*padding-right: 10px;*/
    height: 40px;
    width: 370px;
   }

.CajaRedes2 {
	position:absolute;
	margin-left: 50px;
    /*background-image: url(imagenes/fondomenu.svg);*/
	background-color:#000;
    background-repeat: no-repeat;
    float: right;
    padding: 10px;
    /*padding-right: 10px;*/
    height: 25px;
    /*width: 80%;*/
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
   }




.TextoContacto{
    float: left;
    color:rgb(248, 243, 130);
    font-size: 15px;
    padding-left: 30px;
    padding-top: 3px;
    vertical-align:top;
    z-index: 2;
}

.TextoContacto a {
color:rgb(231, 210, 87);
text-decoration:none;
font-size:22px;
letter-spacing:4px;
	
}

.TextoContacto a:hover {
	color:#FFF;
	

}

.Iconos{
    float: right;
    
}

/***********************
LOGIN
***********************/



*{margin:0;padding:0;}


.button-login{
  width:100px;
  background:#3399cc;
  display:block;
  margin:0 auto;
  margin-top:1%;
  padding:10px;
  text-align:center;
  text-decoration:none;
  color:#fff;
  cursor:pointer;
  transition:background .3s;
  -webkit-transition:background .3s;
}

.button-login:hover{
  background:#2288bb;
}

#login{
  width:300px;
  margin:0 auto;
  margin: 0px auto 2% 13%;
  transition:opacity 1s;
  -webkit-transition:opacity 1s;
  position:absolute;
  display:none;
  
  
}

#triangle{
  width:0;
  border-top:12x solid transparent;
  border-right:12px solid transparent;
  border-bottom:12px solid #A7CA45;
  border-left:12px solid transparent;
  margin:0 auto;
}

#login h1{
  background:#A7CA45;
  padding:10px 0;
  font-size:140%;
  font-weight:300;
  text-align:center;
  color:#fff;
}

form{
	background:#FFF;
  	padding:6% 4%;
}

input[type="email"],input[type="password"]{
  width:92%;
  background:#fff;
  margin-bottom:4%;
  border:1px solid #ccc;
  padding:4%;
  font-size:70%;
  color:#555;
}

input[type="submit"]{
  width:45%;
  background:#A7CA45;
  border:0;
  padding:4%;
  font-size:75%;
  color:#fff;
  cursor:pointer;
  transition:background .3s;
  -webkit-transition:background .3s;
}

input[type="submit2"]{
	width:41%;
  background:#7DB51C;
  border:0;
  padding:4%;
 font-size:75%;
  color:#fff;
  cursor:pointer;
  text-align:center;
  transition:background .3s;
  -webkit-transition:background .3s;
}

input[type="submit"]:hover{
  background:#333;
}

input[type="submit2"]:hover{
  background:#333;
}




/*AGENDA//////////////////////////////////////////////////////////////////*/

#contenido-agenda {
	
	width:580px;
	float:left;
  color:#000;
  margin-bottom:5px;}
  
  
#titulo-agenda {
	clear: none;
	height:52px;
	padding-left:20px;
	background:rgb(231, 210, 87);
	font-family:'bahianaregular';
	font-size:50px;
	padding-bottom:5px;
	margin-bottom:10px;}
	
#contenedor-fila-izq {
	clear: none;
	width:390px;
	float:left;
	display:block;}
	
#noticia-agenda {
	clear: none;
	width:390px;
	height:85px;
	margin-top:10px;
	border-bottom: 1px solid #ccc;
	
	
		}
	
	
#fecha {
	clear: none;
	float: left;
	margin-left:0%;
	width:50px;
	display: block;
	
	
	height:63px;
	font-size:20px;
	font-family: 'asapbold';
	background:url(../TP/img/fondo-fecha-agenda.svg);
	text-align:center;
	padding-top:25px;
	
	}
#texto-noticia {
	clear: none;
	float: left;
	width:330px;
	display: block;
	margin-left:5px;
	height:80px;

	background-color:#a7ca45;
	
	padding-left:5px;
	padding-top:5px;}
	
#titulo {
	font-size:16px;
	font-family: 'asapbold';
	}
	
	
#destacados-agenda {
	clear: none;
	float: right;
	margin-left:2px;
	width:171px;
	display: block;
	height:175px;
	background-color:#FF6B53;
	font-family:'bahianaregular';
	font-size:35px;
	margin-top:10px;
	padding-left:10px;
	padding-top:5px;
	letter-spacing:1px;
	}
	
	
#destacado1 {
	clear: none;
	float: right;
	margin-left:2px;
	width:171px;
	display: block;
	height:370px;
	background-color:#FF6B53;
	font-size:14px;
	margin-top:11px;
	padding-left:10px;
	padding-top:5px;
	}
#titulo-destacado {
	font-family:'bahianaregular';
	font-size:22px;
	letter-spacing:2px;
	padding-top:3px;
	}
	
#cuerpo-destacado {
	margin-top:100px;
	padding-top:100px;
	font-size:12px;
	}
#imagen-agenda {
	padding-top:10px;
	text-align:center;
	padding-left:0px;
	float:left;
	padding-right:7px;}
	
/* VIDEO  //////////////////////////////////////////////////////////////////*/

#contenido-video {
	
	width:580px;
	float:left;
  margin-bottom:5px;}
  
#caja-video-1 {
	width:580px;
	float:left;}
	
#caja-video-grande {
	clear: none;
	width:390px;
	height:250px;
	float:left;
	display:block;
	background-color:#000;
	}
	
#texto-video1 {
	clear: none;
	float: right;
	margin-left:2px;
	width:175px;
	display: block;
	background-color:#9CBB43;
	font-size:14px;
	padding-left:10px;
	padding-top:10px;
	padding-right:3px;
	padding-bottom:10px;

	}
	
	#texto-video2 {
	margin-top:5px;
	clear: none;
	float: right;
	margin-left:2px;
	width:175px;
	display: block;
	background-color:#FFA755;
	font-size:14px;
	padding-left:10px;
	padding-top:10px;
	padding-right:3px;
	padding-bottom:10px;

	}
#caja-video-2{
	width:580px;
	float:left;
	margin-top:20px;
	margin-bottom:10px;
	}	
	
#cajas-chicas-video {
	clear: none;
	width:580px;
	float:left;
	display:block;}
	
#chica-video1 {
	clear: none;
	width:190px;
	float:left;
	display:block;background:#000;
	}
	
#chica-video2{
clear: none;
	width:190px;
	float:left;
	display:block;
	margin-left:5px;
	background:#000;}
	
	
#chica-video3{
	clear: none;
	width:190px;
	height:107px;
	float:left;
	display:block;
	margin-left:5px;
	background:url(img/fondomenu1.svg);
	color:#FFF;	
	text-align:center;
	}
	
#links-videos a {
	text-align:center;
	color:#FFF;	
	font-family:'bahianaregular';
	font-size:26px;
	border-bottom: solid 1px #FFA755;}
	
#links-videos a:hover {color:#9CBB43;	}
  
  
  
  /*Seccion INICIO */

#inscripcion-2015 {
	height: 39px;
	background-image:url(img/fondo-2015.svg);
	padding-left:15px;
	clear:both;
	display:block;
	float:left;
	width:200px;	
	font-family:'bahianaregular';
	color:#000;
	font-size:40px;
	letter-spacing:30px;
	text-align:center;

	}
	
#inscripcion {
	/*padding-left:25px;*/
	clear:both;
	display:block;
	float:left;
	width:200px;	
	font-family:'bahianaregular';
	color:#000;
	font-size:40px;
	letter-spacing:7px;
	text-align:center;
	margin-bottom:10px;
	}
	
#presentacion {
	color:#FFF;
	font-size:14px;
	width:200px;
	margin-top:80px;
	padding-bottom:	20px;}
	
/* yo quiero anotarmme  //////////////////////////////////////////////////////////////////*/




#titulo-inscripcion {clear: none;
	height:52px;
	width:590px;
	padding-left:20px;
	background:rgb(231, 210, 87);
	font-family:'bahianaregular';
	font-size:50px;
	padding-bottom:5px;
	margin-bottom:10px;}
	
	
	
#contenedor-pasos {
	clear: none;
	width:400px;
	height:206px;
	float:left;
	display:block;
	background:url(imagenes/background.png);
	padding-top:20px;
	padding-left:10px;
/*	margin-bottom:15px;	*/
	}
	
#paso1 {
	margin-bottom:15px;
	height:50px;}
	
#numero-pasos {
		
	clear:none;
	display:block;
	float:left;
	width:40px;	
	font-family:'bahianaregular';
	color:#000;
	font-size:40px;
	background-color:rgb(231, 210, 87);
	padding-left:10px;
	height:50px;
	padding-top:5px;
	}

#texto-pasos{
	clear:none;
	display:block;
	float:left;
	width:330px;	
	color:#000;
	font-size:14px;
	background-color:#FFA755;
	padding-left:10px;
	height:50px;
	padding-top:5px;
	}
	
#calendario-fadu {
	clear:none;
	display:block;
	float:left;
	width:165px;
	height:226px;
	background-color:#9CBB43;
	text-align:center;
	margin-left:5px;}
	
#calendario-fadu a {
	font-family:'bahianaregular';
	font-size:50px;
	padding:5px;
	color:#000;
	padding-bottom:10px;
	padding-top:15px;
	
	}
#calendario-fadu:hover {
	background:rgb(231, 210, 87);}
	
	
#otra-info
{	clear:none;
	display:block;
	float:left;
	width:590px;
	height:300px;
	margin-top:20px;}
	
	
#ot-linea {
	clear:none;
	display:block;
	float:left;
	height:90px;	
	}
	
#ot1 {
	clear:none;
	display:block;
	float:left;
	width:148px;
	height:90px;
	font-family:'bahianaregular';
	color:#000;
	font-size:30px;
	background:#FFA755;
	padding-left:10px;
	padding-top:10px;
	
	}
	
#ot1 a:hover {
	color:#FFF;}
	
#ot2 {
	clear:none;
	display:block;
	float:left;
	width:410px;
	height:90px;
	background:rgb(231, 210, 87);
	margin-left:5px;
	padding-left:10px;
	padding-top:10px;
	padding-right:5px;
	}
	
/* yo quiero anotarmme  //////////////////////////////////////////////////////////////////*/
#fb-tw {
	clear:none;
	display:block;
	float:left;
	width:440px;
	height:310px;
	font-size:14px;
	padding:5px;
	}
	
#contacto-taller {
	clear:none;
	display:block;
	float:left;
	width:145px;
	height:270px;
	font-size:14px;	
	margin-left:5px;
	background-color:#9CBB43;
	padding:30px 6px 5px 6px;
	}
	
#fb-tw a{
	color:#9CBB43;}
	
#fb-tw a:hover{
	color:#FFA755;}