/*------------------------------------------------------------------------------------------------
  Tags Generales
  ----------------------------------------------------------------------------------------------*/
body { margin:0; padding:0; text-align:center; font: 10px Verdana, Arial, Helvetica, sans-serif; }

/* Mini Reset */
img { border: none; }
ul, ol, dl { margin: 10px 10px 10px 8px; padding: 0 0 0 10px; }
ul { list-style: square; }
ul ul, ol ul, ul ol, ol ol { margin: 0 1.8em 0; padding: 0.9em 0 0 0.9em; }
h1, h2, h3, h4, td p, th, div, dd { margin: 0; padding: 0; }
li, p { margin: 0 0 1.384615385em; padding: 0; }
dt { margin: 1.8em 0 0; padding: 0; }


/*------------------------------------------------------------------------------------------------
  Tipografias
  ----------------------------------------------------------------------------------------------*/
h1 { font: 500 normal 3em/1.5 'Cabin', Arial, Helvetica, sans-serif; }
h2 { font: normal 1.8em/1.5 Arial, Helvetica, sans-serif; }
h3 { font: bold 1.4em/1.28571em Arial, Helvetica, sans-serif; }
h4 { font: bold 1.3em/1.384615385em Arial, Helvetica, sans-serif; }
p, li, dt, dd, th { font: normal 1.3em/1.384615385em Verdana, Arial, Helvetica, sans-serif; }
.breadcrumbs { font: 1em/1.8em Verdana, Arial, Helvetica, sans-serif; margin: 0 0 1.8em; }
pre { font: normal 1.1em/1.63636em Verdana, Arial, Helvetica, sans-serif; color: #666666; padding: 1.6em 1em; margin: 0 0 1.8em; background: #FFFFEA; border: 1px dotted #CCCCCC; 
					  white-space: pre-wrap;       /* css-3 */
					  white-space: -moz-pre-wrap;  /* Mozilla */
					  white-space: -o-pre-wrap;    /* Opera 7 */ } 

/* links */
a { text-decoration: underline; }
a:hover { text-decoration: underline; }

/*------------------------------------------------------------------------------------------------
  Formularios
  ----------------------------------------------------------------------------------------------*/
