body {
		
		
		font:80% Arial, Trebuchet MS,  Helvetica, Sans-Serif;
		color: #fff;
		margin:0;
		padding:0;
		text-align:center;
	background: #57575a url(../images/debut_dark_@2X.png) repeat;
	
}
	h1{
	color: #e56824;
	font: 2.6em/98% 'Nunito', sans-serif;
}


	h2{
		color: #fff;
	font: normal 2.6em/98% 'Nunito', sans-serif;
}	
	h3{
	color: #858588;
	text-align: center;
	clear: left;
	font: normal 1.3em/98% 'Nunito', sans-serif;

}

h4{
	color: #cacaca;
	text-align: center;

	font: normal 1.3em/98% 'Nunito', sans-serif;
}

span {
	color: #58585a;
	line-height: 100%;
}

br {
	font-size: 0.1em;
}	
	img{border:none;}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
	#container{	
		margin: 25px auto 35px;
		position:relative;
		text-align:left;
		width:960px;
		background:#fff;
		box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.80);
    -moz-box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.80);
    -webkit-box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.80);
 

		}	
	#header{
		height:170px;
		line-height:80px;
		color:#fff;
	border-bottom: 4px solid #e56824;
	background: #58585a; /* Old browsers */
	background: -moz-linear-gradient(top, #58585a 51%, #2d2d2d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(51%,#58585a), color-stop(100%,#2d2d2d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #58585a 51%,#2d2d2d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #58585a 51%,#2d2d2d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #58585a 51%,#2d2d2d 100%); /* IE10+ */
	background: linear-gradient(to bottom, #58585a 51%,#2d2d2d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58585a', endColorstr='#2d2d2d',GradientType=0 );
	
	z-index: -1;
	
}

#logo{
	width: 332px;
	height: 98px;
	display: block;
	float: left;
	margin-top: 40px;
	margin-left: 20px;
	z-index: auto;
}

#aniversario{
	width: 114px;
	height: 88px;
	display: block;
	float: right;
	margin-top: 43px;
	margin-right: 200px;
}

#flecha{
		height:170px;
		width:170px;
	float: right;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	z-index: auto;
}

#rotulo{
		width: 960px;
		height:500px;
	float: left;
	position: absolute;
	top: 350px;
	z-index: 2;
	display: block;
}

#menu{
		
	width: 960px;
		height: 50px;
		position: relative;
		box-sizing:border-box;
	background-image: url(../images/debut_dark_@2X.png);
	background-color: #57575a;
}

#menunav{
	width: 553px;
	height: 50px;
	display: block;
	float: left;
	box-sizing:border-box;
	position: relative;
	margin-left: 52px;
}

#acceso{
	display: block;
	float: right;
	position: relative;
	right: 0;
	width: 170px;
	height: 50px;
	margin-top: 0;
	margin-right: 0;
	vertical-align: middle;
	box-sizing:border-box;
	padding-top: 10px;
}

#info1{
		width: 960px;
		height:260px;
		background: #fff;
		box-sizing:border-box;
	position: relative;
	padding: 20px 30px 40px 60px;
}

#info2{
		
	width: 960px;
		height: 300px;
		background: #f0f0f0;
		box-sizing:border-box;
	position: relative;
	padding: 15px 30px 40px 60px;
	list-style-type: none;
}

#info3{
		
	width: 960px;
		height: 307px;
		background: #57575a;
		box-sizing:border-box;
	position: relative;
	padding: 15px 30px 40px 60px;
}

#subinfo1{
	display: block;
	float: left;
	width: 40%;
	position: relative;
}

#subinfo2{
	display: block;
	float: right;
	width: 60%;
	position: relative;
}

#info4{
		
	width: 960px;
		height: 300px;
		background: #f0f0f0;
		box-sizing:border-box;
	position: relative;
	padding: 15px 30px 40px 60px;
}

#subinfo3{
	display: block;
	float: left;
	width: 55%;
	position: relative;
}

#subinfo4{
	display: block;
	float: right;
	width: 45%;
	position: relative;
}

#info5{
		
	width: 960px;
		height: 390px;
		background: #fff;
		box-sizing:border-box;
	position: relative;
	padding: 15px 30px 40px 60px;
}

#subinfo5{
	display: block;
	float: right;
	position: relative;
	right: 40px;
	width: 120px;
	top: 156px;
}

#content{
		position: relative;
		
	    		
}

#footer{
		
	width: 960px;
		height: 40px;
		background: #57575a;
		position: relative;
		
}

#subinfo6{
	display: block;
	float: right;
	position: relative;
	right: 0;
	width: 160px;
	height: 40px;
	background-color: #e56824;
	color: #fff;
	font: 0.9em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	padding-left: 85px;
}

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		
		}
	#slider2{
	    margin-top:1em;
	z-index: 0;
}
		
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:960px;
		height:500px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:960px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:0px;
	visibility: hidden;
}
	ol#controls li{
		margin:0 0px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:0px;
		line-height:0px;
		}
	ol#controls li a{
		float:left;
		height:0px;
		line-height:0px;
		
		background:#DAF3F8;
		color:#555;
		padding:0 0px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

.class_box_shadow{
    box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.80);
    -moz-box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.80);
    -webkit-box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.80);
}

ul {
	display: block;
	list-style-type: none;
}

li {
	padding-left: 30px;
	float: right;
	padding-top: 8px;
	text-align: center;
	position: relative;
}

#blanco {
	background-color: white;
	width: 750px;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0;
}

.icono{
	
	display: block;
	float: none;
	width: 100px;
	height: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	clear: left;
}

.ambconverter{
	padding-bottom: 25px;
}
	
@-webkit-keyframes scaleDown {
  0% { -webkit-transform: scale(10,10); opacity: 0; }
  100% { -webkit-transform: scale(1,1); opacity: 1; }
}
@-moz-keyframes scaleDown {
  0% { -moz-transform: scale(10,10); opacity: 0; }
  100% { -moz-transform: scale(1,1); opacity: 1; }
}
@-o-keyframes scaleDown {
  0% { -o-transform: scale(10,10); opacity: 0; }
  100% { -o-transform: scale(1,1); opacity: 1; }
}
@-ms-keyframes scaleDown {
  0% { -ms-transform: scale(10,10); opacity: 0; }
  100% { -ms-transform: scale(1,1); opacity: 1; }
}
@keyframes scaleDown {
  0% { transform: scale(10,10); opacity: 0; }
  100% { transform: scale(1,1); opacity: 1; }
}
/* 
	100% Height for Opera as the max-height seems to be ignored, not optimal for large screens 
	http://bricss.net/post/11230266445/css-hack-to-target-opera 
*/
x:-o-prefocus, .lb-overlay img {
    height: 100%;
}