/* Plantilla CSS para Joomla - Sitios Internos para Conafor,
Segun la secretaria y el Tema 7 apegado a los dictametes de Presidencia
Creador: Alejandro Aceves Nuñez
Correo: swaceves@gmail.com   */ 


html,body{
     padding:0;
     margin:0;
     background:url(../img/body.jpg) repeat-x;
     background-color:#B4B4B4;
     color:#666666;
     font-family: Verdana;
     font-size:11px;
     text-align:center;
}

ul{ margin:0; padding:0; }
li{ list-style:none; padding:0; margin 0; }
a{color:#81007E;}

img.top {vertical-align:text-top; margin:0; padding:0; border:0; }
img.bottom {vertical-align:text-bottom; margin:0; padding:0;}

.label { margin-left:11px;}
.button { border: 1px solid #BBBBBB; margin-left: 7px; }
.inputbox { border: 1px solid #BBBBBB; margin:2px; }


table.top, td{	border:0; margin:0; padding:0; border-spacing:0; border-collapse:collapse;	}

#page{	width:800px;	text-align:left; margin:auto; position:relative;  display:block;	} 

#header{ color:#FFFFFF; position:relative; 	height:110px; 	background-color:#404040;	width:100%;	background-repeat:repeat;margin-bottom:4px;	}

#header img.barsup{ 	position:absolute;	left:195px;	top:0;	}
#header img.conafor{ 	position:absolute;	left:0;	top:0;	}
#header img.semarnat{ 	position:absolute;	left:735px;	top:0;	}
#header img.conapage{	position:absolute;	left:0;	top:65px; }
#header img.barraMedia{	position:absolute;	left:130px;	top:65px;	background-repeat:repeat-x; }


#headerTime{
     height:12px;
     width:100%;
      background-color:#808080;
     position:absolute;
     top:98px;
     color:#FFFFFF;
     font-size:9px;
     text-align:right;
}

#titlepage{ text-align:center; }

 
#leftcol{
     width:130px;
     margin-bottom:auto;
     background: url(../img/leftBar.png) repeat-y;
     background-color:#F0F0F0;
     position:relative;
     float:left;
}

#maincol{
	width:657px;
	background-color: #FFFFFF;
	float: left;
	display:inline;
	position: relative;
	min-height:600px;
	padding: 5px 7px 5px 5px;

/*Para que no deje de ver las columnas Laterales*/
/*	border-left: 130px solid #B2B2B2; /* ancho y color del menú  izquierdo 
	margin-left: -134px; */
}



#subcol1{
width:50%;
float:left;
position:relative;
margin-bottom:auto;
padding:2px;
}
#subcol2{
width:47%;
display:inline;
float:right;
position: relative;
padding:2px;
}
 
#footer{
     height:18px;
     padding: 5px 18px 10px 18px;
     background-color:#404040;
     clear:both;
     color:#FFFFFF;
     font-size:10px;
	 text-align:center;
     border-top:solid 3px #81007E;
}
#footer a{ color:#FFFFFF; }
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
margin-bottom:5px;
}
 
