/* TAGS BASICOS HTML */
h1 { 
	color:#545454;
	font-size:24px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

h2{
	color:#525252;
	font-size:18px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
}

p{
	color:#535353;
	font-size:13px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.p12px
{
 font-size:12px;
 color:#525252;
 text-align:left;
}

.trebuchet18px
{
  font-size:18px;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#525252;
}


th{
	background-color:#A5C4E3;
	color:#36588B;
	font-size:12px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding:8px;
	text-align:left;
}

td{
	color:#545454;
	font-size:12px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding:8px;
	font-weight:bold;
}

a{
	color:#35588B;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
}

a:hover{
	text-decoration:underline;
}

table .impar {
	background-color:#EAF0F4;
	color:#535353;
	font-weight:normal;
}

table .impar td{
	color:#535353;
	font-weight:normal;
}

.subheader{
	font-size:9px;
	font-family:Verdana, Geneva, sans-serif;
	margin:0;
	padding:0;
	font-weight:normal;
	color:#999999;
}

tr:hover{
		background-color:#75A5D0;
}	

tr:hover td{
	color:#FFF;
}

ul {
	list-style-type:none;
}


input {
	
  	-webkit-border-radius: 4px;
  	-moz-border-radius: 4px;
   	border-radius: 4px;


	border:#DBDBDB 1px solid;
	background-color:#FFF;
	height:24px;
	padding:2px 5px;
	cursor:pointer;
}


/******FONTS******/

.href1{
	font-size:14px;	
	font-weight:bold;
}

.href2{
	font-size:12px;
}

.href3{
	font-size:9px;
}

.href4{
	color:#535353;
	font-size:12px;
}

span{
	color:#545454;
	font-size:12px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.deshabilitado{
	color:#CCCCCC;
}

.titulo_columna{
	color:#545454;
	font-weight:bold;
	font-size:12px;
	cursor: pointer;
}
	
/*************Estructuras********/
.doscolumnas125px{
	width:690px;}

.doscolumnas125px	.izq{
	width:125px;
	float:left;
}

.doscolumnas125px	.der{
	width:565px;
	float:right;
}

.doscolumnas75px	.izq{
	width:75px;
	float:left;
}

.doscolumnas75px	.der{
	width:615px;
	float:right;
}

.doscolumnas75px	.der	ul{
	margin:5px 0px;
}

.doscolumnas75px	.der	ul	li{
	margin-left:10px;
	color:#535353;
}

.doscolumnas55px	.izq{
	width:55px;
	float:left;
}

.doscolumnas55px	.der{
	width:235px;
	float:right;
}

.doscolumnas30px	.izq{
	width:30px;
	float:left;
	text-align:center;
}

.doscolumnas30px	.der{
	width:270px;
	float:right;
}


.contenedor_padding10px{
	padding:10px;
}

.columnas2 {
	width:49% !important;
	width:45%;
	margin-right:5px;
	float:left;

}

.columna-der
{
	width:50% !important;
	width:49%;
	float:left;
	padding:10px 0px;
	
}

.columnas3 {
	width:30%;
	float:left;
	margin-right:3%;
}
	
/******Botones******/

.boton1 {
	width:75px;
	height:24px;
	padding-top:3px;
	/*background-image:url(imagenes/btn_imgs/extras_btn.png);*/
	background-image:url(../img/base/extras_btn.png);
	background-repeat:repeat-x;
	border:1px solid #999999;
	padding-left:5px;
	display:block;
	text-decoration:none;
	color:#545454;
}

.boton1:hover {
	background-image:url(../img/base/btn_imgs/extras_btn_hover.png);
}

.boton2 {
	width:75px;
	height:24px;
	padding-top:3px;
	background-image:url(../img/base/btn_imgs/accion_btn.png);
	background-repeat:repeat-x;
	border:1px solid #36588B;
	padding-left:5px;
	display:block;
	text-decoration:none;	
	color:#FFF;
}

.boton2:hover {
	background-image:url(../img/base/btn_imgs/accion_btn_hover.png);
}

.boton3 {
	width:75px;
	height:22px;
	padding-top:5px;
	background-image:url(../img/base/btn_imgs/seccion_btn.png);
	background-repeat:repeat-x;
	border:1px solid #80AD2C;
	display:block;
	text-decoration:none;	
	color:#4B760C;
	text-align:center;
	cursor:pointer;
}

.boton3:hover {
	background-image:url(imagenes/btn_imgs/seccion_btn_hover.png);
}


/*BOTONES 16 X 16 */

div.agregar
{
  background-image:url(../img/base/agregar.jpg);
  width:16px;
  height:16px;
  
}

div.quitar
{
  background-image:url(../img/base/quitar.jpg);
  width:16px;
  height:16px;
  cursor:pointer;
}

.boton_mas {
	background-image:url(../img/base/btn_imgs/plus_orange_ico.png);
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	
	float:left;
	/*margin:0 5px;*/
	font-weight:bold;
	cursor:pointer;
}

.boton_menos {
	background-image:url(../img/base/btn_imgs/minus_orange_ico.png);
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	margin-top:2px;
	float:left;
/*	margin:0 5px;*/
	font-weight:bold;
	cursor:pointer;
}

.boton_cruz
{
	background-image:url(../img/base/btn_imgs/cross2_orange_ico.png);
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	float:left;
	/*margin:0 5px;*/
	font-weight:bold;
	cursor:pointer;	
}

.boton_cheque {
	background-image:url(../img/base/btn_imgs/check_orange_ico.png);
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	
	float:left;
	/*margin:0 5px;*/
	font-weight:bold;
	cursor:pointer;
}

.icono5 {
	background-image:url(../img/base/btn_imgs/icono5.png);
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	margin-top:2px;
	float:left;
	margin-right:5px;
	font-weight:bold;
	cursor:pointer;
}

.icono6 {
	background-image:url(../img/base/btn_imgs/icono6.png);
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	margin-top:2px;
	float:left;
	margin-right:5px;
	font-weight:bold;
	cursor:pointer;
}



/*CONTENEDOR CON TEXTOS PEQUEÑOS*/

.textopequeno h1{
	color:#33588B;
	font-size:12px;	
	font-weight:bold;
}

.textopequeno p{
	font-size:9px;
}

/*CONTENEDOR CON BOTON DE CERRAR*/
.popup{
	width:166px;
}

.popup .close{
	width:16px;
	height:16px;
	background-image:url(../img/base/close_popup.jpg);
	background-repeat:no-repeat;
	float:left;
}

.popup .caja{
	width:128px;
	padding:10px;
	float:right;
	border:#A5C4E3 solid 1px;
	background-color:#BACEDE;
	text-align:center;
}

.popup .caja h1{
	font-size:12px;
	color:#35588B;
}

.popup .caja p{
	color:#35588B;
	font-size:9px;
}


/*CONTENEDOR CON BORDE*/
.caja_mensaje{
	border:#A5C4E3 1px solid;
	background-color:#BACEDE;
	padding:3px;
	position:relative;
	width:72px;
}

.caja_mensaje .caja{
	border:#A5C4E3 1px solid;	
	background-color:#FFF;
}

.caja_mensaje .caja h1{
	color:#35588B;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif
}

.caja_mensaje .caja p{
	color:#000;
	font-size:9px;
}

/*********Espaciados**************/

.width5px {
	width:5px;
}

.height5px {
	height:5px;
}

.width10px {
	width:10px;
}

.height10px {
	height:10px;
}

.width15px {
	width:15px;
}

.height15px {
	height:15px;
}

.width20px {
	width:20px;
}

.height20px {
	height:20px;
}

.width25px {
	width:25px;
}

.height25px {
	height:25px;
}

.width50px {
	width:50px;
}

.height50px {
	height:50px;
}

.width100px {
	width:100px;
}

.width150px {
	width:150px;
}

.width200px {
	width:200px;
}

.width330px {
	width:330px;
}

.width102px {
	width:102px;
}

/************Varios Reusables***************/

.alinear_derecha
{
  float:right;
  margin-top:10px;
}

.flotar_izq{
	float:left;
}

.flotar_der{
	float:right;
}

.margin_left_5px{
	margin-left:5px;
}

.margin-right_5px{
	margin-right:5px;
}

.margin_top_10px{
	margin-top:10px;
}

.close{
	width:16px;
	height:16px;
	background-image:url(../img/base/close_popup.jpg);
	background-repeat:no-repeat;
	float:right;
}

.linea {
	border-top:#E0E0E0 1px solid;
}

.linea_2 {
	border-bottom:#E0E0E0 1px solid;
}
/*	Para cambiar tamaño del boton, ventana, div, etc. solo crear un nuevo identificador y poner la estructura
	class="botonX" id="tamanopersonalizado">
*/
#tamanopersonalizado{
	width:250px;
}

/*	Para el PopUp tomar en cuenta (.popup .caja )= (width de .popup) - (width de close = 16 - 20 padding - 2 border)
 en este caso tamanopersonalizado2 es el tamano de .popup
 y tamanopersonalizado3 es el tamño de .popup .caja
*/

#tamanopersonalizado2{
	width:450px;
}

#tamanopersonalizado3{
	width:412px;
}

