/* @override http://cmm.cenart.gob.mx/style.css */

*{
margin: 0 px;
padding: 0 px;
}

body{
/*background-image: url(images/2010/back.png);*/
margin: 0;
padding:  0;
background-color: #f2f2f2;


}

#container{
width:100%;
margin: 0px;
text-align: left;
padding-top: 30px;
background-color: #fff;
background: #fff url(images/cmmfoto.jpg) no-repeat left;
border-top: 20px #000 solid;
}

body table#first{
	width:955px;
	background-color: white;
	border-bottom: 1px solid #000;

}

iframe {
	border: none;
}

#header{
	height: 111px;
	width: 100%;
	font-weight: bold;
	padding-top: 0;
	margin-top: 0;
	border-bottom: 1px #000 solid;
}

#header img{
	float: right;
}

#header div#chromemenu ul{
margin-top: 11px;
padding-left: 80px;
margin-bottom: 30px;
margin-right: 20px;
width: 900px;
clear: both;

}


#header div#chromemenu li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline-block;

} 

#header div#chromemenu li a{
	list-style-type: none;
	display: inline;
	padding: 6px 11px;
	font-weight: bold;
	font-size: 11px;
	color: #000;
	border-bottom: 1px dotted fuchsia;
	border-top: 1px dotted #000;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background-color: #fff;
	text-decoration: none;
	}

#header div#chromemenu li a#first{
border-left: 6px solid black;
list-style-image: url(images/bullet-sub.gif);
	}
	
#header div#chromemenu li a:hover{

	padding: 6px 11px;
	color: #fff;
	text-decoration: none;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background-color: #000;
	list-style-image: url(images/bullet-sub.gif);
	list-style-position: outside;
	border-bottom: 1px solid fuchsia;
	border-top: 1px dotted fuchsia;
}


/*
#header a:hover{
	color: #000;
	background-color: #ebe8e8;
	text-decoration: none;
	font: bold 9px Helvetica, Arial, Verdana, sans-serif;
}

#header a:visited{
	color: #000;
	background-color: none;
	text-decoration: none;
	font: bold 9px Helvetica, Arial, Verdana, sans-serif;
}*/

/* @group menu principal */

#columna1 ul{
margin: 0px;
padding: 11px 5px;

}

#columna1 li{
	list-style-type: none;
}

#columna1 a{
	list-style-type: none;
	display: list-item;
	padding: 6px 15px;
	font-weight: bold;
	font-size: 11px;
	color: #666666;
	border-bottom: 1px dotted fuchsia;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background-color: #eeebeb;
	text-decoration: none;
	border-left: 6px solid fuchsia;
}

#columna1 a:hover{
	border-bottom: 1px solid #000;
	padding: 6px 15px;
	color: #000;
	text-decoration: none;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background-color: #cfeef3;
	list-style-image: url(images/bullet-sub.gif);
	list-style-position: outside;
}

/* @end */


#content{
/*height: 472px;*/
}

#contenido{
text-align: left;
float:left;
}

#columna{
width: 190px;
background-color: white;
padding-top: 11px;


}



#columna1{
width: 140px;
height: 472px;
margin-left: 35px;
text-align: left;
padding-top: 30px;
background-color: #fff;
}



#columna2{
	width: 450px;
	padding: 20px 25px 25px 20px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	font-weight: normal;
	text-align: left;
	overflow: auto;
	height: 100%;
	border-bottom: 30px solid #fff;
	border-top: 11px solid #fff;
	background: #f1f1f1 url(images/fondo.jpg) repeat-x;
	letter-spacing: normal;
}

#columna2 h1:first-child{
		font-weight: bold;
		font-size: 10px;
}

#columna1 h2{
	color: #fff;
	background-color: #000;
	display: block;
	padding: 10px 10px;
	border-bottom: solid 1px fuchsia;
	border-top: dotted 1px fuchsia;
	
}

#columna2.excepto{
		background: #f1f1f1 url(images/fondo.jpg) repeat-x;
}

#columna2 a{
	color: #000;
	background-color:#fff;
	text-decoration: underline;
	font-size: 11px;
}


#columna2 a:visited{
	color:#000;
	background-color: #fff;
	text-decoration: underline;
	font-size: 11px;
}


#columna2 a:hover{
	color: #fff;
	background-color:#000;
	text-decoration: underline;
	font-size: 11px;
}


#columna2 ul{
margin-left: 15px;
}

#columna2 li{
	list-style-type: square;
	display: list-item;
	padding: 4px 13px;
	font-weight: normal;
	font-size: 12px;
	color: #484848;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	list-style-image: url(images/bullet.gif);
	list-style-position: outside;
}

div#columna2 .button{
color: #fff;
font-size: 9px;
border: 1px dotted #ccc;
background-color:#000;
float:right;
	font-weight: bold;
}