.clearfix{ display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/*printer styles*/ 
@media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/*========    Titulos     ===========*/
.titulo
{
	color:#81007E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
/*========    Subtitulos     ===========*/
.subtitulo
{
	color:#81007E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

/*============  Institucional =================*/

/* =================================== */
/* ====        M E N U S          ==== */
/* =================================== */
#topmenu ul{
background-color:#404040;
position:absolute;
left: 198px;
top: 65px; 
border:0;
margin:0; padding:0;
}
#topmenu li { display:inline;  border:0; }
#topmenu li a{
	color:#FFFFFF;
    float: left;
    list-style:none;
    padding: 10px 15px 13px 15px;
	text-decoration:none;
	border:0;
}

#topmenu li a:hover,#topmenu li a.activo{background-color:#81007E;}

#menu_secundario ul{	margin-left:20px;	padding-left:0; }
#menu_secundario li{ 	color:#404040;	text-align:left;	list-style-image:url(../img/flecha_morado.gif);	padding:3px;	margin:2px;	margin-left:0;	padding-left:0;}
#menu_secundario li a{	color:#404040;	text-decoration:none;	border:0;	margin-left:0;	padding-left:0;}
#menu_secundario li a:hover,#menu_secundario li a.activo, #menu_secundario li:hover{ list-style-image:url(../img/flecha_mor30.gif); color:#81007E; font-weight:bold;}
#menu_secundario p { 	color:#FFFFFF;	font-family:"Presidencia Firme", "Presidencia Base", "Presidencia Fuerte";	font-size:12px;
	text-align:center;	margin:			0 0 5px 0;	padding-bottom:	5px;	padding-top:	5px;	background-color:#9F429B;}

#module_menu_principal ul,#module_menu_principal ol{margin:0 0 2px; padding:5px 0; list-style:none; background:#a0a0a0;}
#module_menu_principal li{margin:0; background:#a0a0a0; list-style:none;}
#module_menu_principal li a{padding:5px 5px 5px 18px; display:block; color:white; text-decoration:none; text-transform:uppercase; background:url(../img/li_morado.jpg) no-repeat 7px center; cursor:pointer;}
#module_menu_principal li a:hover,#module_menu_principal *[onclick]:hover{/* IE7 */color:#81007E; cursor:pointer;}
#module_menu_principal li a.activo{background-image:url(../img/li_blanco.jpg); color:white;}
#module_menu_principal ul.sub,#module_menu_principal ul.sub_x{margin:0; padding:2px 0; background:#969696 repeat-y; border-left:1px solid #969696; border-right:none;}
#module_menu_principal ul.sub li,#module_menu_principal ul.sub_x li{background:none;}
#module_menu_principal ul.sub li a,#module_menu_principal ul.sub_x li a{margin:5px 2px 5px 7px; text-transform:none; border:none;}
#module_menu_principal ul.sub_x{display:none;}
#module_menu_principal p { 	color:#FFFFFF;	font-family:"Presidencia Firme", "Presidencia Base", "Presidencia Fuerte";	font-size:12px;
	text-align:center;	padding-bottom:	5px;	padding-top:	5px;	background-color:#9F429B; margin:0;}

#module{ padding:0; margin:0; }
ul.mainlevel, ol.mainlevel{margin:0 0 2px; padding:5px 0; background:#a0a0a0;  list-style:none; }
ul.mainlevel li{margin:0; background:#a0a0a0; list-style:none;}
a.mainlevel{padding:5px 5px 5px 18px; display:block; color:white; text-decoration:none; text-transform:uppercase; background:url(../img/li_morado.jpg) no-repeat 7px center; cursor:pointer;}
li a.mainlevel:hover, *[onclick].mainlevel:hover{/* IE7 */color:#81007E; cursor:pointer;}
li a.mainlevel#active_menu{background-image:url(../img/li_blanco.jpg); color:#88007E;}

ul.sub,#mainlevel_menu_principal ul.sub_x{margin:0; padding:2px 0; background:#969696 repeat-y; border-left:1px solid #969696; border-right:none;}
ul.sub li,#mainlevel_menu_principal ul.sub_x li{background:none;}
#mainlevel_menu_principal ul.sub li a,#mainlevel_menu_principal ul.sub_x li a{margin:5px 2px 5px 7px; text-transform:none; border:none;}
#mainlevel_menu_principal ul.sub_x{display:none;}
/*#mainlevel_menu_principal p { 	color:#FFFFFF;	font-family:"Presidencia Firme", "Presidencia Base", "Presidencia Fuerte";	font-size:12px;
	text-align:center;	padding-bottom:	5px;	padding-top:	5px;	background-color:#9F429B; margin:0;}
*/


/* =================================== */
/* ====      M O D U L O S 	     ==== */
/* =================================== */

.module,.modulesubmenu,.module_search { padding:3px 0 10px 0; background-color:#F0F0F0; background: url(../img/leftBar.png) repeat-y; }
.module h3,.modulesubmenu h3,.module_search h3{
	margin:			0 0 5px 0;
	padding-bottom:	5px;
	padding-top:	5px;

	color:#FFFFFF;
	font-family:  "Presidencia Base Versalitas", "Verdana";
	font-size:12px;
	text-align:center;
	background-color:#81007E;
	text-transform:uppercase;
	font-weight:normal;
 }

.module .button{ margin-bottom:2px;}
.module_menu_principal{ background-color:#A0A0A0; }
.modulesubmenu a.mainlevel{ color:#404040;}

/* Modulo Buscador*/
.module_search{ text-align:center; margin-bottom:2px; }
.module_search form{padding:4px; margin:2px;} 
.module_search #mod_search_searchword{
color:#88007E;
width: 100px;
height: 14px;
font-size: 10px;
background: #ffffff;
border: 1px solid #000000;
padding-left: 2px;
line-height: 14px;
}

/* Modulos Especiales   module + sufijo */
.module_estadisticas{ text-align:center; } 
.module_destacamos{ background: url(../img/moduleBG.jpg) right repeat-y; margin-top:2px; }


/*UDC es lo de noticias que cambian, con ajax.*/

.udc{background: url(../img/moduleBG.jpg) right repeat-y; margin-top:2px; }

.udcnfast {
font-size:10px;
font-family:Verdana;
border: 1px dashed #C07FBE;
border-style:dashed;
padding:2px;
margin-top:4px;
}
.udcnfast a {
text-decoration: none;
color:#000000;
font-weight:normal;
}
.udcnfast a:hover {
text-decoration: none;
color:#101010;
font-weight:normal;
}



.module_anuncios{ padding-left:3px; background: url(../img/moduleBG2.jpg) left repeat-y; margin-top:2px;}

.moduletable h3 ,.module_destacamos h3, .module_anuncios h3, .moduletable th{
     width:95%;
     padding: 7px 5px 7px 4px;
     margin-left:-4px;
     background-color:#81007E;
     color:#FFFFFF;
     font-weight:normal;
     font-family: "Presidencia Base Versalitas", "Verdana";
     font-size:12px;
     font-weight:300;
     text-align:center;
     text-transform:uppercase;
     border-right:solid 20px #D8B3D5;
	 position:inherit;
}

/* =================================== */
/* ====     N O T I C I A S       ==== */
/* ====     N O T I C I A S       ==== */
/* =================================== */

.contentheading{
	width:100%;
}

td.contentheading{
     width:95%;
	 min-width:575px;
     padding: 7px 4px 7px 4px;
     background-color:#81007E;
     color:#FFFFFF;
     font-weight:bold;
     font-size:12px;
     text-align:right;
     border-left:solid 20px #D8B3D5;
	 float:right;
}

td.tituloNoticia{ 
     padding: 7px 4px 7px 4px;
     background-color:#81007E;
     color:#FFFFFF;
     font-weight:bold;
     font-size:12px;
     text-align:right;
     border-left:solid 20px #D8B3D5;
	 float:right;
	 }
td.contenidoNoticia{ vertical-align:top; text-align:justify; }
td.imagenNoticia{ border:0; margin:0; padding:0;}
/*td.contentheading{
	width:90%;
	color:#FFFFFF;
	background-color:#81007E;
	border-left:solid 20px #D8B3D5;
	font-size:12px;
	font-weight:bold;
	padding: 7px 4px 7px 4px;
	text-align:right;
}*/
.contentpaneopen{ text-align:justify; width:auto;}



h1.tituloNoticia{     
     padding: 7px 4px 7px 4px;
     background-color:#81007E;
     color:#FFFFFF;
     font-weight:bold;
     font-size:12px;
     text-align:right;
     border-left:solid 20px #D8B3D5; } 

.contentpaneopen img{ margin:3px; float:left;}
td.buttonheading img{ float:right;}
td.buttonheading{ width: 22px; }

/* Leer mas */
.readmore a,a.readmore,a.readon{background:url(../img/ver_mas.gif) no-repeat right center; padding-right:15px;  color:#918677; text-decoration:none; float:right;}
.readmore a:hover,a.readmore:hover,a.readon:hover{color:#996699; text-decoration:underline; background:url(../img/ver_mas_hover.gif) no-repeat right center;}
/* Ultima Modificacion */
.modifydate,.small{font-size:9px; color:#81007E;}
.modifydate{display:block; text-align:right;}
/*Fecha de Creacion */
.createdate {
     height: 10px;
     padding-right:15px;
     color: #ABABAB;
     font-size: 10px;
     line-height: 0.7;
     text-align:right;
}

/* =================================== */
/* ==== F I N - DOCUMENTO - C S S ==== */
/* =================================== */
