﻿body {
	margin: 0px;
	padding: 0px;
	text-align:center;
	background-color:#ebebeb;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* -------------------
----- ESTRUCTURA -----*/

#container{
	text-align:left;
	margin:10px auto;
	width:920px;
	background-color:#CBCCCB;
	border:1px solid #000;
}
#header{
	height:105px;
	background: url(../imagenes/bkgHeader.jpg) no-repeat #525252;
}
#langMenu{
	float:right;
	margin: 2px 3px 0 0;
}
#ctl00_mainMenu{
	float:left;
	margin-top:6px;
	padding-right:1px;
	border-top: 1px solid #c9c9c9;
	border-right: 1px solid #c9c9c9;
}
#subHeader{
	clear:both;
	background: #999;
	border-bottom: 1px solid #666;
	padding:2px;
}
.subHeaderMPE{
	border-bottom: 1px solid #666;
	padding:2px;
	margin-bottom :.5em;
}

#mainContent{
	border-top:1px solid #FFF;
	padding: 10px;
}

#footer{
	margin:3px;
}

.right{
	float:right;
}
.left{
	float:left;
}
.clearer{
	clear:both;
}

/* Pagina Acutalizado */



/* -------------------
----- MAQUETACIÓN -----*/

/* GENERAL  */
h1{
	margin-bottom: 10px;
	font-size:0.9em;
}
h2{
	border-bottom:1px solid #000;
	margin-bottom: .5em;
	margin-top: 1.5em;
	font-size:.8em;
}
p{
	font-size:.8em;
}
th{
	text-align:center;
	background-color:#999999;
	color:#fff;
	height:2em;
	font-size:.8em;
}
td 
{
	padding:0 .4em;
}
.info{
	font-weight:bold;
}
.ResetSize{font-size :12px;}
.alCenter{
	text-align:center;
}
.alRight{
	text-align:right;
}
.warning
{
	color:#993300;
	font-size : .7em;
}
table.insideBuscador{margin-top:1em; background:#ccc; width:100%;}
table.insideBuscador tr.impar td{background:#fff;}
table.insideBuscador td{color:#000;  height:2em;}
table.insideBuscador th{ font-weight:normal; padding:0 .5em;}
table.generic{
	background:#fff;
}
table.TablaAuto{border-collapse :collapse ;}

table.GridView td {font-size :0.7em;}
table.GridView  td.info{font-size :0.9em;}
table.GridView  td.infoLabel{font-size :0.9em;}
table.GridView th{font-size:.7em;  border-color:red;}
.FooterGridView {height:15px;background:#999;padding :0;border-collapse :collapse ;}  

td.solidgrisR{border-right:1px solid #999999;}
td.solidgrisL{border-left:1px solid #999999;}

table.TablaAuto td
{
	padding :0;
	margin :0;
	border:none;
}

tr.trImpar td{
	background:#d8dad8;
}
td.solidBlack{border-bottom:1px solid #000;}
td.dottedBlack{border-bottom:1px dotted #000;}
td.rightSolidBlack{border-right:1px solid #000;}


/* ENLACES */
a:link, a:visited{
	color:#000;
}
a:hover{
	text-decoration:underline;
}
a:active{
	color:#000;
}

a.invert:link, a.invert:visited{
	color:#FFF;
}

a.invert:active{
	color:#FFF;
}

a.sinUnder:hover{
	text-decoration:none;
	color:#888;
}
a.sinUnderInvert:hover{
	text-decoration:none;
	color:#333;
}

/* subHEADER */
#subHeader p{
	margin:0;
	font-size: 0.7em;
}

#SubHeader .titre{
	color:#fff;
	font-weight:bold;
	margin-left: 15px;
	font-size:.9em;
}
.SubHeaderMPE .titre{
	color:#fff;
	font-weight:bold;
	margin-left: 15px;
	font-size:.9em;
}

#boxTarea #SubHeader, #boxProyecto #SubHeader, #boxUsuario #SubHeader, #boxClientes #SubHeader
{
	color:#fff;
	height: 25px;
	padding-top:5px;
}

#SubHeader .menuSubHeader{
	margin:0 8px 0 0;
	float:right;
}
#SubHeader .menuSubHeader li{
	display:inline;
	padding:0 .4em;
}

#SubHeader a:link{
	color:#fff;
	font-size:.7em;
}
#SubHeader a:visited,#SubHeader a:active {color:#fff;font-size:.7em;}

/* FORMS */
label{
	font-size: .8em;
	margin-right: 0px;
}
select 
{
	font-size: .8em;
}
input 
{
	color: #000000;
	font-size: .8em;
	font-weight: normal ;
}

label.checkBox{
	margin-left:6px;
	font-size: .7em;
}
span.RadioButton label
{
	float :none ;
	margin-right :1em;
}

label.small{
	width: 7em;
}
.smallForm{
	float:left;
	margin-right: 10px;
	padding-right: 10px;
	border-right:1px solid #fff;
}
.smallForm  ol {
	list-style: none;
}
.smallForm li {
	padding-bottom: 0.5em;
}
.infoForm{
	font-size:.6em;
	font-weight:bold;
}
.smallForm select, #boxTarea select{
	padding:0;
}


fieldset {
	width: 100%;
	margin: 1.5em 0 0 0;
	padding: 0;
	border: 1px solid #000;
}
legend {
	margin-left: 1em;
	color: #000000;
	font-weight: bold;
}


fieldset ol {
	padding: 1em 1em 0 1em;
	list-style: none;
}
fieldset li {
	padding-bottom: 0.6em;
}
fieldset label{
	float:left;
	width:8em;
	font-size:.7em;
}
fieldset.submit {
	float: none;
	width: auto;
	border: 0 none #FFF;
	text-align:center;
	/*padding-left: 12em;*/
}



#boxMail{
	border:1px solid #BBB;
	background:#ebebeb;
	padding:20px;
}

#boxMail label {
	float: left;
	width: 4em;
	margin-right: 1em;
}

#boxUsuario label, #boxClientes label 
{
	padding-top :5px;
	float: left;
	width: 9em;
	margin-right: 0.7em;
}
input.text{
	width:200px;
}
input.largeText{
	width:320px;
}

#boxClientes .smallForm label {
	float: left;
	width: 7em;
	margin-right: 1em;
}
#boxUsuario .smallForm label {
	float: left;
	width: 7em;
	margin-right: 1em;
}

