/**************************************
 * THEME NAME: twitter
 *
 * Files included in this sheet:
 *
 *   twitter/styles.css
 **************************************/

/***** twitter/styles.css start *****/

/********************************************************
**
** Theme name: Twitter
** Author: @MoodleDan
**
*********************************************************/
@font-face{ 

font-family: 'US-enredadios'; src: url('http://www.enredadios.com/site/theme/twitter/fonts/usbold-webfont.eot'); src: url('http://www.enredadios.com/site/theme/twitter/fonts/usbold-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.enredadios.com/site/theme/twitter/fonts/usbold-webfont.woff') format('woff'), url('http://www.enredadios.com/site/theme/twitter/fonts/usbold-webfont.ttf') format('truetype'), url('http://www.enredadios.com/site/theme/twitter/fonts/usbold-webfont.svg#webfont') format('svg');
}

@font-face{

font-family: 'USlight-enredadios'; src: url('http://www.enredadios.com/site/theme/twitter/fonts/usbook-webfont.eot'); src: url('http://www.enredadios.com/site/theme/twitter/fonts/usbook-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.enredadios.com/site/theme/twitter/fonts/usbook-webfont.woff') format('woff'), url('http://www.enredadios.com/site/theme/twitter/fonts/usbook-webfont.ttf') format('truetype'), url('http://www.enredadios.com/site/theme/twitter/fonts/usbook-webfont.svg#webfont') format('svg');

}



body {
	font-family: Helvetica Neue,Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;
	font-size:13px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.5;
	background: #f38000 url(images/fondo5.jpg) repeat-x scroll center 40px;
}


body, table, td, th, li {
	font-family:Helvetica Neue,Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;
}
a:link, a:visited {
	color: #333333;
}
a:hover {
	color: #f48000;	
text-decoration: none;
}

#user-view-index .buttons, #user-view-index .buttons {
	text-align:center;
	margin-bottom: 10px;
}

