/*css para baras de estado de la planeacion*/

.divImagen > img,span{    text-align: center;
}
		.imgprincipalpd{
			width:164px;
			height: 63px;
            cursor:default;
            
		}
		.imgClaspd{
			margin-left:-28px;
			width:164px;
			height: 63px;
            cursor:default;

		}
		.classSpanpd{
			margin-left:-128px;
			text-align:center;
			margin-top: 5px;
			width:80px;
			color: white;
			cursor:default;
		}

/* estatus de planeacion didactiva*/

.imgprincipal{
			width:180px;
			height: 60px;
		}
		.imgClas{
			margin-left:-30px;
			width:180px;
			height: 60px;

		}
		.classSpan{
			margin-left:-138px;
			text-align:center;
			margin-top: 23px;
			width:80px;
			color: white;
			
		}
        
		.classSpanb{
			margin-left:-126px;
			text-align:center;
			margin-top: 23px;
			width:80px;
			color: white;
			
		}
    
/* ------------------------------------- */
/* modal contenido
    ***************/
.clasmodalContenido {
    background-color: white;
    margin: 10px;
    width: 950px;
    border-radius: 10px;
    -webkit-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.6);
    filter: shadow(color=rgba(0, 0, 0, 0.6), direction=135, strength=2);
    
}
.clasmodalContenidoReporte {
    background-color: white;
    margin: 10px;
    width: 950px;
    height:650px;
    border-radius: 10px;
    -webkit-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.6);
    filter: shadow(color=rgba(0, 0, 0, 0.6), direction=135, strength=2);
    
}
.classHeaderpopups
{
    background: rgb(167,207,223);
background: -moz-linear-gradient(top,  rgba(167,207,223,1) 31%, rgba(35,83,138,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,rgba(167,207,223,1)), color-stop(100%,rgba(35,83,138,1))); 
background: -webkit-linear-gradient(top,  rgba(167,207,223,1) 31%,rgba(35,83,138,1) 100%);
background: -o-linear-gradient(top,  rgba(167,207,223,1) 31%,rgba(35,83,138,1) 100%); 
background: -ms-linear-gradient(top,  rgba(167,207,223,1) 31%,rgba(35,83,138,1) 100%);
background: linear-gradient(to bottom,  rgba(167,207,223,1) 31%,rgba(35,83,138,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 );

}
.classDivOculto
{
    display:none;
}
.classDivVisible
{
    display:block;
}


/* ------------------------------------------ */
/* estilos de mensajes emerjentes*/
 .alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}


.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-infore {
      color: #31708f;
  /*background-color: #FF6347;*/
  background-color:#d9edf7;
  border-color:#bce8f1;
  border: 1px solid;
  border-radius: 30px;
}
.texto {
padding-top:-50px;

}
.alert-info {
    /*#31708f*/
  color: #31708f;
  /*background-color: #FF6347;*/
  background-color:#d9edf7;
  border-color:#bce8f1;
  border: 1px solid;
  border-radius: 20px;
}
.alert {
    /*#31708f*/
  color: #31708f;
  /*background-color: #FF6347;*/
 

}
.alert-info hr {
  border-top-color: #a6e1ec;
    height: 4px;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}


/*   -----------------------------------------*/
/* 
    
    estilos de fuente
    */


.styleFuenteTituloEtiquetas
        {
            color: #003366;
            font-weight: bold;
            font-size: 20px;
            text-decoration: underline;
        }
        .styleFuenteEtiquetas
        {
            color: #003366;
            font-size: 16px;
            text-align: left;
        }
        
        .styleFuenteTextCampo
        {
            color: #370000;
            font-weight: bold;
            text-align: left;
            font-size: 14px;
        }
/* ---------------------------------------------*/
.normal {
    width: 250px;
    border: 1px solid #000;
    border-collapse: collapse;
}

    .normal th, .normal td {
        border: 1px solid #000;
    }

.NombreFormClasSpan
{
    font-family:Arial, Helvetica, sans-serif;
    float:right;
    margin-right:10px;
    
} 
.classoculto
{
    display:none;
}

