#social{
left:0px;
width:100%;
height:100%;
}

.enlaces{
z-index:30
}

#activa{
overflow: hidden;
 display:block;
  visibility: visible; 
  position: absolute;
  top:30%;
  width:100%;
  height:17%;
  z-index:30;
}
#Sidebar{
	width:30px;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	z-index:100;
	color:black;
	overflow:hidden;
}

#Sidebar ul{
	margin:0;
	padding:0;
	width:200px;
	margin-right:5px;
	list-style:none;
}

#Sidebar a span{
	margin:0 10px 0 0;
}

#Sidebar a{
	color:#fff;
	font-size:14px;
	text-decoration:none;
}

#nav{
	width:0px;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	z-index:100;
	background-color:#0066FF;
	color:black;
	overflow:hidden;
	filter: alpha(opacity=70); 
	-moz-opacity:0.7;          
	-webkit-opacity:0.7;      
	opacity: .70;              
}

#nav ul{
	margin:0;
	padding:0;
	width:200px;
	margin-right:5px;
	list-style:none;
}

#nav a span{
	margin:0 10px 0 0;
}

#nav a{
	color:#fff;
	font-size:14px;
	text-decoration:none;
}

#widget{
	width:0px;
	height:90%;
	position:absolute;
	top:0;
	right:0;
	z-index:100;
	overflow:hidden;
	filter: alpha(opacity=70); 
}

#widget ul{
	margin:0;
	padding:0;
	width:200px;
	margin-right:5px;
	list-style:none;
}

#widget a span{
	margin:0 10px 0 0;
}

#widget a{
	color:#fff;
	font-size:14px;
	text-decoration:none;
}

.twtr-widget{
	float:inherit;
	width: 250px;
	margin: 2px;
	padding: 0px;
	background-color:#95D2FF;
	
	/*** cross browser box shadow ***/
	-moz-box-shadow: 0 0 2px #fff;
	-webkit-box-shadow: 0 0 2px #fff;
	-ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#ffffff,strength=3)";
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=0,strength=3)
			progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=90,strength=3)
			progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=180,strength=3)
			progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=270,strength=3);
	box-shadow: 0 0 2px #fff;
			
	/*** kind of cross browser rounded corner ***/
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.twtr-hd{
	/*** cross browser rgba ***/
	background-color: transparent;
	background-color: rgba(255,255,255,0.3);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30ffffff,endColorstr=#30ffffff);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#30ffffff,endColorstr=#30ffffff)";
}

.twtr-widget .twtr-bd .twtr-tweet{
	margin: 1px;
	padding: 1px;
	border-bottom: 1px solid #cecece;
}

.twtr-tweet:before{
	display: block;
	float: left;
	margin: -2px 0 0 2px;
	font-size: 50px; /* let's make it a big quote! */
	content: "“";
	color: #bababa;
	text-shadow: 0 1px 1px #909090;
	font-family: "times new roman", serif;
}

.twtr-ft { display: none; }
			
@media screen and (max-width: 1288px){ 

.twtr-widget{
	float:inherit;
	width: 250px;
	margin: 2px;
	padding: 0px;
	background-color:#95D2FF;
}

.twtr-hd{
	/*** cross browser rgba ***/
	background-color: transparent;
	background-color: rgba(255,255,255,0.3);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30ffffff,endColorstr=#30ffffff);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#30ffffff,endColorstr=#30ffffff)";
}

.twtr-widget .twtr-bd .twtr-tweet{
	margin: 1px;
	padding: 1px;
	border-bottom: 1px solid #cecece;
}

.twtr-tweet:before{
	display: block;
	float: left;
	margin: -2px 0 0 2px;
	font-size: 50px; /* let's make it a big quote! */
	content: "“";
	color: #bababa;
	text-shadow: 0 1px 1px #909090;
	font-family: "times new roman", serif;
}

.twtr-ft { display: none; }

}

@media screen and (max-width: 1024px){ 

#Sidebar{
	width:30px;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	z-index:100;
	color:black;
	overflow:hidden;
}

#Sidebar ul{
	margin:0;
	padding:0;
	width:200px;
	margin-right:5px;
	list-style:none;
}

#Sidebar a span{
	margin:0 10px 0 0;
}

#Sidebar a{
	color:#fff;
	font-size:12px;
	text-decoration:none;
}

#nav{
	width:0px;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	z-index:100;
	background-color:#0066FF;
	color:black;
	overflow:hidden;
	filter: alpha(opacity=70); 
	-moz-opacity:0.7;          
	-webkit-opacity:0.7;       
	opacity: .70;              
}

#nav ul{
	margin:0;
	padding:0;
	width:180px;
	margin-right:5px;
	list-style:none;
}

#nav a span{
	margin:0 10px 0 0;
}

#nav a{
	color:#fff;
	font-size:14px;
	text-decoration:none;
}


#widget{
	width:0px;
	height:95%;
	position:absolute;
	top:0;
	right:0;
	z-index:100;
	overflow:hidden;
	filter: alpha(opacity=70); 
}

#widget ul{
	margin:0;
	padding:0;
	width:180px;
	margin-right:8%;
	list-style:none;
}