.tabrow0 div, .tabrow0 ul { 
	border: none;
	background: none;
}
.tabrow0 {
	padding: 0;
}
#adminsettings fieldset {
	background: #fafafa;
	border: 1px solid #fff;
}
.block_admin_tree.sideblock .link.current {
	background: none;
	text-decoration: underline;
}
.breadcrumb a, .breadcrumb li {
	font-size: 14px;
	font-weight: 300;
}
/*Twitter CSS*/
#top-stuff{font-family: Helvetica Neue,Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;position:fixed;top:0;left:0;z-index:12;width:100%;}
#top-bar-outer{font-family: Helvetica Neue,Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;width:100%;height:40px;display:block;text-align:center;position:relative;}
#top-bar-bg{width:100%;height:100%;position:absolute;top:0;left:0;background:#111;
background:-webkit-gradient(linear,left top,left bottom,from(#333),to(#111));background:-moz-linear-gradient(top,#333,#111);background:transparent\9;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#111111');box-shadow:0 1px 2px rgba(0,0,0,0.5);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5);}
#top-bar{font-family: Helvetica Neue,Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;margin:0 auto;_width:1000px;min-width:1000px;max-width:1120px;text-align:left;}
#top-bar .top-bar-inside{_width:920px;min-width:920px;max-width:1040px;margin:0 40px;position:relative;}
#top-bar ul{font-family: Helvetica Neue,Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;float:left;list-style-type:none;margin:0;padding-left:0;}
#top-bar ul li{font-family: Helvetica Neue,Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;margin:0;padding:0;float:left;}
#top-bar ul li a{font-family: Helvetica Neue,Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;color:#bababa;padding:10px 10px;display:block;font-weight:normal;}
#top-bar ul li a{font-family: Helvetica Neue,Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;padding:10px 10px 11px 10px;}
#top-bar ul li a:hover{text-decoration:none;}
#logo{float:left;}
/*Change logo here*/
#logo a{text-indent:-9999px;background:transparent url(images/logo.png) no-repeat 20px 9px;display:block;color:#fff;height:40px;width:140px;margin-right:5px;outline:none;}#logo a:hover{text-decoration: none;}
#top-bar .active-links{width:350px;position:absolute;right:0;top:0;_padding-top:5px;}
#top-bar .static-links{float:left;}
#global-nav{float:left;margin-left:8px;}
#global-nav li a{margin-right:1px;outline:none;}
#global-nav li a:hover{color:#fff;}
#global-nav li:first-child a{border-left:none;}
#global-nav li:last-child a{border-right:none;}
#global-nav .active a{color:#fff;background-color:#111;margin-top:-1px;background:rgba(0,0,0,0.7);font-weight:bold;}
#global-nav .new a{background-image:url(images/light.png);background-repeat:no-repeat;background-position:center bottom;}
#top-bar .dropdown{clear:both;position:absolute;right:0;z-index:0;top:-999px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background:#121212;box-shadow:0 2px 2px rgba(0,0,0,0.6);-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6);zoom:1;}
#top-bar .active .dropdown{top:40px;}
#top-bar ul.user-dropdown{overflow-x:hidden;width:152px;cursor:pointer;}
#top-bar ul.user-dropdown li{cursor:pointer;clear:both;display:block;width:100%;background:#333;background:rgba(255,255,255,0.1);}
#top-bar ul.user-dropdown li:last-child,#top-bar ul.user-dropdown li:last-child a{-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}
#top-bar ul.user-dropdown li {cursor:pointer;}
#top-bar ul.user-dropdown li a,#top-bar ul.user-dropdown li h2{cursor:pointer;clear:both;display:block;background-image:none;padding:6px 15px;width:122px;}
#top-bar ul.user-dropdown li span{clear:both;display:block;background-image:none;background:#222;padding:6px 15px;width:122px;-moz-box-shadow:0 -1px #333;border-top:1px solid #000;cursor:default;color:#666!important;}
#top-bar ul.user-dropdown li:last-child h2{display:none;}
#top-bar ul.user-dropdown li h2{width:160px;}
#top-bar ul.user-dropdown li a:hover{cursor:pointer!important;background:#666;background:rgba(255,255,255,0.1);color:#fff;}
#top-bar #session.active,#top-bar #session:hover{color:#fff;background:#666;background:rgba(255,255,255,0.1);}
#top-bar #session.active span{color:#fff;}
#session *{outline:none;}
#session #screen-name{color:#bababa;cursor:pointer;font-weight:normal;}
#session #screen-name:after{width:7px;height:7px;display:inline-block;background:transparent url(images/sprite-icons.png) no-repeat scroll -79px -68px;content:"↓";text-indent:-99999px;vertical-align:top;margin-top:8px;margin-left:1px;}
#session{float:right;padding:10px 18px 10px 15px;vertical-align:top;cursor:pointer;}@media screen and(-webkit-min-device-pixel-ratio:0){#session{padding:10px 18px 11px 15px;}}
#new-tweet{display:block;width:16px;height:21px;padding:9px 10px;*padding-top:13px;_padding-top:9px;cursor:pointer;float:right;}
#new-tweet span{margin-top:4px;*margin-top:13px;width:14px;display:block;height:14px;text-indent:-9999px;background-image:url(images/sprite-icons.png);background-position:-176px -96px;font-size:0;}
#new-tweet:hover span{background-position:-192px -96px;}
#top-bar .vr{border-left:1px solid #040404;border-right:1px solid #2F2F2F;height:26px;display:block;float:right;margin:6px 3px 1px 3px;}
#session a.profile-links span#screen-name{background:url(../img/down-arrow.png) no-repeat right center;padding-right:13px;color:white;cursor:pointer;}
#session a.profile-links:hover,#session a:hover{text-decoration:none!important;}
#search-form {float:left;margin:6px 0 0 0;*margin:5px 0 0 0;opacity:1;position:relative;}
#search-form #search-query{border:1px solid black;-moz-border-radius:4px;-webkit-border-radius:4px;font:13px Arial,sans-serif;width:240px;padding:6px 6px 4px 6px;color:#ccc;background:#666;-webkit-box-shadow:0 1px 0 #444;-moz-box-shadow:0 1px 0 #444;box-shadow:0 1px 0 #444;}
#search-form #search-query:hover{background:#777;color:#fff;}
#search-form span.glass{display:block;position:absolute;display:block;right:0;padding:7px 8px 5px 8px;}
#search-form span.glass i{background-image:url(images/sprite-icons.png);background-position:-224px -96px;width:14px;height:14px;display:block;font-size:0;}
#search-form #search-query:focus,#search-form #search-query.focused{outline:none;background:#eee;color:#333;text-shadow:0 1px 0 #fff;border:1px solid #eee;-webkit-box-shadow:0 0 3px #000;-moz-box-shadow:0 0 3px #000;}
#session img{display:inline-block;vertical-align:middle;width:20px;height:20px;margin-top:-4px;margin-right:6px;border:none;cursor:pointer;}
/*END Twitter CSS*/

/* CAJA AŅADIDA*/

#top-stuffcaja{font-family: Helvetica Neue,Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;position:fixed;margin-top:50px;margin-left:700px;width:350px;aling:right;}

#top-caja{font-family: Helvetica Neue,Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;top:0;_width:350px;min-width:350px;max-width:350px;text-align:left;}

#top-caja-outer{font-family: Helvetica Neue,Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;width:100%;height:65px;}

#top-caja-bg{width:350px;height:100%;top:0;left:0;background-repeat:no-repeat;background-image:url(http://www.enredadios.com/site/theme/twitter/twitter-back.png);box-shadow:0 1px 2px rgba(0,0,0,0.5);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5);}

#top-caja .top-caja-inside{_width:275px;min-width:275px;max-width:275px;margin:5px 5px;position:absolute;}

/* FIN CAJA AŅADIDA */


#page {
	margin:0 auto;
	max-width:1120px;
	min-width:1000px;
	padding-top:60px;
}

#content {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	margin:20px 0 0;
	overflow:hidden;
	position:relative;
	z-index:1;
	background: #FFE39D;
	clear: both;
}
#layout-table {
	margin-top: 0;
}
#layout-table #middle-column {
	z-index:4;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 3px 4px #999;
	-webkit-box-shadow:0 3px 4px #999;
	*border-right:1px solid #eee;
	position:relative;
	background:#fff;
	height:100%;
	min-height:700px;
}
.loginbox, .userinfobox {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 3px 4px #999;
	-webkit-box-shadow:0 3px 4px #999;
	background:#fff;
	border: none;	
}