div#columna2 .button a{
	background-color:#E3F5F2;
color: #505050;
font-size: 9px;
border: 1px dotted #35502f;
background-color:#ebe8e8;
float:right;
text-decoration: none;
	font-weight: bold;
}

div#columna2 .button a:hover{
color: #000;
font-size: 9px;
border: 1px dotted #35502f;
background-color:#fff;
float:right;
	font-weight: bold;
}

/* @group footer */

#footer{
width: 236px;
text-align: left;
float: left;
list-style-type: none;
background-color: white;

}

#footer ul{
margin-left: 0;
padding-left: 0;
padding-bottom: 0;

border-left: 5px solid #7e7e7e;

display: block;

/*position: absolute;*/
}

#footer li{

	list-style-type: none;

}

#footer li a{
	list-style-image: url(images/bullet-footer.gif);
	list-style-position: inside;
	display: list-item;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #000;
	margin: 5px;
	text-decoration: none;
	font-size: 11px;	
	padding: 5px;
	border-bottom: 1px dotted fuchsia;

}

#footer li a:link, a:visited{

	color: #000;
	text-decoration: none;
	font-size: 11px;
}

#footer li a:hover{
	background-color: #eee;
	border-bottom: 1px solid fuchsia;
	color: #000;
	font-size: 11px;	
	list-style-image: url(images/bullet-footer.gif);
	list-style-position: inside;
}



#footer ul#redes{
margin-left: 0px;
padding: 0px;
padding-bottom: 11px;
border-bottom: dotted 1px black;
border-left: 5px solid #7e7e7e;

}

#footer ul#redes li{
	padding: 5px;
	list-style-image: url(images/bullet-footer.gif);
	list-style-position: inside;

}

#footer ul#redes a{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #000;
	display: block;
	margin: 1px 1px 0px 1px;
	padding: 3px;
	border-bottom: 0px;
	text-decoration: none;
	font-size: 11px;
	
}

#footer ul#redes a:link, a:visited{
	border-bottom: 0px;
	color: #000;
	text-decoration: none;
	font-size: 11px;
}

#footer ul#redes a:hover{
	background-color: #d2f3b0;
	border-bottom: 0px solid #000;
	color: #000;
	font-size: 11px;
}

/* @end */

/* @group banners */

#banners{
	width: 236px;
	text-align: left;
	background-color: white;
	margin-right: 11px;
	margin-top: 10px;
	
}
#banners-index{
	width: 236px;
	text-align: left;
	background-color: white;
	padding-top: 140px;

	
}

#banner1, #banner2, #banner3, #banner4{
text-align: left;
}

#columna2 img, #banner1 img, #banner3 img{
border-top: 1px dotted #000;
border-bottom: 1px dotted #000;

}

#banner2 img, #banner4 img{
border-top: 1px dotted purple;
border-bottom: 1px dotted purple;
}

#banners a{
	opacity: 1;
	text-decoration: none;
}

#banners a:hover img{
	opacity: .80;
	text-decoration: none;
}


span.path strong{
	color: fuchsia;
}

#banners span.path{
	background-color: #fff;
	line-height: 12px;
	text-align: left;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 15px;
	color: #333333;
	text-decoration: none;
	padding: 10px;
	display: block;
}

#banners a:link span.path, #banners  a:visited span.path{

font-family: Helvetica, Arial, Verdana, sans-serif;
font-weight: normal;
font-size: 11px;
line-height: 15px;
color: #000;
text-decoration: none;
background-color: #fff;
padding: 10px;
display: block;
}


#banners a:hover span.path {
color: #fff;
text-decoration: none;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-weight: normal;
font-size: 11px;
line-height: 15px;
background-color: #000;
border-bottom: none;
padding: 10px;
}

/* @end */

/* @group submenu */

/*MENU*/


#columna1 ul{
margin: 0px;
padding: 11px 5px;
font-size: 13px;
line-height: 16px;

}

#columna1 li{
	list-style-type: none;
}

#columna1 a{
	list-style-type: none;
	display: list-item;
	padding: 8px 15px;
	font-weight: bold;
	font-size: 11px;
	color: #000;
	border-bottom: 1px dotted #be15c1;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background-color: #eee;
	text-decoration: none;
	border-left: 6px solid #000;
}

#columna1 a:hover{
	border-bottom: 1px solid fuchsia;
	padding: 8px 15px;
	color:#fff;
	text-decoration: none;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background-color: #000;
	list-style-image: url(images/bullet-sub.gif);
	list-style-position: outside;
}

/* @end */

/* @group class */

/* headers */


h1 {
font-family: Helvetica, Arial, Verdana, sans-serif;
color: #be15c1;
font-size: 18px;
font-weight: normal;
line-height: 20px;


}

#columna2 a:link h1{
	font-size: 18px;
	font-weight: normal;
	}

