/**Modificado por Meilyn Garro, Universidad de Costa Rica, 2015
 	
               ________________
              |                |_____    __
              |    UCRINDEX    |     |__|  |_________
              |________________|     |::|  |        /
 /\--/\       |                \.____|::|__|      <     
( o_o  )_     |                      \::/  \._______\
 (u--u   \_)  |
  (||___   )==\
,dP"/b/=( /P"/b\
|8 || 8\=== || 8
`b,  ,P  `b,  ,P
  """`     """`
 
Biologia Tropical */
/*.................................
Basic styles
..................................*/
#header {
background: url(./images/bg_slide.png) top left repeat-x;
}
#header h1 {
display:none;
}
#header #headerTitle h1 img{
	display:none;
}
/*...........................................
textos 
............................................*/
#main h2, #main h3 {
	color: #65a897;
}
/*...........................................
Sidebar
............................................*/
#sidebar div.block span.blockTitle { 
	background:#65A897;
}
#leftSidebar #sidebarUser li, #rightSidebar #sidebarUser li, #rightSidebar #sidebarNavigation.block li, #leftSidebar #sidebarNavigation.block li{  
	color:#ffca08;
}
/*...........................................
Media queries
.............................................*/
@media (min-width: 100px){
#header #headerTitle {
background: url(./images/bg_mb.png) top left no-repeat;
}
div.tab div { width: 100%; }
}
@media (min-width: 600px){
#header #headerTitle {
background: url(./images/bg.png) top left no-repeat;
}
div.tab div { width: 25%; }
}
/*...........................................
Tabs info
.............................................*/
* {box-sizing: border-box}
/* Style the tab */
div.tab {
    border: 1px solid #ccc;
    background-color: #F2F2F2;
    overflow: hidden;
}

/* Style the divs inside the tab */
div.tab div {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
}

div.tab img {
  max-width: 70% !important;
}
/* Change background color of divs on hover */
div.tab div:hover {
    background-color: #ccc;
}

/* Create an active/current "tab div" class */
div.tab div.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 12px 12px;
    border: 1px solid #ccc;
    border-top: none;
}