#layout-table #left-column {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

#layout-table #right-column {
	position:relative;
	overflow:hidden;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.sitetopic {
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	margin-left:-12px;
	margin-right:-12px;
	margin-top:-2px;
	border: none;
background: #FDFDFD;
background:-webkit-gradient(linear,left top,left bottom,from(#FDFDFD),to(#CCCCCC));
background:-moz-linear-gradient(top,#FDFDFD,#CCCCCC);
background:transparent\9;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDFDFD',endColorstr='#CCCCCC');
	border-bottom: 1px solid #AAA;
	min-height: 100px;
}
.sideblock .header {
	font-family: Us-enredadios,Arial;
	color: #F48000;
	font-size: 18px;
	border: none;
}
body .section td.side {
	font-size:16px;
	font-weight:300!important;
	color: #f48000;
}
.sideblock .header h2 {
	font-size:18px;
	font-weight:300;
	color: #f48000;
	text-shadow: 1px 1px #333;
}
.sideblock .content {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px #f48000 dashed;
	background: transparent;
	padding-bottom: 15px;
	font-size: 14px;
}

.sideblock * {
	color: #333;
}
table.minicalendar {
	border: 1px #f48000 solid;
}


h1 {
	font-family: US-enredadios,Helvetica Neue;
	font-size: 33px;	
	color: #f48000;
	text-shadow: 1px 1px #ddd;
}
h2 {
	font-family: US-enredadios,Helvetica Neue;
	font-size: 20px;	
	color: #333;
	text-shadow: 1px 1px #ddd;
}
h5 {
	padding-top: 0;
}
h3.main, h4.main, h5.main, h6.main {
	font-family: US-enredadios,Helvetica Neue;
	font-size: 16px;	
	color: #f48000;
	

}

#header-home, #header {
	height: 20px;
	position: relative;
}
#header-home h1, #header h1 {
	margin: 0;
	padding: 0;
	color: #f48000;
	font-size: 28px;
	font-weight: 300;
}
#header .headermain, #header-home .headermain {
	font-size:1.5em;
	margin-left: 10px;
}