.classVer
{
    display:block;
}
hr
{
    -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
  -moz-box-shadow:  5px 5px 10px  rgba(0, 0, 0, 0.6);
  filter: shadow(color=rgba(0, 0, 0, 0.6), direction=135, strength=2);
  clear:both;
  width:100%;
  margin: 0 auto;
  margin-top:6px;
  margin-bottom:6px;
}
br
{
    clear:both;
}
.ContenedorCtrl
{
    padding-top:10px;
    padding-bottom:10px;
    
    width:100%;
    min-width:200px;
    margin-bottom:20px !important;
}
.envabezado
{

  width:100%;
  margin-top:5%;
  margin-bottom:5%;
  display:block;
 height:auto;
}
.classdivEncavezado
{
    width:100%; min-width:200px;
    padding:10px;
}
.classdivEncavezado > *{
    float:left;
}
DropDownList{
    min-height:30px;
}

.envabezado  > div 
{
   float:left;
}
/* text area class*/
.textareaclass
{
    height:10%;
}
/*div de contenedores separacion 2px*/
.classcontrols
{
    margin:2px;
}

.classcontrolsradio
{
    margin:2px;
}
.classcontrolsradio > * 
{
    float:left;
    margin-left:3px;
}

.classDivBotones {
    width:100%;
}

    .classDivBotones > .btnClass {
        float:right;
    }
.btnClass {
    margin-left:10px;
    width:300px;
    height:40px;
}

input[type="text"]
{
    height:20px;
    border-radius:3px 3px 3px 3px;
}

input[type="Password"]
{
    height:20px;
    border-radius:3px 3px 3px 3px;
}


/*    estilos para botones*/

input[type="submit"], input[type="button"], button {
    border-radius:8px 8px 8px 8px;
    background: rgb(226,226,226); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(226,226,226,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(226,226,226,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(226,226,226,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(226,226,226,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(226,226,226,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(226,226,226,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
    min-height:30px;
    min-width:100px;
}


/* ------------------------------------------------------------------- */
/*  estilos mensajes para modal popup*/

.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.4);
	
	opacity:0.6;
	
}


.classModalError{
	width: 400px;  
    min-height:150px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
  -webkit-box-shadow: 10px 10px 15px rgba(247, 182, 91, 0.5);
  -moz-box-shadow: 10px 10px 15px rgba(247, 182, 91, 0.5);
  filter: shadow(color=rgba(247, 182, 91, 0.5), direction=135, strength=2);
}

.classModalAdvertencia
{
	width: 400px;    
    min-height:150px;    
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	
  -webkit-box-shadow: 10px 10px 15px rgba(216, 222, 53, 0.5);
  -moz-box-shadow: 10px 10px 15px rgba(216, 222, 53, 0.5);
  filter: shadow(color=rgba(216, 222, 53, 0.5), direction=135, strength=2);

}

.classSpanModal
{
	width: 60px;
	height: 60px;
	float: left;
	margin-right: 10px;
}

.classModalMensaje
{
	width: 400px;
    min-height:150px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	
  -webkit-box-shadow: 10px 10px 15px rgba(70, 148, 242, 0.5);
  -moz-box-shadow: 10px 10px 15px rgba(70, 148, 242, 0.5);
  filter: shadow(color=rgba(70, 148, 242, 0.5), direction=135, strength=2);

}


.classModalCorrecto
{
	width: 400px;
    min-height:150px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;

  -webkit-box-shadow: 10px 10px 15px rgba(38, 168, 18, 0.5);
  -moz-box-shadow: 10px 10px 15px rgba(38, 168, 18, 0.5);
  filter: shadow(color=rgba(38, 168, 18, 0.5), direction=135, strength=2);

}


/*************************************************************/



/*   estilos de dropdownlist*/

.classDropDownList {
    min-width: 310px;
    padding: 5px;
    font-size: 16px;
    height: 30px;
}
.classDropDownList100px {
    min-width: 100px;
    padding: 5px;
    font-size: 16px;
    height: 30px;
}
.classtextBox
{
    min-width: 310px;
    padding: 5px;
    font-size: 16px;
    height: 30px;
}

.classtxtOcupartodo{
    width:950px;
}

.classOcupar500px{
    width:500px;
}
.classLogo
{
    width:300px;
    height:90px;
    margin-bottom:10px;
    margin-right:100px;
}
.classLogoSecundarios
{
    width:200px;
    height:90px;
    margin-left:50px;
}


.classLogoSecundariosREINU
{
    width:100px;
    height:90px;
}


/*   estilos para login*/
.classh3Login
{
    text-decoration-color: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(30,87,153,1) 19%, rgba(30,87,153,1) 20%, rgba(41,137,216,1) 50%, rgba(30,87,153,1) 80%, rgba(30,87,153,1) 81%, rgba(30,87,153,1) 95%, rgba(30,87,153,0.8) 100%); /* FF3.6+ */
    text-decoration-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(19%,rgba(30,87,153,1)), color-stop(20%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(80%,rgba(30,87,153,1)), color-stop(81%,rgba(30,87,153,1)), color-stop(95%,rgba(30,87,153,1)), color-stop(100%,rgba(30,87,153,0.8))); /* Chrome,Safari4+ */
    text-decoration-color: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,1) 95%,rgba(30,87,153,0.8) 100%); /* Chrome10+,Safari5.1+ */
    text-decoration-color: -o-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,1) 95%,rgba(30,87,153,0.8) 100%); /* Opera 11.10+ */
    text-decoration-color: -ms-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,1) 95%,rgba(30,87,153,0.8) 100%); /* IE10+ */
    
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#cc1e5799',GradientType=0 ); /* IE6-9 */
    text-shadow: 0px 2px 3px #555;
}

