@charset "utf-8";
/* CSS Document */
*{

	margin:0;
	padding:0;
}
body{}
a:link   
{   
 text-decoration:none;   
}   
a:visited {
text-decoration: none;

}
#imgbien{
	width: 230px;
	height: auto;
}

.btnmcr{
	height: 30px;
	margin-top:4px;

}

.inputmcr{
	height: 20px;
	font-size: 16px;
}

#notenca, #notencab{
   width: 100%;
   height: 35px;
   border: 0px;
   background: url(../back.png);
   color: #fff;
   font-size: 17px;
   padding-top: 12px;
   text-align: center;
   font-weight: bold;
   font-family: "Verdana","Arial";
}

#notencab{
	margin-top: 10px;
	float: left;
}
.cuadronot, .cuadronota{
   width: 280px;
   float: left;
   margin-left: 29px;
}
.cuadronota{
	margin-left: 0px;
}
.encabezadoA{
	font-size: 22px;
	font-weight: bold;
	font-family: "Verdana","Arial";
}

.notnay1{
	font-size: 14px;
	text-align: center;
   font-weight: bold;
   font-family: "Arial","Verdana";
      margin-bottom: 7px;
   margin-top: 16px;
   padding-bottom: 16px;
   border-bottom: 1px solid #000;

}

.titulonot{
	font-size: 12px;
	text-align: center;
   font-weight: bold;
   font-family: "Arial","Verdana";
   margin-bottom: 2px;
   width: 100%;
   height: auto;
   float: left;
}
.imgnot{
	float: left;
}
#creditos{
	float: left;
	width: 100%;
	font-size: 12px;
	font-family: "Arial";
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 30px;
}
img.imgnotb{
	width: 80px;
	height: auto;
}
img.imgnotc{
	margin-right: 30px;
	margin-top: 30px;
	width: 500px;
	height: auto;
	align-items: center;
	padding: 10px;
	border: 1px solid #000;
}
.imgnotcuadro{
	float: left;

}
.leyenot{
	float: left;
	width: 191px;
	margin-left: 8px;
	height: 100px;
	font-size: 12px;
	text-align: justify;
   font-family: "Arial","Verdana";
}

.link{
	color: #000;
}
.link:hover{
	color: #0000FF;
}
.fechpubli{
	font-size: 10px;
	text-align: left;
   font-family: "Verdana","Arial";
   margin-bottom: 7px;
   width: 100%;
   float: left;
}
.linea{
	width: 100%;
	height: 3px;
	border-bottom: 1px solid #000;
	float: left;
	margin-bottom: 8px;
}

.foto1{
	width: 210px;
	margin-right: 10px;
	float: left;
}
.foto2{
	width: 283px;
	margin-right: 10px;
	float: left;
}
.nove{
	width: 904px
}

#titulonotb {
	width: 100%;
	font-family: "Arial";
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding-top: 13px;
	padding-bottom: 13px;
	margin-top: 10px;
	float: left;
	border-bottom: 1px solid #000;
}
#notacompletab{
font-size: 14px;
text-align: justify;
border-bottom: 0px;
float: left;
font-family: "Arial";
margin-bottom: 30px;
width: 640px;
margin-top: 30px;
}
#login{
	width: 100%;
	height: 305;
	
}
img#logomf{
   width: 70%;
   height: auto;
   text-align: center;
}

#bajok{
	background: url(../back.png);
	height: 60px;
}
#refo {
	width: 100%;
}

#cuadro1x{
	width: 570px; 
	height: 336px; 
	float: left; 
	margin-right: 38px;
}

#cuadro2x{
	width: 570px; 
	height: 336px; 
	float: left;
}
#slidebox{
	display: block;
}
#brsup{
	width:100%;
	height:55px;
	margin:0 auto;
	background:url(../back.png);
	position:fixed;
    z-index: 100;
}
#sup{
	height:55px;
}
#refo{
	margin-left: 10px;
	margin-top: 10px;
	height: 339px;
	float: left;
}
#conlogo{
	width:1200px;
	height:74px;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:0px;
	background:url(../img2/fondo2.jpg);
	float:right;
}