#tamanopersonalizado4{
	width:100px;
}

#tamanopersonalizado5{
	width:130px;
}


#tabla_color2{
	background-color:#BACEDE;
	border:#A5C4E3 1px solid;
}


#tabla_color2 td{
	color:#35588B;
	font-size:14px;
}

.tabla_color_detalles{
	background-color:#75A5D0;
}

.tabla_color_detalles td{
	color:#FFFFFF;
}
/*VARIOS*/

.quitarencima{/*Si hay algo flotando encima lo quita*/
	clear:both;
}

#negrita{
	font-weight:bold;
}

.color_ul {
	background-color:#EAF0F4;
	display:block;
	}
	
.notas_jquery ul{
	padding:3px;
}

.notas_jquery ul li{
	display:inline; margin-right:8px;
}

/*--------------------------------CAJITA FREDDY --------------------------*/
.doscolumnas_creacion_colegios{
	width:270px;

}

.doscolumnas_creacion_colegios .izq{

	float:left;
	margin-right:20px;
}

.doscolumnas_creacion_colegios	.der{
	text-align:center;
	margin:auto; 
	float:left;
}

.caja_{
	position:relative;
	-moz-border-radius:8px;
	border:#DFDFDF 3px solid;
	width:165px;
	
}

.caja_adorno {
	background-image:url(../../img/padres/caja_adorno.png);
	background-repeat:no-repeat;
	width:11px;
	height:20px;
	position:absolute;
	top:22px;
	left:-11px;
}