#widget a span{
	margin:0 5px 0 0;
}

#widget a{
	color:#fff;
	font-size:10px;
	text-decoration:none;
}

.twtr-widget{
	float:inherit;
	width: 180px;
	margin: 2px;
	padding: 0px;
	background-color:#95D2FF;
}

.twtr-hd{
	/*** cross browser rgba ***/
	background-color: transparent;
	background-color: rgba(255,255,255,0.3);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30ffffff,endColorstr=#30ffffff);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#30ffffff,endColorstr=#30ffffff)";
}

.twtr-widget .twtr-bd .twtr-tweet{
	margin: 1px;
	padding: 1px;
	border-bottom: 1px solid #cecece;
}

.twtr-tweet:before{
	display: block;
	float: left;
	margin: -2px 0 0 2px;
	font-size: 14px; /* let's make it a big quote! */
	content: "“";
	color: #bababa;
	text-shadow: 0 1px 1px #909090;
	font-family: "times new roman", serif;
}

.twtr-ft { display: none; }
			
}

@media screen and (max-width: 820px) { 

#Sidebar{
	width:20px;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	z-index:100;
	color:black;
	overflow:hidden;
}

#Sidebar ul{
	margin:0;
	padding:0;
	width:200px;
	margin-right:5px;
	list-style:none;
}

#Sidebar a span{
	margin:0 10px 0 0;
}

#Sidebar a{
	color:#fff;
	font-size:14px;
	text-decoration:none;
}

#nav{
	width:0px;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	z-index:100;
	background-color:#0066FF;
	color:black;
	overflow:hidden;
	filter: alpha(opacity=70); 
	-moz-opacity:0.7;          
	-webkit-opacity:0.7;       
	opacity: .70;              
}

#nav ul{
	margin:0;
	padding:0;
	width:180px;
	margin-right:5px;
	list-style:none;
}

#nav a span{
	margin:0 10px 0 0;
}

#nav a{
	color:#fff;
	font-size:14px;
	text-decoration:none;
}

#widget{
	width:0px;
	height:70%;
	position:absolute;
	top:0;
	right:0;
	z-index:100;
	overflow:hidden;
	filter: alpha(opacity=70); /* IE opacity*/  
}

#widget ul{
	margin:0;
	padding:0;
	width:200px;
	margin-right:3px;
	list-style:none;
}

#widget a span{
	margin:0 5px 0 0;
}

#widget a{
	color:#fff;
	font-size:12px;
	text-decoration:none;
}

.twtr-widget {
	float:inherit;
	width: 200px;
	margin: 2px;
	padding: 0px;
	background-color:#95D2FF;
}

.twtr-hd{
	/*** cross browser rgba ***/
	background-color: transparent;
	background-color: rgba(255,255,255,0.3);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30ffffff,endColorstr=#30ffffff);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#30ffffff,endColorstr=#30ffffff)";
}

.twtr-widget .twtr-bd .twtr-tweet{
	margin: 1px;
	padding: 1px;
	border-bottom: 1px solid #cecece;
}

.twtr-tweet:before{
	display: block;
	float: left;
	margin: -2px 0 0 2px;
	font-size: 20px; /* let's make it a big quote! */
	content: "“";
	color: #bababa;
	text-shadow: 0 1px 1px #909090;
	font-family: "times new roman", serif;
}

.twtr-ft { display: none; }

}

@media screen and (max-width: 810px) { 

#Sidebar{
	width:20px;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	z-index:100;
	color:black;
	overflow:hidden;
}

#Sidebar ul{
	margin:0;
	padding:0;
	width:200px;
	margin-right:5px;
	list-style:none;
}

#Sidebar a span{
	margin:0 10px 0 0;
}

#Sidebar a{
	color:#fff;
	font-size:14px;
	text-decoration:none;
}

#nav{
	width:0px;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	z-index:100;
	background-color:#0066FF;
	color:black;
	overflow:hidden;
	filter: alpha(opacity=70); 
	-moz-opacity:0.7;          
	-webkit-opacity:0.7;       
	opacity: .70;              
}

#nav ul{
	margin:0;
	padding:0;
	width:150px;
	margin-right:5px;
	list-style:none;
}

#nav a span{
	margin:0 10px 0 0;
}

#nav a{
	color:#fff;
	font-size:14px;
	text-decoration:none;
}


#widget{
	width:0px;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	z-index:100;
	overflow:hidden;
	filter: alpha(opacity=70); 
}

#widget ul{
	margin:0;
	padding:0;
	width:140px;
	margin-right:3px;
	list-style:none;
}

#widget a span{
	margin:0 5px 0 0;
}

#widget a{
	color:#fff;
	font-size:10px;
	text-decoration:none;
}

.twtr-widget{
	float:inherit;
	width: 150px;
	margin: 2px;
	padding: 0px;
	background-color:#95D2FF;
}

.twtr-hd{
	/*** cross browser rgba ***/
	background-color: transparent;
	background-color: rgba(255,255,255,0.3);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30ffffff,endColorstr=#30ffffff);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#30ffffff,endColorstr=#30ffffff)";
}