#conlogo2{
	width:350px;
	height:74px;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:0px;	
	float:right;

}
	
#principal{
	width:1200px;
	margin:0 auto;
}

#cabecera{
	/*border:1px solid #3F6;*/
	margin:10px;
	margin-right: 0px;
	width:220px;
	height:247px;
	float:left;
}

img#banermas{
   width: 220px;
   height: 247px;
}

#youleye, #youleyeb{
	font-family: "Arial";
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding-top: 14px;
	background: url(../back.png);
	color: #fff;
	height: 26px;
}
#youleyeb{
	height: 40px;
	padding-top: 19px;
	height: 41px;
}
#youtube{
	width: 290px;
	height: 247px;
	margin: 10px;
	margin-right: 0px;
	float: left;
}

#cabecera2{
	/*border:1px solid #F00;*/
    width:270px;
	margin:10px;
	float:left;
	height:247px;
}
#cabecera4{
	/*border:1px solid #F00;*/
    width:290px;
	margin:10px;
	float:left;
	height:230px;
}
#cabecera3{
	/*border:1px solid #3F6;*/
	margin:10px;
	margin-right: 0px;
	width:555px;
	height:250px;
	float:right;
}

#galeria{display: block; margin:0px; padding: 0; position: relative; width: 100%;height: 306px; list-style:none;}
#galeria li{position: absolute; top: 0; left: 0; width: 100%;}
#galeria li img{width: 100%;}
#galeria .selected{z-index: 1; opacity: 1; -moz-transition: all 2s ease 0s;-ms-transition: all 2s ease 0s;-o-transition: all 2s ease 0s;-webkit-transition: all 2s ease 0s;transition: all 2s ease 0s;}
#galeria .noselected{z-index: 0; opacity: 0; -moz-transition: all 2s ease 0s;-ms-transition: all 2s ease 0s;-o-transition: all 2s ease 0s;-webkit-transition: all 2s ease 0s;transition: all 2s ease 0s;}


#columnaizq{
	width:906px;
	margin:10px;
	float:left;
	text-align:justify;  


}



#columizqb{
	width: 580px;
	margin:0px;
	float:right;
	text-align:justify; 
	font-size: 12px;
	font-family: "Arial";
}
#columizqbb{
	width: 650px;
	margin:0px;
	float:right;
	text-align:justify; 
	
}
.leyvarias{
	font-size: 13px;
	font-family: "Arial";
}

#imgizq{

	margin:0px;
	float:left;
}
#columizqnotitot {
	width:904px;
	margin:0px;
	float:left;
	text-align:justify;     
}

#colizqnotindx {
	width:200px;
	margin:0px;
	float:left;
	text-align:justify;
}

#colizqnotind {
	width:650px;
	margin:0px;
	float:right;
	text-align:justify;
}


#columnader, #columnader2{
    width:250px;
	margin:10px;
	float:right;	
}

#cuadro1{
	width:408px;
	margin:0px;
	float: left;
}
#cuadro2{
	width:224px;
	margin-left:20px;
	margin-bottom:20px;
	float:right;
	height:200px;
}
#cuadromed{
	width:472px;
	margin:10px;
	float: right;
	
}
#cuadroch{
	width:185px;
	margin-left:20px;
	border:1px solid #F00;
	float: left;
}
.clear{
	clear:both;
}

#tels{
	height:60px;
	width:1178px;
	margin-left:10px;
        float:left;
	background:#039;
        font-size:12px;
	color:#fff;
	text-align:center;
}
#pie{
	height:50px;
	margin:10px;
	background:url(../back.png);
    font:Arial;
	color:#FFF;

}

#slidebox{
	position:absolute;
	border:1px solid #ccc;
	overflow:hidden;
	}