.headermenu {
	position: absolute;
	float: none;
	display: block;
	width: 250px;
	top: 10px;
	right: 10px;
}
.headermenu .logininfo {
	color: #fff;
	font-size: 14px;
}
.headermenu .logininfo a {
	color: #fff;
	font-weight: bold;
}

.navbar {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 3px 4px #333;
	-webkit-box-shadow:0 3px 4px #333;
	background: #FB990B;
	background: -webkit-gradient(linear,left top,left bottom,from(#FB990B),to(#EF5A01));
	background: -moz-linear-gradient(top,#FB990B,#EF5A01);
	background: transparent\9;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FB990B',endColorstr='#EF5A01');
	border: 1px solid #e78400;	
	margin-bottom: 20px;
	margin-top: 20px;
}
.navbar .breadcrumb {
	margin-left: 12px;
}

.coursebox {
	border: none;
	border-top: 1px solid #eee;
	padding-bottom: 20px;
}
.coursebox .name {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 300;
}
.coursebox .info ul {
	margin-left: 0px;
	padding: 0;
	font-size: 16px;
	font-weight: 300;
}
.coursebox .summary {
	font-size: 14px;
	font-weight: 300;
}

/*Headings*/
body#site-index .headingblock, body#course-view .headingblock { 
	border: none;
}
h2.headingblock {
	font-family: US-enredadios,Helvetica Neue;
	font-size:16px;
	font-weight:300;
	padding-bottom:6px;		
}

#footer {
	margin-left: 10px;
	margin-right: 10px;
	text-align: left;
}

/*Lightbox everywhere CSS*/
body{}

/* Modal overlay css */
#ModalOverlay {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    height:100%;
    width:100%;
    margin:0;
    padding:0;
    background:#000;
    opacity:.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    display: none;
    z-index: 10;
}
/* Dialog css */
#ContentDialog {
    display: none;
    position: absolute;
    z-index: 100;
    padding: 10px;
    background: #FFE39D;
}
#ContentDialog h2 {
    margin: 0 0 20px 0;
    padding: 0;
}
#ContentDialog #ContentDialogContent {
    margin: 0 0 20px 0;
    padding: 0;
    height: 320px;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: scroll;
}

.chromestyle{
font-family: US-enredadios,Helvetica Neue;
width: 750px;
color: #FFF;
font-weight: bold;
font-size: 15px;
margin:0px auto;
text-shadow: 1px 1px #999;
}
 
.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
font-family: US-enredadios,Helvetica Neue;
/*content: ".";*/
color: #FFF;
font-size: 15px;
display: block;
height: 0;
clear: both;
visibility: hidden;
}
 
.chromestyle ul{
font-family: US-enredadios,Helvetica Neue;
color: #FFF;
font-size: 15px;
width: 100%;
padding: 4px 10px;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}
 
.chromestyle ul li{
font-family: US-enredadios,Helvetica Neue;
font-size: 15px;
color: #FFF;
display: inline;
border-right: 1px solid #ef5a01;
}
 
.chromestyle ul li a{
font-family: US-enredadios,Helvetica Neue;
color: #FFF;
font-size: 15px;
padding: 4px 7px;
margin: 0;
text-decoration: none;

}
 
.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
font-family: US-enredadios,Helvetica Neue;
color: #111;
font-size: 15px;
 /*THEME CHANGE HERE*/
}
 
/* ######### Style for Drop Down Menu ######### */
 
.dropmenudiv{
font-family: USlight-enredadios,Helvetica Neue;
font-size: 14px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
padding: 4px 4px;
position:absolute;
top: 0;
border: none; /*THEME CHANGE HERE*/
border-bottom-width: 0;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}
 
.dropmenudiv a{
font-family: USlight-enredadios,Helvetica Neue;
font-size: 14px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
padding: 4px 4px;
width: auto;
display: block;
text-indent: 3px;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}
 
* html .dropmenudiv a{ /*IE only hack*/
font-family: USlight-enredadios,Helvetica Neue;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
font-size: 14px;
padding: 4px 4px;
width: 100%;
}
 
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
font-family: US-enredadios,Helvetica Neue;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
font-size: 14px;
padding: 4px 4px;
color: #111;
background-color: #FB990B;
}


/***
 *** Forms
 ***/

