
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*=====PAGINA WEB SEMBRADOR=====*/
	/*---ESTRUCTURA GENERAL---*/
	/*Estructura Básica*/
	html{
		background:		#9c6603;
	}
	#wrap {
		background:		#612505; 
		width:			690px; 
		margin:			0 auto;
	}
	/*Tipografia*/
	strong {
		font-weight:	bold;
	}
	em {
		font-style:		italic
	}
	/*--Contenido general (Adaptado de lbpsty.css)--*/
	#sem {
		width: 			680px; 
		background: 	#E8CF9B url(images/bkcont.jpg) repeat-y center; 
		margin: 		0 auto;
		padding:		20px 0 10px 0;
		
		position:		relative;
	}
		#sem h1 {
		margin:			10px 0 0 20px;
		
		color:			#612505; 
		font:			bolder 153%;
	}
	#sem h2 {
		margin-left:	20px;
		
		color:			#612505;
		font:			bold 107;
	}
	#sem h3 {
		margin-left:	80px;
		
		color:			#612505; 
		font-weight:	bold;
		font-size:		107%;
	}
	#sem h3 a {
		color:			#612505; 
		text-decoration:none;
	}
	#sem h3 a:hover{
		color: 			#000000;
		font-weight:	bolder;
	}
	#sem h4 { 
		margin: 		10px 20px;
				 
		color:			#612505;
		font:			bolder;
		font-size:		100%;
	}
	#sem p { 
		margin: 		10px 80px; 
		margin-top:		10px;
		
		text-align: 	justify;
	}
		
/*---CABECERA---*/
	#header {
		background: 	#FFF url(images/cabezal.jpg);		
		width: 			680px; 
		height: 		168px; 
		margin: 		5px auto;
		
		text-align: 	center;
	}
	#header h1, #header h2 {
		display:		none;
		}	
/*---MENÚ---*/
	/*Estructura y Tipografía*/
	#menu {
		height: 		20px;
	}
	#menu ul li {
		color: 			#FFF; 
		padding: 		0; 
		padding-left: 	15px; 
		margin: 		0;
		
		float: 			left; 		
		list-style: 	none;		
	}
	#menu ul li a {
		color:			#fff; 
		text-decoration:none;
	}
	#menu ul li a:hover {
		color:			#FFCC66; 
		font-weight: 	bold;
	}
/*---CONTENIDOS---*/
/*---título de la serie---*/
#wrap #sem #pg-port #serie2011 {
	border-bottom: #000 solid 1px;
	}	
	#wrap #sem #pg-port p.serie_2011 {
		margin: 5px 0;
		
		text-align:center;
	}