#slidebox, #slidebox ul {
	width:555px;
	height:230px;
	}
#slidebox, #slidebox ul li{
	width:555px;
	height:230px;
	}
#slidebox ul li{
	position:relative; 
	left:0; 
	background:#eee; 
	float:left;
	list-style: none;   
	font-family:Verdana, Geneva, sans-serif; font-size:13px;
	}
#slidebox .next, #slidebox .previous{
	position:absolute; 
	z-index:2; 
	display:block; 
	width:21px; 
	height:21px;
	top:139px;
	}
#slidebox .next{
	right:0; 
	margin-right:10px; 
	background:
	url(../slidebox_next.png) no-repeat left top; 
	border:1px solid white;
	}
#slidebox .next:hover{
	background:url(../slidebox_next_hover.png) no-repeat left top;
	}
#slidebox .previous{
	margin-left:10px; 
	background:url(../slidebox_previous.png) no-repeat left top; 
	border:1px solid white;
	}
#slidebox .previous:hover{
	background:url(../slidebox_previous_hover.png) no-repeat left top;
	}
#slidebox .thumbs{
	position:absolute; 
	z-index:2; 
	bottom:10px; 
	right:10px;
	}
#slidebox .thumbs a{
	display:block; 
	margin-left:5px; 
	float:left; 
	font-family:Verdana, Geneva, sans-serif; 
	font-size:9px; 
	text-decoration:none; 
	padding:2px 4px; 
	background:url(../slidebox_thumb.png); 
	color:#fff;
	}
#slidebox .thumbs a:hover{
	background:#fff; 
	color:#000;
	}
#slidebox .thumbs .thumbActive{
	background:#fff; 
	color:#000; 
	display:block; 
	margin-left:5px; 
	float:left; 
	font-family:Verdana, Geneva, sans-serif; 
	font-size:9px; 
	text-decoration:none; 
	padding:2px 4px;
	}
	
	img.sli{
		width: 555px;
		height: auto;
	}
header{
	width:100%;
	margin:0 auto;
	background:url(../back.png);
	position:fixed;
    z-index: 100;
}

header nav{
	width:90%;
	max-width:100%;
	background:url(../back.png);
	margin:0 auto;
}
.menu_bar{
	display:none;
}
header nav ul {
	overflow:hidden;
	list-style:none;
}
header nav ul li {
	float:left;
}

header nav ul li a{
	color:#fff;
	padding:18px;
	display:block;
	text-decoration:none;
}
header nav ul li span{
	margin-right:10px;
}
header nav ul li a:hover{
	background:#666;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/************************ */
@media screen and (max-width: 1024px){
	body {
		padding-top:70px;
	}
.nove{
	width: 100%;
}
.encabezadoA, .notnay1{
	font-size: 18px;
}
.fechpubli{
	font-size: 13px;
}

#columizqbb, img.reforma {
	width: 100%;
}
.leyenot{
	width:66%;
}
.imgnot{
	width: 30%;
}

img.imgnotb{
	width: 85%;
}
.titulonot{
	font-size: 15px;
}

.leyenot, .leyvarias{
	font-size: 14px;
}

.leyenot{
	margin:0px;

}

.foto1, .foto2{
	width: 100%;
	margin-right: 5%;
	float: left;
}
#pie{
	height: 70px;
}

	#cuadro1x{
	width: 100%; 
	height: auto; 
	float: left; 
	margin-right: 0px
}

#cuadro2x{
	width: 100%; 
	height: auto; 
	float: left;
}
header nav {
		width:80%;
		height: 100%;
		left:-100%;
		position: fixed;
		margin:0;
		overflow:scroll;
		background:url(../back.png);
		
	}
	
	header nav ul li {
		display:block;
		float: none;
		border-bottom:1px solid rgba(255,255,255,.5);
	}
		
	.menu_bar{
		display:block;
		width:100%;
		position:fixed;
		top:0;
		background:url(../back.png);
	}
	.menu_bar .bt-menu{
		display:block;
		padding:20px;
		background:url(../back.png);
		color:#fff;
		text-decoration:none;
		font-weight:bold;
		font-size:25px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.menu_bar span {
		float:right;
		font-size:40px;		
   }

	img.imgnotc{
       width: 90%;
       margin: 0;
       margin-left: 2%;
	}

	.imgnotcuadro{
		margin-top: 15px;
	}
	#notacompletab{
		width: 90%;
		margin: 0 auto;
		float: left;
		margin-top: 30px;
		margin-left: 5%;
	}
