/* CSS Document */
body { background:#F5F5F5; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14; margin:0px; padding:0px; color:#666;text-decoration:none;}
a { color:#666; text-decoration:none;}
a:hover { color:#0095d9; text-decoration:underline;}

/* MENU */
.btn-red {color: #FFF; font-size:14px; text-decoration:none; }
.btn-red a{color: #FFF; text-decoration:none; }
a:hover.btn-red {color: #0095d9; text-decoration:underline;}

.btn-green {color: #FFF; font-size:14px; text-decoration:none; }
.btn-green a{color: #FFF; text-decoration:none; }
a:hover.btn-green{color: #ecffc9; text-decoration:underline;}

.btn-blue {color: #FFF; font-size:14px; text-decoration:none; }
a.btn-blue {color: #FFF; text-decoration:none; }
a:hover.btn-blue{color: #aedeff; text-decoration:underline;}

/* CONTENIDO */
h1 {color: #FFF; font-size:16px; padding:10px 0 10px 20px;}
h2 {color: #FFF; font-size:16px; padding:5px 0 5px 20px;}
.tit-white {color: #FFF; font-size:16px; padding:10px 0 10px 20px;}
.link-red {color: #1e439b; font-size:16px; }
.alerta {color: #1e439b; font-size:12px; padding-left:20px; background:url(../images/alerta.png) top left no-repeat; }
.alerta2 {color: #F00; font-size:12px; padding-left:20px; background:url(../images/alerta.png) top left no-repeat; }
.disponible {color: #1e439b; font-size:12px; padding-left:20px; background:url(../images/ico-activo.png) top left no-repeat; }

/* FORMULARIOS */
input {color: #666; font-size:14px; padding:0;}
.agregar {color: #FFF; font-size:14px; padding:5px 10px 5px 10px; background:#1f90e0;}
.editar {color: #FFF; font-size:14px; padding:5px 10px 5px 10px; background:#87cf00;}
.eliminar {color: #FFF; font-size:14px; padding:5px 10px 5px 10px; background:#1e439b;}


/* FOOTER */
.footer {color: #0095d9; font-size:12px; padding:10px 0 10px 0;}
.footer a{color: #0095d9; }
a:hover.footer {color: #FFF;}


/* MENU PRINCIPAL

/*custom font for text*/
@import url(http://fonts.googleapis.com/css?family=Nunito);
/*CSS file for fontawesome - an iconfont we will be using. This CSS file imported contains the font-face declaration. More info: http://fortawesome.github.io/Font-Awesome/ */
@import url(http://thecodeplayer.com/uploads/fonts/fontawesome/css/font-awesome.min.css);

/*Basic reset*/
* { padding: 0;}

body {
	background: #FFF;
	font-family: Nunito, arial, verdana;
}
#accordian {
	background: #4a6198;
	width: 250px;
	margin: 5px auto 0 auto;
	color: white;
	/*Some cool shadow and glow effect*/
	box-shadow: 
		0 5px 15px 1px rgba(0, 0, 0, 0.6), 
		0 0 200px 1px rgba(255, 255, 255, 0.5);
		
}
/*heading styles*/
#accordian h3 {
	font-size: 12px;
	line-height: 34px;
	padding: 0 10px;
	cursor: pointer;
	/*fallback for browsers not supporting gradients*/
	background: #666; 
	background: linear-gradient(#4a6198, #39569b);
}
/*heading hover effect*/
#accordian h3:hover {
	text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}
/*iconfont styles*/
#accordian h3 span {
	font-size: 16px;
	margin-right: 10px;
}
/*list items*/
#accordian li {
	list-style-type: none;
}
/*links*/
#accordian ul ul li a {
	color: white;
	text-decoration: none;
	font-size: 11px;
	line-height: 27px;
	display: block;
	padding: 0 15px;
	/*transition for smooth hover animation*/
	transition: all 0.15s;
}
/*hover effect on links*/
#accordian ul ul li a:hover {
	background: #4a6198;
	border-left: 5px solid lightgreen;
}
/*Lets hide the non active LIs by default*/
#accordian ul ul {
	display: none;
}
#accordian li.active ul {
	display: block;
}

/* PARA AGREGAR CAMPOS EN ACTIVIDADES */

input[type="text"]{
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    border-radius: 4px 4px 4px 4px;
    color: #555555;
    display: inline-block;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 4px 6px;
    vertical-align: middle;
}
input[type="password"]{
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    border-radius: 4px 4px 4px 4px;
    color: #555555;
    display: inline-block;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 4px 6px;
    vertical-align: middle;
}
input[type="select"]{
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    border-radius: 4px 4px 4px 4px;
    color: #555555;
    display: inline-block;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 4px 6px;
    vertical-align: middle;
}


input[type="text"]:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0 none;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
}
a {
    text-decoration: none;
}
.btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    vertical-align: middle;
}
.btn-info {
    background-color: #49AFCD;
    background-image: linear-gradient(to bottom, #5BC0DE, #2F96B4);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn:hover{
    color:#333;
    text-decoration:none;
    background-position:0 -15px;
    -webkit-transition:background-position .1s linear;
    -moz-transition:background-position .1s linear;
    -o-transition:background-position .1s linear;
    transition:background-position .1s linear;
}
.btn-info:hover{
    color:#fff;
    background-color:#2f96b4;
}
#contenedor {
    margin-top: 15px;
}
.added {
    float: left;
    margin-right: 10px;
}
.eliminar {
    margin: 5px;
}


/* salto de pagina*/

@media all {
   div.saltopagina{
      display: none;
   }
}
   
@media print{
   div.saltopagina{
      display:block;
      page-break-before:always;
   }
} 

/* fin salto de pagina*/