/* JORGECEBALLOS.com CSS STYLES - PLEASE DON'T REPRODUCE - CSS by ASOCIACIONRAICES.COM */ 
/* JORGECEBALLOS.com HOJA DE ESTILOS - NO REPRODUCIR - CSS por ASOCIACIONRAICES.COM */ 

/* RESETEAR BROWSERS */ 
html, body {
	margin : 0;
	padding : 0;
}

body {
	font : 12px Helvetica, Verdana, Helvetica, sans-serif;
	color : #333;
	background : #fff;
	text-align : center; /* IE centering */
	width : 100%;
	min-width : 900px;
line-height:1.2;
}


p {
	letter-spacing:1.2px;



}

ul{list-style-type:none;}

h1{font-size:32px; font-family: "ITC Kabel LT Medium", Verdana, Helvetica, Arial, sans-serif; margin:0; color:#666;}

h2{font-size:18px; font-family: "ITC Kabel LT Medium", Verdana, Helvetica, Arial, sans-serif; margin:0; color:#009eaf;}
h3 {margin:3px; font-size:14px; margin-top:6px;}

h2 a:link{text-decoration:none;}

/* LINK PSEUDO */


a:link {
	color : #f60;
	text-decoration : none;
}

a:visited {
	color : #09f;
	text-decoration : none;
}

a:hover {
	color : #05b4fd;
	text-decoration : underline;
}


/* LAYOUT & POSICIONAMIENTO + GFX CABEZAL */


#contenedor {
text-align : left; width : 920px; margin : auto auto;
background:#fff url(images/final_cut.png) no-repeat;
margin-bottom:20px; padding:0 10px;
}




#cabezal {
	position:relative;
	left:0px;
	top:0px;
	width:900px;
	height:340px;
z-index:0;
}

#sub-cabeza{position:relative;
	left:0px;
	top:0px;width:900px; height:310px;
z-index:2;}

#flash{	position:absolute;
	left:0px;
	top:0px;width:900px; height:220px;
z-index:5;}
#nav {
	position:absolute;
	left:0px;
	top:200px;
	width:900px;
	height:50px;
padding:14px;
z-index:3;
}

#libres{position:relative; top:50px; left:760px; z-index:10; width:140px; height:100px;}
.libres-img{width:100px; height:57px; border:0; float:left; margin:5px 10px;}

#input {
	position:relative;
top:3px;
left:-20px;
	width:225px;
	height:36px;
	background:url(images/busqueda-bg.png) no-repeat;
padding:8px 0px;
z-index:5;
float:right;
text-align:center;
}

#input p{margin:0px 15px;  font-size:0.9em;}

/** 2- NAVEGACION **/
#nav {
	position:relative;
	left:0px;
	top:0px;
	width:900px;
	height:40px;
background:url(images/nav-bg.png) no-repeat;
}

#inicio {
	position:absolute;
	left:0px;
	top:0px;
	width:130px;
	height:40px;
}

#perfil {
	position:absolute;
	left:130px;
	top:0px;
	width:110px;
	height:40px;
}

#prensa {
	position:absolute;
	left:240px;
	top:0px;
	width:110px;
	height:40px;
}

#propuestas {
	position:absolute;
	left:350px;
	top:0px;
	width:110px;
	height:40px;
}

#contacto {
	position:absolute;
	left:460px;
	top:0px;
	width:110px;
	height:40px;
}

#vacio {
	position:absolute;
	left:570px;
	top:0px;
	width:110px;
	height:40px;
}

#lupa {
	position:absolute;
	left:680px;
	top:0px;
	width:220px;
	height:40px;
background: url(images/lupa.png) no-repeat;
}
.inputtext{font-style: italic; margin-left:10px;}

.inputbox{border:0; background:url();}

#sub-nav{background:#f60; height:35px; width:902px; text-align:center; margin:15px 0;}
#sub-nav ul{list-style-type:none;   padding:8px;}
#sub-nav li{display:inline; margin:20px; height:35px; font-size:16px;padding:8px;}
#sub-nav li a{color:#f9f9f9; text-decoration:none;}
#sub-nav li a:hover{color:#f60;}
#sub-nav li:hover{background:#333; padding:8px;}



/** COMIENZA CUERPO **/

#cuerpo{width:900px; min-height:300px;}