.mform {
  margin: 0 auto;
  padding: 0;
  width: 80%;
}
.mform fieldset {
  border: 1px solid #f48000;
background-color: #fff;
  padding: 10px 0;
  margin: 0.7em 0;
  width:100%;
}
.mform fieldset.hidden, .mform fieldset.felement {
  border: 0;
}
.mform fieldset.felement {
  width: auto;
}
.mform fieldset legend {
  font-weight: bold;
  margin-left: 0.5em;
}
.mform fieldset .advancedbutton{
   width:100%;
   text-align:right;
}

.mform div.fitem {
  clear: both;
  width: 100%;
  min-height: 1.5em;
}

.mform .fitemtitle {
  display: block;
  float: left;
  width: 30%;
  padding: 0;
  margin: 5px 0 0 10px;
  text-align: right;
}

.mform .fitemtitle div{
  display: inline;
}

div.fitem fieldset.fgroup label, div.fradio label,  div.fcheckbox label,
fieldset.fdate_selector label {
  display:inline;
  float: none;
  width: auto;
}

.mform div.felement,  .mform fieldset.felement{
  display: block;
  float: left;
  margin: 5px 0 0 10px;
  padding: 0;
  text-align:left;
  width: 60%;
}

.mform div.fdescription {
  clear: both;
  min-height: 1.5em;
}

.mform .fdescription.required {
  text-align:right;
}

.mform input, .mform select {
  width: auto;
}
.mform .ftextarea #id_alltext {
    width: 100%;
}
.mform br {
  clear: left;
}
.mform div.fhtmleditor {
  margin: 0 auto 10px auto;
  width : 600px;
  clear:both;
  float:none;
  padding: 25px 0 20px 0;
}
.mform span.error, .mform span.required {
  color: red;
}
.mform div.error,.mform fieldset.error {
  border: 1px solid red;
  padding: 5px;
  color: inherit;
}
.mform .fcheckbox input {
  margin-left: 0px;
}
.mform .fpassword .unmask {
  display:inline;
}
.mform .fpassword .unmask input {
  margin-left:5px;
  margin-right:3px;
}

.mform label .req, .mform label .adv {
  cursor: help;
}

/* form frozen */
div.mform div.fitem div.fstatic{
 border-color : #D3D3D3;
 border-style : dashed;
 border-width : thin;
}

#admin-register .mform .fsubmit {
  padding:20px;
  text-align:center;
}

div.phpinfo .center{
  text-align: center;
}