/*Estructura y Texto*/
	/*titulos y subtitulos*/
	#sem #pg-col #col-1 div.h2_2011, #sem #pg-col #col-2 div.h2_2011, #sem #pg-col * div.h2_2011 {
		background:url(../sembrador/images/2011/Subullet_sem774.gif) no-repeat left;
		height: 35px;
		border-bottom: #000 solid 1px;
		margin:	10px 0;
	}
	#sem #pg-col #col-1 div.h2_2011 h2, #sem #pg-col #col-2 div.h2_2011 h2, #sem #pg-col * div.h2_2011 h2  {
		font-weight:bolder;
		font-size: 100%;
		font-family:"Arial Black", Gadget, sans-serif;
		text-align:center; 
	}
	#sem #pg-col #col-1 div.h2_2011 h2 span, #sem #pg-col #col-2 div.h2_2011 h2 span, #sem #pg-col * div.h2_2011 h2 span {
		font-weight:normal;
		font-size: 80%;
		font-family: Arial, Helvetica, sans-serif;
		dispaly: block;
		text-align:center;
		margin-right: 100px;
	}	
	/*Cita de subtitulo h2*/
	p.p_right, #sem * * p.p_right, #sem * p.p_right, .p_right {
		text-align:right;
	}
	/*subtitulo 3*/
	#wrap #sem #pg-col #col-1 h3.h3_2011, #wrap #sem #pg-col #col-2 h3.h3_2011, #wrap #sem #pg-col #col-1 .h3_2011, #wrap #sem #pg-col * .h3_2011 {
		background:		none; 
		margin:			5px 0;
		padding:		0;
				
		color:			#612505; 		
		font-size:		100%;
		text-align:		center;	
	}
	#wrap #sem #pg-col * h3.h3_2011b {
		background:		none;
		margin:			10px 0px;
		padding:		3px 0;
		border-top: #000 solid 2px;
		border-bottom: #000 solid 2px;
				
		color:			#612505; 		
		font-size:		100%;
		text-align:		center;
	}
	/*Sección de titulos en portada*/
	#sem #pg-port #titulo {
		margin: 		1px; 
		padding-top:	10px;
		
		display:		block; 
		overflow: 		hidden; 		
	}
	#sem #pg-port #titulo h1 {
		clear:			right; 
		float:			right; 

		text-align:		right;  
		letter-spacing:	170%; 
		font-weight:	bolder;
		font-size:		280%; 
	}
	#sem #pg-port #titulo h1.h1_774 {
		text-align:		right;  
		letter-spacing: 15px; 
		font-weight:	900;
		font-size:		400%;
		text-shadow:0px 0px 10px #FF5E00;
		
		display:		block;
	}
	#sem #pg-port #titulo h3 {
		margin:			0;		
		
		clear:			right; 
		float:			right;
		
		text-align:		right; 
	}
	#sem #pg-port #titulo h4 {
		margin:			5px 0 0;
		
		clear:			right; 
		float:			right;
		
		text-align:		right;
		font-weight:	bolder;
	}
	#sem #pg-port #titulo img { 
		border:			0; 
		padding:		0;
		margin:			0;		
	}
	#sem #pg-port #titulo img.img_s2011 { 
		border:			0; 
		padding:		0;
		margin:			0 1px 0 auto;
		
		float:			right !important;
		clear:			both;				
	}
	#wrap #sem #pg-port #titulo p.textop {
		margin: 40px 0;
		font-size: 120%;
		font-weight:bolder;
		float:left;
		text-align:left;
		text-indent: 0px;
	}
	
	/*parrafo de inicio*/
	/*serie 2011*/
	#wrap #sem #pg-port #capital_2011 {
		width:	80px;
		height:	103px;
		background:#960 url(../sembrador/images/2011/Capital_sem774.gif) left no-repeat;
		margin-right: 5px;
		
		float:left;
	}
	#wrap #sem #pg-port #capital_2011 p {
		font-family:"Arial Black", Gadget, sans-serif;
		font-weight:bolder;
		color:#FC0;
		text-transform: uppercase;
		font-size:large;
		text-indent:0;
		margin: 0;
		text-align:center;
	}
	#wrap #sem #pg-port #capital_2011 p:first-letter {
		font-size:larger;
	}
	
	#sem #pg-port #p-inicio {
		background:		url(images/back-letter.png) no-repeat left; 
		width:			560px;
		
		clear:			right; 		
		}
		#sem #pg-port #p-inicio p{
		width:			500px; 
		margin-left:	20px; 
		padding-top:	10px;
		
		text-indent:	-20px;
	}
	#sem #pg-port #p-inicio p:first-letter {
		margin-right:	25px;
		
		float:			left;
		
		color:			#FC0;
		font-size: 		350%; 
		font-weight:	bold;  
		line-height:	80%;
	}
	/*poesias_2011*/
	#wrap #sem #pg-col #col-1 p.poe_2011 {
		margin-left: 0px;
		font-size:		80%;
		text-indent:0;
	}
	#wrap #sem #pg-col #col-1 p.poe2_2011 {
		margin-left: 10px;
		font-size:		80%;
		text-indent:0;
	}