#slidebox, #imgizq{
	display: none;
}
	#conlogo, #sup, #principal, #cuadro1 , #cuadro2, #cuadromed, #slidebox, #tels{
	   width:96%  !important;	
	   height:auto;
	}
	#columnader2, #cabecera3, #cabecera4{
		/*display: none;*/
	}
	.cuadronota, .cuadronot{
		width: 100%;
		margin: 0;
	}

	#cabecera{
		display: none;

	}
	#youtube{
		width: 100%;
		margin: 0px;
		margin-top: 10px;
	}


       #columizqb { 
	   width:98%;
	margin:0px;
	float:left;
        }

       #colizqnotind, #colizqnotindx, #columizqnotitot {
	   width:100%;	
	   height:auto;
        }
	#conlogo2{
	    width:92%;	
	}
	#slidebox ul li, #slidebox ul {
	   width:98%;	
	   height:auto;
	}
	#columnaizq {
		width:70%;
	}
	#brsup, #sup{
		height:2px;
	}
	#conlogo {
		height:auto;
	}
	#cabecera2 {
		margin:0;
		width:32%;
		}

		#youtube{
			width: 32%;
			margin: 0;
			margin-left: 2%;
		}
	
	img {
    max-width: 98%;
    height: auto;
    width: auto/9; /* Bug de ie8 */
   }
   #refo{
	margin-left: 10px;
	margin-top: 10px;
	height: auto;
	float: left;
}
}


/************************ */
@media screen and (max-width: 768px){
	body {
		padding-top:70px;
	}
.nove{
	width: 100%;
}
.encabezadoA, .notnay1{
	font-size: 18px;
}
.fechpubli{
	font-size: 13px;
}

#columizqbb, img.reforma {
	width: 100%;
}
.leyenot{
	width:66%;
}
.imgnot{
	width: 30%;
}
img.imgnotb{
	width: 85%;
}
.titulonot{
	font-size: 15px;
}

.leyenot, .leyvarias{
	font-size: 21px;
}

.leyenot{
	margin:0px;

}

.foto1, .foto2{
	width: 100%;
	margin-right: 5%;
	float: left;
}
#pie{
	height: 70px;
}

	#cuadro1x{
	width: 100%; 
	height: auto; 
	float: left; 
	margin-right: 0px
}

#cuadro2x{
	width: 100%; 
	height: auto; 
	float: left;
}
header nav {
		width:80%;
		height: 100%;
		left:-100%;
		position: fixed;
		margin:0;
		overflow:scroll;
		background:url(../back.png);
		
	}
	
	header nav ul li {
		display:block;
		float: none;
		border-bottom:1px solid rgba(255,255,255,.5);
	}
		
	.menu_bar{
		display:block;
		width:100%;
		position:fixed;
		top:0;
		background:url(../back.png);
	}
	.menu_bar .bt-menu{
		display:block;
		padding:20px;
		background:url(../back.png);
		color:#fff;
		text-decoration:none;
		font-weight:bold;
		font-size:25px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.menu_bar span {
		float:right;
		font-size:40px;		
   }

	img.imgnotc{
       width: 90%;
       margin: 0;
       margin-left: 2%;
	}

	.imgnotcuadro{
		margin-top: 15px;
	}
	#notacompletab{
		width: 90%;
		margin: 0 auto;
		float: left;
		margin-top: 30px;
		margin-left: 5%;
	}