#boxTarea legend{color:#CCC;}
#boxTarea label{color:#FFF; float:left; width:11em; margin-right:0.7em;}
#boxTarea label.checkBox{width:9em; margin-right:0.2em; margin-left:0;}
#boxTarea fieldset table{
	padding:0;
	width:96%;
	margin:0 1em;
	border-collapse:collapse;
	font-size :.8em;
}
#boxTarea fieldset table input{
	font-size :12px;
}
#boxTarea table{
	color:#ccc;
}
#boxTarea fieldset table td{height:2.5em; padding:.4em;}
#boxTarea table.icons td{margin:0; padding:0;}


/* PAGINACION */
.paginacion
{margin-top:5px;}
.paginacion span{color:#000;}
.Paginas 
{
	float:right;
	width :400px;
	text-align :right ;
}
.paginacion a {color:#000;}
#boxTarea .paginacion span, #boxTarea .paginacion a {color:#ccc;}

/* FOOTER */
#footer p{
	font-size:.7em;
	text-align:center;
}

/*SubPagina Usuarios/Proyectos/Clientes/Mantenimiento*/

#contentBox{
	margin:15px;
}
.detalle{
	
	background:#FFF;
	padding: 10px;
	margin-bottom:20px;
	font-size:.8em;
}

.detalle .entryDetalle{
	float:left; margin-right:15px;
}

.footerContent{
	margin-top: 10px;
	padding-top:5px;
	border-top:1px solid #000;
	text-align:center;
}

#filtro li
{
	height : 25px;
}
#filtro td
{
	padding:0em;
}

.BuscarFiltro 
{
	 height :20px;
	 padding-top : 0.3em;
	 margin-top :0.5em;
	 float:none; 
}

#boxUsuario, #boxProyecto, #boxClientes, #boxTarea{
	border: 1px solid #000;
}

#boxUsuario h1, #boxProyecto h1, #boxClientes h1, #boxTarea h1{
	color:#FFF;
	text-align:center;
	padding:.3em 0;
}
#boxTarea #filtro, #boxProyecto #filtro, #boxClientes #filtro, #boxUsuario #filtro, .filtro{
	
	padding:1em;
	border:1px solid #ccc;
}
#boxUsuario #filtro label.checkBox,#boxTarea #filtro label.checkBox, #boxProyecto #filtro label.checkBox
{
	float:none ;
	margin : 0;
}

#boxUsuario{background: #a8ffc5;}
#boxUsuario h1{background:#009933;}
#boxUsuario  tr.trImpar td{	background:#e4f8ea;}
#boxUsuario  tr.trResaltado td{background:#cccccc;}
#boxUsuario #SubHeader{background:#009933;}
#boxUsuario #filtro, #boxUsuarioMPE .filtro{background:#D7FFE3;}
#boxUsuario #filtro label{float:left ; width:9em;}
#boxUsuario fieldset label{width:9em;}
#boxUsuarioMPE .SubHeaderMPE{background:#009933;}

#boxProyecto{background: #ffcfb3;}
#boxProyecto h1{background:#993300;}
#boxProyecto  tr.trImpar td{background:#e4f8ea;}
#boxProyecto  tr.trResaltado td{background:#cccccc;}
#boxProyecto #SubHeader{background:#993300;}
#boxProyecto #filtro{background:#FFD9C1;}
#boxProyecto #filtro label{float :left ;width : 9em;}
#boxProyecto fieldset label{width:9em;}

