/* 

Theme Name: Chagrev

Theme URI: http://fabricadecosas.com/

Description: Theme definitivo para CHAG

Version: 3

Author: Jorge Montoya

Author URI: http://fabricadecosas.com

*/

body { 
	color: #696256;
	background: #EDECEA url(img/bodybg.jpg) repeat-x top center;
	font: 80% "Verdana", Arial, "Lucida Sans Unicode", Tahoma, sans-serif;
	padding: 0;
	margin: 0;
	}
 
 /* TODO EL CONTENIDO */

#general {
	width: 920px;
	margin: 10px auto;
	color: #696256;
	padding-top:0px;
	}

 img {border: 0;}
	
/* CUADRO REDONDEADO */


.clear{
        clear:both;
    }	
	
#info {
	background: #696256;
	width: 900px;
	color: #ffffff;
	}
	
	
#info a:link, #info a:visited {
	text-decoration: none;
}	

#info a:hover, #info a:active {
	border-bottom:2px solid #FFFFFF;
}	
	
#simple {
	background: #FFFFFF;
	width: 630px;
	color: #473414;
	}
	
	
#programas {
	width: 650px;
	}


.programassal {
	background: #EFEEEC;
	width: 190px;
	padding-top:0px;
	float: left;
	margin-right: 10px;
	}

.programasdos {
	background: #EFEEEC;
	width: 190px;
	padding-top:0px;	
	float: left;
	}	

#new {
	width: 650px;
	}	
	
.newmedia {
	background: #696256;
	float: left;
	width: 260px;
	}	
	
.newnews {
	background: #EFEEEC;
	float: right;
	padding: 0 10px 0px 10px;	
	width: 340px;
	margin-top: 10px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;	
	}		
	
#subs {
	margin-top: 10px;
	width: 650px;
	}	


/* SEARCH FORM */

#search form {
	float: left;

	margin: 0;

	padding: 0;

	}

#search input#s {

	width: 200px;

	padding: 8px;

	margin: 2px 0 0 0px;

	color: #333;

	background: url(img/search.gif) no-repeat center left;

	border: 0px;

	}

#search input#search-submit {

	width: 24px;

	padding: 4px;

	margin: 0 0 0 0;

	color: #fff;


	}

/* HEADER */

#logo {

	float: left;
	width:920px;
	margin: 0;	
	background: url('http://hectorabadgomez.org/img/log0.jpg') no-repeat top center;	
	height: 160px;

	}

#tools {

	background: #FFFFFF;

	float: right;

	width: 240px;

	margin: 10px 0 0 0;

	}

.search {
	width: 200px;
}

#redes {

	background: #EFEEEC;

	float: right;

	width: 240px;

	margin-top: 10px;

	}

#laterales {

	background: #FFFFFF;
	float: right;
	width: 240px;
	margin: 10px 0 0 0;
	}
	
/* TODO LO QUE HAY BAJO EL ENCABEZADO */

#contenedor {

	float: left;

	width: 650px;

	margin: 0;


	}



#contenedor h4 {

	margin: 10px 5px 0 0px;

	padding: 0;

	font-size: 1.2em;

	font-weight: bold;

	color: #495678;

	}

#contenedor h4 a {

	color: 495678;

	}

#contenedor h6 {

	padding: 0;

	font-size: 1.2em;

	font-weight: bold;

	color: #495678;

	}

#sidebar{
	width:260px;
	float:right;
}

#lateral {

	background: #FFFFFF;
	float: right;
	width: 240px;
	margin: 10px 0 0 0;

	}

#lateral ul {
	list-style-type:none;
	list-style:none;
	padding-left:0px;
	width:200px;
}
	
#lateral ul li {
	list-style-type:none;
	list-style:none;
	padding-left:0px;
	width:200px;
}
	

/* HEADERS */

h1, h2, h3, h4, h5, h6 {

	font-weight: bold;

	font-family: "Georgia", "Serif";

	color: #495678;

	}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

	font-weight: bold;

	text-decoration: none;

	color: #495678;

	}

h1 { font-size: 2.4em; font-weight: bold; color: #495678;}

h2 { font-size: 1.7em; font-weight: bold; }

h3 { font-size: 1.4em; font-weight: bold; color: #495678;}

h4 { font-size: 1em; font-weight: bold; color: #495678; }

h5 { font-size: 1.6em; font-weight: bold; color: #495678;}

h6 { font-size: 1em; font-weight: bold; }



/* LINKS */

a {

	color: #495678;

	text-decoration: none;

	}

a:hover {

	color: #000;
	text-decoration: underline;	

	}

#home h5 { margin: 5px 5px -5px 0px; padding: 0; font-weight: bold; }

/* TABS */	


.tabs-block {
	clear: left;
	float: left;
	width: 240px;
	display: block;
	}
.tabbed {
	width: 100%;
	overflow: hidden;
	border: none;
	}
.tabbed ul.tabs {
	overflow: hidden;
	display: block;
	position: relative;
	top: 0;
	z-index: 999;
	list-style-type: none;
	margin: 0;
	padding: 4px;
	width: 100%;
	background: transparent;
	}
.tabbed ul.tabs li {
	display: inline;
	float: left;
	text-align: center;
	font-size:11px;
	}
.tabbed ul.tabs li a {
	font-weight: bold;
	color: #ffffff;
	display: block;
	padding: 8px;
	margin-right:4px;
	background: #495678 ;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;	
	}
.tabs-block ul.tabs li a { padding: 4px; }
.tabbed ul.tabs li a:hover {
	color: #ffffff;
	background: #495678;
	text-decoration: none;
	}
.tabbed ul.tabs li a.tab-current {
	color: #495678;
	background: #fff;
	}
.tabs-block .tabbed div, #home .tabbed .c {
	overflow: hidden;
	display: block;
	position: relative;
	left: 0;
	top: -1px;
	z-index: 0;
	clear: left;
	margin: 0;
	background: #fff;
	display: none;
	}
div.t2, div.t3, div.t4, div.t5, div.c2, div.c3, div.c4, div.c5, div.c6, div.c7, div.c8, div.c9, div.c10  { display: none; }
.tabs-block .tabbed div.t1, #home .tabbed div.c1 { 
	display: block;
	}
.tabs-block .tabbed div { width: 100%;}
.tabbed div ul {
	overflow: hidden;
	margin-left: 0px;
	list-style-type:none;
	}
.tabbed div ul li {
	clear: left;
	background: transparent;
	}
.tabbed div ul li a {
	font-weight: normal;
	width: 97%;
	display: block;
	padding: 2px 0 0px 12px;
	background: transparent;
	border: none;
	}
.tabbed div ul li a:hover { text-decoration: underline; }
	
	
#footer {
	text-align: center;
	width: 900px;
	margin: 10px auto;
	padding: 10px;
	background: #696256;
	color: #ffffff;
	}