div.phpinfo .center table {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

div.phpinfo .center th {
  text-align: center;
}

.backup-form-instances {
   margin:0px 20px 0px 20px;
}
.restore-form-instances {
   margin:0px 20px 0px 20px;
}


.buttongrad {
   border: 1px solid #ef5801;
   background: #e98401;
   background: -webkit-gradient(linear, left top, left bottom, from(#fb9b0b), to(#e98401));
   background: -webkit-linear-gradient(top, #fb9b0b, #e98401);
   background: -moz-linear-gradient(top, #fb9b0b, #e98401);
   background: -ms-linear-gradient(top, #fb9b0b, #e98401);
   background: -o-linear-gradient(top, #fb9b0b, #e98401);
   padding: 6px 12px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 14px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.buttongrad:hover {
   border-color: #f2dec9;
   background: #eeeeee;
   color: #404040;
   }
.buttongrad:active {
   border-color: #fb9b0b;
   background: #fb9b0b;
   }


/* SLIDEBOX */


footer {
    clear:both;
    overflow:hidden;
    font-size:16px;
    line-height:0.3;
}
#footer-boxes {
    -moz-column-count:2;
    -moz-column-gap:10px;
    -webkit-column-count:2;
    -webkit-column-gap:10px;
    column-count:4;
    column-gap:10px;
}
.footer-box {
    margin:0 0 0 0;
    display:inline-block;
    width:200px;
    height:110px;
    padding:3px;
    background:#e6e2df;
    color:#b2aaa4;
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    background-position:210px 50%;
    background-repeat:no-repeat;
    text-decoration: none;
}
.footer-box h5 {
    font: bold 24px US-enredadios !important;
    text-transform:uppercase;
    font-size:24px;
    line-height:0;
    padding:0 0 3px 0;
}
.footer-box:hover h5 {
    text-shadow:0 0 4px rgba(0,0,0,0.4);
    color:white;
}
.footer-box:hover p {
    color:white;
    text-shadow:0 0 4px rgba(0,0,0,0.4);
}
.footer-box p {
    font-family: USlight-enredadios;
    color: #E6E2DF;
    font-size:16px;

}
.footer-box:hover {
    background-position:200px 50%;
}
#cofrades {
    background-image:url(http://www.enredadios.com/site/theme/twitter/slidebox/cofrades.png);
    background-position:280px 15px;
}
#cofrades:hover {
    background-color:#333333;
    background-position:150px 15px;
}
#inmaculada {
    background-image:url(http://www.enredadios.com/site/theme/twitter/slidebox/inmaculada.png);
    background-position:280px 15px;
}
#inmaculada:hover {
    background-color:#37597a;
    background-position:150px 15px;
}
#marcha {
    background-image:url(http://www.enredadios.com/site/theme/twitter/slidebox/marcha.png);
    background-position:280px 15px;
}
#marcha:hover {
    background-color:#e98601;
    background-position:150px 15px;
}
#f-qod:hover p {
    color:#adbde3;
}
#f-bookshelf {
    background-image:url(http://cdn.css-tricks.com/wp-content/themes/CSS-Tricks-8/images/css-tricks.png);
    background-position:290px -1768px;
}
#f-bookshelf:hover {
    background-color:#ff8400;
    background-position:186px -1768px;
}
#f-html-ipsum:hover p {
    color:#fff8da;
}
#f-twitter {
    background-image:url(http://css-tricks.com/images/css-tricks.png);
    background-position:290px -1928px;
}
#f-twitter:hover {
    background-color:#4ed2fe;
    background-position:186px -1928px;
}
#f-forrst {
    background-image:url(http://css-tricks.com/images/css-tricks.png);
    background-position:290px -2088px;
}
#f-forrst:hover {
    background-color:#203f16;
    background-position:186px -2088px;
}
#f-forrst:hover p {
    color: #92c59c;
}
/* MENU CELDAS CAMBIAN COLOR */


footer2 {
    padding: 0;
}


.footer2-box {
    width:160px;
    height:30px;
    display:block;
    background:#e6e2df;
    color:#b2aaa4;
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    text-decoration: none;

}
.footer2-box p {
    font: bold 17px US-enredadios !important;
    text-transform:uppercase;
    font-size:17px;
    color: #333;
    padding-top: 5px;

}
.footer2-box:hover p {
    text-shadow:0 0 4px rgba(0,0,0,0.4);
    color:white;
}




#tablamenu {
    background-color: #f48000;
    color: #333;
}
#tablamenu:hover {
    background-color: #333;
    text-color: #fff;

/* MENU BANERS GRANDES */


footer3 {
    clear:both;
    overflow:hidden;
    font-size:16px;
    line-height:0.3;
}
#footer3-boxes {
    -moz-column-count:2;
    -moz-column-gap:10px;
    -webkit-column-count:2;
    -webkit-column-gap:10px;
    column-count:4;
    column-gap:10px;
}
.footer3-box {
    margin:0 0 0 0;
    display:inline-block;
    width:200px;
    height:110px;
    padding:3px;
    background:#e6e2df;
    color:#b2aaa4;
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    background-position:210px 50%;
    background-repeat:no-repeat;
    text-decoration: none;
}
.footer3-box h5 {
    font: bold 24px US-enredadios !important;
    text-transform:uppercase;
    font-size:24px;
    line-height:0;
    padding:0 0 3px 0;
}
.footer3-box:hover h5 {
    text-shadow:0 0 4px rgba(0,0,0,0.4);
    color:white;
}
.footer3-box:hover p {
    color:white;
    text-shadow:0 0 4px rgba(0,0,0,0.4);
}
.footer3-box p {
    font-family: USlight-enredadios;
    color: #E6E2DF;
    font-size:16px;

}
.footer3-box:hover {
    background-position:200px 50%;
}



#encuentro {
    background-color: #f48000;
    color: #333;
}
#encuentro:hover {
    background-color: #333;
    text-color: #fff;
}/***** twitter/styles.css end *****/