h2{
    
    text-decoration-color: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(30,87,153,1) 19%, rgba(30,87,153,1) 20%, rgba(41,137,216,1) 50%, rgba(30,87,153,1) 80%, rgba(30,87,153,1) 81%, rgba(30,87,153,1) 95%, rgba(30,87,153,0.8) 100%); /* FF3.6+ */
    text-decoration-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(19%,rgba(30,87,153,1)), color-stop(20%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(80%,rgba(30,87,153,1)), color-stop(81%,rgba(30,87,153,1)), color-stop(95%,rgba(30,87,153,1)), color-stop(100%,rgba(30,87,153,0.8))); /* Chrome,Safari4+ */
    text-decoration-color: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,1) 95%,rgba(30,87,153,0.8) 100%); /* Chrome10+,Safari5.1+ */
    text-decoration-color: -o-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,1) 95%,rgba(30,87,153,0.8) 100%); /* Opera 11.10+ */
    text-decoration-color: -ms-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,1) 95%,rgba(30,87,153,0.8) 100%); /* IE10+ */
    
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#cc1e5799',GradientType=0 ); /* IE6-9 */
    text-shadow: 2px 2px 3px #555 ;
}
h3
{
    text-decoration-color: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(30,87,153,1) 19%, rgba(30,87,153,1) 20%, rgba(41,137,216,1) 50%, rgba(30,87,153,1) 80%, rgba(30,87,153,1) 81%, rgba(30,87,153,1) 95%, rgba(30,87,153,0.8) 100%); /* FF3.6+ */
    text-decoration-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(19%,rgba(30,87,153,1)), color-stop(20%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(80%,rgba(30,87,153,1)), color-stop(81%,rgba(30,87,153,1)), color-stop(95%,rgba(30,87,153,1)), color-stop(100%,rgba(30,87,153,0.8))); /* Chrome,Safari4+ */
    text-decoration-color: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,1) 95%,rgba(30,87,153,0.8) 100%); /* Chrome10+,Safari5.1+ */
    text-decoration-color: -o-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,1) 95%,rgba(30,87,153,0.8) 100%); /* Opera 11.10+ */
    text-decoration-color: -ms-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,1) 95%,rgba(30,87,153,0.8) 100%); /* IE10+ */
    
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#cc1e5799',GradientType=0 ); /* IE6-9 */
    text-shadow: 2px 2px 3px #555 ;
}
.classdivLogin
{
    width:50%;
    border-right:2px outset rgba(102, 102, 102, 0.63);
}
 .classDivfloatLEFTH > div
    {
        float:left;
    }


@media only screen and (max-width: 850px) {

    .classdivLogin
    {
        width:95%;
        border-right:2px outset rgba(102, 102, 102, 0.63);
    }
    .classLogo
    {
        width:300px;
        height:90px;
        margin-bottom:3px;
        margin-right:inherit;
    }
    .classLogoSecundarios
    {
        width:100px;
        height:45px;
        margin-left:50px;
    }


    .classLogoSecundariosREINU
    {
        width:60px;
        height:45px;
    }

    .classtxtOcupartodo{
       width:89.5%;
    }
    .classOcupar500px{
        width:89.5%;
    }
    .envabezado  > div 
    {
       float:none;
    }
    .classgrupdiv {
	    width:inherit;
    }

    .classdivEncavezado
    {
        width:inherit; min-width:inherit;
    }
 
   
    

}