/*
INBOUNDING CSS
10/2012
*/

/* Correcciones sobre jquery-ui */
.ui-widget
{
font-size:0.75em;
}


.ui-timepicker-div .ui-widget-header { margin-bottom: 8px;Background-color:#F00 }*/
.ui-timepicker-div dl { text-align: left}
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 8px; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

/* Generales */
body
{

height:auto; 
color:#3a3a3b; 
background-color:#FFF; 
font: 15px verdana, sans-serif;
/*font:verdana,sans-serif;*/
padding: 0 10px; /* Prevent layout "sticking" to the edge of the browser */
/*
margin:1.5%;
min-width:1024px*/
}

a
{
color: #00426A; 
text-decoration:underline;
}

a:hover
{
color: #00426A;
font-size:1.01em;
cursor:pointer;
}


/* Contenedor principal */
.MainContainer
{

height:auto; 
width:auto;
border: 1px solid #428bca;
padding:15px ;
margin-top:7%;
padding-left:15px;
text-align:left;
font-size:1.19em;
/*background-color:#FBE8F4;*/
}

/* Grupos */
.content-group-header
{

height:auto; 
width:auto;
padding:4px ;
text-align:left;
font-size:1.09em;
font-weight:bold;
color:#00426A;
margin-bottom:3px;
}

/* Grupos de menús*/
.content-group 
{
padding:5px;
margin:2px;
margin-bottom:1%;
font-size:1.09em;
}

.content-group-light
{
padding:5px;
margin:2px;
margin-bottom:1%;
font-size:1.09em;
border: 1px solid #428bca;
border-radius: 2px;
}




.content-group-light2
{
border-radius: 3px;
border: 1px solid #FFF;
padding:1px;
margin:2px;
}



/* Pseudobotón de inicio */
.home-group 
{

height:auto; 
border-radius: 4px;
/*border: 1px solid transparent;*/
margin-top:2%;
padding:3px;

position: relative;
vertical-align: middle;
display: block;

text-align: center;
background-image: linear-gradient(top, #E2007A, #FF79C2 43%, #FFE8F4);
	/*Degradado fucsia */
background-image: -o-linear-gradient(top, #E2007A, #FF79C2 43%, #FFE8F4);
background-image: -ms-linear-gradient(top, #E2007A, #FF79C2 43%, #FFE8F4);
background-image: -moz-linear-gradient(top, #E2007A, #FF79C2 43%, #FFE8F4);
background-image: -webkit-linear-gradient(top, #E2007A, #FF79C2 43%, #FFE8F4);
background-image: linear-gradient(top, #E2007A, #FF79C2 43%, #FFE8F4);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E2007A, endColorstr=#FFE8F4);

}


/* Cabecera de las fichas */
.content-group-header-opcion
{
height:auto; 
width:auto;
padding:5px ;
margin-top:10px;
padding-left:15px;
text-align:left;
color:#00426a;
font-size:1.02em;
font-weight:bold;
}

/*Textos subtitulos de las fichas */
.content-group-header-opcion-subtitle
{
text-align:left;
font-size:0.7em;
}




/*Textos en los grupos de filtrados*/
.CriteriosFiltros
{
padding:5px;
padding-top:10px;
font-size:0.59em;
vertical-align:middle;
margin-left:2px;
}

.FormDropDown
{

width:120px ;
height:25px;
vertical-align:middle;
font-size:1em;
text-align:left;
}


.FormDropDownLargo
{

max-width:150px auto;
height:25px;
vertical-align:middle;
font-size:1em;
text-align:left;
}



.FormTextBox
{
width:100px;
height:10px;
vertical-align:middle;
text-align:right middle;
font-size:1em;
/*
min-width:100px;
height:10px;
vertical-align:middle;
*/
}


.pwText
{
width:150px;
height:10px;
vertical-align:middle;
}




/* Elementos click y botones*/
.a-opcion
{
font-size:0.94em;
padding:3px 8px 5px 3px;
text-align:center;
vertical-align:center;
display:block;
margin:3px;
max-width:94%;

min-height:60px;
max-height:60px;

height:60px;

background-color:#CECFCE;

border-radius: 4px;

min-width:80%;
color:#3a3a3b;
}


.a-opcion2
{
width:80%;
font-size:0.80em;
text-align:center;
padding:3px 8px 5px 3px;
max-width:94%;
min-height:40px;
max-height:40px;
height:40px;
background-color:#CECFCE;
margin:3px;
border-radius: 4px;


color:#3a3a3b;

}


.a-opcion3
{
font-size:1.15em;
text-align:center;
vertical-align:middle;
background-color:#00426A;
position: relative;
padding:3px 8px 3px 3px;
margin:3px;
border-radius: 4px;
color:#FFF;
cursor:pointer;

}



.ch-btn,.ch-btn:focus
{
padding:1px 10px 5px 3px ;
text-align:center;
text-decoration:none;
background-color:#CECFCE;
margin:2px;
border-radius: 4px;
font-size:1.15em;
min-width:130px;
}

.a-opcion:hover,.a-opcion2:hover
{
background-color:#BEBEBF;
text-decoration:none;
cursor:pointer;
}

.a-opcion3:hover
{
background-color:#476BB2;
font-size:1.20em;
text-decoration:none;
cursor:pointer;
}

.a-opcion:focus,.a-opcion2:focus,.a-opcion2:active
{
background-color:#00426A;
text-decoration:none;
cursor:pointer;
color: #FFF;
outline: none; 

}

.a-opcion3:hover
{
cursor:pointer;
}


.ch-btn:hover,.ch-btn:active,.ch-btn:focus
{
outline: none; 
border-radius: 4px;
background-color:#BEBEBF;
text-decoration:none;
cursor:pointer;
}

.a-opcion-home:hover 
{
cursor:pointer;
}

.a-opcion-text-main
{
/*color:#3a3a3b;*/
text-align:center;
display:block;
font-size:1.1em;
vertical-align: middle;
font-weight:bold;
}

.a-opcion-text-main2
{
/*color:#3a3a3b;*/
font-weight:bold;
display:inherit;
font-size:0.95em;
display: table-cell;
text-align:center;
vertical-align: middle;

}


.a-opcion-text-main3
{
font-weight:bold;
display:inherit;
font-size:0.75em;
display:block;
text-align:center;
vertical-align:middle;
/*color:#3a3a3b;*/
/*
font-weight:bold;
display:inherit;
font-size:0.50em;
display: table-cell;
text-align:center;
vertical-align: middle;
*/
}


.a-opcion-text-secondary,.a-opcion-text-secondary2
{

font-weight:lighter;
/*color:#3a3a3b;*/
font-size: 0.7em;
display: table-cell;
vertical-align: middle;
padding-top:2%;
}

.a-opcion-image
{
padding:5px;
width:64px;
display: table-cell;
vertical-align: middle;
}


.opt-description
{
height:auto; 
border-radius: 6px;
border: 1px solid #FFF;
margin:2px;
margin-bottom:1%;
}

.opt-description-title
{
font-weight:semi-bold;
display:block;
font-size:0.61em;
margin:3px;
}
.opt-description-text
{
display:block;
font-size:0.9em;
margin:4px;
margin-left:14px;
}

/* Área de presentación del Dashboard */



.graph-error-display
{
background-color:#F1F1F1; 
text-align:center;
vertical-align:center;
font-size:0.8em;
}

/* Contenedor para los gráficos Highcharts */
.graph-cotainer
{
margin-top:1%;
margin-left:1%;
margin-bottom:1%;
margin-right:2%;
border: 1px solid #428bca;
border-radius: 2px;
}

.graph-data-result
{

margin-left:2px;
font-size:0.73em;
padding:2px;
border-radius: 3px;
background-color:#a0c1c5;
}

.graph-data-result tr
{
height:32px;
max-height:32px;
margin:3px;
padding:2px;
vertical-align:base-line;
font-size:0.78em;
}


.graph-data-result span,.graph-data-result td
{
font-weight:bold;
display:block;
margin:4px;

font-size:1em;
vertical-align: top;
text-align:center;
}


/* Área para las tablas */

.table-global-container
{
background:#FFF;
text-align:center;
margin:10px;
padding:15px;
border-radius: 3px;
font-size:0.5em;
max-width:95%;
}

.etiquetaopciones
{
width:250px;	
}