#boxClientes{background: #cbdced;}
#boxClientes h1{background:#336699;}
#boxClientes  tr.trImpar td{background:#e4e8ed;}
#boxClientes  tr.trResaltado td{background:#cccccc;}
#boxClientes #SubHeader{background:#336699;}
#boxClientes #filtro, #boxClientesMPE .filtro {background:#D9E6F2;}
#boxClientes #filtro label{float :left ;width : 9em;}

#boxClientesMPE .SubHeaderMPE{background:#336699;}
#boxClientesMPE  tr.trImpar td{background:#D9E6F2;}
#boxClientesMPE  tr.trResaltado td{background:#cccccc;}

#boxTarea{background: #333; color:#fff;}
#boxTarea .detalle{color:#000;}
#boxTarea h1{background:#000;}
#boxTarea h2{color:#ccc;}
#boxTarea  tr.trImpar td{background:#444;}
#boxTarea  tr.trResaltado td{background:#000000;}


#boxTarea #SubHeader{background:#000;}

#boxTarea #filtro{background:#282828;}

#boxMantenimiento .paginacion{margin-top :10px; border-top:1px solid #999;}
#boxMantenimiento  tr.trResaltado td{background:#ffbd22;}
#boxMantenimiento .info{font-size:0.7em;}

#filtro label{
	float:none;
	margin-right:0px;
}


.collapsePanelAzul
{
	background-color:#CBDCED;
	overflow:hidden;
	border:solid 1px #FFFFFF;
}
.collapsePanelVerde
{
	background-color:#A8FFC5;
	overflow:hidden;
	border:solid 1px #FFFFFF;
}
.collapsePanelHeader
{	

    /*color: white;
    background-color: #993300;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;*/
    cursor: pointer;
}
.collapsePanelHeaderAzul
{	
	/*border: 1px solid #2F4F4F;*/
	/*background-color: #5d7b9d;*/
    color: white;
    background-color: #336699;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
    cursor: pointer;
}
.collapsePanelHeaderVerde
{	
	/*border: 1px solid #2F4F4F;
	background-color: #5d7b9d;
    color: white;
    background-color: #009933;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;*/
    cursor: pointer;
}


.collapsePanelHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.collapsePanelHeader a:hover
{
	background: none;
	text-decoration: underline;
}
.modalBackground {
	background-color: Black;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup {
	background-color: #ebebeb;
	border-width: 1px;
	border-style: solid;
	border-color: #000;
	padding: 1em;
}



.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: #fff;
    color: red;
    padding :0;
    margin :0;
    border-collapse:collapse;  

}

 
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: Gray;
    padding :0;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: #993300;
    background-color: #ebebeb;
    padding :0;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black ;
    font-weight:bold;
    padding :0;
}
.MyCalendar td 
{
	color:#000;
    padding :0;
}

.MyCalendarTareas .ajax__calendar_container {
    border:1px solid #646464;
    background-color: #fff;
    color: red;
    padding :0;
    margin :0;
    border-collapse:collapse;  
	width:250px;

}

.MyCalendarTareas .ajax__calendar_body 
{
	height:180px;
	width:250px;
	}
.MyCalendarTareas .ajax__calendar_body{
	height:180px;
	width:250px;
	}
.MyCalendarTareas .ajax__calendar_other .ajax__calendar_day,
.MyCalendarTareas .ajax__calendar_other .ajax__calendar_year {
    color: Gray;
    padding :0;
}
.MyCalendarTareas .ajax__calendar_hover .ajax__calendar_day,
.MyCalendarTareas .ajax__calendar_hover .ajax__calendar_month,
.MyCalendarTareas .ajax__calendar_hover .ajax__calendar_year {
    color: #993300;
    background-color: #ebebeb;
    padding :0;
}
.MyCalendarTareas .ajax__calendar_active .ajax__calendar_day,
.MyCalendarTareas .ajax__calendar_active .ajax__calendar_month,
.MyCalendarTareas .ajax__calendar_active .ajax__calendar_year {
    color: black ;
    font-weight:bold;
    padding :0;
}
.MyCalendarTareas td 
{
	color:#000;
    padding :0;
}

 .ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;}
 .ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
 .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
 .ajax__calendar_container TABLE {font-size:11px;}
 .ajax__calendar_header {height:20px;width:100%;}
 .ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-left.gif")%>);}
 .ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-right.gif")%>);}
 .ajax__calendar_title {cursor:pointer;font-weight:bold;}
 .ajax__calendar_footer {height:15px;}
 .ajax__calendar_today {cursor:pointer;padding-top:3px;}
 .ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
 .ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
 .ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
 .ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

 .ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
 .ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
 .ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
 .ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
 .ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
 .ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}

 .ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
 .ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
 .ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

 .ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
 .ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

 .ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
 .ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
 .ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

 .ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
 .ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}

	