.espaciado1{
	padding:0 0 10px 25px;
	position:relative;
}

input.creacion
{
  width:330px;	
  margin-bottom:5px;
}

input.creacion_grado
{
  width:305px;	
  margin-bottom:5px;
  float:left;
}

.alineando
{
  display:inline-block;
  margin-right:5px;
  
}

input.input40
{
  height:26px;
  width:26px;	
  padding:4px 7px;
  margin:0 5px;
  
}

input.input250
{
  height:24px;
  width:236px;	
  padding:2px 7px 0 7px;
  display:block;
  float:left;
  margin-right:3px;
}

div.centrarboton
{
  width:130px;
  height:23px;
  padding-right:5px;
  margin-right:56px;
  margin-top:5px;
  text-align:center;
  float:right;
  cursor:pointer;
}

/*----------------------------------*/
input.error
{ border:#F00 solid 1px;}



/*----------------cake----------------*/

.message, .info, .success, .warning, .error {
        border: 1px solid #B4C9E6;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		margin: 0 0 10px 0;
        background-repeat: no-repeat;
        background-position: 10px center;
        font-size: 14px;
		padding: 20px;
}
.info {
        /* color: #00529B; */
        border-color: #00529B;
        background-color: #BDE5F8;
}
.success {
        /* color: #4F8A10; */
        border-color: #4F8A10;
        background-color: #DFF2BF;
}
.warning {
        /* color: #9F6000; */
        border-color: #9F6000;
        background-color: #FFFABF;
}
.error {
        /* color: #D8000C; */
        border-color: #D8000C;
        background-color: #FFBABA;
}

table#informacion-estudiante tr td
{
	 vertical-align:middle;
	 width:300px;
	 height:20px;
	 padding:0px;
	 margin:0px;
	 padding-left:15px;
	 font-size:12px;
}

table#informacion-estudiante tr td.titulo
{
	text-align:right;
	color:#33588B;
	
	

	
}


.borde{
	border:#03F 1px solid;
}