@charset "utf-8";
/* Global content Formatting and Styles */


.bottom  {
	
	height:auto;
	width:auto;
 }



body {
	background:url(../images/Snippets/background_image12.png) repeat;
	line-height:1.5em;
	Font-size:14px;
	}
	
#menu_tryal  {
	
	width:100%;
	height:118px;
	position:fixed;
	z-index:2;
	background-image:url(../images/Snippets/image_menu.jpg);
	-webkit-box-shadow: 2px 24px 71px -38px rgba(107,64,107,1);
    -moz-box-shadow: 2px 24px 71px -38px rgba(107,64,107,1);
    box-shadow: 2px 24px 71px -38px rgba(107,64,107,1);
	
	}
	
#menu  {
	
	width:100%;
	height:157px;
	position:fixed;
	z-index:3;
	margin-top: -60px;
	}
	
#page {
	/* When our browser gets wider than 980, the sizewill lock down and then we can CENTERING THE PAGE */
	max-width:980px;
	/* First property is top, then right then bottom and then left */
	margin: 0px auto 0px auto;
	/* Position relative means that anything that we position inside of the page area, will position itself relative to this object */
	position: relative;
/*  background-color:#9F3; */
	height:100%;
	overflow: hidden;
	}
	

#page_inner {
	height:100%;
	overflow: hidden;
	}
	

	   	
	/* The ems means proportion. That means two times what is in the body. ;) */
h1 { font-size:2.1em; font-weight: 100; margin-bottom: 5px;}
h2 { font-size:1.7em; font-weight: 100; margin-bottom: 5px; }
h3 { font-size:2.3em; font-weight: 100; margin:0 56px 5px; color:#00af95; margin-bottom: 5px;}
h4 { font-weight:light; display: table-cell; vertical-align: middle; text-align: center; font-size:1.7em; color:#FFF;}
p { margin:0 0 .75em 0;}

a { color:#414242;}

  /* For the next state we add a pseudo-class onto the anchor the a means links the hover estado sobre del link ;) */
a:hover { color:#FFF;}

footer { font-size:.85em; color:#FFF; background-color:#F99; padding:10px 10px 10px 0px}

  /* For the links of the promos anckers links that have the "cta" asigned ;) */
a.cta { text-transform:none;
        font-size: .9em;
        font-weight: bold;
        /* Así los links no estarán subrayados ;) */
        text-decoration:underline;
		margin: .5em 0 0 0;
		padding:0px 23px 0px 0px;
		background:url(../Snippets/imagenes/logo-working-on_24.png) no-repeat right 0px;}
		
.links { text-transform:none;
        color:#FFF;
        font-size: .8em;
        font-weight: 100;
        text-decoration:none;
		display: block;
       	padding-top: 1px;
        		}
		
.link_menu2 {display: block;
        height: 87px;
        width: 149px;
        }
		
.links:hover { text-transform:none;
        color:#FFF;
        font-size: .8em;
        font-weight: 100;
        text-decoration:underline;
		
		}

a.cta:hover { background-position: right -50px;}

/* Portfolio links */


#button1 {
	display: block;
	height:159px;
	width:253px;
	}



		
.portfolio_buttons_green:hover{ 

background-color: #06ccaa;
-webkit-box-shadow: inset 9px 11px 37px 2px rgba(255,255,255,0.15);
-moz-box-shadow: inset 9px 11px 37px 2px rgba(255,255,255,0.15);
box-shadow: inset 9px 11px 37px 2px rgba(255,255,255,0.15);
-webkit-box-shadow: -7px 16px 37px -15px rgba(0,0,0,0.71);
-moz-box-shadow: -7px 16px 37px -15px rgba(0,0,0,0.71);
box-shadow: -7px 16px 37px -15px rgba(0,0,0,0.71);
	}
	
.portfolio_buttons_gray:hover{ 

background-color: #7c7f7f;
-webkit-box-shadow: inset 9px 11px 37px 2px rgba(255,255,255,0.15);
-moz-box-shadow: inset 9px 11px 37px 2px rgba(255,255,255,0.15);
box-shadow: inset 9px 11px 37px 2px rgba(255,255,255,0.15);
-webkit-box-shadow: -7px 16px 37px -15px rgba(0,0,0,0.71);
-moz-box-shadow: -7px 16px 37px -15px rgba(0,0,0,0.71);
box-shadow: -7px 16px 37px -15px rgba(0,0,0,0.71);
	}

.portfolio_buttons_black:hover{ 

background-color: #131316;
-webkit-box-shadow: inset 9px 11px 37px 2px rgba(255,255,255,0.15);
-moz-box-shadow: inset 9px 11px 37px 2px rgba(255,255,255,0.15);
box-shadow: inset 9px 11px 37px 2px rgba(255,255,255,0.15);
-webkit-box-shadow: -7px 16px 37px -15px rgba(0,0,0,0.71);
-moz-box-shadow: -7px 16px 37px -15px rgba(0,0,0,0.71);
box-shadow: -7px 16px 37px -15px rgba(0,0,0,0.71);
	}
	
.portfolio_buttons_pink:hover{ 

background-color: #f9124e;
-webkit-box-shadow: inset 9px 11px 37px 2px rgba(255,255,255,0.15);
-moz-box-shadow: inset 9px 11px 37px 2px rgba(255,255,255,0.15);
box-shadow: inset 9px 11px 37px 2px rgba(255,255,255,0.15);
-webkit-box-shadow: -7px 16px 37px -15px rgba(0,0,0,0.71);
-moz-box-shadow: -7px 16px 37px -15px rgba(0,0,0,0.71);
box-shadow: -7px 16px 37px -15px rgba(0,0,0,0.71);
	}