/** 1- parte central **/
#central{width:582px; float:left; margin:10px 9px; padding:5px 4px;}
#jd{width:240px; height:300px; color:#fff; float:left;}
#primerpost {margin:0px; float:left;}
.primerpost p{color:#333; text-align:justify;}
.post{margin:0 0 10px 0; border-bottom:1px solid #eee; padding-bottom:10px;}
.post h2{margin-top:0px;}
.post p{color:#333; /*text-align:justify;*/}
.cuadrada{margin:4px;border:1px solid #333;}
.ultimas{margin:10px 0; width:580px; height:40px;}
.wp-caption{background:#000; float:left; margin:0 10px 10px 0; clear:both; text-align:center;}
.wp-caption p{text-align:center; color:#f9f9f9; background:#333; padding:4px; margin:0;}
.wp-caption img{border:0; margin:4px 0;}
.entry img{max-width:560px;}


/** 2- parte derecha **/
#col-der{width:272px; float:left; margin:30px 2px 30px 8px; padding:5px 4px;}
#gris-top{background:url(images/der-col-top.png) no-repeat; width:270px; height:10px; margin-bottom:-20px;}
#gris-main{background:url(images/der-col.png) repeat-y; margin:-12px 0; padding:0 4px 20px 4px;}
#gris-bot{background:url(images/der-col-bot.png) no-repeat; width:270px; height:10px; margin:0;}
.titulo{width:260px; height:30px; margin:20px 2px;}
.sub-sec{width:260px; height:40px; margin:5px 2px; border:0px;}
#agenda{margin:0 0 30px 0; padding-bottom:10px;}
#agenda p{font-size:11px; margin:3px;}
.alinea-der {text-align:right; padding-right:10px;}
#agenda ul{margin:5px -30px; text-indent:0; width:260px;}
#agenda li{list-style-type:none; padding:6px 10px; border-bottom:1px solid #ddd; margin:5px 0; width:230px; line-height:1.4;}
#agenda li:hover{background:#666; color:#f9f9f9; font-weight:bold;}
.losjovenes{width:260px; height:280px; border:0; margin:50px 0 30px;}
#sabatella{text-align:center;}
#sabatella img{border:0; width:200px; height:280px; margin:15px 0;}

#social{text-align:center;}
#social p{text-align:left; font-size:13px; margin:0 3px 10px;}
.socialimg{border:0; width:48px; height:48px;}

#tubevideo object{width:256px; height:220px; margin:10px 3px; }
.widget object{text-align:center; margin:0;}
.widget h4{font-size:24px; color:#0cf; background:#333; padding:3px;}

/** 3- zona baja **/
#zonabaja{background:url(images/zonabaja.png) no-repeat; clear:both; width:900px; height:375px; padding:13px 10px;}
#baja-izq{width:260px; background:#fff; padding:0; height:350px;  float:left;}
#baja-izq p{font-size:10px; margin:3px 6px;}
#baja-izq h3{font-size:11px; margin:3px 6px;}
.bajaside{width:260px; height:40px; margin:0px;}
.archivo{border:0; margin:0px; position:relative; right:-60px; bottom:-20px; width:174px; height:29px; }
.archivo:hover{filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; }

#baja-med{width:340px; background:#fff; padding:0 0px; height:350px; float:left; margin:0 10px;}
#baja-med object {margin:5px 10px;}
#baja-med p{font-size:11px; margin:3px;}
.bajamid{width:340px; height:40px; margin:0px;}
.vertodo{border:0; margin:10px; position:relative; right:-190px; width:104px; height:29px; }
.vertodo:hover{filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; }
.flowplayer{margin:10px;}

#baja-der{width:260px; background:#fff; padding:0; height:350px; float:left;}
#baja-der p{font-size:11px; margin:3px;}
.bajaside{width:260px; height:40px; margin:0px;}
.interes {border:0; margin:2px 10px; width:240px; height:70px; }
.interes:hover{filter:alpha(opacity=75); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.75; }

#baja-big{float:left; width:610px; height:350px; margin:0 10px;background:url(images/matanza-gde.jpg) no-repeat;}
#baja-big-content{width: 340px; float:right; margin:10px 0; color:#fff;}
#baja-big-content h3{margin:10px 0;}
#baja-big-content p{margin:5px 3px 0 0; letter-spacing:1px;}
#baja-big-content a{color:#fff; background:#333; padding:3px;}

/** PIE **/
#pie{width:100%; margin:auto auto; background:#555; padding:10px 0px; border-top:1px solid #0cf; color:#f9f9f9; font-size:14px;}
#pie p{color:#f9f9f9;}
#pie a:link{color:#f60;}
#pie li{list-style-type:square; display:inline; padding:3px 7px;}
#pie li:hover{background:#f9f9f9;}

/** SINGLE POST **/
.widecolumn{width:860px; margin:10px; border:1px solid #eee; padding:10px;}
.widecolumn h2{background:url(images/barra-ancha2.png) no-repeat; color:#0cf; padding:5px; width:860px; height:40px;}
#ngg-gallery-1{width:800px; padding:20px; margin-left:10px; border:1px solid #ddd;}
#ngg-gallery-1 img{border:#0cf 1px solid;}
#ngg-gallery-1 a{margin:5px;}
#comments{background:#333; color:#0cf; padding:5px; height:40px; margin:0; margin-top:30px; font-size:20px; width:550px; padding:10px; line-height:1;}
.commentlist{background:#f9f9f9; padding:5px; list-style-type:none; margin-top:5px; margin-bottom:5px; border:1px solid #ddd; margin-left:4px; width:540px;}
#respond{margin-top:30px;}
#comment{background:#555; margin-left:20px; border:1px solid #ddd; color:#f9f9f9; font-family:verdana, arial, sans-serif; font-size:11px; padding: 10px; width:500px;}
.postmetadata {margin:10px; padding:10px; border:1px solid #ddd;}
#content {width:582px; float:left; margin:10px 9px; padding:5px 4px; border:1px solid #ccc; background: #f8f8f8;}
#content h2{background:#333; padding:5px; margin:15px 0;}
#content h2:hover{color:#f60;}
#content h2 {color:#fff;}

/** EVENTOS **/
#copyright{display:none;}


/** MAPA **/
#mapa-secciones{margin:2px 10px; width:240px; height:314px;}

.principales-home .post{
float:left;
width:270px;
padding-right:20px;
}
.principales-home .post img{
width:100px;
height:100px;
float:left;
margin-right:10px;
}
.titulo-home{
margin-bottom:10px;
width:100%;
}
.principales-home{width:582px;}