h2 {
	color: #000;
	font: bold 12px Helvetica, Arial, Verdana, sans-serif;
}

#columna1 h2 a{
	color: #000;
	font: bold 12px Helvetica, Arial, Verdana, sans-serif;
	list-style-type: none;
	display: inline;
	padding: 0;
	font-weight: bold;
	border-bottom: 0px;
	background-color: transparent;
	text-decoration: none;
	border-left:0px;
	
}
#columna1 h2 a:hover{
	color: #cb5900;
	font: bold 12px Helvetica, Arial, Verdana, sans-serif;
	list-style-type: none;
	display: inline;
	padding: 0;
	font-weight: bold;
	border-bottom: 0px;
	background-color: transparent;
	text-decoration: none;
	border-left:0px;
	
}

h3{

	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #be15c1;
	font-weight: bold;
	
}


h4 {
font-family: Helvetica, Arial, Verdana, sans-serif;
color: #990000;
font-size: 11px;
font-weight: normal;
background-color: #CFEEF3;
}

hr{
boder: fuchsia dotted 1px;	
}

.nota{
	background-color: #fff;
	width: 236px;
	height: 15 px;
	text-align: left;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #000;
	text-decoration:none;
}
a.mostrar{
	padding:2px;
	text-decoration:none;
	background:transparent;
	}
.general {
background-color: #fff;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #464646;
	font-weight: normal;
}

.oculto{
	background-color:#EDEDED;
	padding-left:30px;
	font-size:11px;
	}

.resaltado {
	background-color: color: #666;;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #484848;
	font-weight: normal;
	text-decoration: none;
}

.resaltado :link{
	background-color: color: #666;;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color:#484848;
	font-weight: normal;
	text-decoration: underline;
}
.resaltado :visited{
	background-color: color: #666;;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #484848;
	font-weight: normal;
	text-decoration: underline;
}
.resaltado :hover{
	background-color: #000;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}

.link{
	background-color: #d9fae4;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12 px;
	line-height: 15 px;
	color: #000;
	font-weight: normal;
	text-decoration: underline;
}

.cita {
	background-color: #fff;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #333333;
	font-style: italic;
	font-weight: normal;
}

.autor {

	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000;
	font-weight: normal;
}


.vencido{
	text-decoration: line-through;
}

.banner{
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.registro{
color: #fbd7e9;
border: 1px dotted #35502f;
background-color:#FBFBFB;
}

.tumbnail{
color: #666666;
border: 1px dotted #35502f;
float: left;
margin-right: 5px;
}

.registroasesoria{
color: #666666;
border: 1px dotted #35502f;
background-color:#FBFBFB;
width:250px;
vertical-align:top;
}

.noborder{
border: 0px;
}

.borderprinc{
border-top: 3px solid #000;
border-bottom: 3px solid #000;
}
.aviso {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color:#666;
}
#columna2 .bio {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}
#columna2 .bio a{
	font-size: 9px;
	text-decoration: underline;
	}
#columna2 .bio a:link{
	font-size: 9px;
	text-decoration: underline;
	}

#columna2 .bio a:hover{
	font-size: 9px;
	color: #000;
	text-decoration: underline;
	background-color: transparent;
	
}
.estados {
	font-size: 11px;
	background-color: #ccc;
	color: #f0f;
	padding:3px;
}

/* @end */

#video{
margin-left: 40px;
}

#permanente{
	width: 236px;
	display: inline;
	}

/*overlay*/


	
	/* use a semi-transparent image for the overlay */
	#overlay {
		background-image:url(http://static.flowplayer.org/img/overlay/transparent.png);
		color:#efefef;
		height:450px;
	}
	
	/* container for external content. uses vertical scrollbar, if needed */
	div.contentWrap {
		height:441px;
		overflow-y:auto;
	}
	

.overlay {
	background:url(js/white.png) no-repeat;
	padding:40px;	
	width:500px;  
	display:none;
}

.close {
	background:url(js/close.png) no-repeat white;
	position:absolute;
	top:80px;
	display:block;
	right:0; 
	width:40px;
	height:17px;
	cursor:pointer;
}

a.player { 		
	display:block;
	height:385px;			
}

a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

p.pie_video{
	margin-top:50px;
	padding:11px;
	background-color: #CFEEF3;
	color: #000;
	font-weight: bold;
	font-size:11px;
	}
	
div#galeria img{
		
		border: solid #eee 4px;
		}
		
div.table_col{
	width: 130px;
	float:left;
	}

div.clear{
	clear:both;
	}
div.bloque{
	border-top: dotted 1px fuchsia;
	}

div#index {
	border-top: solid #000 1px;
	border-bottom: solid #000 1px;
	margin: 50px 120px;
	font-family: Verdana, Arial, Helvética, sans-serif;
	font-size: 10px;
	}