form { margin: 0; padding: 0; }
fieldset { margin: 0px; padding: 0px; border: none; }
legend { margin: 0px 0px 0px -7px; padding: 0px 4px 3px 0px; color: #aa9c84; background: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; }
label { position: relative; margin: 0px; padding: 0px; color:#333; font: bold 1.3em/2em Verdana, Arial, Helvetica, sans-serif; }
label span { color:#666; font-size: 0.86em; line-height: 1.6em; font-weight: normal; }
input, textarea { color:#000; padding: 0.4em; background: #fff url(sombraForms.gif) repeat-x 0 0; font: 13px/18px Arial, Helvetica, sans-serif; border-top: 1px solid #707070; border-bottom: 1px solid #cecece; border-left: 1px solid #ababab; border-right: 1px solid #ababab; }
input:focus, textarea:focus, .sffocus { background: #fff url(sombraForms.gif) repeat-x left 0px; border-top: 1px solid #5d7ea4; border-bottom: 1px solid #6fa1d9; border-left: 1px solid #6fa1d9; border-right: 1px solid #6fa1d9; outline-color: #9fc0e6; }
input:focus, textarea:focus, x:-moz-any-link { outline-width: 1px; outline-style: solid; -moz-outline-radius: 3px; -moz-outline-offset: 0px; }
textarea { overflow: auto; }
select { color:#000; padding: 2px; } 
button { padding: 3px; }
form table { border-collapse: collapse; }
#contenido form p { margin: 0 0 0.6em; font-family: Verdana, Arial, Helvetica, sans-serif; }

/*------------------------------------------------------------------------------------------------
  Colores
  ----------------------------------------------------------------------------------------------*/
html { background: #42433C; }
body { background: #42433C url(fondoBody.png) repeat-x left top; }
#top { background: #2E2F2A url(fondoTop.gif) no-repeat right center; }
#navegacion 			{ border-top: 3px solid #194F00; background: #66CC00 url(fondoNavegacion.png) repeat-x left center; }
#navegacion li a		{ color: #194F00; }
#navegacion li a:hover	{ background: #194F00; color: #fff; }
#navegacion li a:active	{ color: #d8ddc5; }
#contenedor		{ background: #fff; } /* F5F7F0 */
#contenido		{ background: url(fondoContenedor.png) repeat-x center top; }
#lateral		{ background: url(fondoContenedor.png) repeat-x center top; }
/*
#contenido		{ background: url(../renglones-18.gif) repeat left top; }
#lateral		{ background: url(../renglones-15.gif) repeat left top; }
*/
#pie { background: #E0E4CD; }

h1		{ color: #042932; }
h2		{ color: #396943; } /* #557598; Celestito */
h3		{ color: #363A3B; }
p, li, h4	{ color: #576153; }

a 					{ color: #152758; } 
a:hover 			{ color: #418100; } 
#lateral a 			{ color: #223f88; } 
#lateral a:hover	{ color: #3b7500; } 

/*------------------------------------------------------------------------------------------------
  Layout
  ----------------------------------------------------------------------------------------------*/
#contenedor 					{ width: 100%; margin: 0 auto; text-align: left; max-width: 1004px; min-width: 770px; overflow: hidden; } /* #ECF0E0 */
	#top						{ padding: 1.8em 2.5em; }	
	#navegacion					{ padding: 0 0 0 1em; }
	#contenido					{ width: 68%; float: left; }
		#contenido .padding 	{ padding: 1.8em 2.5em; }
	#lateral					{ width: 32%; float: left; }
		#lateral .padding		{ padding: 3.6em 2.5em 0em; }
	#pie 						{ width: 100%; clear: both; }
		#pie .padding			{ padding: 1.8em 2.5em; }


/*------------------------------------------------------------------------------------------------
  Estilos especificos por sección
  ----------------------------------------------------------------------------------------------*/

/* Top */
#top p.logo { color: #fff; font: bold 1.7em/1.058823529em Arial, Helvetica, sans-serif; }
#top p.logo a { text-decoration: none; color: #fff; }
#top p.logo a:hover { text-decoration: none; color: #fff; }
#top p	{ color: #ccc; font-size: 1.1em; line-height: 1.636363636em; margin: 0; }

/* Navegacion */
#skipToContent			{ display: none; }
#navegacion ul			{ clear: both; margin: 0; padding: 0.5em 0.6em; list-style: none; width: 90%; overflow: hidden; }
#navegacion li			{ display: inline; }
#navegacion li a		{ 
	float: left; margin: 0 1em 0 0; padding: 0.5em 1em; text-decoration: none; 
	font: bold 0.9em/1em Arial, Helvetica, sans-serif; 
	text-transform: uppercase;
	letter-spacing: 1.1px;
	text-shadow: #87df00 0px 1px 0;
}
#navegacion li a:hover	{
	text-decoration: none;
	outline: none;
	text-shadow: #194F00 0px 0px 4px;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
}

/* Cajas Laterales */
.widgetLateralStandard 		{ background: #EEEEEE; padding: 1.3em 1.8em 1.5em; margin: 0 0 1.5em; border-top: 2px solid #999999; } /* #ECF0E0; Verdecito */
.widgetLateralStandard a	{ font-weight: bold; text-decoration: none;}
.widgetLateralStandard h4	{ font-size: 1.3em; line-height: 1.153846154em; }
.widgetLateralStandard p	{ font-size: 1.2em; line-height: 1.25em; }
.widgetLateralStandard ul { margin: 0.75em 1.5em 2.25em; padding: 0; }
.widgetLateralStandard li { font-size: 1.3em; line-height: 1.8em; margin: 0; padding: 0; }
.widgetLateralStandard dl	{ margin: 0; padding: 0; }
.widgetLateralStandard dt	{ font-size: 1.1em; line-height: 1.363636364em; margin: 0; padding: 1.363636364em 0 0; }
.widgetLateralStandard dd	{ font-size: 1.1em; line-height: 1.363636364em; margin: 0; padding: 0; }

#contacto .widgetLateralStandard dt { font-size: 1.3em; line-height: 1.153846154em; }
#contacto .widgetLateralStandard dt img { vertical-align: middle; margin: 0 0 4px; }

#widgetSocial a	{ font-weight: normal; }

/* Destacados en la Home */
#heroes { width: 100%; overflow: hidden; }
#heroes .item { float: left; width: 47%; height: 9em; padding: 0 1em 1.8em 0; overflow: hidden; }
#heroes .item img { float: left; margin: 0.9em 1em 0 0;}
#sobrePI { background: url(separador640px-abajo.png) no-repeat center top; padding: 1.8em 0 0; margin: 0; }

/* Listado de Noticias en Blog y Artículos */
.listado .post { margin: 0 0 1.8em; }
.listado .post p { margin: 0; }
.listado .post .fecha { color: #557598; font-size: 1em; line-height: 1.8em; margin: 0 0 1.8em;}

/* Pagina de la Noticia*/
.AutoryFecha { font-size: 1.2em; line-height: 1.5em; margin: 0 0 1.5em; font-weight: normal; text-align: right; color: #999966; }

/* Fotos en los textos */
#contenido .figura { margin: 0 0 1em 1em; padding: 1em 1em 0.4em; background: #F8F8F8; border: 1px solid #CCCCCC; }
#contenido .mediana { float: right; }
#contenido .figura p { margin: 0; line-height: 2em; }
#contenido .figura p.caption { font-style: italic; font-size: 1em; }
#contenido .figura p.credit { font-size: 0.9em; text-align: right; }

/* Tablas de Datos en los posts */
.tablaDatos { width:100%; margin: 1em 0; border-collapse:collapse; border-top:1px solid #e5eff8; border-right:1px solid #e5eff8; }
.tablaDatos th { padding:.3em 1em; font-weight: bold; font-size: 1.2em; color:#66A3D3; background:#f4f9fe; text-align:left; border-bottom: 1px solid #e5eff8; border-left:1px solid #e5eff8; }
.tablaDatos td { padding:.3em 1em; color:#678197; border-bottom:1px solid #e5eff8; border-left:1px solid #e5eff8; }				
.tablaDatos tr.impar td	{ background:#f7fbff }
.tablaDatos .centrado { text-align: center; }

/* Form Comentarios */
#dejarComentario label { display: block; float: left; width: 120px; margin: 0.4em 0 0;}
#dejarComentario input, #formComentarios textarea { margin: 0.4em 0; clear: right; }
#dejarComentario button { margin: 0 0 0 120px; }

/* Lista de Comentartios */
.listaComentarios { margin: 0 0 1.8em; }
.listaComentarios p { font: normal 1.1em/1.63636em Verdana, Arial, Helvetica, sans-serif; margin: 0 0 1.63636em; }
.listaComentarios p.comentarioAutor { background: url(ico-comment.gif) no-repeat left top; padding: 0 0 0.8em 1.8em; margin: 0; }
.listaComentarios p.comentarioAutor em { float: right; margin: -1.63636em 0; font-size: 0.9em; font-style: normal; }
.comentarioImpar, .comentarioPar { margin: 0px; padding: 1.63636em 1.63636em 0; border-bottom: 1px dotted #396943; }
.comentarioImpar { background: #eff5e2; }
.comentarioPar { background: #f5f8e3; }

/* Portfolio */
#contenido .listadoPortfolio { width: 100%; overflow: hidden; margin: 0 0 1em; }
#contenido .itemPortfolio { float: left; width: 47%; height: 36em; padding: 0 1em 0.18em 0; overflow: hidden; }
#contenido .itemPortfolio img { margin: 0 0 0.5em ; padding: 0.2em; background: #F8F8F8; border: 1px solid #CCCCCC; }
#contenido .itemPortfolio h3 { margin: 0 0 0.2em; }
#contenido .itemPortfolio p { margin: 0 0 0.2em; }
#contenido .itemPortfolio .servicios { color: #557598; font-size: 1.1em; }

/* Pie */
#pie p { margin: 0; }
#metaPie { float: right; text-align: right; }

/*------------------------------------------------------------------------------------------------
  Utilitarios
  ----------------------------------------------------------------------------------------------*/
/* Paginador */
#paginador { margin: 20px 0 0; padding: 0; list-style: none; text-align: center; }
#paginador li { display: inline; font: bold 1.1em/1.8em Verdana, Arial, Helvetica, sans-serif; margin: 0px 4px 0px 0px; }
#paginador li a { color:#152758; padding: 6px 8px; text-decoration: none; background: #ffffff; border: 1px solid #CCCCCC; }
#paginador li a:hover{ background: #152758; color:#FFFFFF; text-decoration: none; border: 1px solid #152758; }
#paginador li.actual { font: bold 1.1em/2.8em Verdana, Arial, Helvetica, sans-serif; padding: 6px; color: #31313F; }

/* Popup Fotos */
.pifotopopup { float: right; margin: 0px 0px 10px 10px; padding: 4px; outline: none; background: #EEEEEE; cursor: url(../../js/pi-popup/imagenes/zoomin.cur) , pointer; clear: none; border: 1px solid #E2E2E2; }
.pifotopopup:hover { float: right; margin: 0px 0px 10px 10px; padding: 4px; outline: none; background: #EEEEEE; border: 1px solid #1E1E1E; }
.pifotopopup img { margin: 0; padding: 0; outline: none; border: none; }
.pifotopopup-image { border: 8px solid white; }
.pifotopopup-image-blur { }
.pifotopopup-caption { display: none; border: 2px solid white; border-top: none; font-family: Verdana, Helvetica; font-size: 1em; padding: 5px; background-color: white; }
.pifotopopup-display-block { display: block; }
.pifotopopup-display-none { display: none; }
.pifotopopup-loading { display: block; color: white; font-size: 0.9em; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 3px; border-top: 1px solid white; border-bottom: 1px solid white; padding-left: 22px; background: black url(../../js/pi-popup/imagenes/loader.gif) no-repeat 3px 1px; }
a.pifotopopup-credits,
a.pifotopopup-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 1em; }
a.pifotopopup-credits:hover,
a.pifotopopup-credits:hover i { color: white; background-color: gray; }

/* Alertas */
.alerta { background: #FFFFCC url(ico-info-24-amarillo.gif) no-repeat 15px center; padding: 10px 10px 10px 50px; margin-bottom: 18px; border-bottom: 1px solid #ccc; }
.alerta p { margin: 0;}

/* Tips */
#unitip { top: -1000px; left: -1000px; position:absolute; z-index:1000; color:#fff; font:normal 10px/15px Verdana, Arial, Helvetica, sans-serif; display:none; }
#unitippoint, #unitipmid, #unitipcap { position:relative; top:0px; left:0px; width:145px; display:block; }
#unitippoint { background:url(TipPoint.png) no-repeat; height:19px; overflow:hidden; }
#unitipmid { background:url(TipMid.png) repeat; width:115px; height:auto; padding:5px 15px; }
#unitipcap { background:url(TipCap.png) no-repeat; height:7px; overflow:hidden; }