/*-----PAGINA EN COLUMNAS---*/
	/*estructura*/
	#sem #pg-port {
		width:			520px;
		padding:		5px 0;		
		margin:			20px auto 0; 
		border-top:		solid 1px #000;
		border-bottom:	solid 1px #000; 
		
		overflow:		hidden;
		clear:			left; 		
	}
	#sem #pg-col {
		width:			520px;
		margin:			20px auto 0;
		border-top:		solid 1px #000;
		border-bottom:	solid 1px #000; 
		padding:		5px 0;
		
		overflow:		hidden;
		clear:			left;		
	}
	#sem #pg-col #col-1 { 
		width:			210px;
		margin-right:	40px;
		
		float:			left;		
	}
	#sem #pg-col #col-2 {
		width:			220px; 
		padding-left:	40px; 
		border-left:	#000 solid 2px;
		
		float:			left;		
	}
	/*texto y tipografia*/
		#sem #pg-col h3 {
		background:		#666; 
		margin:			5px 0;
		padding: 		10px 0;
				
		color:			#fff; 		
		font-size:		100%;
		text-align:		center;
	}
	#sem #pg-port p{
		margin:			5px 0;
		
		text-indent:	20px;
	}
	#wrap #sem #pg-col #col-1 p.BT-00, #wrap #sem #pg-col #col-2 p.BT-00, #sem #pg-port p.BT-00, #sem #pg-port #pg-col p.BT-00, #sem #pg-port #pg-col * p.BT-00 {
		margin:			5px 0;
		
		text-indent:	0;
	}
	#wrap #sem #pg-col #col-1 p.BT-01, #wrap #sem #pg-col #col-2 p.BT-01, #wrap #sem #pg-col * p.BT-01 {
		margin:			5px 0;
		
		text-indent:	-20px;
		padding-left:	20px;
	}
	#wrap #sem #pg-col #col-1 p.BT-02, #wrap #sem #pg-col #col-2 p.BT-02, #wrap #sem #pg-col * p.BT-02 {
		margin:			5px 0;
		
		text-indent:	0px;
		padding-left:	20px;
	}
	/*Parrafo de inicio*/
	#wrap #sem #pg-col #col-1 p.BT-inicio, #wrap #sem #pg-col #col-2 p.BT-inicio, #sem #pg-port * * p.BT-inicio, .BT-inicio {
		margin:			5px 0;
		
		text-indent:	0;
	
	}
	#wrap #sem #pg-col #col-1 p.BT-inicio:first-letter, #wrap #sem #pg-col #col-2 p.BT-inicio:first-letter, #sem #pg-port * * p.BT-inicio:first-letter, .BT-inicio:first-letter { 
		font-weight: bolder;
		font-size: 150%; 
		font-family:"Arial Black", Gadget, sans-serif;
	}
	#sem #pg-col * p{
		margin:			5px 0;
		
		text-indent:	20px;
	}
	#sem #pg-col p.cita {
		margin: 		10px 0; 
		margin-left:	20px;
		
		text-indent:	-20px;
	}
	#sem #pg-col p.cita:before {
		content:		">> ";
	}
	#sem #pg-col p.reflex {
		border-top:		solid 2px #000; 
		border-bottom:	solid 2px #000; 
		margin: 		10px 0;
		
		text-indent:	0; 
		line-height:	135%;}
	/*---CREDITOS---*/
	/*estructura*/
	#sem #pg-col div.creditos {
		width:			520px; 
		border-top:		double;
		
		clear:			left;		
		overflow:		hidden;
	}
	#wrap #sem #pg-col .creditosAR {		
		width:			520px;
		padding-top:	5px;
		border-top:		solid 1px #000;
		
		clear:			left;		
		overflow:		hidden;
		}
	#sem #pg-col div.creditos div.col-1 {
		width:			160px;
		
		float:			left; 		
		
		text-align:		left;
	}
	#sem #pg-col div.creditos div.col-2 {
		width:			180px; 
		padding:		0 10px;
		
		float:			left; 		
	}
	#sem #pg-col div.creditos div.col-3 {
		width:			160px;
		
		float:			left; 
		
		text-align:		right;
	}
	#sem #pg-col div.creditos div.col-2b {
		width:			168px; 
		padding:		0 10px; 
		border-left:	1px solid #000; 
		border-right:	1px solid #000; 
		margin:			0 5px;
		
		float:			left; 		
	}
	/*texto y tipografia*/
	#sem #pg-col div.creditos * p {
		font-size:		85%; 
		text-indent:	0; 
		line-height:	122%;
	}
	#sem #pg-col div.creditos * address {
		font-size:		85%; 
		line-height:	144%; 
		font-style:		normal;
	}
	#sem #pg-col * p.centrado {
		text-align:		center;
	}
	#sem #pg-col * p.derecha {
		text-align:		right;
	}
	#sem #pg-col blockquote {
		padding:		0 0 0 7px;
		border-left:	double 2px #000;
		
		font-size:		80%;
		text-align:		justify;	
	}	
	/*---TOOLTIP---*/
	/*Biblewateway*/
	#sem a.biblegateway {
		color: 			#612505;
	}
	#sem a.biblegateway span { 
		padding: 		5px;
		
		display:		none;
		
		font-size:		100%;
	}
	#sem a.biblegateway:hover span {
		background: 	#612505; 
		border: 		2px solid #CCCCCC; 
		
		position:		absolute;		
		display: 		inline;
		
		color:			#fff; 		
		white-space:	pre; 
		text-align:		left; 
		text-decoration:none;
	}
	/*para títulos Sembrador*/
	#sem #titulo * a.citatooltip {
		color:			#000000; 
		font-size:		70%;
	}
	#sem #titulo * a.citatooltip:hover span {
		background:		#612505; 
		border: 		2px solid #CCCCCC; 
		
		position:		absolute;
		display:		block;		
		
		color:			#fff; 
		white-space:	pre-line; 
		text-align:		left; 
		text-decoration:none; 
		text-indent:	0; 
		font-size:		12px;
	}
	/*En contexto y con ventana emergente*/
	#sem * a.citatooltip {
		color:			#612505; 
		font-size:		90%;
	}
	#sem * a.citatooltip span {
		width: 			250px; 
		padding: 		5px;
		
		display: 		none; 
		
		white-space:	pre-line; 
		font-size:		90%;
	}
	#sem * a.citatooltip:hover span {
		background:		#612505; 
		border:			2px solid #CCCCCC; 
		
		position:		absolute;
		display:		block;
		
		color:			#fff; 
		white-space:	pre-line; 
		text-align:		left; 
		text-decoration:none; 
		text-indent:	0;
	}
	#sem #pg-col * blockquote a.citatooltip {
		color:			#612505; 
		font-size:		11.5px; /*para que no se achique con la cita*/
	}	
	/*---COMPARTIR---*/
	#sem #compartir {
		position: 		absolute; 
		top:			20px; 
		right:			80px;
	}
	/*Posicionado con respecto a sem*/
	/*---NAVEGACIÓN---*/
	#sem #semnav { 
		width: 			50%;
		margin:			10px auto;
		
		clear:			left;
		
		text-align:		center;
	}
	#sem #semnav a { 
		padding-left:	10px;
		
		color:			#612505;
		font-weight:	bold;
		text-decoration:none;		
	}
	#sem #semnav a:hover {
		font-weight:	bolder; 
		text-decoration:underline;
	}
	/*---PIE DE PÁGINA---*/
	#pie {
		background: 	#C6AA39; 
		width: 			680px;
		padding: 		2.5px 0;		
		margin: 		5px auto; 
	}
	#pie address {
		color: 			#FFF;
		
		text-align:		center; 
		font-weight:	bolder;  
		font-size:		70%; 
		font-style:		italic;
	}
	#pie address span.dirsem {
		direction: 		rtl; 
		unicode-bidi: 	bidi-override;
		}
