/*
RETICULAS CSSFRAMEWORK: GENERAL COAGLUGO
--------------------------------------------------------
Nombre del documento:   general
Fecha de creacion:      Copyright (c) 2009
Propietario/autor:      www.sond3.com
info:                   info@sond3.com

Descripcion:
Estilos generales para Coag
--------------------------------------------------------
*/

/*
Generales
--------------------------------------------------------
*/
hr          { background-color: #CCCCCC;}

ul          { list-style-type:none; margin:0; padding:0;}
ul li       {margin:0 0 2px 0;}
ul li ul li { margin:0 0 2px -20px;}

p           { margin-bottom:0.7em;}

legend      { display:none;}

fieldset { 
	margin:0;
	padding:0;
	border:none;
}
fieldset .titulo{
	margin-top:0;
	margin-right:10px;
	padding:2px;
	color:#999999;
	font-size: 14px;
	width:100%;
	background-image:url(../img/decora/lupa.gif);
	background-repeat:no-repeat;
	background-position:right;
	border: 1px solid #CCCCCC;
	background-color:#F5F5F5;
}
fieldset .boton{
	margin-bottom:1px;
	background-color: #999999;
	color:#FFFFFF;
	border:none;
}

.formulariodata p{ margin:0 0 15px 0;  }

textarea    {height: 65px;}

/*
Decoracion
--------------------------------------------------------
*/
.marcaflecha{
	background-image:url(../img/decora/marca_menu_big.gif);
	background-repeat:no-repeat;
	background-position:0 7px;
	padding:0 10px 0 15px;
}

.marcacalendar p{
    background-image:url(../img/decora/calendar_mini.gif);
	background-repeat:no-repeat;
	padding:0 0 0 15px;
}

.marcaflechacalendario{
	background-image:url(../img/decora/flechacalendario.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	color:#FFFFFF;
    padding:2px 15px 2px 2px;
	
}

.guiassup { 
	background-image:url(../img/decora/fondoguias_sup.gif);
	background-repeat:no-repeat;
}
.guiasbajo { 
	width:980px; 
	height:15px;
	margin:0 auto;
	background-image: url(../img/decora/fondoguias_bajo.gif);
	background-repeat:no-repeat;
}


/* Tabla calendario
-------------------------------------------------------------- */
table.calendario               { width:100%; border:1px solid #CCCCCC;}

table.calendario tr th         { font-weight: bold; text-align:center;  border: none; background-color: #666666; color:#FFFFFF; padding:10px 0 10px 0;}

table.calendario tr td         { border:1px solid #F5F5F5;  font-size:10px; padding:2px 2px 2px 2px ; background-color:#FFFFFF}
table.calendario tr td  a      { background-color:#00CCFF; display:block; color:#FFFFFF; padding:2px 2px 2px 2px ;}

table.calendario tr td  a.agena{ background-color:#C2F4C9; display:block; color: #006600;}
table.calendario tr td  a.agena:hover{ background-color:#000000; display:block; color:#66CC00;}

table.calendario tr td  a:hover{ background-color: #000000; text-decoration:none;}

table tr.daycalendar td        { background-color: #3399CC; color:#FFFFFF; padding:5px; border:1px solid #CCCCCC;}

/* Tabla calendario GRANDE ZONA ACTIVIDADES
-------------------------------------------------------------- */
table.calendariogrande         { width:100%;}

table.calendariogrande tr th         { font-weight: bold; text-align:center;  border: none; background-color: #000000; color:#FFFFFF; padding:10px 0 15px 0;}

table.calendariogrande tr td         { border:1px solid #e7e7e7; height:100px; width:100px;  font-size:10px; vertical-align:top;  padding:2px 2px 2px 2px ; background-color:#FFFFFF}
table.calendariogrande tr td  a      { display:block; padding:2px 2px 2px 2px ;}

table.calendariogrande tr td  a:hover{ background-color: #999999; text-decoration:none; color:#FFFFFF;}

table tr.daycalendargrande td        { background-color: #3399CC; height:30px; color:#FFFFFF; padding:5px; font-size:12px; border-top: none;border-bottom: none; border-right:1px solid #006699; border-left:none;}

p.actpropia a{display:inline; background-color: #C1F0FF; color: #0099FF; margin:5px 0 5px 0;}
p.actagena a{display:inline; background-color: #C2F4C9; color: #66CC00; margin:5px 0 5px 0;}


/* Colores / tipos / varias
-------------------------------------------------------------- */
.grismedio  { color:#666666;}

.colorcoag1 { color:#0099CC;}

.fondocolorcoag1 { background-color:#0099CC;}

.negro a{ color:#000000;}
.negro a:hover { color:#0099CC;}

.mini { line-height:1.1em;}
.medio{ line-height:1.2em;}

.lineasolida { border:1px solid #CCCCCC; }

/* Margenes expandidos
-------------------------------------------------------------- */
.margenbajo0 { margin-bottom:0;}


/* altos
-------------------------------------------------------------- */
.alto10 { height:10px;}



/*-------------------------------PAGINACION------------------------------------------*/
.paginacion{
	/*border: 1px solid #CCCCCC;*/
	width:auto;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 10px 0px;
	background-color: #F5F5F5;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	line-height:20px;
	text-align:right;
}
.paginacion a{
	padding: 5px 5px 5px 5px;
	text-decoration:none;

	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}
.paginacion a:hover{
	color: #FFFFFF;
	background-color: #333333;
	border: 1px solid #000000;
}
.paginacion span{
	border: 1px solid #999999;
	padding: 5px 5px 5px 5px;
	background-color: #999999;
	color:#FFFFFF;
}