.twtr-widget .twtr-bd .twtr-tweet{
	margin: 1px;
	padding: 1px;
	border-bottom: 1px solid #cecece;
}

.twtr-tweet:before{
	display: block;
	float: left;
	margin: -2px 0 0 2px;
	font-size: 20px; /* let's make it a big quote! */
	content: "“";
	color: #bababa;
	text-shadow: 0 1px 1px #909090;
	font-family: "times new roman", serif;
}

.twtr-ft { display: none; }
			
}

@media screen and (max-width: 810px) { 

#Sidebar{
	width:30px;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	z-index:100;
	color:black;
	overflow:hidden;
}

#Sidebar ul{
	margin:0;
	padding:0;
	width:200px;
	margin-right:5px;
	list-style:none;
}

#Sidebar a span{
	margin:0 10px 0 0;
}

#Sidebar a{
	color:#fff;
	font-size:14px;
	text-decoration:none;
}

#nav{
	width:0px;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	z-index:100;
	background-color:#0066FF;
	color:black;
	overflow:hidden;
	filter: alpha(opacity=70); 
	-moz-opacity:0.7;          
	-webkit-opacity:0.7;       
	opacity: .70;              
}

#nav ul{
	margin:0;
	padding:0;
	width:150px;
	margin-right:5px;
	list-style:none;
}

#nav a span{
	margin:0 10px 0 0;
}

#nav a{
	color:#fff;
	font-size:14px;
	text-decoration:none;
}


#widget{
	width:0px;
	height:92%;
	position:absolute;
	top:0;
	right:0;
	z-index:100;
	overflow:hidden;
	filter: alpha(opacity=70); 
}

#widget ul{
	margin:0;
	padding:0;
	width:140px;
	margin-right:3px;
	list-style:none;
}

#widget a span{
	margin:0 5px 0 0;
}

#widget a{
	color:#fff;
	font-size:10px;
	text-decoration:none;
}

.twtr-widget{
	float:inherit;
	width: 150px;
	margin: 2px;
	padding: 0px;
	background-color:#95D2FF;
}

.twtr-hd{
	/*** cross browser rgba ***/
	background-color: transparent;
	background-color: rgba(255,255,255,0.3);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30ffffff,endColorstr=#30ffffff);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#30ffffff,endColorstr=#30ffffff)";
}

.twtr-widget .twtr-bd .twtr-tweet{
	margin: 1px;
	padding: 1px;
	border-bottom: 1px solid #cecece;
}

.twtr-tweet:before{
	display: block;
	float: left;
	margin: -2px 0 0 2px;
	font-size: 20px; /* let's make it a big quote! */
	content: "“";
	color: #bababa;
	text-shadow: 0 1px 1px #909090;
	font-family: "times new roman", serif;
}

.twtr-ft { display: none; }
			
}

}

@media screen and (max-width: 650px) { 

#Sidebar{
	width:20px;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	z-index:100;
	color:black;
	overflow:hidden;
}

#Sidebar ul{
	margin:0;
	padding:0;
	width:200px;
	margin-right:5px;
	list-style:none;
}

#Sidebar a span{
	margin:0 10px 0 0;
}

#Sidebar a{
	color:#fff;
	font-size:14px;
	text-decoration:none;
}

#nav{
	width:0px;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	z-index:100;
	background-color:#0066FF;
	color:black;
	overflow:hidden;
	filter: alpha(opacity=70); 
	-moz-opacity:0.7;          
	-webkit-opacity:0.7;       
	opacity: .70;              
}

#nav ul{
	margin:0;
	padding:0;
	width:150px;
	margin-right:5px;
	list-style:none;
}

#nav a span{
	margin:0 10px 0 0;
}

#nav a{
	color:#fff;
	font-size:14px;
	text-decoration:none;
}


#widget{
	width:0px;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	z-index:100;
	overflow:hidden;
	filter: alpha(opacity=70); 
}

#widget ul{
	margin:0;
	padding:0;
	width:140px;
	margin-right:3px;
	list-style:none;
}

#widget a span{
	margin:0 5px 0 0;
}

#widget a{
	color:#fff;
	font-size:10px;
	text-decoration:none;
}

.twtr-widget{
	float:inherit;
	width: 150px;
	margin: 2px;
	padding: 0px;
	background-color:#95D2FF;
}

.twtr-hd{
	/*** cross browser rgba ***/
	background-color: transparent;
	background-color: rgba(255,255,255,0.3);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30ffffff,endColorstr=#30ffffff);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#30ffffff,endColorstr=#30ffffff)";
}

.twtr-widget .twtr-bd .twtr-tweet{
	margin: 1px;
	padding: 1px;
	border-bottom: 1px solid #cecece;
}

.twtr-tweet:before{
	display: block;
	float: left;
	margin: -2px 0 0 2px;
	font-size: 20px; /* let's make it a big quote! */
	content: "“";
	color: #bababa;
	text-shadow: 0 1px 1px #909090;
	font-family: "times new roman", serif;
}

.twtr-ft { display: none; }
			
}

}