/*FORMULARIO PARA ELEGIR SEMBRADOR */	
	FORM {
		padding:		2px;
		margin:			10px 80px 0;
	}
	FORM a {
		padding-left:	5px;
		
		color:			#612505;
		text-decoration:none;
	}
	FORM a:hover {		
		color:			#612505;
		font-weight:	bolder;
		text-decoration:underline;
	}
/*SERIE 2012*/
/*TITULOS Y CONTENIDOS*/
#wrap #sem #pg-port div.capital_2012 {
	width:35px;
	height: 90px;
	float:left;
	margin: 0 10px 0 0;
	background:url(../sembrador/images/2012/capital_2012.png) no-repeat top;
	}
	#wrap #sem #pg-port div.capital_2012 p {
		float: right;
		text-align:right;
		font:"Arial Black", Gadget, sans-serif;
		font-weight:bolder;
		color:#FFF;
		font-size: 180%;
		padding:0 2px 0 0;
		margin:0;
		text-indent:0;
		text-shadow:0 -1px #000, 1px 0 #000, 0 1px #000, -1px 0 #000;
		filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=0, Strength=1)/* Para IE*/
		}
#wrap #sem #pg-port p.BT_inicio-2012 {
		text-indent:0;
		margin-top: 10px;
	}
#wrap #sem #pg-port p.serie_2012 {
	text-align:center;
	font-weight:bold;
	}
#wrap #sem #pg-port p.serie_2012 span {
	font-size: 150%;
	font-family:"Comic Sans MS", cursive;
	}
#wrap #sem #pg-port #titulo p.tx_2012 {
	text-align:right;
	font-size: 150%;
	font-weight:bolder;
	margin: 20px 0;}
#wrap #sem #pg-port #titulo h1.titulo_2012	{
	font-family:"Arial Black", Gadget, sans-serif !important;
	font-size: 420%;
	color:#FFF;
	font-weight:bolder;
	text-shadow:0 -1px #000, 1px 0 #000, 0 1px #000, -1px 0 #000;
	margin: 10px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=10)/* Para IE*/
	}
/*El subtitulo con el mundo sólo cambía imagen del h2_2011	*/
#sem #pg-col #col-1 div.h2_2012, #sem #pg-col #col-2 div.h2_2012, #sem #pg-col * div.h2_2012 {
		background:url(../sembrador/images/2012/Subullet_2012.png) no-repeat left;
		height: 35px;
		border-bottom: #000 solid 1px;
		margin:	10px 0;
		}
	#sem #pg-col #col-1 div.h2_2012 h2, #sem #pg-col #col-2 div.h2_2012 h2, #sem #pg-col * div.h2_2012 h2  {
		font-weight:bolder;
		font-size: 100%;
		font-family:"Arial Black", Gadget, sans-serif;
		text-align:center; 
	}
	#sem #pg-col #col-1 div.h2_2012 h2 span, #sem #pg-col #col-2 div.h2_2012 h2 span, #sem #pg-col * div.h2_2012 h2 span {
		font-weight:normal;
		font-size: 80%;
		font-family: Arial, Helvetica, sans-serif;
		dispaly: block;
		text-align:center;
		margin-right: 100px;
	}		
