@charset "utf-8";
/* CSS Document */

/* ¡SÓLO PARA ESTA PÁGNA! */
#contenedor {
	min-width: 710px !important;
}
.empresa {
	position:absolute;
	width:91%;
	margin:0% 5%;
}
.empresa > header {
	background-color:#FF9900;
    border-radius: 5px !important;
    color: white;
    font-weight: bold;
    margin: auto;
    text-align: center;
	padding:5px;
}

/* Posicionamiento de los botones (centrado horizontal) */
.empresa #botones{
	text-align:left; 
	display:none;
}
#botones ul{
	margin-bottom:5px;
}
#botones li{
	display:inline;
}
/* /Posicionamiento de los botones (centrado horizontal) */

/* Estetica botones */

#botones li{
	background-color:#1B5996;
	padding:5px 5%;
	border-radius:5px 5px 0 0;
	margin-left:2px;
	margin-right:2px;
	cursor:pointer;
	color:#FFFFFF;
	border:1px solid #1B5996;
	border-bottom:0 none;
}
#botones li.activa{
	background-color:#FF9900;
	border-color:#FF9900;
}

/* /Estetica botones */
#contenidos{
	border-top:1px solid #FF9900;
	/*max-width:800px;
	margin:auto;*/
	
}
/* Contenidos */
#delegaciones,#equipo,#soportes{
	display:none;
	margin-top:25px;
}
nav {
	height:600px;
	width: 15%;
	min-width:158px;
	float:left;
}
#delegaciones ul {
    border-right: 1px solid #FF9900;
    float: left;
    list-style: none outside none;
    padding:0;
    width: 15%;
	min-width:158px;
}
#delegaciones li{    
	border: 1px solid;
    color: #1B5996;
    cursor: pointer;
    margin-bottom: 1px;
    margin-right: 20px;
    padding: 4px 10px;
	border-bottom:0;
	border-radius:5px;
}
#delegaciones li:last-child{
	border-bottom:1px solid;
}
#delegaciones li:hover{
	border-color:#FF9900;
	color:#FF9900;
}
#delegaciones li.activa{
	color:white;	
    background-color: #FF9900;
    border-color: #FF9900;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
}
#delegaciones li.activa:hover{
}
#delegaciones > header {
    max-width: 20%;
    min-width: 20%;
    width: 20%;
}
#empresas {
    float: left;
	padding: 5px 5px 10px;
	width:80%;
	min-width:820px;
}
#empresas > section{
	display:none;
	margin-left:3px;
}
#empresas fieldset {
    float: left;
    border-color: #999999;
    padding: 5px 15px 10px;
	border-radius:5px;
	border-width: 1px;
	margin:10px 10px 10px 0px;
	/*width:90%;*/
}
#empresas article {
    display: block;
    float: left;
}
#datosGenerales {
	width:440px;
	width:880px;
	float:left;
}
article.equipo, article.info {
	width:440px;
	width:405px;
}
.equipo fieldset, .info fieldset {
	width:90%;
	padding:5px 0px 15px 10px !important;
	overflow:auto;
}
#empresas article:last-child {
	min-width:446px;
	clear:both;
}

#empresas label {
    display: inline-block;
    width: 75px;
	font-weight:bold;
}
.tipos{ 
	margin-bottom:20px;
	width:100%;
}
.tipos fieldset{
	border-radius:5px;
	width:96%;
}
.tipos > fieldset > table{
    display: inline-block;
	margin-left:5px;
    vertical-align: top;	
}
.tipos > fieldset table td{
	padding:5px;
}
.tipos > fieldset > table > thead > tr > td{
	background-image: url("../images/flechas4.jpg");
	background-color: #1B5996;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:right 0;
	
	margin-left:2px;
	margin-right:2px;
	color:#FFFFFF;
	border:1px solid #1B5996; 
	border-radius:5px 5px 0 0; 
	cursor:pointer;  
	padding-right: 45px;
}
.tipos > fieldset > table > tbody > tr > td{	
	border-left:1px solid #1B5996;
	border-right:1px solid #1B5996;
	border-bottom:1px solid #1B5996;
	text-align:left;
}
.tipos > fieldset > table > tbody > tr:last-child > td{	
	border-radius:0 0 5px 5px;
}
.tipos > fieldset > table > tbody div{
	display:none;	
}
.tipos > fieldset > table:first-child > tbody div{
	display:block;
}
.equipo-empresa{
	max-height:200px;
	overflow:auto;
}
.equipo-empresa table {
	width:100%;
}
.equipo-empresa .cargo {
	width:auto;
}
.equipo-empresa .nombre {
	width:auto;
}
.desplegables {
	overflow:auto; 
	max-height:300px;
	min-height:30px;
	border-left:1px solid #FF9900; 
	margin:8px auto auto 5px;
}
/* /Contenidos */