@import url('https://fonts.googleapis.com/css?family=Abel|Abril+Fatface|Alegreya|Arima+Madurai|Dancing+Script|Dosis|Merriweather|Oleo+Script|Overlock|PT+Serif|Pacifico|Playball|Playfair+Display|Share|Unica+One|Vibur');

@import url('https://fonts.googleapis.com/css2?family=Comfortaa&family=Gloria+Hallelujah&display=swap');

*{margin:0; padding:0;}


#infousr{
min-width:480px;max-width:960px;height:20px;margin:0px auto;display:block;background:#FFf;
}
/*header*/


.smallest{width:50px;}
.baja{background-color:#ccc;}
#footer{
height:40px;background-color:#eee;font-size:11px;color:#555;text-align:center;
}
#footer a{color:#FF5C2A;}

div#logo {
    width: 900px;
    /*height:50px;
    background:url('/images/logo.jpg');*/
    margin-left: 5%;
    
}

div#logo a {
    display:block;
    float:right;
    /*width: 242px;
    height:50px;
    padding: 10px 0;*/
}div#logo a img{
	
    height:60px;
    padding: 5px 0;
   /*width: 242px;*/
}/*
#header {  height:70px; background:#fff ; width:100%;  display:block}
#logo {   height:70px; margin:0 auto;display:block;}*/
.t_msg{display:block;padding:8px;background:#FFA500;color:#fff;text-align:center;font-weight:bold;}
/*header*/
.instrucciones{border:dotted 1px #00A0E1;color:#555;display:block;padding:8px;text-align:left;font-size:14px;}
/*menu*/
#esp_menu {min-height:60px;width:100%;overflow:visible;display:block; z-index:100; position:absolute;}
#menu { min-width:480px;max-width:960px;height:20px;margin:0px auto;overflow:visible;display:block;}
#menu .submenu{float:left;width:160px;display:block;}
#menu .submenu .collapse {width:156px; overflow:hidden;background:#fff;display:block;}
#menu .submenu .collapse li {font-size:12px; list-style:none;font-weight:bold;color:#FF5C2A;margin:3px 0px 3px 0px;padding-left:23px;}
#menu .submenu .collapse li ul li{font-size:11px; list-style:none;margin:3px 0px 3px -3px; padding-left:18px; padding-top:1px; padding-bottom:1px;}
#menu .submenu .collapse li ul li a{color:#1E90FF;text-decoration:none;}
#menu .submenu .collapse li ul li a:hover{color:#0056FF;text-decoration:none;}
/*#menu .submenu .collapse li ul li a:visited{color:#BE74DB;text-decoration:none;}*/
#menu .submenu .caption{height:35px;text-align:center;font-weight:bolder;color:#FF5C2A;width:156px;background-color:#fff;}
.bordecolor {border-style:solid; border-width:1px 2px 0;}
.bordecaption {border-style:solid; border-width:1px 2px 15px 2px;}
.menu_color{border-color:#ADD8E6; }

#caption_color{ border-color:#ADD8E6;}
.ficha{width:670px;display:block;}
.foto{width:160px;height:205px;display:block;float:left;float:left;}
.ficha_datos{width:500px;float:left;}
.img_foto{width:150px;height:174px;}
/*Opciones del menu*/

.barra_nav{display:block;height:20px;width:775px;background:url(barra.png) repeat ;margin:30px auto 2px; color:#fff; padding:20px 0 0 5px;}
.barra_nav a{text-decoration:none;color:#fff; font-size:14px; font-weight:normal;}
/*menu*/

/*general*/
#contenido{margin:5px auto;  background-color:#fff; max-width:960px;min-width:480px;text-align:center;min-height:300px;}
#content{margin:0 auto;padding:5px;display:inline-block;text-align:center;}
.clear{clear:both;}
._label{width:150px;display:inline-block;text-align:right;float:left;margin-top:5px;padding:5px;}
._input{color:#444;width:300px;display:block;text-align:left;float:left;background-color:#fff;border:1px solid #3f7dbd;margin-left:5px;margin-top:5px;border-radius:5px;padding:5px;}
.label_val{width:300px;display:inline-block;text-align:left;float:left;border:none;margin-left:5px;margin-top:5px;color:#333;}
.tabs li{display:inline-block;border-bottom:1px solid #0E70A5;padding:5px 10px;}
._input label{border:1px solid #ccc;}
.req{border-left:5px solid #f00;border-bottom:1px solid #f00;}
.rojo{background-color:#A52A2A;color:#fff;}
.rojo:hover{background-color:#fff;color:#A52A2A;}

/* Tablas */
table { width: 100%; border-collapse:collapse; border:1px solid #FFCA5E; background: #fff;margin-top:30px;}

caption { font-size:95%; font-weight:700; line-height:150%; padding:0 0 1px; text-align: left; text-indent: 10px; color: #000; border-bottom:1px solid #FFAA00; margin-bottom: 10px; }
thead th { background: #681120; height: 30px; font-size: 1.1em; font-weight: bold; padding: 0px 7px; margin: 20px 0px 0px; text-align: left; border: 1px solid #FCF1D4; color:#fff;}
tbody tr { background: #fff; }
tbody tr:hover{ background: #DADDE2;}
tbody th,td { padding: 2px 7px; border-top: 1px solid #0E70A5; border-right: 1px solid #DDDDDD; text-align: left; }
a { font-weight: bolder; text-decoration: none; color:#FF5C2A;}
a:hover { text-decoration: none; }
tfood th { padding: 2px 7px; border-top: 1px solid #0E70A5; border-right: 1px solid #DDDDDD; text-align: left; }
.subtabla thead tr th {background:#84C0D6;color:#ff;}
/* Titulos */
h1{font-size:16px;display:block;color:#1E90FF;font-weight:bold; margin:0px 10px;text-align:center; text-transform: uppercase;}
h2{font-size:14px;display:block;color:#FF5C2A;font-weight:bold; margin:0px 20px;text-align:left; }
h3{font-size:12px;display:block;color:#0E70A5;font-weight:bold; margin:0px 30px;text-align:left; }
label { color: #666; font-size: 13px; }


/* Mensajes, errores e informacion */
.mensaje {text-align:center; font-weight:bolder; margin:0 auto; display:block; padding: 10px 0 20px 50px; text-align:left; width:300px;margin-top:100px;background-color:#F7C93E;}
.error { background:#FFC296 url("error.png") no-repeat;}
.informacion { background:#fff url("informacion.png") no-repeat;border:2px solid #F7C93E;}

/* Login */
#login { width: 320px; margin:0 auto; }
#loginform{ margin-left: 8px; padding: 0px 16px 40px 16px; font-weight: normal; background: #fff; border: 1px solid #e5e5e5; }
#user_pass, #user_login{ font-size: 20px; width: 97%; padding: 3px; margin-top: 2px; margin-right: 6px; margin-bottom: 16px; border: 1px solid #e5e5e5; background: #fbfbfb; }

/*Botones*/
.botones{height:25px;display:block;margin:0 auto;text-align:center;}
.blank{ background: #fff;color:#1E90FF;border:2px solid #3f7dbd;font-weight:bold;font-size:12px;padding:10px 15px;border-radius:8px;}
.blank:hover, .blank:focus{ background: #fff;color:#FF5C2A;border:2px dotted #3f7dbd }
.btnerror{ color:#f00;border:2px solid #eee;font-weight:bold;font-size:12px;padding:5px 10px;text-decoration:underline;}
.btnerror:hover, .blank:focus{ color:#FF5C2A;}

.liga_imprimir li{ display:block; float:left; margin-left:10px; width:160px;}
.liga_opciones li{ display:block; float:left; margin-left:10px;}
.liga_opciones li a{color:#A6553A; padding:2px 5px;}
.marco{ margin:5px 0; padding: 5px; border:1px solid #cccccc; overflow:none;}





	.submit{
		background:#9B0F28;
		color:#FFF;
		
    display:inline-block;
    margin: 20px auto;
     font-size: 16px;
	  border: none;
      border-radius: 5px;
      padding:10px;
    transition: 0.2s linear;}
	.area{width:100%;
		max-width:600px;
		margin:0 auto;
		}
	.etiqueta{
    width: 350px;
    display:inline-block;
    margin-top: 10px;
     font-size: 16px;
   outline: none;
    border: none;
   border-radius: 0px 5px 5px 0px;
    transition: 0.2s linear;
    text-align:end;
    
}
	td {border:1px solid #bbb;}
	tbody tr:hover{background:#ccc;}
	.left-header {
		background-color: rgb(101, 100, 106);
		background: rgb(101, 100, 106) url(https://sep.puebla.gob.mx/images/site/header-izq-gris.jpg) no-repeat right !important;
	}

	.right-header { background-color: rgb(245, 244, 240); }	
	


	.header-container {
		background-color: rgb(245, 244, 240);
		background: rgb(245, 244, 240) url(https://sep.puebla.gob.mx/images/site/header-movil.jpg) left/cover no-repeat;
	}

	/* XS UIKIT */
	@media (min-width:320px) { 
		.etiqueta{
    width: 350px;
    display:inline-block;
    margin-top: 10px;
     font-size: 16px;
   outline: none;
    border: none;
   border-radius: 0px 5px 5px 0px;
    transition: 0.2s linear;
    text-align:left;
    
}}
	/* S UIKIT */
	@media (min-width:640px) { 
		.etiqueta{
    width: 350px;
    display:inline-block;
    margin-top: 10px;
     font-size: 16px;
   outline: none;
    border: none;
   border-radius: 0px 5px 5px 0px;
    transition: 0.2s linear;
    text-align:left;
    
}
		}
	/* M UIKIT */
	@media (min-width:960px) {
		.header-container { background: rgb(245, 244, 240) url(https://sep.puebla.gob.mx/images/site/header.jpg) left/cover no-repeat; }
	 }
	/* L UIKIT */
	@media (min-width:1200px) { }
	/* XL UIKIT */
	@media (min-width:1600px) { }