#slidebox, #imgizq{
	display: none;
}
	#conlogo, #sup, #principal, #cuadro1 , #cuadro2, #cuadromed, #slidebox, #tels{
	   width:96%  !important;	
	   height:auto;
	}
	#columnader2, #cabecera3, #cabecera4{
		display: none;
	}
	.cuadronota, .cuadronot{
		width: 100%;
		margin: 0;
	}

	#cabecera{
		display: none;

	}
	#youtube{
		width: 100%;
		margin: 0px;
		margin-top: 10px;
	}


       #columizqb { 
	   width:98%;
	margin:0px;
	float:left;
        }

       #colizqnotind, #colizqnotindx, #columizqnotitot {
	   width:100%;	
	   height:auto;
        }
	#conlogo2{
	    width:92%;	
	}
	#slidebox ul li, #slidebox ul {
	   width:98%;	
	   height:auto;
	}
	#columnaizq {
		width:96%;
	}
	#brsup, #sup{
		height:2px;
	}
	#conlogo {
		height:auto;
	}
	#cabecera2 {
		margin:0;
		width:92%;
		margin-left: 4%;
		margin-bottom: 40px;
		height: 278px;
	}

	#youtube{
			width: 92%;
			margin: 0;
			margin-left: 4%;
			height: 400px;
			margin-top: 10px;
	}
	#bajok{
		height: 80px;

	}
	.frame{
			height: 280px !important;
	}
	
	img {
    max-width: 98%;
    height: auto;
    width: auto/9; /* Bug de ie8 */
   }
   #refo{
	margin-left: 10px;
	margin-top: 10px;
	height: auto;
	float: left;
}

}

@media screen and (max-width: 414px){
	body {
		padding-top:70px;
	}
.nove{
	width: 100%;
}
.encabezadoA{
	font-size: 18px;
}
#columizqbb {
	width: 100%;
}
.leyenot{
	width:66%;
}
.imgnot{
	width: 30%;
}
.leyenot, .leyvarias{
	font-size: 16px;
}

.leyenot{
	margin:0px;
}

.foto1, .foto2{
	width: 100%;
	margin-right: 5%;
	float: left;
}
#pie{
	height: 70px;
}

	#cuadro1x{
	width: 100%; 
	height: auto; 
	float: left; 
	margin-right: 0px
}

#cuadro2x{
	width: 100%; 
	height: auto; 
	float: left;
}
header nav {
		width:80%;
		height: 100%;
		left:-100%;
		position: fixed;
		margin:0;
		overflow:scroll;
		background:url(../back.png);
		
	}
	
	header nav ul li {
		display:block;
		float: none;
		border-bottom:1px solid rgba(255,255,255,.5);
	}
		
	.menu_bar{
		display:block;
		width:100%;
		position:fixed;
		top:0;
		background:url(../back.png);
	}
	.menu_bar .bt-menu{
		display:block;
		padding:20px;
		background:url(../back.png);
		color:#fff;
		text-decoration:none;
		font-weight:bold;
		font-size:25px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.menu_bar span {
		float:right;
		font-size:40px;		
   }

	img.imgnotc{
       width: 90%;
       margin: 0;
       margin-left: 2%;
	}

	.imgnotcuadro{
		margin-top: 15px;
	}
	#notacompletab{
		width: 90%;
		margin: 0 auto;
		float: left;
		margin-top: 30px;
		margin-left: 5%;
	}
