/*========================
CSS Para Pestañas
========================*/
#contenedor {
margin: 50px auto;
width: 400px;
}
 
#contenedor h1 {
float: left;
font-size: 20px;
margin: 0 0 20px 0;
width: 400px;
border-color:#FF3300;
}
 
.tabs {
border-bottom:1px solid #999;
border-left: 1px solid #999;
border-color:#FF3300;
background:#000000;
float: left;
height: 32px;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.tabs li {
background:#FF6600;
color:#FF6600;
border: 1px solid #999;
border-left: none;
border-color:#FF3300;
float: left;
height: 31px;
line-height: 31px;
margin: 0;
margin-bottom: -1px;
overflow: hidden;
padding: 0;
position: relative;
}
 
.tabs li a {
border: 1px solid #fff;
border-color:#FF3300;
color:#000000;
display: block;
font-size: 1.2em;
font-weight:bold;
padding: 0 20px;
text-decoration: none;
outline: none;
}
.tabs li a:hover { background:#FF6600; }
 
/*========================
Contenido de Pestañas
========================*/
.tab_container {
background: #fff;
border: 1px solid #999;
border-color:#FF3300;
border-top: none;
clear: both;
float: left;
overflow: hidden;
width: 100%;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
}
 
.tab_content {
font-size: 1.1em;
padding: 20px;
color:#FFFFFF;
border-color:#FF3300;
background:#000000;
height:280px;
}
 
.tab_content img {
border: 1px solid #000;
margin: 10px 12px;
}

.tabs li.active, .tabs li.active a:hover  {
background:#FF6600;
border-bottom: 1px solid #FF6600;
}