#slidebox, #imgizq{
	display: none;
}
	#conlogo, #sup, #principal, #cuadro1 , #cuadro2, #cuadromed, #slidebox, #tels{
	   width:96%  !important;	
	   height:auto;
	}
	#columnader2, #cabecera3, #cabecera4{
		display: none;
	}
	.cuadronota, .cuadronot{
		width: 100%;
		margin: 0;
	}

	#cabecera{
		display: none;

	}

	#youtube{
		width: 100%;
		margin: 0px;
		margin-top: 10px;
	}


       #columizqb { 
	   width:98%;
	margin:0px;
	float:left;
        }

       #colizqnotind, #colizqnotindx, #columizqnotitot {
	   width:100%;	
	   height:auto;
        }
	#conlogo2{
	    width:92%;	
	}
	#slidebox ul li, #slidebox ul {
	   width:98%;	
	   height:auto;
	}
	#columnaizq {
		width:96%;
	}
	#brsup, #sup{
		height:2px;
	}
	#conlogo {
		height:auto;
	}
	#cabecera2 {
		margin:0;
		width:100%;
		margin-bottom: 35px;
		}
	
	img {
    max-width: 98%;
    height: auto;
    width: auto/9; /* Bug de ie8 */
   }
   #refo{
	margin-left: 10px;
	margin-top: 10px;
	height: auto;
	float: left;
}
}





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

.nove, #login, #cabecera2, #youtube{
	width: 100%;
}
#youtube{
	margin-top: 19px;
}

.encabezadoA{
	font-size: 18px;
}
#columizqbb {
	width: 100%;
}
.leyenot{
	width:66%;
}
.imgnot{
	width: 30%;
}
.leyenot, .leyvarias{
	font-size: 14px;
}

.leyenot{
	margin:0px;
}

.foto1, .foto2{
	width: 100%;
	margin-right: 5%;
	float: left;
}
#pie{
	height: 90px;
}

	#cuadro1x{
	width: 100%; 
	height: auto; 
	float: left; 
	margin-right: 0px
}

#cuadro2x{
	width: 100%; 
	height: auto; 
	float: left;
}
header nav {
		width:80%;
		height: 100%;
		left:-100%;
		position: fixed;
		margin:0;
		overflow:scroll;
		background:url(../back.png);
		
	}
	
	header nav ul li {
		display:block;
		float: none;
		border-bottom:1px solid rgba(255,255,255,.5);
	}
		
	.menu_bar{
		display:block;
		width:100%;
		position:fixed;
		top:0;
		background:url(../back.png);
	}
	.menu_bar .bt-menu{
		display:block;
		padding:20px;
		background:url(../back.png);
		color:#fff;
		text-decoration:none;
		font-weight:bold;
		font-size:25px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.menu_bar span {
		float:right;
		font-size:40px;		
   }

	img.imgnotc{
       width: 90%;
       margin: 0;
       margin-left: 2%;
	}

	.imgnotcuadro{
		margin-top: 15px;
	}
	#notacompletab{
		width: 90%;
		margin: 0 auto;
		float: left;
		margin-top: 30px;
		margin-left: 5%;
	}
#slidebox, #imgizq{
	display: none;
}
	#conlogo, #sup, #principal, #cuadro1 , #cuadro2, #cuadromed, #slidebox, #tels{
	   width:96%  !important;	
	   height:auto;
	}
	#columnader2, #cabecera3, #cabecera4{
		display: none;
	}
	.cuadronota, .cuadronot{
		width: 100%;
		margin: 0;
	}

	#cabecera{
		display: none;

	}
	#youtube{
		width: 100%;
		margin: 0px;
		margin-top: 34px;
	}


       #columizqb { 
	   width:98%;
	margin:0px;
	float:left;
        }

       #colizqnotind, #colizqnotindx, #columizqnotitot {
	   width:100%;	
	   height:auto;
        }
	#conlogo2{
	    width:92%;	
	}
	#slidebox ul li, #slidebox ul {
	   width:98%;	
	   height:auto;
	}
	#columnaizq {
		width:96%;
	}
	#brsup, #sup{
		height:2px;
	}
	#conlogo {
		height:auto;
	}
	#cabecera2 {
		margin:0;
		width:100%;
		margin-bottom: 50px;
		}
	
	img {
    max-width: 98%;
    height: auto;
    width: auto/9; /* Bug de ie8 */
   }
   #refo{
	margin-left: 10px;
	margin-top: 10px;
	height: auto;
	float: left;
}
}